if (showTooltip && text) {

[36000] Fix | Delete

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

[36001] Fix | Delete

text: text,

[36002] Fix | Delete

placement: "top",

[36003] Fix | Delete

children: children

[36004] Fix | Delete

});

[36005] Fix | Delete

}

[36006] Fix | Delete

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

[36007] Fix | Delete

children: children

[36008] Fix | Delete

});

[36009] Fix | Delete

};

[36010] Fix | Delete

function ToggleGroupControlOptionBase(props, forwardedRef) {

[36011] Fix | Delete

const shouldReduceMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)();

[36012] Fix | Delete

const toggleGroupControlContext = useToggleGroupControlContext();

[36013] Fix | Delete

const id = (0,external_wp_compose_namespaceObject.useInstanceId)(ToggleGroupControlOptionBase, toggleGroupControlContext.baseId || 'toggle-group-control-option-base');

[36014] Fix | Delete

const buttonProps = useContextSystem({

[36015] Fix | Delete

...props,

[36016] Fix | Delete

id

[36017] Fix | Delete

}, 'ToggleGroupControlOptionBase');

[36018] Fix | Delete

const {

[36019] Fix | Delete

isBlock = false,

[36020] Fix | Delete

isDeselectable = false,

[36021] Fix | Delete

size = 'default'

[36022] Fix | Delete

} = toggleGroupControlContext;

[36023] Fix | Delete

const {

[36024] Fix | Delete

className,

[36025] Fix | Delete

isIcon = false,

[36026] Fix | Delete

value,

[36027] Fix | Delete

children,

[36028] Fix | Delete

showTooltip = false,

[36029] Fix | Delete

onFocus: onFocusProp,

[36030] Fix | Delete

...otherButtonProps

[36031] Fix | Delete

} = buttonProps;

[36032] Fix | Delete

const isPressed = toggleGroupControlContext.value === value;

[36033] Fix | Delete

const cx = useCx();

[36034] Fix | Delete

const labelViewClasses = (0,external_wp_element_namespaceObject.useMemo)(() => cx(isBlock && labelBlock), [cx, isBlock]);

[36035] Fix | Delete

const itemClasses = (0,external_wp_element_namespaceObject.useMemo)(() => cx(buttonView({

[36036] Fix | Delete

isDeselectable,

[36037] Fix | Delete

isIcon,

[36038] Fix | Delete

isPressed,

[36039] Fix | Delete

size

[36040] Fix | Delete

}), className), [cx, isDeselectable, isIcon, isPressed, size, className]);

[36041] Fix | Delete

const backdropClasses = (0,external_wp_element_namespaceObject.useMemo)(() => cx(backdropView), [cx]);

[36042] Fix | Delete

const buttonOnClick = () => {

[36043] Fix | Delete

if (isDeselectable && isPressed) {

[36044] Fix | Delete

toggleGroupControlContext.setValue(undefined);

[36045] Fix | Delete

} else {

[36046] Fix | Delete

toggleGroupControlContext.setValue(value);

[36047] Fix | Delete

}

[36048] Fix | Delete

};

[36049] Fix | Delete

const commonProps = {

[36050] Fix | Delete

...otherButtonProps,

[36051] Fix | Delete

className: itemClasses,

[36052] Fix | Delete

'data-value': value,

[36053] Fix | Delete

ref: forwardedRef

[36054] Fix | Delete

};

[36055] Fix | Delete

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

[36056] Fix | Delete

className: labelViewClasses,

[36057] Fix | Delete

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

[36058] Fix | Delete

showTooltip: showTooltip,

[36059] Fix | Delete

text: otherButtonProps['aria-label'],

[36060] Fix | Delete

children: isDeselectable ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {

[36061] Fix | Delete

...commonProps,

[36062] Fix | Delete

onFocus: onFocusProp,

[36063] Fix | Delete

"aria-pressed": isPressed,

[36064] Fix | Delete

type: "button",

[36065] Fix | Delete

onClick: buttonOnClick,

[36066] Fix | Delete

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

[36067] Fix | Delete

children: children

[36068] Fix | Delete

})

