{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/flip-box",
  "version": "1.0.0",
  "title": "Flip Box",
  "category": "bloqra",
  "icon": "image-flip-horizontal",
  "description": "A two-sided card that flips on hover or click — front for the teaser, back for the details and a call to action.",
  "keywords": [
    "flip",
    "card",
    "3d",
    "hover",
    "cta"
  ],
  "example": {
    "attributes": {
      "frontIcon": "sparkles",
      "frontHeading": "Hover me",
      "frontText": "Something great is on the other side.",
      "backHeading": "Here it is",
      "backText": "Describe your offer and add a call to action.",
      "buttonText": "Learn more"
    }
  },
  "attributes": {
    "flipDirection": {
      "type": "string",
      "default": "right",
      "enum": [
        "right",
        "left",
        "up",
        "down"
      ]
    },
    "flipTrigger": {
      "type": "string",
      "default": "hover",
      "enum": [
        "hover",
        "click"
      ]
    },
    "height": {
      "type": "string",
      "default": "320px"
    },
    "transitionDuration": {
      "type": "number",
      "default": 600
    },
    "respectReducedMotion": {
      "type": "boolean",
      "default": true
    },
    "contentAlignment": {
      "type": "string",
      "default": "center"
    },
    "contentPadding": {
      "type": "string",
      "default": ""
    },
    "headingLevel": {
      "type": "number",
      "default": 3
    },
    "frontMediaType": {
      "type": "string",
      "default": "icon"
    },
    "frontIcon": {
      "type": "string",
      "default": "star"
    },
    "frontIconSize": {
      "type": "string",
      "default": "48px"
    },
    "frontIconColor": {
      "type": "string",
      "default": ""
    },
    "frontImageId": {
      "type": "number",
      "default": 0
    },
    "frontImageUrl": {
      "type": "string",
      "default": ""
    },
    "frontImageAlt": {
      "type": "string",
      "default": ""
    },
    "frontImageWidth": {
      "type": "string",
      "default": "150px"
    },
    "frontHeading": {
      "type": "string",
      "default": ""
    },
    "frontText": {
      "type": "string",
      "default": ""
    },
    "frontBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "frontTextColor": {
      "type": "string",
      "default": ""
    },
    "backMediaType": {
      "type": "string",
      "default": "none"
    },
    "backIcon": {
      "type": "string",
      "default": "star"
    },
    "backIconSize": {
      "type": "string",
      "default": "48px"
    },
    "backIconColor": {
      "type": "string",
      "default": ""
    },
    "backImageId": {
      "type": "number",
      "default": 0
    },
    "backImageUrl": {
      "type": "string",
      "default": ""
    },
    "backImageAlt": {
      "type": "string",
      "default": ""
    },
    "backImageWidth": {
      "type": "string",
      "default": "150px"
    },
    "backHeading": {
      "type": "string",
      "default": ""
    },
    "backText": {
      "type": "string",
      "default": ""
    },
    "backBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "backTextColor": {
      "type": "string",
      "default": ""
    },
    "showButton": {
      "type": "boolean",
      "default": true
    },
    "buttonText": {
      "type": "string",
      "default": ""
    },
    "buttonUrl": {
      "type": "string",
      "default": ""
    },
    "buttonNewTab": {
      "type": "boolean",
      "default": false
    },
    "buttonRel": {
      "type": "string",
      "default": ""
    },
    "buttonBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "buttonTextColor": {
      "type": "string",
      "default": ""
    },
    "buttonBorderRadius": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "shadow": true,
    "typography": {
      "fontSize": true,
      "__experimentalFontFamily": true,
      "lineHeight": true
    }
  },
  "textdomain": "bloqra",
  "editorScript": [
    "bloqra-icons",
    "file:./index.js"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}