/* harmony default export */ const build_module_tip = (Tip);

[68000] Fix | Delete

[68001] Fix | Delete

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

[68002] Fix | Delete

/**

[68003] Fix | Delete

* External dependencies

[68004] Fix | Delete

*/

[68005] Fix | Delete

[68006] Fix | Delete

[68007] Fix | Delete

[68008] Fix | Delete

/**

[68009] Fix | Delete

* WordPress dependencies

[68010] Fix | Delete

*/

[68011] Fix | Delete

[68012] Fix | Delete

[68013] Fix | Delete

[68014] Fix | Delete

/**

[68015] Fix | Delete

* Internal dependencies

[68016] Fix | Delete

*/

[68017] Fix | Delete

[68018] Fix | Delete

[68019] Fix | Delete

[68020] Fix | Delete

[68021] Fix | Delete

[68022] Fix | Delete

[68023] Fix | Delete

[68024] Fix | Delete

/**

[68025] Fix | Delete

* ToggleControl is used to generate a toggle user interface.

[68026] Fix | Delete

*

[68027] Fix | Delete

* ```jsx

[68028] Fix | Delete

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

[68029] Fix | Delete

* import { useState } from '@wordpress/element';

[68030] Fix | Delete

*

[68031] Fix | Delete

* const MyToggleControl = () => {

[68032] Fix | Delete

* const [ value, setValue ] = useState( false );

[68033] Fix | Delete

*

[68034] Fix | Delete

* return (

[68035] Fix | Delete

* <ToggleControl

[68036] Fix | Delete

* label="Fixed Background"

[68037] Fix | Delete

* checked={ value }

[68038] Fix | Delete

* onChange={ () => setValue( ( state ) => ! state ) }

[68039] Fix | Delete

* />

[68040] Fix | Delete

* );

[68041] Fix | Delete

* };

[68042] Fix | Delete

* ```

[68043] Fix | Delete

*/

[68044] Fix | Delete

[68045] Fix | Delete

[68046] Fix | Delete

function ToggleControl({

[68047] Fix | Delete

__nextHasNoMarginBottom,

[68048] Fix | Delete

label,

[68049] Fix | Delete

checked,

[68050] Fix | Delete

help,

[68051] Fix | Delete

className,

[68052] Fix | Delete

onChange,

[68053] Fix | Delete

disabled

[68054] Fix | Delete

}, ref) {

[68055] Fix | Delete

function onChangeToggle(event) {

[68056] Fix | Delete

onChange(event.target.checked);

[68057] Fix | Delete

}

[68058] Fix | Delete

const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(ToggleControl);

[68059] Fix | Delete

const id = `inspector-toggle-control-${instanceId}`;

[68060] Fix | Delete

const cx = useCx();

[68061] Fix | Delete

const classes = cx('components-toggle-control', className, !__nextHasNoMarginBottom && /*#__PURE__*/emotion_react_browser_esm_css({

[68062] Fix | Delete

marginBottom: space(3)

[68063] Fix | Delete

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

[68064] Fix | Delete

let describedBy, helpLabel;

[68065] Fix | Delete

if (help) {

[68066] Fix | Delete

if (typeof help === 'function') {

[68067] Fix | Delete

// `help` as a function works only for controlled components where

[68068] Fix | Delete

// `checked` is passed down from parent component. Uncontrolled

[68069] Fix | Delete

// component can show only a static help label.

[68070] Fix | Delete

if (checked !== undefined) {

[68071] Fix | Delete

helpLabel = help(checked);

[68072] Fix | Delete

}

[68073] Fix | Delete

} else {

[68074] Fix | Delete

helpLabel = help;

[68075] Fix | Delete

}

[68076] Fix | Delete

if (helpLabel) {

[68077] Fix | Delete

describedBy = id + '__help';

[68078] Fix | Delete

}

[68079] Fix | Delete

}

[68080] Fix | Delete

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

[68081] Fix | Delete

id: id,

[68082] Fix | Delete

help: helpLabel,

[68083] Fix | Delete

className: classes,

[68084] Fix | Delete

__nextHasNoMarginBottom: true,

[68085] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(h_stack_component, {

[68086] Fix | Delete

justify: "flex-start",

[68087] Fix | Delete

spacing: 3,

[68088] Fix | Delete

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

[68089] Fix | Delete

id: id,

[68090] Fix | Delete

checked: checked,

[68091] Fix | Delete

onChange: onChangeToggle,

[68092] Fix | Delete

"aria-describedby": describedBy,

[68093] Fix | Delete

disabled: disabled,

[68094] Fix | Delete

ref: ref

[68095] Fix | Delete

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

[68096] Fix | Delete

as: "label",

[68097] Fix | Delete

htmlFor: id,

[68098] Fix | Delete

className: "components-toggle-control__label",

[68099] Fix | Delete

children: label

[68100] Fix | Delete

})]

[68101] Fix | Delete

})

[68102] Fix | Delete

});

