*/

[35500] Fix | Delete

[35501] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[35502] Fix | Delete

[35503] Fix | Delete

[35504] Fix | Delete

/**

[35505] Fix | Delete

* WordPress dependencies

[35506] Fix | Delete

*/

[35507] Fix | Delete

[35508] Fix | Delete

[35509] Fix | Delete

[35510] Fix | Delete

/**

[35511] Fix | Delete

* Internal dependencies

[35512] Fix | Delete

*/

[35513] Fix | Delete

[35514] Fix | Delete

[35515] Fix | Delete

[35516] Fix | Delete

[35517] Fix | Delete

function UnforwardedToggleGroupControlAsRadioGroup({

[35518] Fix | Delete

children,

[35519] Fix | Delete

isAdaptiveWidth,

[35520] Fix | Delete

label,

[35521] Fix | Delete

onChange: onChangeProp,

[35522] Fix | Delete

size,

[35523] Fix | Delete

value: valueProp,

[35524] Fix | Delete

id: idProp,

[35525] Fix | Delete

...otherProps

[35526] Fix | Delete

}, forwardedRef) {

[35527] Fix | Delete

const generatedId = (0,external_wp_compose_namespaceObject.useInstanceId)(ToggleGroupControlAsRadioGroup, 'toggle-group-control-as-radio-group');

[35528] Fix | Delete

const baseId = idProp || generatedId;

[35529] Fix | Delete

[35530] Fix | Delete

// Use a heuristic to understand if the component is being used in controlled

[35531] Fix | Delete

// or uncontrolled mode, and consequently:

[35532] Fix | Delete

// - when controlled, convert `undefined` values to `''` (ie. "no value")

[35533] Fix | Delete

// - use the `value` prop as the `defaultValue` when uncontrolled

[35534] Fix | Delete

const {

[35535] Fix | Delete

value,

[35536] Fix | Delete

defaultValue

[35537] Fix | Delete

} = useComputeControlledOrUncontrolledValue(valueProp);

[35538] Fix | Delete

[35539] Fix | Delete

// `useRadioStore`'s `setValue` prop can be called with `null`, while

[35540] Fix | Delete

// the component's `onChange` prop only expects `undefined`

[35541] Fix | Delete

const wrappedOnChangeProp = onChangeProp ? v => {

[35542] Fix | Delete

onChangeProp(v !== null && v !== void 0 ? v : undefined);

[35543] Fix | Delete

} : undefined;

[35544] Fix | Delete

const radio = useRadioStore({

[35545] Fix | Delete

defaultValue,

[35546] Fix | Delete

value,

[35547] Fix | Delete

setValue: wrappedOnChangeProp

[35548] Fix | Delete

});

[35549] Fix | Delete

const selectedValue = radio.useState('value');

[35550] Fix | Delete

const setValue = radio.setValue;

[35551] Fix | Delete

const groupContextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({

[35552] Fix | Delete

baseId,

[35553] Fix | Delete

isBlock: !isAdaptiveWidth,

[35554] Fix | Delete

size,

[35555] Fix | Delete

value: selectedValue,

[35556] Fix | Delete

setValue

[35557] Fix | Delete

}), [baseId, isAdaptiveWidth, size, selectedValue, setValue]);

[35558] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(toggle_group_control_context.Provider, {

[35559] Fix | Delete

value: groupContextValue,

[35560] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(RadioGroup, {

[35561] Fix | Delete

store: radio,

[35562] Fix | Delete

"aria-label": label,

[35563] Fix | Delete

render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {}),

[35564] Fix | Delete

...otherProps,

[35565] Fix | Delete

id: baseId,

[35566] Fix | Delete

ref: forwardedRef,

[35567] Fix | Delete

children: children

[35568] Fix | Delete

})

[35569] Fix | Delete

});

[35570] Fix | Delete

}

[35571] Fix | Delete

const ToggleGroupControlAsRadioGroup = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToggleGroupControlAsRadioGroup);

[35572] Fix | Delete

[35573] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/hooks/use-controlled-value.js

[35574] Fix | Delete