[36069] Fix | Delete

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

[36070] Fix | Delete

render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {

[36071] Fix | Delete

type: "button",

[36072] Fix | Delete

...commonProps,

[36073] Fix | Delete

onFocus: event => {

[36074] Fix | Delete

onFocusProp?.(event);

[36075] Fix | Delete

if (event.defaultPrevented) {

[36076] Fix | Delete

return;

[36077] Fix | Delete

}

[36078] Fix | Delete

toggleGroupControlContext.setValue(value);

[36079] Fix | Delete

}

[36080] Fix | Delete

}),

[36081] Fix | Delete

value: value,

[36082] Fix | Delete

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

[36083] Fix | Delete

children: children

[36084] Fix | Delete

})

[36085] Fix | Delete

})

[36086] Fix | Delete

}), isPressed ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(motion.div, {

[36087] Fix | Delete

layout: true,

[36088] Fix | Delete

layoutRoot: true,

[36089] Fix | Delete

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

[36090] Fix | Delete

className: backdropClasses,

[36091] Fix | Delete

transition: shouldReduceMotion ? REDUCED_MOTION_TRANSITION_CONFIG : undefined,

[36092] Fix | Delete

role: "presentation",

[36093] Fix | Delete

layoutId: LAYOUT_ID

[36094] Fix | Delete

})

[36095] Fix | Delete

}) : null]

[36096] Fix | Delete

});

[36097] Fix | Delete

}

[36098] Fix | Delete

[36099] Fix | Delete

/**

[36100] Fix | Delete

* `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,

[36101] Fix | Delete

* generic component for any children of `ToggleGroupControl`.

[36102] Fix | Delete

*

[36103] Fix | Delete

* @example

[36104] Fix | Delete

* ```jsx

[36105] Fix | Delete

* import {

[36106] Fix | Delete

* __experimentalToggleGroupControl as ToggleGroupControl,

[36107] Fix | Delete

* __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,

[36108] Fix | Delete

* } from '@wordpress/components';

[36109] Fix | Delete

*

[36110] Fix | Delete

* function Example() {

[36111] Fix | Delete

* return (

[36112] Fix | Delete

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

[36113] Fix | Delete

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

[36114] Fix | Delete

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

[36115] Fix | Delete

* </ToggleGroupControl>

[36116] Fix | Delete

* );

[36117] Fix | Delete

* }

[36118] Fix | Delete

* ```

[36119] Fix | Delete

*/

[36120] Fix | Delete

const ConnectedToggleGroupControlOptionBase = contextConnect(ToggleGroupControlOptionBase, 'ToggleGroupControlOptionBase');

[36121] Fix | Delete

/* harmony default export */ const toggle_group_control_option_base_component = (ConnectedToggleGroupControlOptionBase);

[36122] Fix | Delete

[36123] Fix | Delete

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

[36124] Fix | Delete

/**

[36125] Fix | Delete

* External dependencies

[36126] Fix | Delete

*/

[36127] Fix | Delete

[36128] Fix | Delete

/**

[36129] Fix | Delete

* WordPress dependencies

[36130] Fix | Delete

*/

[36131] Fix | Delete

[36132] Fix | Delete

[36133] Fix | Delete

/**

[36134] Fix | Delete

* Internal dependencies

[36135] Fix | Delete

*/

[36136] Fix | Delete

[36137] Fix | Delete

[36138] Fix | Delete

[36139] Fix | Delete

[36140] Fix | Delete

function UnforwardedToggleGroupControlOptionIcon(props, ref) {

[36141] Fix | Delete

const {

[36142] Fix | Delete

icon,

[36143] Fix | Delete

label,

[36144] Fix | Delete

...restProps

[36145] Fix | Delete

} = props;

[36146] Fix | Delete

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

[36147] Fix | Delete

...restProps,

[36148] Fix | Delete

isIcon: true,

[36149] Fix | Delete

"aria-label": label,

[36150] Fix | Delete

showTooltip: true,

[36151] Fix | Delete

ref: ref,

[36152] Fix | Delete

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

[36153] Fix | Delete

icon: icon

[36154] Fix | Delete

})