[68103] Fix | Delete

}

[68104] Fix | Delete

/* harmony default export */ const toggle_control = ((0,external_wp_element_namespaceObject.forwardRef)(ToggleControl));

[68105] Fix | Delete

[68106] Fix | Delete

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

[68107] Fix | Delete

"use client";

[68108] Fix | Delete

[68109] Fix | Delete

[68110] Fix | Delete

[68111] Fix | Delete

// src/toolbar/toolbar-context.tsx

[68112] Fix | Delete

var SOK7T35T_ctx = createStoreContext(

[68113] Fix | Delete

[CompositeContextProvider],

[68114] Fix | Delete

[CompositeScopedContextProvider]

[68115] Fix | Delete

);

[68116] Fix | Delete

var useToolbarContext = SOK7T35T_ctx.useContext;

[68117] Fix | Delete

var useToolbarScopedContext = SOK7T35T_ctx.useScopedContext;

[68118] Fix | Delete

var useToolbarProviderContext = SOK7T35T_ctx.useProviderContext;

[68119] Fix | Delete

var ToolbarContextProvider = SOK7T35T_ctx.ContextProvider;

[68120] Fix | Delete

var ToolbarScopedContextProvider = SOK7T35T_ctx.ScopedContextProvider;

[68121] Fix | Delete

[68122] Fix | Delete

[68123] Fix | Delete

[68124] Fix | Delete

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

[68125] Fix | Delete

"use client";

[68126] Fix | Delete

[68127] Fix | Delete

[68128] Fix | Delete

[68129] Fix | Delete

[68130] Fix | Delete

[68131] Fix | Delete

// src/toolbar/toolbar-item.ts

[68132] Fix | Delete

var useToolbarItem = createHook(

[68133] Fix | Delete

(_a) => {

[68134] Fix | Delete

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

[68135] Fix | Delete

const context = useToolbarContext();

[68136] Fix | Delete

store = store || context;

[68137] Fix | Delete

props = useCompositeItem(_4R3V3JGP_spreadValues({ store }, props));

[68138] Fix | Delete

return props;

[68139] Fix | Delete

}

[68140] Fix | Delete

);

[68141] Fix | Delete

var ToolbarItem = createMemoComponent((props) => {

[68142] Fix | Delete

const htmlProps = useToolbarItem(props);

[68143] Fix | Delete

return _3ORBWXWF_createElement("button", htmlProps);

[68144] Fix | Delete

});

[68145] Fix | Delete

if (false) {}

[68146] Fix | Delete

[68147] Fix | Delete

[68148] Fix | Delete

[68149] Fix | Delete

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

[68150] Fix | Delete

/**

[68151] Fix | Delete

* External dependencies

[68152] Fix | Delete

*/

[68153] Fix | Delete

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

[68154] Fix | Delete

[68155] Fix | Delete

/**

[68156] Fix | Delete

* WordPress dependencies

[68157] Fix | Delete

*/

[68158] Fix | Delete

[68159] Fix | Delete

const ToolbarContext = (0,external_wp_element_namespaceObject.createContext)(undefined);

[68160] Fix | Delete

/* harmony default export */ const toolbar_context = (ToolbarContext);

[68161] Fix | Delete

[68162] Fix | Delete

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

[68163] Fix | Delete

/**

[68164] Fix | Delete

* External dependencies

[68165] Fix | Delete

*/

[68166] Fix | Delete

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

[68167] Fix | Delete

