{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "blynex/button-widget",
  "title": "Customizable Button",
  "category": "blynex-blocks",
  "icon": "button",
  "description": "A fully customizable button block with icon selection, color schemes, sizing, and styling options.",
  "keywords": [
    "button",
    "customizable",
    "icon",
    "cta",
    "link"
  ],
  "version": "1.0.0",
  "textdomain": "blynex",
  "attributes": {
    "buttonText": {
      "type": "string",
      "default": "Click Me"
    },
    "buttonUrl": {
      "type": "string",
      "default": ""
    },
    "linkTarget": {
      "type": "string",
      "default": "_self"
    },
    "rel": {
      "type": "string",
      "default": ""
    },
    "showIcon": {
      "type": "boolean",
      "default": false
    },
    "iconType": {
      "type": "string",
      "default": "predefined"
    },
    "predefinedIcon": {
      "type": "string",
      "default": "arrow-right"
    },
    "customIconSvg": {
      "type": "string",
      "default": ""
    },
    "iconPosition": {
      "type": "string",
      "default": "right"
    },
    "iconSize": {
      "type": "number",
      "default": 16
    },
    "iconGap": {
      "type": "number",
      "default": 8
    },
    "buttonSize": {
      "type": "string",
      "default": "medium"
    },
    "buttonWidth": {
      "type": "string",
      "default": "auto"
    },
    "customWidth": {
      "type": "string",
      "default": "200px"
    },
    "backgroundColor": {
      "type": "string",
      "default": ""
    },
    "textColor": {
      "type": "string",
      "default": ""
    },
    "borderColor": {
      "type": "string",
      "default": ""
    },
    "hoverBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "hoverTextColor": {
      "type": "string",
      "default": ""
    },
    "hoverBorderColor": {
      "type": "string",
      "default": ""
    },
    "iconColor": {
      "type": "string",
      "default": ""
    },
    "hoverIconColor": {
      "type": "string",
      "default": ""
    },
    "fontSize": {
      "type": "string",
      "default": "16px"
    },
    "fontWeight": {
      "type": "string",
      "default": "500"
    },
    "textTransform": {
      "type": "string",
      "default": "none"
    },
    "letterSpacing": {
      "type": "string",
      "default": "normal"
    },
    "borderRadius": {
      "type": "string",
      "default": "8px"
    },
    "borderWidth": {
      "type": "string",
      "default": "1px"
    },
    "borderStyle": {
      "type": "string",
      "default": "solid"
    },
    "padding": {
      "type": "object",
      "default": {
        "top": "12px",
        "right": "24px",
        "bottom": "12px",
        "left": "24px"
      }
    },
    "margin": {
      "type": "object",
      "default": {
        "top": "16px",
        "right": "0px",
        "bottom": "16px",
        "left": "0px"
      }
    },
    "alignment": {
      "type": "string",
      "default": "left"
    },
    "boxShadow": {
      "type": "string",
      "default": "none"
    },
    "hoverBoxShadow": {
      "type": "string",
      "default": "none"
    },
    "transition": {
      "type": "string",
      "default": "all 0.3s ease"
    },
    "gradient": {
      "type": "object",
      "default": {
        "enabled": false,
        "type": "linear",
        "angle": "45deg",
        "colors": []
      }
    },
    "hoverGradient": {
      "type": "object",
      "default": {
        "enabled": false,
        "type": "linear",
        "angle": "45deg",
        "colors": []
      }
    },
    "animation": {
      "type": "object",
      "default": {
        "enabled": false,
        "type": "none",
        "duration": "0.3s",
        "easing": "ease"
      }
    }
  },
  "supports": {
    "html": false,
    "align": [
      "left",
      "center",
      "right",
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true
    },
    "color": {
      "text": true,
      "background": true,
      "gradients": true
    },
    "typography": {
      "fontSize": true,
      "fontWeight": true,
      "textTransform": true,
      "letterSpacing": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    }
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./editor.scss",
  "style": "file:./style.scss"
}