/**

[35575] Fix | Delete

* WordPress dependencies

[35576] Fix | Delete

*/

[35577] Fix | Delete

[35578] Fix | Delete

/**

[35579] Fix | Delete

* Simplified and improved implementation of useControlledState.

[35580] Fix | Delete

*

[35581] Fix | Delete

* @param props

[35582] Fix | Delete

* @param props.defaultValue

[35583] Fix | Delete

* @param props.value

[35584] Fix | Delete

* @param props.onChange

[35585] Fix | Delete

* @return The controlled value and the value setter.

[35586] Fix | Delete

*/

[35587] Fix | Delete

function useControlledValue({

[35588] Fix | Delete

defaultValue,

[35589] Fix | Delete

onChange,

[35590] Fix | Delete

value: valueProp

[35591] Fix | Delete

}) {

[35592] Fix | Delete

const hasValue = typeof valueProp !== 'undefined';

[35593] Fix | Delete

const initialValue = hasValue ? valueProp : defaultValue;

[35594] Fix | Delete

const [state, setState] = (0,external_wp_element_namespaceObject.useState)(initialValue);

[35595] Fix | Delete

const value = hasValue ? valueProp : state;

[35596] Fix | Delete

let setValue;

[35597] Fix | Delete

if (hasValue && typeof onChange === 'function') {

[35598] Fix | Delete

setValue = onChange;

[35599] Fix | Delete

} else if (!hasValue && typeof onChange === 'function') {

[35600] Fix | Delete

setValue = nextValue => {

[35601] Fix | Delete

onChange(nextValue);

[35602] Fix | Delete

setState(nextValue);

[35603] Fix | Delete

};

[35604] Fix | Delete

} else {

[35605] Fix | Delete

setValue = setState;

[35606] Fix | Delete

}

[35607] Fix | Delete

return [value, setValue];

[35608] Fix | Delete

}

[35609] Fix | Delete

[35610] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toggle-group-control/toggle-group-control/as-button-group.js

[35611] Fix | Delete

/**

[35612] Fix | Delete

* WordPress dependencies

[35613] Fix | Delete

*/

[35614] Fix | Delete

[35615] Fix | Delete

[35616] Fix | Delete

[35617] Fix | Delete

/**

[35618] Fix | Delete

* Internal dependencies

[35619] Fix | Delete

*/

[35620] Fix | Delete

[35621] Fix | Delete

[35622] Fix | Delete

[35623] Fix | Delete

[35624] Fix | Delete

[35625] Fix | Delete

function UnforwardedToggleGroupControlAsButtonGroup({

[35626] Fix | Delete

children,

[35627] Fix | Delete

isAdaptiveWidth,

[35628] Fix | Delete

label,

[35629] Fix | Delete

onChange,

[35630] Fix | Delete

size,

[35631] Fix | Delete

value: valueProp,

[35632] Fix | Delete

id: idProp,

[35633] Fix | Delete

...otherProps

[35634] Fix | Delete

}, forwardedRef) {

[35635] Fix | Delete

const generatedId = (0,external_wp_compose_namespaceObject.useInstanceId)(ToggleGroupControlAsButtonGroup, 'toggle-group-control-as-button-group');

[35636] Fix | Delete

const baseId = idProp || generatedId;

[35637] Fix | Delete

[35638] Fix | Delete

// Use a heuristic to understand if the component is being used in controlled

[35639] Fix | Delete

// or uncontrolled mode, and consequently:

[35640] Fix | Delete

// - when controlled, convert `undefined` values to `''` (ie. "no value")

[35641] Fix | Delete

// - use the `value` prop as the `defaultValue` when uncontrolled

[35642] Fix | Delete

const {

[35643] Fix | Delete

value,

[35644] Fix | Delete

defaultValue

[35645] Fix | Delete

} = useComputeControlledOrUncontrolledValue(valueProp);

[35646] Fix | Delete

const [selectedValue, setSelectedValue] = useControlledValue({

[35647] Fix | Delete

defaultValue,

[35648] Fix | Delete

value,

[35649] Fix | Delete

onChange

[35650] Fix | Delete

});

[35651] Fix | Delete

const groupContextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({

[35652] Fix | Delete

baseId,

[35653] Fix | Delete

value: selectedValue,

[35654] Fix | Delete

setValue: setSelectedValue,

[35655] Fix | Delete

isBlock: !isAdaptiveWidth,

[35656] Fix | Delete

isDeselectable: true,

[35657] Fix | Delete

size

[35658] Fix | Delete

}), [baseId, selectedValue, setSelectedValue, isAdaptiveWidth, size]);