[68168] Fix | Delete

/**

[68169] Fix | Delete

* WordPress dependencies

[68170] Fix | Delete

*/

[68171] Fix | Delete

[68172] Fix | Delete

[68173] Fix | Delete

[68174] Fix | Delete

/**

[68175] Fix | Delete

* Internal dependencies

[68176] Fix | Delete

*/

[68177] Fix | Delete

[68178] Fix | Delete

[68179] Fix | Delete

function toolbar_item_ToolbarItem({

[68180] Fix | Delete

children,

[68181] Fix | Delete

as: Component,

[68182] Fix | Delete

...props

[68183] Fix | Delete

}, ref) {

[68184] Fix | Delete

const accessibleToolbarStore = (0,external_wp_element_namespaceObject.useContext)(toolbar_context);

[68185] Fix | Delete

const isRenderProp = typeof children === 'function';

[68186] Fix | Delete

if (!isRenderProp && !Component) {

[68187] Fix | Delete

true ? external_wp_warning_default()('`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' + 'See https://developer.wordpress.org/block-editor/components/toolbar-item/') : 0;

[68188] Fix | Delete

return null;

[68189] Fix | Delete

}

[68190] Fix | Delete

const allProps = {

[68191] Fix | Delete

...props,

[68192] Fix | Delete

ref,

[68193] Fix | Delete

'data-toolbar-item': true

[68194] Fix | Delete

};

[68195] Fix | Delete

if (!accessibleToolbarStore) {

[68196] Fix | Delete

if (Component) {

[68197] Fix | Delete

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

[68198] Fix | Delete

...allProps,

[68199] Fix | Delete

children: children

[68200] Fix | Delete

});

[68201] Fix | Delete

}

[68202] Fix | Delete

if (!isRenderProp) {

[68203] Fix | Delete

return null;

[68204] Fix | Delete

}

[68205] Fix | Delete

return children(allProps);

[68206] Fix | Delete

}

[68207] Fix | Delete

const render = isRenderProp ? children : Component && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Component, {

[68208] Fix | Delete

children: children

[68209] Fix | Delete

});

[68210] Fix | Delete

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

[68211] Fix | Delete

...allProps,

[68212] Fix | Delete

store: accessibleToolbarStore,

[68213] Fix | Delete

render: render

[68214] Fix | Delete

});

[68215] Fix | Delete

}

[68216] Fix | Delete

/* harmony default export */ const toolbar_item = ((0,external_wp_element_namespaceObject.forwardRef)(toolbar_item_ToolbarItem));

[68217] Fix | Delete

[68218] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar-button/toolbar-button-container.js

[68219] Fix | Delete

[68220] Fix | Delete

/**

[68221] Fix | Delete

* Internal dependencies

[68222] Fix | Delete

*/

[68223] Fix | Delete

[68224] Fix | Delete

const ToolbarButtonContainer = ({

[68225] Fix | Delete

children,

[68226] Fix | Delete

className

[68227] Fix | Delete

}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[68228] Fix | Delete

className: className,

[68229] Fix | Delete

children: children

[68230] Fix | Delete

});

[68231] Fix | Delete

/* harmony default export */ const toolbar_button_container = (ToolbarButtonContainer);

[68232] Fix | Delete

[68233] Fix | Delete

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

[68234] Fix | Delete

/**

[68235] Fix | Delete

* External dependencies

[68236] Fix | Delete

*/

[68237] Fix | Delete

[68238] Fix | Delete

/**

[68239] Fix | Delete

* WordPress dependencies

[68240] Fix | Delete

*/

[68241] Fix | Delete

[68242] Fix | Delete

[68243] Fix | Delete

/**

[68244] Fix | Delete

* Internal dependencies

[68245] Fix | Delete

*/

[68246] Fix | Delete

[68247] Fix | Delete

[68248] Fix | Delete

[68249] Fix | Delete

[68250] Fix | Delete

[68251] Fix | Delete