[36155] Fix | Delete

});

[36156] Fix | Delete

}

[36157] Fix | Delete

[36158] Fix | Delete

/**

[36159] Fix | Delete

* `ToggleGroupControlOptionIcon` is a form component which is meant to be used as a

[36160] Fix | Delete

* child of `ToggleGroupControl` and displays an icon.

[36161] Fix | Delete

*

[36162] Fix | Delete

* ```jsx

[36163] Fix | Delete

*

[36164] Fix | Delete

* import {

[36165] Fix | Delete

* __experimentalToggleGroupControl as ToggleGroupControl,

[36166] Fix | Delete

* __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,

[36167] Fix | Delete

* from '@wordpress/components';

[36168] Fix | Delete

* import { formatLowercase, formatUppercase } from '@wordpress/icons';

[36169] Fix | Delete

*

[36170] Fix | Delete

* function Example() {

[36171] Fix | Delete

* return (

[36172] Fix | Delete

* <ToggleGroupControl>

[36173] Fix | Delete

* <ToggleGroupControlOptionIcon

[36174] Fix | Delete

* value="uppercase"

[36175] Fix | Delete

* label="Uppercase"

[36176] Fix | Delete

* icon={ formatUppercase }

[36177] Fix | Delete

* />

[36178] Fix | Delete

* <ToggleGroupControlOptionIcon

[36179] Fix | Delete

* value="lowercase"

[36180] Fix | Delete

* label="Lowercase"

[36181] Fix | Delete

* icon={ formatLowercase }

[36182] Fix | Delete

* />

[36183] Fix | Delete

* </ToggleGroupControl>

[36184] Fix | Delete

* );

[36185] Fix | Delete

* }

[36186] Fix | Delete

* ```

[36187] Fix | Delete

*/

[36188] Fix | Delete

const ToggleGroupControlOptionIcon = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToggleGroupControlOptionIcon);

[36189] Fix | Delete

/* harmony default export */ const toggle_group_control_option_icon_component = (ToggleGroupControlOptionIcon);

[36190] Fix | Delete

[36191] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/border-control/border-control-style-picker/component.js

[36192] Fix | Delete

/**

[36193] Fix | Delete

* WordPress dependencies

[36194] Fix | Delete

*/

[36195] Fix | Delete

[36196] Fix | Delete

[36197] Fix | Delete

[36198] Fix | Delete

/**

[36199] Fix | Delete

* Internal dependencies

[36200] Fix | Delete

*/

[36201] Fix | Delete

[36202] Fix | Delete

[36203] Fix | Delete

[36204] Fix | Delete

const BORDER_STYLES = [{

[36205] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Solid'),

[36206] Fix | Delete

icon: line_solid,

[36207] Fix | Delete

value: 'solid'

[36208] Fix | Delete

}, {

[36209] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Dashed'),

[36210] Fix | Delete

icon: line_dashed,

[36211] Fix | Delete

value: 'dashed'

[36212] Fix | Delete

}, {

[36213] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Dotted'),

[36214] Fix | Delete

icon: line_dotted,

[36215] Fix | Delete

value: 'dotted'

[36216] Fix | Delete

}];

[36217] Fix | Delete

function UnconnectedBorderControlStylePicker({

[36218] Fix | Delete

onChange,

[36219] Fix | Delete

...restProps

[36220] Fix | Delete

}, forwardedRef) {

[36221] Fix | Delete

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

[36222] Fix | Delete

__nextHasNoMarginBottom: true,

[36223] Fix | Delete

__next40pxDefaultSize: true,

[36224] Fix | Delete

ref: forwardedRef,

[36225] Fix | Delete

isDeselectable: true,

[36226] Fix | Delete

onChange: value => {

[36227] Fix | Delete

onChange?.(value);

[36228] Fix | Delete

},

[36229] Fix | Delete

...restProps,

[36230] Fix | Delete

children: BORDER_STYLES.map(borderStyle => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(toggle_group_control_option_icon_component, {

[36231] Fix | Delete

value: borderStyle.value,

[36232] Fix | Delete

icon: borderStyle.icon,

[36233] Fix | Delete

label: borderStyle.label

[36234] Fix | Delete

}, borderStyle.value))

[36235] Fix | Delete

});