[35659] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(toggle_group_control_context.Provider, {

[35660] Fix | Delete

value: groupContextValue,

[35661] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[35662] Fix | Delete

"aria-label": label,

[35663] Fix | Delete

...otherProps,

[35664] Fix | Delete

ref: forwardedRef,

[35665] Fix | Delete

role: "group",

[35666] Fix | Delete

children: children

[35667] Fix | Delete

})

[35668] Fix | Delete

});

[35669] Fix | Delete

}

[35670] Fix | Delete

const ToggleGroupControlAsButtonGroup = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToggleGroupControlAsButtonGroup);

[35671] Fix | Delete

[35672] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toggle-group-control/toggle-group-control/component.js

[35673] Fix | Delete

/**

[35674] Fix | Delete

* External dependencies

[35675] Fix | Delete

*/

[35676] Fix | Delete

[35677] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[35678] Fix | Delete

[35679] Fix | Delete

[35680] Fix | Delete

/**

[35681] Fix | Delete

* WordPress dependencies

[35682] Fix | Delete

*/

[35683] Fix | Delete

[35684] Fix | Delete

[35685] Fix | Delete

[35686] Fix | Delete

/**

[35687] Fix | Delete

* Internal dependencies

[35688] Fix | Delete

*/

[35689] Fix | Delete

[35690] Fix | Delete

[35691] Fix | Delete

[35692] Fix | Delete

[35693] Fix | Delete

[35694] Fix | Delete

[35695] Fix | Delete

[35696] Fix | Delete

[35697] Fix | Delete

[35698] Fix | Delete

[35699] Fix | Delete

function UnconnectedToggleGroupControl(props, forwardedRef) {

[35700] Fix | Delete

const {

[35701] Fix | Delete

__nextHasNoMarginBottom = false,

[35702] Fix | Delete

__next40pxDefaultSize = false,

[35703] Fix | Delete

className,

[35704] Fix | Delete

isAdaptiveWidth = false,

[35705] Fix | Delete

isBlock = false,

[35706] Fix | Delete

isDeselectable = false,

[35707] Fix | Delete

label,

[35708] Fix | Delete

hideLabelFromVision = false,

[35709] Fix | Delete

help,

[35710] Fix | Delete

onChange,

[35711] Fix | Delete

size = 'default',

[35712] Fix | Delete

value,

[35713] Fix | Delete

children,

[35714] Fix | Delete

...otherProps

[35715] Fix | Delete

} = useContextSystem(props, 'ToggleGroupControl');

[35716] Fix | Delete

const baseId = (0,external_wp_compose_namespaceObject.useInstanceId)(ToggleGroupControl, 'toggle-group-control');

[35717] Fix | Delete

const normalizedSize = __next40pxDefaultSize && size === 'default' ? '__unstable-large' : size;

[35718] Fix | Delete

const cx = useCx();

[35719] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx(toggleGroupControl({

[35720] Fix | Delete

isBlock,

[35721] Fix | Delete

isDeselectable,

[35722] Fix | Delete

size: normalizedSize

[35723] Fix | Delete

}), isBlock && toggle_group_control_styles_block, className), [className, cx, isBlock, isDeselectable, normalizedSize]);

[35724] Fix | Delete

const MainControl = isDeselectable ? ToggleGroupControlAsButtonGroup : ToggleGroupControlAsRadioGroup;

