{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "axvart/button-widget",
  "title": "Button Widget",
  "category": "widgets",
  "icon": "button",
  "description": "A fully customizable button widget with text and icon-only variations, supporting circular icon-only display.",
  "keywords": [
    "button",
    "widget",
    "cta",
    "icon",
    "customizable"
  ],
  "version": "1.0.0",
  "textdomain": "axvart",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "attributes": {
    "buttonText": {
      "type": "string",
      "default": "Add text..."
    },
    "buttonUrl": {
      "type": "string",
      "default": ""
    },
    "openInNewTab": {
      "type": "boolean",
      "default": false
    },
    "buttonType": {
      "type": "string",
      "default": "text-with-icon"
    },
    "iconType": {
      "type": "string",
      "default": "arrow"
    },
    "customIcon": {
      "type": "string",
      "default": "↗"
    },
    "customIconImageId": {
      "type": "number",
      "default": 0
    },
    "customIconImageUrl": {
      "type": "string",
      "default": ""
    },
    "customIconImageAlt": {
      "type": "string",
      "default": ""
    },
    "backgroundColor": {
      "type": "string",
      "default": "var:preset|color|axvart-light-green"
    },
    "textColor": {
      "type": "string",
      "default": "var:preset|color|axvart-black"
    },
    "iconBackgroundColor": {
      "type": "string",
      "default": "var:preset|color|axvart-black"
    },
    "iconColor": {
      "type": "string",
      "default": "var:preset|color|axvart-white"
    },
    "hoverBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "hoverTextColor": {
      "type": "string",
      "default": ""
    },
    "hoverIconColor": {
      "type": "string",
      "default": ""
    },
    "hoverIconBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "borderRadius": {
      "type": "number",
      "default": 25
    },
    "borderWidth": {
      "type": "number",
      "default": 0
    },
    "borderColor": {
      "type": "string",
      "default": ""
    },
    "fontSize": {
      "type": "number",
      "default": 16
    },
    "fontWeight": {
      "type": "string",
      "default": "600"
    },
    "iconSize": {
      "type": "number",
      "default": 16
    },
    "iconCircleSize": {
      "type": "number",
      "default": 38
    },
    "gap": {
      "type": "number",
      "default": 12
    },
    "padding": {
      "type": "object",
      "default": {
        "top": "5px",
        "right": "5px",
        "bottom": "5px",
        "left": "20px"
      }
    },
    "margin": {
      "type": "object",
      "default": {
        "top": "0px",
        "right": "0px",
        "bottom": "0px",
        "left": "0px"
      }
    },
    "width": {
      "type": "string",
      "default": "fit-content"
    },
    "height": {
      "type": "string",
      "default": "auto"
    },
    "alignment": {
      "type": "string",
      "default": "left"
    },
    "hoverEffect": {
      "type": "boolean",
      "default": true
    },
    "shadowEnabled": {
      "type": "boolean",
      "default": true
    },
    "shadowColor": {
      "type": "string",
      "default": "rgba(0,0,0,0.1)"
    },
    "shadowBlur": {
      "type": "number",
      "default": 4
    },
    "shadowOffsetX": {
      "type": "number",
      "default": 0
    },
    "shadowOffsetY": {
      "type": "number",
      "default": 2
    },
    "emailPlaceholder": {
      "type": "string",
      "default": "Enter Your Email Address"
    },
    "emailInputStyle": {
      "type": "string",
      "default": "white-input-dark-button"
    },
    "formAction": {
      "type": "string",
      "default": ""
    },
    "formMethod": {
      "type": "string",
      "default": "post"
    }
  },
  "supports": {
    "html": true,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true
    },
    "color": {
      "text": true,
      "background": true
    }
  }
}