[36236] Fix | Delete

}

[36237] Fix | Delete

const BorderControlStylePicker = contextConnect(UnconnectedBorderControlStylePicker, 'BorderControlStylePicker');

[36238] Fix | Delete

/* harmony default export */ const border_control_style_picker_component = (BorderControlStylePicker);

[36239] Fix | Delete

[36240] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-indicator/index.js

[36241] Fix | Delete

/**

[36242] Fix | Delete

* External dependencies

[36243] Fix | Delete

*/

[36244] Fix | Delete

[36245] Fix | Delete

/**

[36246] Fix | Delete

* WordPress dependencies

[36247] Fix | Delete

*/

[36248] Fix | Delete

[36249] Fix | Delete

[36250] Fix | Delete

/**

[36251] Fix | Delete

* Internal dependencies

[36252] Fix | Delete

*/

[36253] Fix | Delete

[36254] Fix | Delete

function UnforwardedColorIndicator(props, forwardedRef) {

[36255] Fix | Delete

const {

[36256] Fix | Delete

className,

[36257] Fix | Delete

colorValue,

[36258] Fix | Delete

...additionalProps

[36259] Fix | Delete

} = props;

[36260] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {

[36261] Fix | Delete

className: dist_clsx('component-color-indicator', className),

[36262] Fix | Delete

style: {

[36263] Fix | Delete

background: colorValue

[36264] Fix | Delete

},

[36265] Fix | Delete

ref: forwardedRef,

[36266] Fix | Delete

...additionalProps

[36267] Fix | Delete

});

[36268] Fix | Delete

}

[36269] Fix | Delete

[36270] Fix | Delete

/**

[36271] Fix | Delete

* ColorIndicator is a React component that renders a specific color in a

[36272] Fix | Delete

* circle. It's often used to summarize a collection of used colors in a child

[36273] Fix | Delete

* component.

[36274] Fix | Delete

*

[36275] Fix | Delete

* ```jsx

[36276] Fix | Delete

* import { ColorIndicator } from '@wordpress/components';

[36277] Fix | Delete

*

[36278] Fix | Delete

* const MyColorIndicator = () => <ColorIndicator colorValue="#0073aa" />;

[36279] Fix | Delete

* ```

[36280] Fix | Delete

*/

[36281] Fix | Delete

const ColorIndicator = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedColorIndicator);

[36282] Fix | Delete

/* harmony default export */ const color_indicator = (ColorIndicator);

[36283] Fix | Delete

[36284] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/colord/plugins/a11y.mjs

[36285] Fix | Delete

var a11y_o=function(o){var t=o/255;return t<.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)},a11y_t=function(t){return.2126*a11y_o(t.r)+.7152*a11y_o(t.g)+.0722*a11y_o(t.b)};/* harmony default export */ function a11y(o){o.prototype.luminance=function(){return o=a11y_t(this.rgba),void 0===(r=2)&&(r=0),void 0===n&&(n=Math.pow(10,r)),Math.round(n*o)/n+0;var o,r,n},o.prototype.contrast=function(r){void 0===r&&(r="#FFF");var n,a,i,e,v,u,d,c=r instanceof o?r:new o(r);return e=this.rgba,v=c.toRgb(),u=a11y_t(e),d=a11y_t(v),n=u>d?(u+.05)/(d+.05):(d+.05)/(u+.05),void 0===(a=2)&&(a=0),void 0===i&&(i=Math.pow(10,a)),Math.floor(i*n)/i+0},o.prototype.isReadable=function(o,t){return void 0===o&&(o="#FFF"),void 0===t&&(t={}),this.contrast(o)>=(e=void 0===(i=(r=t).size)?"normal":i,"AAA"===(a=void 0===(n=r.level)?"AA":n)&&"normal"===e?7:"AA"===a&&"large"===e?3:4.5);var r,n,a,i,e}}