[35725] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(base_control, {

[35726] Fix | Delete

help: help,

[35727] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[35728] Fix | Delete

children: [!hideLabelFromVision && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(VisualLabelWrapper, {

[35729] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(base_control.VisualLabel, {

[35730] Fix | Delete

children: label

[35731] Fix | Delete

})

[35732] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MainControl, {

[35733] Fix | Delete

...otherProps,

[35734] Fix | Delete

className: classes,

[35735] Fix | Delete

isAdaptiveWidth: isAdaptiveWidth,

[35736] Fix | Delete

label: label,

[35737] Fix | Delete

onChange: onChange,

[35738] Fix | Delete

ref: forwardedRef,

[35739] Fix | Delete

size: normalizedSize,

[35740] Fix | Delete

value: value,

[35741] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LayoutGroup, {

[35742] Fix | Delete

id: baseId,

[35743] Fix | Delete

children: children

[35744] Fix | Delete

})

[35745] Fix | Delete

})]

[35746] Fix | Delete

});

[35747] Fix | Delete

}

[35748] Fix | Delete

[35749] Fix | Delete

/**

[35750] Fix | Delete

* `ToggleGroupControl` is a form component that lets users choose options

[35751] Fix | Delete

* represented in horizontal segments. To render options for this control use

[35752] Fix | Delete

* `ToggleGroupControlOption` component.

[35753] Fix | Delete

*

[35754] Fix | Delete

* This component is intended for selecting a single persistent value from a set of options,

[35755] Fix | Delete

* similar to a how a radio button group would work. If you simply want a toggle to switch between views,

[35756] Fix | Delete

* use a `TabPanel` instead.

[35757] Fix | Delete

*

[35758] Fix | Delete

* Only use this control when you know for sure the labels of items inside won't

[35759] Fix | Delete

* wrap. For items with longer labels, you can consider a `SelectControl` or a

[35760] Fix | Delete

* `CustomSelectControl` component instead.

[35761] Fix | Delete

*

[35762] Fix | Delete

* ```jsx

[35763] Fix | Delete

* import {

[35764] Fix | Delete

* __experimentalToggleGroupControl as ToggleGroupControl,

[35765] Fix | Delete

* __experimentalToggleGroupControlOption as ToggleGroupControlOption,

[35766] Fix | Delete

* } from '@wordpress/components';

[35767] Fix | Delete

*

[35768] Fix | Delete

* function Example() {

[35769] Fix | Delete

* return (

[35770] Fix | Delete

* <ToggleGroupControl label="my label" value="vertical" isBlock>

[35771] Fix | Delete

* <ToggleGroupControlOption value="horizontal" label="Horizontal" />

[35772] Fix | Delete

* <ToggleGroupControlOption value="vertical" label="Vertical" />

[35773] Fix | Delete

* </ToggleGroupControl>

[35774] Fix | Delete

* );

[35775] Fix | Delete

* }

[35776] Fix | Delete

* ```

[35777] Fix | Delete

*/

[35778] Fix | Delete

const ToggleGroupControl = contextConnect(UnconnectedToggleGroupControl, 'ToggleGroupControl');

[35779] Fix | Delete

/* harmony default export */ const toggle_group_control_component = (ToggleGroupControl);

[35780] Fix | Delete

[35781] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/JL6IRDFK.js

[35782] Fix | Delete

"use client";

[35783] Fix | Delete

[35784] Fix | Delete

[35785] Fix | Delete

[35786] Fix | Delete

[35787] Fix | Delete

[35788] Fix | Delete

[35789] Fix | Delete

[35790] Fix | Delete

// src/radio/radio.ts

[35791] Fix | Delete

[35792] Fix | Delete

[35793] Fix | Delete

function getIsChecked(value, storeValue) {

[35794] Fix | Delete

if (storeValue === void 0)

[35795] Fix | Delete

return;

[35796] Fix | Delete

if (value != null && storeValue != null) {

[35797] Fix | Delete

return storeValue === value;

[35798] Fix | Delete

}

[35799] Fix | Delete

return !!storeValue;

[35800] Fix | Delete

}

[35801] Fix | Delete

function isNativeRadio(tagName, type) {

[35802] Fix | Delete

return tagName === "input" && (!type || type === "radio");

[35803] Fix | Delete

}

[35804] Fix | Delete

