{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "styble/container",
  "version": "1.0.0",
  "title": "Container",
  "category": "styble",
  "icon": "columns",
  "description": "Unleash boundless creativity with our infinitely customizable containers",
  "supports": {
    "html": false,
    "customClassName": false,
    "anchor": false
  },
  "attributes": {
    "uniqueId": {
      "type": "string",
      "default": ""
    },
    "dynamicCss": {
      "type": "string",
      "default": ""
    },
    "containerWidthType": {
      "type": "string",
      "default": ""
    },
    "contentWidthType": {
      "type": "string",
      "default": "boxed"
    },
    "contentWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 100,
          "Tablet": 100,
          "Mobile": 100
        },
        "unit": {
          "Desktop": "%",
          "Tablet": "%",
          "Mobile": "%"
        }
      }
    },
    "column": {
      "type": "string",
      "default": ""
    },
    "customWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 1200,
          "Tablet": 1024,
          "Mobile": 767
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "rowGap": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 30,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "columnGap": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 30,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "minHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "",
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "equalHeight": {
      "type": "boolean",
      "default": false
    },
    "htmlTag": {
      "type": "string",
      "default": "div"
    },
    "containerPadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "overflow": {
      "type": "string",
      "default": "visible"
    },
    "flexDirection": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "row",
          "Tablet": "",
          "Mobile": "column"
        }
      }
    },
    "alignItems": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "center",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "alignContent": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "center",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "justifyContent": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "center",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "wrap": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "nowrap",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "bgColorType": {
      "type": "string",
      "default": ""
    },
    "bgColor": {
      "type": "string",
      "default": ""
    },
    "bgGradient": {
      "type": "string",
      "default": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
    },
    "bgImage": {
      "type": "object",
      "default": ""
    },
    "bgVideo": {
      "type": "object",
      "default": ""
    },
    "bgImagePositionX": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "",
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "bgImagePositionY": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "",
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "bgImagePosition": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "center",
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "bgImageAttachment": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "scroll",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "bgImageRepeat": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "no-repeat",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "bgImageSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": "cover",
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "overlayOpacity": {
      "type": "object",
      "default": {
        "value": 1
      }
    },
    "bgCustomWidth": {
      "type": "number",
      "default": 100
    },
    "overlayType": {
      "type": "string",
      "default": "none"
    },
    "overlayColor": {
      "type": "string",
      "default": "#FFFFFF75"
    },
    "additionalClass": {
      "type": "string",
      "default": ""
    },
    "htmlAnchor": {
      "type": "string",
      "default": ""
    },
    "overlayGradientColor": {
      "type": "string",
      "default": "linear-gradient(90deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%)"
    },
    "containerMargin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "shadow": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "3",
            "bottom": "6",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "Outset",
          "Tablet": "Outset",
          "Mobile": "Outset"
        },
        "color": "#00000026",
        "hoverColor": ""
      }
    },
    "enableBoxShadow": {
      "type": "boolean",
      "default": false
    },
    "enableIconBoxShadow": {
      "type": "boolean",
      "default": false
    },
    "border": {
      "type": "object",
      "default": {
        "color": "#F4F1ED",
        "style": "solid",
        "hoverColor": "#F4F1ED"
      }
    },
    "borderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "borderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "containerHideOnDesktop": {
      "type": "boolean",
      "default": false
    },
    "containerHideOnTablet": {
      "type": "boolean",
      "default": false
    },
    "containerHideOnMobile": {
      "type": "boolean",
      "default": false
    },
    "isPreview": {
      "type": "boolean",
      "default": false
    }
  },
  "example": {
    "attributes": {
      "isPreview": true
    }
  },
  "textdomain": "styble",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}