{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "caledros-basic-blocks/grid-container",
  "title": "Grid Container",
  "category": "caledros-basic-blocks",
  "icon": "block-default",
  "description": "A responsive layout block that organizes content into adjustable, customizable grid columns.",
  "keywords": ["container, wrapper"],
  "version": "1.0",
  "textdomain": "caledros-basic-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "example": {
    "attributes": {
      "containerBorder": {
        "style": "solid",
        "width": "2px",
        "lightColor": "#000",
        "darkColor": "#fff"
      },
      "numberOfColumns": 4,
      "containerPadding": {
        "top": "20px",
        "right": "20px",
        "bottom": "20px",
        "left": "20px",
        "differentPaddingsEnabled": true,
        "useGlobalPadding": false
      },
      "containerRowGap": "20px",
      "containerColumnGap": "20px"
    },
    "viewportWidth": 900,
    "innerBlocks": [
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      },
      {
        "name": "caledros-basic-blocks/grid-container",
        "attributes": {
          "containerMinHeight": "80px",
          "containerWidth": "100%",
          "containerLightBackgroundColor": "#0E9594",
          "containerBorder": {
            "style": "solid",
            "width": "0px",
            "lightColor": "#00000000",
            "darkColor": "#00000000",
            "radius": "10px"
          }
        }
      }
    ]
  },
  "attributes": {
    "containerWidth": {
      "type": "string",
      "default": "100%"
    },
    "numberOfColumns": {
      "type": "number",
      "default": 1
    },
    "numberOfColumnsTablet": {
      "type": "number",
      "default": 1
    },
    "numberOfColumnsMobile": {
      "type": "number",
      "default": 1
    },
    "containerMinHeight": {
      "type": "string",
      "default": "auto"
    },
    "containerLightBackgroundColor": {
      "type": "string",
      "default": "#00000000"
    },
    "containerDarkBackgroundColor": {
      "type": "string",
      "default": "#00000000"
    },
    "containerRowGap": {
      "type": "string",
      "default": "normal"
    },
    "containerColumnGap": {
      "type": "string",
      "default": "normal"
    },
    "containerBackgroundImage": {
      "type": "object",
      "default": {
        "id": 0,
        "alt": "",
        "url": ""
      }
    },
    "containerBgImageFocalPoint": {
      "type": "object",
      "default": { "x": 0.5, "y": 0.5 }
    },
    "containerLightBackgroundGradient": {
      "type": "string",
      "default": ""
    },
    "containerDarkBackgroundGradient": {
      "type": "string",
      "default": ""
    },
    "containerBorder": {
      "type": "object",
      "default": {
        "style": "none",
        "width": "0px",
        "lightColor": "#00000000",
        "darkColor": "#00000000",
        "radius": "0px"
      }
    },
    "containerBoxShadow": {
      "type": "object",
      "default": {
        "enabled": false,
        "hOffset": "10px",
        "vOffset": "10px",
        "blur": "0px",
        "spread": "0px",
        "lightColor": "#000",
        "darkColor": "#f4f4f4",
        "style": ""
      }
    },
    "containerMargin": {
      "type": "object",
      "default": {
        "top": "0px",
        "right": "0px",
        "bottom": "0px",
        "left": "0px",
        "differentMarginsEnabled": false
      }
    },
    "containerPadding": {
      "type": "object",
      "default": {
        "top": "0px",
        "right": "0px",
        "bottom": "0px",
        "left": "0px",
        "differentPaddingsEnabled": false,
        "useGlobalPadding": false
      }
    },
    "containerAlignment": {
      "type": "object",
      "default": {
        "verticalAlignment": "normal",
        "horizontalAlignment": "legacy"
      }
    },
    "containerOverflow": {
      "type": "string",
      "default": "visible"
    },
    "fullWidthMobileEnabled": {
      "type": "boolean",
      "default": false
    },
    "fullWidthTabletEnabled": {
      "type": "boolean",
      "default": false
    },
    "containerBlur": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "10px"
      }
    }
  },
  "supports": {
    "align": false,
    "alignWide": false,
    "className": false,
    "html": false
  }
}