{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "magical-blocks/container",
  "version": "2.0.0",
  "title": "Container",
  "category": "magical-blocks-layout",
  "description": "A flexible container block with full layout and design control, similar to Elementor's Container widget.",
  "keywords": [
    "container",
    "flex",
    "grid",
    "layout",
    "wrapper",
    "box",
    "row",
    "column"
  ],
  "textdomain": "magical-blocks",
  "attributes": {
    "blockId": {
      "type": "string"
    },
    "htmlTag": {
      "type": "string",
      "default": "div"
    },
    "containerWidth": {
      "type": "string",
      "default": "boxed"
    },
    "maxWidth": {
      "type": "object",
      "default": {
        "desktop": "1200px",
        "tablet": "",
        "mobile": ""
      }
    },
    "minHeight": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "flexDirection": {
      "type": "object",
      "default": {
        "desktop": "row",
        "tablet": "",
        "mobile": ""
      }
    },
    "justifyContent": {
      "type": "object",
      "default": {
        "desktop": "flex-start",
        "tablet": "",
        "mobile": ""
      }
    },
    "alignItems": {
      "type": "object",
      "default": {
        "desktop": "stretch",
        "tablet": "",
        "mobile": ""
      }
    },
    "flexWrap": {
      "type": "object",
      "default": {
        "desktop": "wrap",
        "tablet": "",
        "mobile": ""
      }
    },
    "columnGap": {
      "type": "object",
      "default": {
        "desktop": "20px",
        "tablet": "",
        "mobile": ""
      }
    },
    "rowGap": {
      "type": "object",
      "default": {
        "desktop": "20px",
        "tablet": "",
        "mobile": ""
      }
    },
    "backgroundColor": {
      "type": "string",
      "default": ""
    },
    "gradientEnabled": {
      "type": "boolean",
      "default": false
    },
    "gradientColor1": {
      "type": "string",
      "default": "#667eea"
    },
    "gradientColor2": {
      "type": "string",
      "default": "#764ba2"
    },
    "gradientAngle": {
      "type": "number",
      "default": 135
    },
    "backgroundGradient": {
      "type": "string",
      "default": ""
    },
    "backgroundImageUrl": {
      "type": "string",
      "default": ""
    },
    "backgroundImageId": {
      "type": "number"
    },
    "backgroundPosition": {
      "type": "string",
      "default": "center center"
    },
    "backgroundSize": {
      "type": "string",
      "default": "cover"
    },
    "backgroundRepeat": {
      "type": "string",
      "default": "no-repeat"
    },
    "backgroundAttachment": {
      "type": "string",
      "default": "scroll"
    },
    "overlayColor": {
      "type": "string",
      "default": ""
    },
    "overlayGradient": {
      "type": "string",
      "default": ""
    },
    "overlayGradientEnabled": {
      "type": "boolean",
      "default": false
    },
    "overlayGradientColor1": {
      "type": "string",
      "default": "rgba(0,0,0,0.7)"
    },
    "overlayGradientColor2": {
      "type": "string",
      "default": "rgba(0,0,0,0.3)"
    },
    "overlayGradientAngle": {
      "type": "number",
      "default": 180
    },
    "overlayOpacity": {
      "type": "number",
      "default": 50
    },
    "paddingTop": {
      "type": "object",
      "default": {
        "desktop": "10px",
        "tablet": "",
        "mobile": ""
      }
    },
    "paddingRight": {
      "type": "object",
      "default": {
        "desktop": "10px",
        "tablet": "",
        "mobile": ""
      }
    },
    "paddingBottom": {
      "type": "object",
      "default": {
        "desktop": "10px",
        "tablet": "",
        "mobile": ""
      }
    },
    "paddingLeft": {
      "type": "object",
      "default": {
        "desktop": "10px",
        "tablet": "",
        "mobile": ""
      }
    },
    "paddingLinked": {
      "type": "boolean",
      "default": true
    },
    "marginTop": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "marginRight": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "marginBottom": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "marginLeft": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "marginLinked": {
      "type": "boolean",
      "default": true
    },
    "borderStyle": {
      "type": "string",
      "default": ""
    },
    "borderWidth": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": ""
      }
    },
    "borderColor": {
      "type": "string",
      "default": ""
    },
    "borderColorHover": {
      "type": "string",
      "default": ""
    },
    "borderRadius": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        },
        "tablet": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        },
        "mobile": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        }
      }
    },
    "boxShadow": {
      "type": "object",
      "default": {
        "enabled": false,
        "horizontal": 0,
        "vertical": 4,
        "blur": 10,
        "spread": 0,
        "color": "rgba(0,0,0,0.15)",
        "inset": false
      }
    },
    "boxShadowHover": {
      "type": "object",
      "default": {
        "enabled": false,
        "horizontal": 0,
        "vertical": 8,
        "blur": 20,
        "spread": 0,
        "color": "rgba(0,0,0,0.2)",
        "inset": false
      }
    },
    "zIndex": {
      "type": "number",
      "default": null
    },
    "overflow": {
      "type": "string",
      "default": ""
    },
    "transition": {
      "type": "string",
      "default": "all 0.3s ease"
    },
    "customCSS": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "className": true,
    "customClassName": true,
    "color": {
      "background": false,
      "text": false
    }
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}