{
  "version": 3,
  "sources": ["../../../src/components/global-styles/state-control.js"],
  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { check, chevronDown } from '@wordpress/icons';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\n\n/**\n * State control for managing block state styles (hover, focus, etc.).\n * Displays a dropdown menu to select between different states.\n *\n * @param {Object}   props          Component props.\n * @param {Array}    props.states   Array of available states with value and label.\n * @param {string}   props.value    Currently selected state value.\n * @param {Function} props.onChange Callback when selection changes.\n * @return {Element|null} State control component.\n */\nexport default function StateControl( {\n\tstates = [],\n\tvalue = 'default',\n\tonChange,\n} ) {\n\tif ( ! states || states.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst stateOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...states.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\n\tconst getCurrentStateLabel = () => {\n\t\tconst currentOption = stateOptions.find(\n\t\t\t( option ) => option.value === value\n\t\t);\n\t\treturn currentOption?.label || __( 'Default' );\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ chevronDown }\n\t\t\tlabel={ sprintf(\n\t\t\t\t/* translators: %s: Current state (e.g. \"Hover\", \"Focus\") */\n\t\t\t\t__( 'State: %s' ),\n\t\t\t\tgetCurrentStateLabel()\n\t\t\t) }\n\t\t\ttext={ getCurrentStateLabel() }\n\t\t\ttoggleProps={ {\n\t\t\t\tsize: 'compact',\n\t\t\t\tvariant: 'tertiary',\n\t\t\t\ticonPosition: 'right',\n\t\t\t} }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup label={ __( 'State' ) }>\n\t\t\t\t\t{ stateOptions.map( ( option ) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( option.value );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ value === option.value ? check : null }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) ) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],
  "mappings": ";AAGA,SAAS,IAAI,eAAe;AAC5B,SAAS,OAAO,mBAAmB;AACnC,SAAS,cAAc,WAAW,gBAAgB;AAsD5C;AA1CS,SAAR,aAA+B;AAAA,EACrC,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR;AACD,GAAI;AACH,MAAK,CAAE,UAAU,OAAO,WAAW,GAAI;AACtC,WAAO;AAAA,EACR;AAEA,QAAM,eAAe;AAAA,IACpB,EAAE,OAAO,GAAI,SAAU,GAAG,OAAO,UAAU;AAAA,IAC3C,GAAG,OAAO,IAAK,CAAE,WAAa;AAAA,MAC7B,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,IACd,EAAI;AAAA,EACL;AAEA,QAAM,uBAAuB,MAAM;AAClC,UAAM,gBAAgB,aAAa;AAAA,MAClC,CAAE,WAAY,OAAO,UAAU;AAAA,IAChC;AACA,WAAO,eAAe,SAAS,GAAI,SAAU;AAAA,EAC9C;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO;AAAA,MACP,OAAQ;AAAA;AAAA,QAEP,GAAI,WAAY;AAAA,QAChB,qBAAqB;AAAA,MACtB;AAAA,MACA,MAAO,qBAAqB;AAAA,MAC5B,aAAc;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MAEE,WAAE,EAAE,QAAQ,MACb,oBAAC,aAAU,OAAQ,GAAI,OAAQ,GAC5B,uBAAa,IAAK,CAAE,WACrB;AAAA,QAAC;AAAA;AAAA,UAEA,SAAU,MAAM;AACf,qBAAU,OAAO,KAAM;AACvB,oBAAQ;AAAA,UACT;AAAA,UACA,MAAO,UAAU,OAAO,QAAQ,QAAQ;AAAA,UAEtC,iBAAO;AAAA;AAAA,QAPH,OAAO;AAAA,MAQd,CACC,GACH;AAAA;AAAA,EAEF;AAEF;",
  "names": []
}