{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "create-block/content-toggle-block",
  "version": "0.1.0",
  "title": "Content Toggle (Free)",
  "category": "adaire-blocks-free",
  "icon": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_94_154)\">\n<path d=\"M6.27124 14.3164H17.5356L18.4384 16.8014C18.4576 16.8557 18.4922 16.9034 18.5379 16.9386C18.5836 16.9738 18.6384 16.9952 18.6959 17H18.7192C18.7727 17 18.8252 16.9856 18.8712 16.9584C18.9172 16.9312 18.9551 16.8921 18.9808 16.8452L20.1384 14.7397L22.2425 13.5836C22.2944 13.5565 22.3373 13.5148 22.3657 13.4636C22.3942 13.4124 22.4069 13.3539 22.4024 13.2955C22.3979 13.2371 22.3763 13.1814 22.3403 13.1351C22.3043 13.0889 22.2555 13.0543 22.2 13.0356L19.9137 12.2055V10.1384C19.9126 9.30729 19.5824 8.5105 18.9952 7.92233C18.4081 7.33417 17.6119 7.00254 16.7808 7H6.13288C5.30277 7.00253 4.50738 7.33341 3.9204 7.92039C3.33342 8.50737 3.00253 9.30276 3 10.1329V11.0397C2.99928 11.4698 3.08337 11.8957 3.24744 12.2933C3.41151 12.6908 3.65236 13.052 3.95619 13.3564C4.26003 13.6607 4.62089 13.9022 5.01813 14.0669C5.41537 14.2316 5.84119 14.3164 6.27124 14.3164ZM6.21918 13.5534C5.56813 13.5534 4.94375 13.2948 4.48338 12.8344C4.02302 12.3741 3.76439 11.7497 3.76439 11.0986V10.2233C3.76439 9.5726 4.02288 8.94856 4.48298 8.48846C4.94309 8.02835 5.56712 7.76986 6.21781 7.76986H16.6959C17.3466 7.76986 17.9706 8.02835 18.4307 8.48846C18.8908 8.94856 19.1493 9.5726 19.1493 10.2233V11.9315L16.8877 11.1096C16.8343 11.0904 16.7766 11.0867 16.7213 11.0991C16.666 11.1114 16.6153 11.1393 16.5753 11.1794C16.5352 11.2195 16.5073 11.2701 16.495 11.3254C16.4826 11.3808 16.4863 11.4385 16.5055 11.4918L17.2548 13.5548L6.21918 13.5534ZM19.7808 14.2575C19.7314 14.2851 19.6906 14.3259 19.663 14.3753L18.7822 15.9781L17.2945 11.889L21.3849 13.3753L19.7808 14.2575Z\" fill=\"#D52940\"/>\n<path d=\"M15.6554 10.4425C15.6832 10.4702 15.7162 10.4921 15.7525 10.5071C15.7887 10.522 15.8276 10.5297 15.8668 10.5296C15.9061 10.5296 15.9449 10.5218 15.9812 10.5067C16.0174 10.4916 16.0503 10.4696 16.078 10.4418C16.1057 10.414 16.1277 10.381 16.1426 10.3447C16.1576 10.3084 16.1652 10.2696 16.1652 10.2303C16.1651 10.1911 16.1573 10.1522 16.1422 10.116C16.1272 10.0798 16.1051 10.0469 16.0773 10.0192L15.7157 9.65752C15.6597 9.60139 15.5838 9.56979 15.5045 9.56966C15.4253 9.56953 15.3492 9.60089 15.2931 9.65684C15.2369 9.71279 15.2053 9.78874 15.2052 9.868C15.2051 9.94725 15.2364 10.0233 15.2924 10.0794L15.6554 10.4425Z\" fill=\"#D52940\"/>\n<path d=\"M14.954 11.4945H15.4663C15.5455 11.4945 15.6215 11.4631 15.6775 11.4071C15.7335 11.3511 15.7649 11.2751 15.7649 11.1959C15.7649 11.1167 15.7335 11.0407 15.6775 10.9847C15.6215 10.9287 15.5455 10.8973 15.4663 10.8973H14.954C14.8748 10.8973 14.7988 10.9287 14.7428 10.9847C14.6868 11.0407 14.6553 11.1167 14.6553 11.1959C14.6553 11.2751 14.6868 11.3511 14.7428 11.4071C14.7988 11.4631 14.8748 11.4945 14.954 11.4945Z\" fill=\"#D52940\"/>\n<path d=\"M15.6554 11.9507L15.2869 12.3123C15.2369 12.3696 15.2105 12.4438 15.2131 12.5198C15.2156 12.5958 15.247 12.668 15.3008 12.7217C15.3545 12.7755 15.4267 12.8068 15.5027 12.8094C15.5787 12.812 15.6529 12.7856 15.7102 12.7356L16.0718 12.3726C16.1237 12.3159 16.1518 12.2413 16.1501 12.1644C16.1484 12.0875 16.1171 12.0142 16.0627 11.9598C16.0083 11.9054 15.935 11.8741 15.8581 11.8724C15.7812 11.8707 15.7066 11.8987 15.6499 11.9507H15.6554Z\" fill=\"#D52940\"/>\n<path d=\"M16.8321 10.1301C16.9114 10.1298 16.9874 10.098 17.0433 10.0418C17.0993 9.98556 17.1307 9.90946 17.1307 9.83013V9.31917C17.1307 9.23997 17.0992 9.16401 17.0432 9.108C16.9872 9.052 16.9113 9.02054 16.8321 9.02054C16.7529 9.02054 16.6769 9.052 16.6209 9.108C16.5649 9.16401 16.5335 9.23997 16.5335 9.31917V9.83013C16.5333 9.86946 16.5409 9.90844 16.5558 9.94483C16.5707 9.98122 16.5927 10.0143 16.6204 10.0422C16.6482 10.0701 16.6812 10.0922 16.7175 10.1073C16.7538 10.1224 16.7928 10.1301 16.8321 10.1301Z\" fill=\"#D52940\"/>\n<path d=\"M17.7978 10.5301C17.8768 10.5294 17.9525 10.498 18.0087 10.4425L18.3704 10.0795C18.4001 10.0522 18.424 10.0193 18.4407 9.98253C18.4573 9.94581 18.4664 9.90609 18.4673 9.86578C18.4681 9.82547 18.4609 9.78539 18.4458 9.74797C18.4308 9.71055 18.4084 9.67656 18.3799 9.64805C18.3514 9.61953 18.3174 9.59709 18.2799 9.58207C18.2425 9.56705 18.2024 9.55976 18.1621 9.56065C18.1218 9.56154 18.0821 9.57058 18.0454 9.58723C18.0086 9.60389 17.9757 9.6278 17.9484 9.65754L17.5854 10.0192C17.5295 10.0754 17.498 10.1515 17.498 10.2308C17.498 10.3102 17.5295 10.3863 17.5854 10.4425C17.642 10.4983 17.7182 10.5298 17.7978 10.5301Z\" fill=\"#D52940\"/>\n<path d=\"M11.7397 8.84932C11.7397 8.66018 11.5864 8.50685 11.3973 8.50685C11.2081 8.50685 11.0548 8.66018 11.0548 8.84932V12.5479C11.0548 12.7371 11.2081 12.8904 11.3973 12.8904C11.5864 12.8904 11.7397 12.7371 11.7397 12.5479V8.84932Z\" fill=\"#D52940\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_94_154\">\n<rect width=\"24\" height=\"24\" rx=\"5\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>",
  "description": "Display content with pill-style toggles for switching between different states.",
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "customClassName": true
  },
  "textdomain": "content-toggle-block",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "attributes": {
    "blockId": {
      "type": "string",
      "default": ""
    },
    "containerMode": {
      "type": "string",
      "default": "constrained"
    },
    "containerMaxWidth": {
      "type": "object",
      "default": {
        "desktop": {
          "value": 1200,
          "unit": "px"
        },
        "tablet": {
          "value": 100,
          "unit": "%"
        },
        "mobile": {
          "value": 100,
          "unit": "%"
        }
      }
    },
    "toggles": {
      "type": "array",
      "default": [
        {
          "id": "toggle-1",
          "label": "Services"
        },
        {
          "id": "toggle-2",
          "label": "Approach"
        },
        {
          "id": "toggle-3",
          "label": "Outcomes"
        }
      ]
    },
    "activeToggle": {
      "type": "number",
      "default": 0
    },
    "pillStyle": {
      "type": "string",
      "default": "default"
    },
    "pillBackgroundColor": {
      "type": "string",
      "default": "transparent"
    },
    "pillActiveBackgroundColor": {
      "type": "string",
      "default": "#3b82f6"
    },
    "pillTextColor": {
      "type": "string",
      "default": "#94a3b8"
    },
    "pillActiveTextColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "pillBorderColor": {
      "type": "string",
      "default": "#475569"
    },
    "pillActiveBorderColor": {
      "type": "string",
      "default": "#3b82f6"
    },
    "pillBorderRadius": {
      "type": "number",
      "default": 24
    },
    "pillPadding": {
      "type": "object",
      "default": {
        "top": 12,
        "right": 24,
        "bottom": 12,
        "left": 24
      }
    },
    "pillGap": {
      "type": "number",
      "default": 16
    },
    "pillFontSize": {
      "type": "number",
      "default": 16
    },
    "pillFontWeight": {
      "type": "string",
      "default": "500"
    },
    "pillActiveFontWeight": {
      "type": "string",
      "default": "600"
    },
    "contentBackgroundColor": {
      "type": "string",
      "default": "#0a0e27"
    },
    "contentPadding": {
      "type": "object",
      "default": {
        "top": 40,
        "right": 40,
        "bottom": 40,
        "left": 40
      }
    },
    "contentBorderRadius": {
      "type": "number",
      "default": 16
    },
    "contentWidth": {
      "type": "object",
      "default": {
        "desktop": {
          "value": 100,
          "unit": "%"
        },
        "tablet": {
          "value": 100,
          "unit": "%"
        },
        "mobile": {
          "value": 100,
          "unit": "%"
        }
      }
    },
    "togglePosition": {
      "type": "string",
      "default": "top"
    },
    "wrapperBackgroundColor": {
      "type": "string",
      "default": "transparent"
    },
    "wrapperPadding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": 0,
          "right": 0,
          "bottom": 0,
          "left": 0
        },
        "tablet": {
          "top": 0,
          "right": 0,
          "bottom": 0,
          "left": 0
        },
        "mobile": {
          "top": 0,
          "right": 0,
          "bottom": 0,
          "left": 0
        }
      }
    },
    "pillAlign": {
      "type": "string",
      "default": "flex-start"
    },
    "animationDuration": {
      "type": "number",
      "default": 0.5
    },
    "animationEase": {
      "type": "string",
      "default": "power2.out"
    }
  }
}