[36286] Fix | Delete

[36287] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dropdown/index.js

[36288] Fix | Delete

/**

[36289] Fix | Delete

* External dependencies

[36290] Fix | Delete

*/

[36291] Fix | Delete

[36292] Fix | Delete

/**

[36293] Fix | Delete

* WordPress dependencies

[36294] Fix | Delete

*/

[36295] Fix | Delete

[36296] Fix | Delete

[36297] Fix | Delete

[36298] Fix | Delete

[36299] Fix | Delete

/**

[36300] Fix | Delete

* Internal dependencies

[36301] Fix | Delete

*/

[36302] Fix | Delete

[36303] Fix | Delete

[36304] Fix | Delete

[36305] Fix | Delete

[36306] Fix | Delete

[36307] Fix | Delete

const UnconnectedDropdown = (props, forwardedRef) => {

[36308] Fix | Delete

const {

[36309] Fix | Delete

renderContent,

[36310] Fix | Delete

renderToggle,

[36311] Fix | Delete

className,

[36312] Fix | Delete

contentClassName,

[36313] Fix | Delete

expandOnMobile,

[36314] Fix | Delete

headerTitle,

[36315] Fix | Delete

focusOnMount,

[36316] Fix | Delete

popoverProps,

[36317] Fix | Delete

onClose,

[36318] Fix | Delete

onToggle,

[36319] Fix | Delete

style,

[36320] Fix | Delete

open,

[36321] Fix | Delete

defaultOpen,

[36322] Fix | Delete

// Deprecated props

[36323] Fix | Delete

position,

[36324] Fix | Delete

// From context system

[36325] Fix | Delete

variant

[36326] Fix | Delete

} = useContextSystem(props, 'Dropdown');

[36327] Fix | Delete

if (position !== undefined) {

[36328] Fix | Delete

external_wp_deprecated_default()('`position` prop in wp.components.Dropdown', {

[36329] Fix | Delete

since: '6.2',

[36330] Fix | Delete

alternative: '`popoverProps.placement` prop',

[36331] Fix | Delete

hint: 'Note that the `position` prop will override any values passed through the `popoverProps.placement` prop.'

[36332] Fix | Delete

});

[36333] Fix | Delete

}

[36334] Fix | Delete

[36335] Fix | Delete

// Use internal state instead of a ref to make sure that the component

[36336] Fix | Delete

// re-renders when the popover's anchor updates.

[36337] Fix | Delete

const [fallbackPopoverAnchor, setFallbackPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);

[36338] Fix | Delete

const containerRef = (0,external_wp_element_namespaceObject.useRef)();

[36339] Fix | Delete

const [isOpen, setIsOpen] = useControlledValue({

[36340] Fix | Delete

defaultValue: defaultOpen,

[36341] Fix | Delete

value: open,

[36342] Fix | Delete

onChange: onToggle

[36343] Fix | Delete

});

[36344] Fix | Delete

[36345] Fix | Delete

/**

[36346] Fix | Delete

* Closes the popover when focus leaves it unless the toggle was pressed or

[36347] Fix | Delete

* focus has moved to a separate dialog. The former is to let the toggle

[36348] Fix | Delete

* handle closing the popover and the latter is to preserve presence in

[36349] Fix | Delete

* case a dialog has opened, allowing focus to return when it's dismissed.

[36350] Fix | Delete

*/

[36351] Fix | Delete

function closeIfFocusOutside() {

[36352] Fix | Delete

if (!containerRef.current) {

[36353] Fix | Delete

return;

[36354] Fix | Delete

}

[36355] Fix | Delete

const {

[36356] Fix | Delete

ownerDocument

[36357] Fix | Delete

} = containerRef.current;

[36358] Fix | Delete

const dialog = ownerDocument?.activeElement?.closest('[role="dialog"]');

[36359] Fix | Delete

if (!containerRef.current.contains(ownerDocument.activeElement) && (!dialog || dialog.contains(containerRef.current))) {

[36360] Fix | Delete

close();

[36361] Fix | Delete

}

[36362] Fix | Delete

}

[36363] Fix | Delete

function close() {

[36364] Fix | Delete

onClose?.();

[36365] Fix | Delete

setIsOpen(false);

[36366] Fix | Delete

}

[36367] Fix | Delete

const args = {

[36368] Fix | Delete

isOpen: !!isOpen,

[36369] Fix | Delete

onToggle: () => setIsOpen(!isOpen),

[36370] Fix | Delete

onClose: close

[36371] Fix | Delete

};

[36372] Fix | Delete

const popoverPropsHaveAnchor = !!popoverProps?.anchor ||

[36373] Fix | Delete

// Note: `anchorRef`, `getAnchorRect` and `anchorRect` are deprecated and

[36374] Fix | Delete

// be removed from `Popover` from WordPress 6.3

[36375] Fix | Delete

!!popoverProps?.anchorRef || !!popoverProps?.getAnchorRect || !!popoverProps?.anchorRect;

[36376] Fix | Delete

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

[36377] Fix | Delete

className: className,

[36378] Fix | Delete

ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([containerRef, forwardedRef, setFallbackPopoverAnchor])

[36379] Fix | Delete

// Some UAs focus the closest focusable parent when the toggle is

[36380] Fix | Delete

// clicked. Making this div focusable ensures such UAs will focus

[36381] Fix | Delete

// it and `closeIfFocusOutside` can tell if the toggle was clicked.

[36382] Fix | Delete

,

[36383] Fix | Delete

tabIndex: -1,

[36384] Fix | Delete

style: style,

[36385] Fix | Delete

children: [renderToggle(args), isOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(popover, {

[36386] Fix | Delete

position: position,

[36387] Fix | Delete

onClose: close,

[36388] Fix | Delete

onFocusOutside: closeIfFocusOutside,

[36389] Fix | Delete

expandOnMobile: expandOnMobile,

[36390] Fix | Delete

headerTitle: headerTitle,

[36391] Fix | Delete

focusOnMount: focusOnMount

[36392] Fix | Delete

// This value is used to ensure that the dropdowns

[36393] Fix | Delete

// align with the editor header by default.

[36394] Fix | Delete

,

[36395] Fix | Delete

offset: 13,

[36396] Fix | Delete

anchor: !popoverPropsHaveAnchor ? fallbackPopoverAnchor : undefined,

[36397] Fix | Delete

variant: variant,

[36398] Fix | Delete

...popoverProps,

[36399] Fix | Delete

className: dist_clsx('components-dropdown__content', popoverProps?.className, contentClassName),

[36400] Fix | Delete

children: renderContent(args)

[36401] Fix | Delete

})]

[36402] Fix | Delete

});