function UnforwardedToolbarButton({

[68252] Fix | Delete

children,

[68253] Fix | Delete

className,

[68254] Fix | Delete

containerClassName,

[68255] Fix | Delete

extraProps,

[68256] Fix | Delete

isActive,

[68257] Fix | Delete

isDisabled,

[68258] Fix | Delete

title,

[68259] Fix | Delete

...props

[68260] Fix | Delete

}, ref) {

[68261] Fix | Delete

const accessibleToolbarState = (0,external_wp_element_namespaceObject.useContext)(toolbar_context);

[68262] Fix | Delete

if (!accessibleToolbarState) {

[68263] Fix | Delete

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

[68264] Fix | Delete

className: containerClassName,

[68265] Fix | Delete

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

[68266] Fix | Delete

ref: ref,

[68267] Fix | Delete

icon: props.icon,

[68268] Fix | Delete

label: title,

[68269] Fix | Delete

shortcut: props.shortcut,

[68270] Fix | Delete

"data-subscript": props.subscript,

[68271] Fix | Delete

onClick: event => {

[68272] Fix | Delete

event.stopPropagation();

[68273] Fix | Delete

// TODO: Possible bug; maybe use onClick instead of props.onClick.

[68274] Fix | Delete

if (props.onClick) {

[68275] Fix | Delete

props.onClick(event);

[68276] Fix | Delete

}

[68277] Fix | Delete

},

[68278] Fix | Delete

className: dist_clsx('components-toolbar__control', className),

[68279] Fix | Delete

isPressed: isActive,

[68280] Fix | Delete

disabled: isDisabled,

[68281] Fix | Delete

"data-toolbar-item": true,

[68282] Fix | Delete

...extraProps,

[68283] Fix | Delete

...props,

[68284] Fix | Delete

children: children

[68285] Fix | Delete

})

[68286] Fix | Delete

});

[68287] Fix | Delete

}

[68288] Fix | Delete

[68289] Fix | Delete

// ToobarItem will pass all props to the render prop child, which will pass

[68290] Fix | Delete

// all props to Button. This means that ToolbarButton has the same API as

[68291] Fix | Delete

// Button.

[68292] Fix | Delete

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

[68293] Fix | Delete

className: dist_clsx('components-toolbar-button', className),

[68294] Fix | Delete

...extraProps,

[68295] Fix | Delete

...props,

[68296] Fix | Delete

ref: ref,

[68297] Fix | Delete

children: toolbarItemProps => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[68298] Fix | Delete

label: title,

[68299] Fix | Delete

isPressed: isActive,

[68300] Fix | Delete

disabled: isDisabled,

[68301] Fix | Delete

...toolbarItemProps,

[68302] Fix | Delete

children: children

[68303] Fix | Delete

})

[68304] Fix | Delete

});

[68305] Fix | Delete

}

[68306] Fix | Delete

[68307] Fix | Delete

/**

[68308] Fix | Delete

* ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar

[68309] Fix | Delete

* or ToolbarGroup when used to create general interfaces.

[68310] Fix | Delete

*

[68311] Fix | Delete

* ```jsx

[68312] Fix | Delete

* import { Toolbar, ToolbarButton } from '@wordpress/components';

[68313] Fix | Delete

* import { edit } from '@wordpress/icons';

[68314] Fix | Delete

*

[68315] Fix | Delete

* function MyToolbar() {

[68316] Fix | Delete

* return (

[68317] Fix | Delete

* <Toolbar label="Options">

[68318] Fix | Delete

* <ToolbarButton

[68319] Fix | Delete

* icon={ edit }

[68320] Fix | Delete

* label="Edit"

[68321] Fix | Delete

* onClick={ () => alert( 'Editing' ) }

[68322] Fix | Delete

* />

[68323] Fix | Delete

* </Toolbar>

[68324] Fix | Delete

* );

[68325] Fix | Delete

* }

[68326] Fix | Delete

* ```

[68327] Fix | Delete

*/

[68328] Fix | Delete

const ToolbarButton = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToolbarButton);

[68329] Fix | Delete

/* harmony default export */ const toolbar_button = (ToolbarButton);

[68330] Fix | Delete

[68331] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar-group/toolbar-group-container.js

[68332] Fix | Delete

[68333] Fix | Delete

/**

[68334] Fix | Delete

* Internal dependencies

[68335] Fix | Delete

*/

[68336] Fix | Delete

[68337] Fix | Delete

