{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "magical-blocks/image-box",
  "version": "2.0.0",
  "title": "Image Box",
  "category": "magical-blocks-content",
  "description": "An image with text content in flexible layouts.",
  "keywords": [
    "image",
    "box",
    "media",
    "card",
    "feature"
  ],
  "textdomain": "magical-blocks",
  "attributes": {
    "blockId": {
      "type": "string",
      "default": ""
    },
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageId": {
      "type": "number"
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "title": {
      "type": "string",
      "default": "Image Box Title"
    },
    "description": {
      "type": "string",
      "default": "Add a description for your image box. This text will help explain the feature or content you are highlighting."
    },
    "titleTag": {
      "type": "string",
      "default": "h3"
    },
    "linkUrl": {
      "type": "string",
      "default": ""
    },
    "linkText": {
      "type": "string",
      "default": ""
    },
    "linkTarget": {
      "type": "boolean",
      "default": false
    },
    "layout": {
      "type": "string",
      "default": "top"
    },
    "alignment": {
      "type": "string",
      "default": "left"
    },
    "imageHeight": {
      "type": "object",
      "default": {}
    },
    "imageObjectFit": {
      "type": "string",
      "default": "cover"
    },
    "imageWidth": {
      "type": "object",
      "default": {
        "desktop": "40",
        "tablet": "40",
        "mobile": "100"
      }
    },
    "imageBorderRadius": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0"
        },
        "tablet": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        },
        "mobile": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        }
      }
    },
    "titleColor": {
      "type": "string",
      "default": "#1e1e1e"
    },
    "titleHoverColor": {
      "type": "string",
      "default": ""
    },
    "descriptionColor": {
      "type": "string",
      "default": "#666666"
    },
    "linkColor": {
      "type": "string",
      "default": "#4b1ab3"
    },
    "linkHoverColor": {
      "type": "string",
      "default": "#005bb5"
    },
    "titleTypography": {
      "type": "object",
      "default": {
        "fontFamily": "",
        "fontSize": {
          "desktop": "20",
          "tablet": "18",
          "mobile": "16"
        },
        "fontWeight": "600",
        "lineHeight": "1.4",
        "letterSpacing": "0",
        "textTransform": "none"
      }
    },
    "descriptionTypography": {
      "type": "object",
      "default": {
        "fontFamily": "",
        "fontSize": {
          "desktop": "16",
          "tablet": "15",
          "mobile": "14"
        },
        "fontWeight": "400",
        "lineHeight": "1.6",
        "letterSpacing": "0",
        "textTransform": "none"
      }
    },
    "linkTypography": {
      "type": "object",
      "default": {
        "fontFamily": "",
        "fontSize": {
          "desktop": "15",
          "tablet": "14",
          "mobile": "14"
        },
        "fontWeight": "500",
        "lineHeight": "1.5",
        "letterSpacing": "0",
        "textTransform": "none"
      }
    },
    "boxBackgroundColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "boxHoverBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "boxBorderColor": {
      "type": "string",
      "default": ""
    },
    "boxHoverBorderColor": {
      "type": "string",
      "default": ""
    },
    "boxBorderWidth": {
      "type": "string",
      "default": "0"
    },
    "boxBorderStyle": {
      "type": "string",
      "default": "none"
    },
    "boxBorderRadius": {
      "type": "string",
      "default": "8"
    },
    "boxShadow": {
      "type": "object",
      "default": {
        "enable": true,
        "color": "rgba(0, 0, 0, 0.08)",
        "horizontal": "0",
        "vertical": "2",
        "blur": "8",
        "spread": "0"
      }
    },
    "boxHoverShadow": {
      "type": "object",
      "default": {
        "enable": true,
        "color": "rgba(0, 0, 0, 0.12)",
        "horizontal": "0",
        "vertical": "10",
        "blur": "30",
        "spread": "0"
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "20",
          "right": "20",
          "bottom": "20",
          "left": "20"
        },
        "tablet": {
          "top": "16",
          "right": "16",
          "bottom": "16",
          "left": "16"
        },
        "mobile": {
          "top": "15",
          "right": "15",
          "bottom": "15",
          "left": "15"
        }
      }
    },
    "margin": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0"
        },
        "tablet": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0"
        },
        "mobile": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0"
        }
      }
    },
    "contentGap": {
      "type": "object",
      "default": {
        "desktop": "12",
        "tablet": "10",
        "mobile": "8"
      }
    },
    "titleSpacing": {
      "type": "object",
      "default": {
        "desktop": "12",
        "tablet": "10",
        "mobile": "8"
      }
    },
    "hoverEffect": {
      "type": "string",
      "default": "lift"
    }
  },
  "supports": {
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "className": true,
    "customClassName": true,
    "html": false
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}