[36403] Fix | Delete

};

[36404] Fix | Delete

[36405] Fix | Delete

/**

[36406] Fix | Delete

* Renders a button that opens a floating content modal when clicked.

[36407] Fix | Delete

*

[36408] Fix | Delete

* ```jsx

[36409] Fix | Delete

* import { Button, Dropdown } from '@wordpress/components';

[36410] Fix | Delete

*

[36411] Fix | Delete

* const MyDropdown = () => (

[36412] Fix | Delete

* <Dropdown

[36413] Fix | Delete

* className="my-container-class-name"

[36414] Fix | Delete

* contentClassName="my-dropdown-content-classname"

[36415] Fix | Delete

* popoverProps={ { placement: 'bottom-start' } }

[36416] Fix | Delete

* renderToggle={ ( { isOpen, onToggle } ) => (

[36417] Fix | Delete

* <Button

[36418] Fix | Delete

* variant="primary"

[36419] Fix | Delete

* onClick={ onToggle }

[36420] Fix | Delete

* aria-expanded={ isOpen }

[36421] Fix | Delete

* >

[36422] Fix | Delete

* Toggle Dropdown!

[36423] Fix | Delete

* </Button>

[36424] Fix | Delete

* ) }

[36425] Fix | Delete

* renderContent={ () => <div>This is the content of the dropdown.</div> }

[36426] Fix | Delete

* />

[36427] Fix | Delete

* );

[36428] Fix | Delete

* ```

[36429] Fix | Delete

*/