const ToolbarGroupContainer = ({

[68338] Fix | Delete

className,

[68339] Fix | Delete

children,

[68340] Fix | Delete

...props

[68341] Fix | Delete

}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[68342] Fix | Delete

className: className,

[68343] Fix | Delete

...props,

[68344] Fix | Delete

children: children

[68345] Fix | Delete

});

[68346] Fix | Delete

/* harmony default export */ const toolbar_group_container = (ToolbarGroupContainer);

[68347] Fix | Delete

[68348] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar-group/toolbar-group-collapsed.js

[68349] Fix | Delete

/**

[68350] Fix | Delete

* WordPress dependencies

[68351] Fix | Delete

*/

[68352] Fix | Delete

[68353] Fix | Delete

[68354] Fix | Delete

/**

[68355] Fix | Delete

* Internal dependencies

[68356] Fix | Delete

*/

[68357] Fix | Delete

[68358] Fix | Delete

[68359] Fix | Delete

[68360] Fix | Delete

[68361] Fix | Delete

function ToolbarGroupCollapsed({

[68362] Fix | Delete

controls = [],

[68363] Fix | Delete

toggleProps,

[68364] Fix | Delete

...props

[68365] Fix | Delete

}) {

[68366] Fix | Delete

// It'll contain state if `ToolbarGroup` is being used within

[68367] Fix | Delete

// `<Toolbar label="label" />`

[68368] Fix | Delete

const accessibleToolbarState = (0,external_wp_element_namespaceObject.useContext)(toolbar_context);

[68369] Fix | Delete

const renderDropdownMenu = internalToggleProps => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dropdown_menu, {

[68370] Fix | Delete

controls: controls,

[68371] Fix | Delete

toggleProps: {

[68372] Fix | Delete

...internalToggleProps,

[68373] Fix | Delete

'data-toolbar-item': true

[68374] Fix | Delete

},

[68375] Fix | Delete

...props

[68376] Fix | Delete

});

[68377] Fix | Delete

if (accessibleToolbarState) {

[68378] Fix | Delete

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

[68379] Fix | Delete

...toggleProps,

[68380] Fix | Delete

children: renderDropdownMenu

[68381] Fix | Delete

});

[68382] Fix | Delete

}

[68383] Fix | Delete

return renderDropdownMenu(toggleProps);

[68384] Fix | Delete

}

[68385] Fix | Delete

/* harmony default export */ const toolbar_group_collapsed = (ToolbarGroupCollapsed);

[68386] Fix | Delete

[68387] Fix | Delete

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

[68388] Fix | Delete

/**

[68389] Fix | Delete

* External dependencies

[68390] Fix | Delete

*/

[68391] Fix | Delete

[68392] Fix | Delete

[68393] Fix | Delete

/**

[68394] Fix | Delete

* WordPress dependencies

[68395] Fix | Delete

*/

[68396] Fix | Delete

[68397] Fix | Delete

[68398] Fix | Delete

/**

[68399] Fix | Delete

* Internal dependencies

[68400] Fix | Delete

*/

[68401] Fix | Delete

[68402] Fix | Delete

[68403] Fix | Delete

[68404] Fix | Delete

[68405] Fix | Delete

[68406] Fix | Delete

[68407] Fix | Delete

function isNestedArray(arr) {

[68408] Fix | Delete

return Array.isArray(arr) && Array.isArray(arr[0]);

[68409] Fix | Delete

}

[68410] Fix | Delete

[68411] Fix | Delete

