{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/list",
  "version": "1.0.0",
  "title": "List",
  "category": "bBlocks",
  "description": "A customizable list block with support for icons, custom markers, and flexible layouts.",
  "keywords": [
    "list",
    "list block"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "layout": {
      "type": "object",
      "default": {
        "desktop": {
          "type": "vertical",
          "verticalAlign": "flex-start",
          "horizontalAlign": "flex-start"
        },
        "tablet": {
          "type": "",
          "verticalAlign": "",
          "horizontalAlign": ""
        },
        "mobile": {
          "type": "",
          "verticalAlign": "",
          "horizontalAlign": ""
        }
      }
    },
    "items": {
      "type": "array",
      "default": [
        {
          "text": "List Item",
          "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M448 128l-177.6 0c1 5.2 1.6 10.5 1.6 16l0 16 32 0 144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16zM224 144c0-17.7-14.3-32-32-32c0 0 0 0 0 0l-24 0c-66.3 0-120 53.7-120 120l0 48c0 52.5 33.7 97.1 80.7 113.4c-.5-3.1-.7-6.2-.7-9.4c0-20 9.2-37.9 23.6-49.7c-4.9-9-7.6-19.4-7.6-30.3c0-15.1 5.3-29 14-40c-8.8-11-14-24.9-14-40l0-40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40c0 8.8 7.2 16 16 16s16-7.2 16-16l0-40 0-40zM192 64s0 0 0 0c18 0 34.6 6 48 16l208 0c35.3 0 64 28.7 64 64s-28.7 64-64 64l-82 0c1.3 5.1 2 10.5 2 16c0 25.3-14.7 47.2-36 57.6c2.6 7 4 14.5 4 22.4c0 20-9.2 37.9-23.6 49.7c4.9 9 7.6 19.4 7.6 30.3c0 35.3-28.7 64-64 64l-64 0-24 0C75.2 448 0 372.8 0 280l0-48C0 139.2 75.2 64 168 64l24 0zm64 336c8.8 0 16-7.2 16-16s-7.2-16-16-16l-48 0-16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l64 0zm16-176c0 5.5-.7 10.9-2 16l2 0 32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0 0 16zm-24 64l-40 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l48 0 16 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-24 0z'/></svg>",
          "link": "",
          "newWindow": false,
          "textColor": "",
          "markerColor": ""
        }
      ]
    },
    "marker": {
      "type": "object",
      "default": {
        "markerType": "",
        "position": "",
        "align": "",
        "icon": "",
        "emoji": "👉"
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "lists": {
          "color": "",
          "bg": "",
          "typography": {
            "fontSize": {
              "desktop": "20px",
              "tablet": "",
              "mobile": ""
            }
          },
          "desktop": {
            "gap": {
              "horizontal": "",
              "vertical": ""
            }
          },
          "tablet": {
            "gap": {
              "horizontal": "",
              "vertical": ""
            }
          },
          "mobile": {
            "gap": {
              "horizontal": "",
              "vertical": ""
            }
          }
        },
        "divider": {
          "style": "solid",
          "weight": "5px",
          "width": "100px",
          "color": "#000",
          "isEnabled": false
        },
        "marker": {
          "color": "",
          "size": "",
          "iconSize": "",
          "bg": "",
          "gap": "10px",
          "desktop": {
            "padding": {
              "top": "",
              "bottom": "",
              "left": "",
              "right": ""
            },
            "radius": {
              "top": "",
              "bottom": "",
              "left": "",
              "right": ""
            }
          },
          "tablet": {
            "padding": {
              "top": "",
              "bottom": "",
              "left": "",
              "right": ""
            },
            "radius": {
              "top": "",
              "bottom": "",
              "left": "",
              "right": ""
            }
          },
          "mobile": {
            "padding": {
              "top": "",
              "bottom": "",
              "left": "",
              "right": ""
            },
            "radius": {
              "top": "",
              "bottom": "",
              "left": "",
              "right": ""
            }
          },
          "border": {}
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "react",
    "react-dom"
  ]
}