{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "magical-blocks/progress-bar",
  "version": "2.0.0",
  "title": "Progress Bar",
  "category": "magical-blocks-content",
  "description": "Visual progress bar with animated fill and customizable styles.",
  "keywords": [
    "progress",
    "bar",
    "skill",
    "percentage",
    "loading"
  ],
  "textdomain": "magical-blocks",
  "attributes": {
    "blockId": {
      "type": "string"
    },
    "title": {
      "type": "string",
      "default": ""
    },
    "percentage": {
      "type": "number",
      "default": 75
    },
    "showPercentage": {
      "type": "boolean",
      "default": true
    },
    "percentagePosition": {
      "type": "string",
      "default": "inside"
    },
    "barHeight": {
      "type": "object",
      "default": {
        "desktop": "20px",
        "tablet": "",
        "mobile": ""
      }
    },
    "barColor": {
      "type": "string",
      "default": "#4b1ab3"
    },
    "barGradient": {
      "type": "string",
      "default": ""
    },
    "backgroundColor": {
      "type": "string",
      "default": "#e0e0e0"
    },
    "titleColor": {
      "type": "string",
      "default": "#1e1e1e"
    },
    "percentageColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "borderRadius": {
      "type": "string",
      "default": "10px"
    },
    "animationDuration": {
      "type": "number",
      "default": 1500
    },
    "striped": {
      "type": "boolean",
      "default": true
    },
    "animated": {
      "type": "boolean",
      "default": true
    }
  },
  "supports": {
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "className": true
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}