[36430] Fix | Delete

const Dropdown = contextConnect(UnconnectedDropdown, 'Dropdown');

[36431] Fix | Delete

/* harmony default export */ const dropdown = (Dropdown);

[36432] Fix | Delete

[36433] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/input-suffix-wrapper.js

[36434] Fix | Delete

/**

[36435] Fix | Delete

* External dependencies

[36436] Fix | Delete

*/

[36437] Fix | Delete

[36438] Fix | Delete

/**

[36439] Fix | Delete

* Internal dependencies

[36440] Fix | Delete

*/

[36441] Fix | Delete

[36442] Fix | Delete

[36443] Fix | Delete

[36444] Fix | Delete

function UnconnectedInputControlSuffixWrapper(props, forwardedRef) {

[36445] Fix | Delete

const derivedProps = useContextSystem(props, 'InputControlSuffixWrapper');

[36446] Fix | Delete

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

[36447] Fix | Delete

marginBottom: 0,

[36448] Fix | Delete

...derivedProps,

[36449] Fix | Delete

ref: forwardedRef

[36450] Fix | Delete

});

[36451] Fix | Delete

}

[36452] Fix | Delete

[36453] Fix | Delete

/**

[36454] Fix | Delete

* A convenience wrapper for the `suffix` when you want to apply

[36455] Fix | Delete

* standard padding in accordance with the size variant.

[36456] Fix | Delete

*

[36457] Fix | Delete

* ```jsx

[36458] Fix | Delete

* import {

[36459] Fix | Delete

* __experimentalInputControl as InputControl,

[36460] Fix | Delete

* __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,

[36461] Fix | Delete

* } from '@wordpress/components';

[36462] Fix | Delete

*

[36463] Fix | Delete

* <InputControl

[36464] Fix | Delete

* suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}

[36465] Fix | Delete

* />

[36466] Fix | Delete

* ```

[36467] Fix | Delete

*/

[36468] Fix | Delete

const InputControlSuffixWrapper = contextConnect(UnconnectedInputControlSuffixWrapper, 'InputControlSuffixWrapper');

[36469] Fix | Delete

/* harmony default export */ const input_suffix_wrapper = (InputControlSuffixWrapper);

[36470] Fix | Delete

[36471] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/select-control/styles/select-control-styles.js

[36472] Fix | Delete

[36473] Fix | Delete

/**

[36474] Fix | Delete

* External dependencies

[36475] Fix | Delete

*/

[36476] Fix | Delete

[36477] Fix | Delete

/**

[36478] Fix | Delete

* Internal dependencies

[36479] Fix | Delete

*/

[36480] Fix | Delete

[36481] Fix | Delete

[36482] Fix | Delete

[36483] Fix | Delete

[36484] Fix | Delete

const select_control_styles_disabledStyles = ({

[36485] Fix | Delete

disabled

[36486] Fix | Delete

}) => {

[36487] Fix | Delete

if (!disabled) {

[36488] Fix | Delete

return '';

[36489] Fix | Delete

}

[36490] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[36491] Fix | Delete

color: COLORS.ui.textDisabled

[36492] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[36493] Fix | Delete

};

[36494] Fix | Delete

const select_control_styles_sizeStyles = ({

[36495] Fix | Delete

__next40pxDefaultSize,

[36496] Fix | Delete

multiple,

[36497] Fix | Delete

selectSize = 'default'

[36498] Fix | Delete

}) => {

[36499] Fix | Delete