var useRadio = createHook(

[35805] Fix | Delete

(_a) => {

[35806] Fix | Delete

var _b = _a, { store, name, value, checked } = _b, props = __objRest(_b, ["store", "name", "value", "checked"]);

[35807] Fix | Delete

const context = useRadioContext();

[35808] Fix | Delete

store = store || context;

[35809] Fix | Delete

const id = useId(props.id);

[35810] Fix | Delete

const ref = (0,external_React_.useRef)(null);

[35811] Fix | Delete

const isChecked = useStoreState(

[35812] Fix | Delete

store,

[35813] Fix | Delete

(state) => checked != null ? checked : getIsChecked(value, state == null ? void 0 : state.value)

[35814] Fix | Delete

);

[35815] Fix | Delete

(0,external_React_.useEffect)(() => {

[35816] Fix | Delete

if (!id)

[35817] Fix | Delete

return;

[35818] Fix | Delete

if (!isChecked)

[35819] Fix | Delete

return;

[35820] Fix | Delete

const isActiveItem = (store == null ? void 0 : store.getState().activeId) === id;

[35821] Fix | Delete

if (isActiveItem)

[35822] Fix | Delete

return;

[35823] Fix | Delete

store == null ? void 0 : store.setActiveId(id);

[35824] Fix | Delete

}, [store, isChecked, id]);

[35825] Fix | Delete

const onChangeProp = props.onChange;

[35826] Fix | Delete

const tagName = useTagName(ref, props.as || "input");

[35827] Fix | Delete

const nativeRadio = isNativeRadio(tagName, props.type);

[35828] Fix | Delete

const disabled = disabledFromProps(props);

[35829] Fix | Delete

const [propertyUpdated, schedulePropertyUpdate] = useForceUpdate();

[35830] Fix | Delete

(0,external_React_.useEffect)(() => {

[35831] Fix | Delete

const element = ref.current;

[35832] Fix | Delete

if (!element)

[35833] Fix | Delete

return;

[35834] Fix | Delete

if (nativeRadio)

[35835] Fix | Delete

return;

[35836] Fix | Delete

if (isChecked !== void 0) {

[35837] Fix | Delete

element.checked = isChecked;

[35838] Fix | Delete

}

[35839] Fix | Delete

if (name !== void 0) {

[35840] Fix | Delete

element.name = name;

[35841] Fix | Delete

}

[35842] Fix | Delete

if (value !== void 0) {

[35843] Fix | Delete

element.value = `${value}`;

[35844] Fix | Delete

}

[35845] Fix | Delete

}, [propertyUpdated, nativeRadio, isChecked, name, value]);

[35846] Fix | Delete

const onChange = useEvent((event) => {

[35847] Fix | Delete

if (disabled) {

[35848] Fix | Delete

event.preventDefault();

[35849] Fix | Delete

event.stopPropagation();

[35850] Fix | Delete

return;

[35851] Fix | Delete

}

[35852] Fix | Delete

if (!nativeRadio) {

[35853] Fix | Delete

event.currentTarget.checked = true;

[35854] Fix | Delete

schedulePropertyUpdate();

[35855] Fix | Delete

}

[35856] Fix | Delete

onChangeProp == null ? void 0 : onChangeProp(event);

[35857] Fix | Delete

if (event.defaultPrevented)

[35858] Fix | Delete

return;

[35859] Fix | Delete

store == null ? void 0 : store.setValue(value);

[35860] Fix | Delete

});

[35861] Fix | Delete

const onClickProp = props.onClick;

[35862] Fix | Delete

const onClick = useEvent((event) => {

[35863] Fix | Delete

onClickProp == null ? void 0 : onClickProp(event);

[35864] Fix | Delete

if (event.defaultPrevented)

[35865] Fix | Delete

return;

[35866] Fix | Delete

if (nativeRadio)

[35867] Fix | Delete

return;

[35868] Fix | Delete

onChange(event);

[35869] Fix | Delete

});

[35870] Fix | Delete

const onFocusProp = props.onFocus;

[35871] Fix | Delete

const onFocus = useEvent((event) => {

[35872] Fix | Delete

onFocusProp == null ? void 0 : onFocusProp(event);

[35873] Fix | Delete

if (event.defaultPrevented)

[35874] Fix | Delete

return;

[35875] Fix | Delete

if (!nativeRadio)

[35876] Fix | Delete

return;

[35877] Fix | Delete

if (!store)

[35878] Fix | Delete

return;

[35879] Fix | Delete

const { moves, activeId } = store.getState();

[35880] Fix | Delete

if (!moves)

[35881] Fix | Delete

return;

[35882] Fix | Delete

if (id && activeId !== id)

[35883] Fix | Delete

return;

[35884] Fix | Delete

onChange(event);

[35885] Fix | Delete

});

[35886] Fix | Delete

props = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({

[35887] Fix | Delete

id,

[35888] Fix | Delete

role: !nativeRadio ? "radio" : void 0,

[35889] Fix | Delete

type: nativeRadio ? "radio" : void 0,

[35890] Fix | Delete

"aria-checked": isChecked

[35891] Fix | Delete

}, props), {

[35892] Fix | Delete

ref: useMergeRefs(ref, props.ref),

[35893] Fix | Delete

onChange,

[35894] Fix | Delete

onClick,

[35895] Fix | Delete

onFocus

[35896] Fix | Delete

});

[35897] Fix | Delete

props = useCompositeItem(_4R3V3JGP_spreadValues({ store, clickOnEnter: !nativeRadio }, props));

[35898] Fix | Delete

return _4R3V3JGP_spreadValues({

[35899] Fix | Delete

name: nativeRadio ? name : void 0,

[35900] Fix | Delete

value: nativeRadio ? value : void 0,

[35901] Fix | Delete

checked: isChecked

[35902] Fix | Delete

}, props);

[35903] Fix | Delete

}