/**

[68412] Fix | Delete

* Renders a collapsible group of controls

[68413] Fix | Delete

*

[68414] Fix | Delete

* The `controls` prop accepts an array of sets. A set is an array of controls.

[68415] Fix | Delete

* Controls have the following shape:

[68416] Fix | Delete

*

[68417] Fix | Delete

* ```

[68418] Fix | Delete

* {

[68419] Fix | Delete

* icon: string,

[68420] Fix | Delete

* title: string,

[68421] Fix | Delete

* subscript: string,

[68422] Fix | Delete

* onClick: Function,

[68423] Fix | Delete

* isActive: boolean,

[68424] Fix | Delete

* isDisabled: boolean

[68425] Fix | Delete

* }

[68426] Fix | Delete

* ```

[68427] Fix | Delete

*

[68428] Fix | Delete

* For convenience it is also possible to pass only an array of controls. It is

[68429] Fix | Delete

* then assumed this is the only set.

[68430] Fix | Delete

*

[68431] Fix | Delete

* Either `controls` or `children` is required, otherwise this components

[68432] Fix | Delete

* renders nothing.

[68433] Fix | Delete

*

[68434] Fix | Delete

* @param props Component props.

[68435] Fix | Delete

* @param [props.controls] The controls to render in this toolbar.

[68436] Fix | Delete

* @param [props.children] Any other things to render inside the toolbar besides the controls.

[68437] Fix | Delete

* @param [props.className] Class to set on the container div.

[68438] Fix | Delete

* @param [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.

[68439] Fix | Delete

* @param [props.title] ARIA label for dropdown menu if is collapsed.

[68440] Fix | Delete

*/

[68441] Fix | Delete

function ToolbarGroup({

[68442] Fix | Delete

controls = [],

[68443] Fix | Delete

children,

[68444] Fix | Delete

className,

[68445] Fix | Delete

isCollapsed,

[68446] Fix | Delete

title,

[68447] Fix | Delete

...props

[68448] Fix | Delete

}) {

[68449] Fix | Delete

// It'll contain state if `ToolbarGroup` is being used within

[68450] Fix | Delete

// `<Toolbar label="label" />`

[68451] Fix | Delete

const accessibleToolbarState = (0,external_wp_element_namespaceObject.useContext)(toolbar_context);

[68452] Fix | Delete

if ((!controls || !controls.length) && !children) {

[68453] Fix | Delete

return null;

[68454] Fix | Delete

}

[68455] Fix | Delete

const finalClassName = dist_clsx(

[68456] Fix | Delete

// Unfortunately, there's legacy code referencing to `.components-toolbar`

[68457] Fix | Delete

// So we can't get rid of it

[68458] Fix | Delete

accessibleToolbarState ? 'components-toolbar-group' : 'components-toolbar', className);

[68459] Fix | Delete

[68460] Fix | Delete

// Normalize controls to nested array of objects (sets of controls)

[68461] Fix | Delete

let controlSets;

[68462] Fix | Delete

if (isNestedArray(controls)) {

[68463] Fix | Delete

controlSets = controls;

[68464] Fix | Delete

} else {

[68465] Fix | Delete

controlSets = [controls];

[68466] Fix | Delete

}

[68467] Fix | Delete

if (isCollapsed) {

[68468] Fix | Delete

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

[68469] Fix | Delete

label: title,

[68470] Fix | Delete

controls: controlSets,

[68471] Fix | Delete

className: finalClassName,

[68472] Fix | Delete

children: children,

[68473] Fix | Delete

...props

[68474] Fix | Delete

});

[68475] Fix | Delete

}

[68476] Fix | Delete

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

[68477] Fix | Delete

className: finalClassName,

[68478] Fix | Delete

...props,

[68479] Fix | Delete

children: [controlSets?.flatMap((controlSet, indexOfSet) => controlSet.map((control, indexOfControl) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(toolbar_button, {

[68480] Fix | Delete

containerClassName: indexOfSet > 0 && indexOfControl === 0 ? 'has-left-divider' : undefined,

[68481] Fix | Delete

...control

[68482] Fix | Delete

}, [indexOfSet, indexOfControl].join()))), children]

[68483] Fix | Delete

});

[68484] Fix | Delete

}

[68485] Fix | Delete

/* harmony default export */ const toolbar_group = (ToolbarGroup);

[68486] Fix | Delete

[68487] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/core/esm/toolbar/toolbar-store.js

[68488] Fix | Delete

"use client";

[68489] Fix | Delete

[68490] Fix | Delete

[68491] Fix | Delete

[68492] Fix | Delete

[68493] Fix | Delete

[68494] Fix | Delete

[68495] Fix | Delete

[68496] Fix | Delete

[68497] Fix | Delete

// src/toolbar/toolbar-store.ts

[68498] Fix | Delete

function createToolbarStore(props = {}) {

[68499] Fix | Delete