[35904] Fix | Delete

);

[35905] Fix | Delete

var Radio = createMemoComponent((props) => {

[35906] Fix | Delete

const htmlProps = useRadio(props);

[35907] Fix | Delete

return _3ORBWXWF_createElement("input", htmlProps);

[35908] Fix | Delete

});

[35909] Fix | Delete

if (false) {}

[35910] Fix | Delete

[35911] Fix | Delete

[35912] Fix | Delete

[35913] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toggle-group-control/toggle-group-control-option-base/styles.js

[35914] Fix | Delete

[35915] Fix | Delete

function toggle_group_control_option_base_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[35916] Fix | Delete

/**

[35917] Fix | Delete

* External dependencies

[35918] Fix | Delete

*/

[35919] Fix | Delete

[35920] Fix | Delete

/**

[35921] Fix | Delete

* Internal dependencies

[35922] Fix | Delete

*/

[35923] Fix | Delete

[35924] Fix | Delete

const LabelView = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[35925] Fix | Delete

target: "et6ln9s1"

[35926] Fix | Delete

} : 0)( true ? {

[35927] Fix | Delete

name: "sln1fl",

[35928] Fix | Delete

styles: "display:inline-flex;max-width:100%;min-width:0;position:relative"

[35929] Fix | Delete

} : 0);

[35930] Fix | Delete

const labelBlock = true ? {

[35931] Fix | Delete

name: "82a6rk",

[35932] Fix | Delete

styles: "flex:1"

[35933] Fix | Delete

} : 0;

[35934] Fix | Delete

const buttonView = ({

[35935] Fix | Delete

isDeselectable,

[35936] Fix | Delete

isIcon,

[35937] Fix | Delete

isPressed,

[35938] Fix | Delete

size

[35939] Fix | Delete

}) => /*#__PURE__*/emotion_react_browser_esm_css("align-items:center;appearance:none;background:transparent;border:none;border-radius:", config_values.controlBorderRadius, ";color:", COLORS.gray[700], ";fill:currentColor;cursor:pointer;display:flex;font-family:inherit;height:100%;justify-content:center;line-height:100%;outline:none;padding:0 12px;position:relative;text-align:center;@media not ( prefers-reduced-motion ){transition:background ", config_values.transitionDurationFast, " linear,color ", config_values.transitionDurationFast, " linear,font-weight 60ms linear;}user-select:none;width:100%;z-index:2;&::-moz-focus-inner{border:0;}&:active{background:", config_values.toggleGroupControlBackgroundColor, ";}", isDeselectable && deselectable, " ", isIcon && isIconStyles({

[35940] Fix | Delete

size

[35941] Fix | Delete

}), " ", isPressed && pressed, ";" + ( true ? "" : 0), true ? "" : 0);

[35942] Fix | Delete

const pressed = /*#__PURE__*/emotion_react_browser_esm_css("color:", COLORS.white, ";&:active{background:transparent;}" + ( true ? "" : 0), true ? "" : 0);

[35943] Fix | Delete

const deselectable = /*#__PURE__*/emotion_react_browser_esm_css("color:", COLORS.gray[900], ";&:focus{box-shadow:inset 0 0 0 1px ", COLORS.white, ",0 0 0 ", config_values.borderWidthFocus, " ", COLORS.theme.accent, ";outline:2px solid transparent;}" + ( true ? "" : 0), true ? "" : 0);

[35944] Fix | Delete

const ButtonContentView = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[35945] Fix | Delete

target: "et6ln9s0"

[35946] Fix | Delete

} : 0)("display:flex;font-size:", config_values.fontSize, ";line-height:1;" + ( true ? "" : 0));

[35947] Fix | Delete

const isIconStyles = ({

[35948] Fix | Delete

size = 'default'

[35949] Fix | Delete

}) => {

[35950] Fix | Delete

const iconButtonSizes = {

[35951] Fix | Delete

default: '30px',

[35952] Fix | Delete

'__unstable-large': '32px'

[35953] Fix | Delete

};

[35954] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css("color:", COLORS.gray[900], ";height:", iconButtonSizes[size], ";aspect-ratio:1;padding-left:0;padding-right:0;" + ( true ? "" : 0), true ? "" : 0);

[35955] Fix | Delete

};

[35956] Fix | Delete

const backdropView = /*#__PURE__*/emotion_react_browser_esm_css("background:", COLORS.gray[900], ";border-radius:", config_values.controlBorderRadius, ";position:absolute;inset:0;z-index:1;outline:2px solid transparent;outline-offset:-3px;" + ( true ? "" : 0), true ? "" : 0);

[35957] Fix | Delete

[35958] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toggle-group-control/toggle-group-control-option-base/component.js

[35959] Fix | Delete

/**

[35960] Fix | Delete

* External dependencies

[35961] Fix | Delete

*/

[35962] Fix | Delete

[35963] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[35964] Fix | Delete

[35965] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[35966] Fix | Delete

[35967] Fix | Delete

[35968] Fix | Delete

/**

[35969] Fix | Delete

* WordPress dependencies

[35970] Fix | Delete

*/

[35971] Fix | Delete

[35972] Fix | Delete

[35973] Fix | Delete

[35974] Fix | Delete

/**

[35975] Fix | Delete

* Internal dependencies

[35976] Fix | Delete

*/

[35977] Fix | Delete

[35978] Fix | Delete

[35979] Fix | Delete

[35980] Fix | Delete

[35981] Fix | Delete

[35982] Fix | Delete

[35983] Fix | Delete

[35984] Fix | Delete

[35985] Fix | Delete

[35986] Fix | Delete

const {

[35987] Fix | Delete

ButtonContentView: component_ButtonContentView,

[35988] Fix | Delete

LabelView: component_LabelView

[35989] Fix | Delete

} = toggle_group_control_option_base_styles_namespaceObject;

[35990] Fix | Delete

const REDUCED_MOTION_TRANSITION_CONFIG = {

[35991] Fix | Delete

duration: 0

[35992] Fix | Delete

};

[35993] Fix | Delete

const LAYOUT_ID = 'toggle-group-backdrop-shared-layout-id';

[35994] Fix | Delete

const WithToolTip = ({

[35995] Fix | Delete

showTooltip,

[35996] Fix | Delete

text,

[35997] Fix | Delete

children

[35998] Fix | Delete

}) => {

[35999] Fix | Delete