const onDismissNotice = () => {

[64000] Fix | Delete

onDismiss();

[64001] Fix | Delete

onRemove();

[64002] Fix | Delete

};

[64003] Fix | Delete

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

[64004] Fix | Delete

className: classes,

[64005] Fix | Delete

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

[64006] Fix | Delete

children: getStatusLabel(status)

[64007] Fix | Delete

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

[64008] Fix | Delete

className: "components-notice__content",

[64009] Fix | Delete

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

[64010] Fix | Delete

className: "components-notice__actions",

[64011] Fix | Delete

children: actions.map(({

[64012] Fix | Delete

className: buttonCustomClasses,

[64013] Fix | Delete

label,

[64014] Fix | Delete

isPrimary,

[64015] Fix | Delete

variant,

[64016] Fix | Delete

noDefaultClasses = false,

[64017] Fix | Delete

onClick,

[64018] Fix | Delete

url

[64019] Fix | Delete

}, index) => {

[64020] Fix | Delete

let computedVariant = variant;

[64021] Fix | Delete

if (variant !== 'primary' && !noDefaultClasses) {

[64022] Fix | Delete

computedVariant = !url ? 'secondary' : 'link';

[64023] Fix | Delete

}

[64024] Fix | Delete

if (typeof computedVariant === 'undefined' && isPrimary) {

[64025] Fix | Delete

computedVariant = 'primary';

[64026] Fix | Delete

}

[64027] Fix | Delete

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

[64028] Fix | Delete

href: url,

[64029] Fix | Delete

variant: computedVariant,

[64030] Fix | Delete

onClick: url ? undefined : onClick,

[64031] Fix | Delete

className: dist_clsx('components-notice__action', buttonCustomClasses),

[64032] Fix | Delete

children: label

[64033] Fix | Delete

}, index);

[64034] Fix | Delete

})

[64035] Fix | Delete

})]

[64036] Fix | Delete

}), isDismissible && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[64037] Fix | Delete

className: "components-notice__dismiss",

[64038] Fix | Delete

icon: library_close,

[64039] Fix | Delete

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

[64040] Fix | Delete

onClick: onDismissNotice

[64041] Fix | Delete

})]

[64042] Fix | Delete

});

[64043] Fix | Delete

}

[64044] Fix | Delete

/* harmony default export */ const build_module_notice = (Notice);

[64045] Fix | Delete

[64046] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/notice/list.js

[64047] Fix | Delete

/**

[64048] Fix | Delete

* External dependencies

[64049] Fix | Delete

*/

[64050] Fix | Delete

[64051] Fix | Delete

[64052] Fix | Delete

/**

[64053] Fix | Delete

* Internal dependencies

[64054] Fix | Delete

*/

[64055] Fix | Delete

[64056] Fix | Delete

[64057] Fix | Delete

[64058] Fix | Delete

const list_noop = () => {};

[64059] Fix | Delete

[64060] Fix | Delete

/**

[64061] Fix | Delete

* `NoticeList` is a component used to render a collection of notices.

[64062] Fix | Delete

*

[64063] Fix | Delete

*```jsx

[64064] Fix | Delete

* import { Notice, NoticeList } from `@wordpress/components`;

[64065] Fix | Delete

*

[64066] Fix | Delete

* const MyNoticeList = () => {

[64067] Fix | Delete

* const [ notices, setNotices ] = useState( [

[64068] Fix | Delete

* {

[64069] Fix | Delete

* id: 'second-notice',

[64070] Fix | Delete

* content: 'second notice content',

[64071] Fix | Delete

* },

[64072] Fix | Delete

* {

[64073] Fix | Delete

* id: 'fist-notice',

[64074] Fix | Delete

* content: 'first notice content',

[64075] Fix | Delete

* },

[64076] Fix | Delete

* ] );

[64077] Fix | Delete

*

[64078] Fix | Delete

* const removeNotice = ( id ) => {

[64079] Fix | Delete

* setNotices( notices.filter( ( notice ) => notice.id !== id ) );

[64080] Fix | Delete

* };

[64081] Fix | Delete

*

[64082] Fix | Delete

* return <NoticeList notices={ notices } onRemove={ removeNotice } />;

[64083] Fix | Delete

*};

[64084] Fix | Delete

*```

[64085] Fix | Delete

*/

[64086] Fix | Delete

function NoticeList({

[64087] Fix | Delete

notices,

[64088] Fix | Delete

onRemove = list_noop,

[64089] Fix | Delete

className,

[64090] Fix | Delete

children

[64091] Fix | Delete

}) {

[64092] Fix | Delete

const removeNotice = id => () => onRemove(id);

[64093] Fix | Delete

className = dist_clsx('components-notice-list', className);

[64094] Fix | Delete

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

[64095] Fix | Delete

className: className,

[64096] Fix | Delete

children: [children, [...notices].reverse().map(notice => {

[64097] Fix | Delete

const {

[64098] Fix | Delete

content,

[64099] Fix | Delete

...restNotice

[64100] Fix | Delete

} = notice;

[64101] Fix | Delete

return /*#__PURE__*/(0,external_React_.createElement)(build_module_notice, {

[64102] Fix | Delete

...restNotice,

[64103] Fix | Delete

key: notice.id,

[64104] Fix | Delete

onRemove: removeNotice(notice.id)

[64105] Fix | Delete

}, notice.content);

[64106] Fix | Delete

})]

[64107] Fix | Delete

});

[64108] Fix | Delete

}

[64109] Fix | Delete

/* harmony default export */ const list = (NoticeList);

[64110] Fix | Delete

[64111] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/header.js

[64112] Fix | Delete

[64113] Fix | Delete

[64114] Fix | Delete

/**

[64115] Fix | Delete

* Internal dependencies

[64116] Fix | Delete

*/

[64117] Fix | Delete

[64118] Fix | Delete

/**

[64119] Fix | Delete

* `PanelHeader` renders the header for the `Panel`.

[64120] Fix | Delete

* This is used by the `Panel` component under the hood,

[64121] Fix | Delete

* so it does not typically need to be used.

[64122] Fix | Delete

*/

[64123] Fix | Delete

function PanelHeader({

[64124] Fix | Delete

label,

[64125] Fix | Delete

children

[64126] Fix | Delete

}) {

[64127] Fix | Delete

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

[64128] Fix | Delete

className: "components-panel__header",

[64129] Fix | Delete

children: [label && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", {

[64130] Fix | Delete

children: label

[64131] Fix | Delete

}), children]

[64132] Fix | Delete

});

[64133] Fix | Delete

}

[64134] Fix | Delete

/* harmony default export */ const panel_header = (PanelHeader);

[64135] Fix | Delete

[64136] Fix | Delete

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

[64137] Fix | Delete

/**

[64138] Fix | Delete

* External dependencies

[64139] Fix | Delete

*/

[64140] Fix | Delete

[64141] Fix | Delete

[64142] Fix | Delete

/**

[64143] Fix | Delete

* WordPress dependencies

[64144] Fix | Delete

*/

[64145] Fix | Delete

[64146] Fix | Delete

[64147] Fix | Delete

/**

[64148] Fix | Delete

* Internal dependencies

[64149] Fix | Delete

*/

[64150] Fix | Delete

[64151] Fix | Delete

[64152] Fix | Delete

[64153] Fix | Delete

function UnforwardedPanel({

[64154] Fix | Delete

header,

[64155] Fix | Delete

className,

[64156] Fix | Delete

children

[64157] Fix | Delete

}, ref) {

[64158] Fix | Delete

const classNames = dist_clsx(className, 'components-panel');

[64159] Fix | Delete

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

[64160] Fix | Delete

className: classNames,

[64161] Fix | Delete

ref: ref,

[64162] Fix | Delete

children: [header && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(panel_header, {

[64163] Fix | Delete

label: header

[64164] Fix | Delete

}), children]

[64165] Fix | Delete

});

[64166] Fix | Delete

}

[64167] Fix | Delete

[64168] Fix | Delete

/**

[64169] Fix | Delete

* `Panel` expands and collapses multiple sections of content.

[64170] Fix | Delete

*

[64171] Fix | Delete

* ```jsx

[64172] Fix | Delete

* import { Panel, PanelBody, PanelRow } from '@wordpress/components';

[64173] Fix | Delete

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

[64174] Fix | Delete

*

[64175] Fix | Delete

* const MyPanel = () => (

[64176] Fix | Delete

* <Panel header="My Panel">

[64177] Fix | Delete

* <PanelBody title="My Block Settings" icon={ more } initialOpen={ true }>

[64178] Fix | Delete

* <PanelRow>My Panel Inputs and Labels</PanelRow>

[64179] Fix | Delete

* </PanelBody>

[64180] Fix | Delete

* </Panel>

[64181] Fix | Delete

* );

[64182] Fix | Delete

* ```

[64183] Fix | Delete

*/

[64184] Fix | Delete

const Panel = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedPanel);

[64185] Fix | Delete

/* harmony default export */ const panel = (Panel);

[64186] Fix | Delete

[64187] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js

[64188] Fix | Delete

/**

[64189] Fix | Delete

* WordPress dependencies

[64190] Fix | Delete

*/

[64191] Fix | Delete

[64192] Fix | Delete

[64193] Fix | Delete

const chevronUp = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[64194] Fix | Delete

viewBox: "0 0 24 24",

[64195] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[64196] Fix | Delete

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

[64197] Fix | Delete

d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"

[64198] Fix | Delete

})

[64199] Fix | Delete

});

[64200] Fix | Delete

/* harmony default export */ const chevron_up = (chevronUp);

[64201] Fix | Delete

[64202] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/body.js

[64203] Fix | Delete

/**

[64204] Fix | Delete

* External dependencies

[64205] Fix | Delete

*/

[64206] Fix | Delete

[64207] Fix | Delete

[64208] Fix | Delete

/**

[64209] Fix | Delete

* WordPress dependencies

[64210] Fix | Delete

*/

[64211] Fix | Delete

[64212] Fix | Delete

[64213] Fix | Delete

[64214] Fix | Delete

[64215] Fix | Delete

/**

[64216] Fix | Delete

* Internal dependencies

[64217] Fix | Delete

*/

[64218] Fix | Delete

[64219] Fix | Delete

[64220] Fix | Delete

[64221] Fix | Delete

[64222] Fix | Delete

[64223] Fix | Delete

[64224] Fix | Delete

const body_noop = () => {};

[64225] Fix | Delete

function UnforwardedPanelBody(props, ref) {

[64226] Fix | Delete

const {

[64227] Fix | Delete

buttonProps = {},

[64228] Fix | Delete

children,

[64229] Fix | Delete

className,

[64230] Fix | Delete

icon,

[64231] Fix | Delete

initialOpen,

[64232] Fix | Delete

onToggle = body_noop,

[64233] Fix | Delete

opened,

[64234] Fix | Delete

title,

[64235] Fix | Delete

scrollAfterOpen = true

[64236] Fix | Delete

} = props;

[64237] Fix | Delete

const [isOpened, setIsOpened] = use_controlled_state(opened, {

[64238] Fix | Delete

initial: initialOpen === undefined ? true : initialOpen,

[64239] Fix | Delete

fallback: false

[64240] Fix | Delete

});

[64241] Fix | Delete

const nodeRef = (0,external_wp_element_namespaceObject.useRef)(null);

[64242] Fix | Delete

[64243] Fix | Delete

// Defaults to 'smooth' scrolling

[64244] Fix | Delete

// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

[64245] Fix | Delete

const scrollBehavior = (0,external_wp_compose_namespaceObject.useReducedMotion)() ? 'auto' : 'smooth';

[64246] Fix | Delete

const handleOnToggle = event => {

[64247] Fix | Delete

event.preventDefault();

[64248] Fix | Delete

const next = !isOpened;

[64249] Fix | Delete

setIsOpened(next);

[64250] Fix | Delete

onToggle(next);

[64251] Fix | Delete

};

[64252] Fix | Delete

[64253] Fix | Delete

// Ref is used so that the effect does not re-run upon scrollAfterOpen changing value.

[64254] Fix | Delete

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

[64255] Fix | Delete

scrollAfterOpenRef.current = scrollAfterOpen;

[64256] Fix | Delete

// Runs after initial render.

[64257] Fix | Delete

use_update_effect(() => {

[64258] Fix | Delete

if (isOpened && scrollAfterOpenRef.current && nodeRef.current?.scrollIntoView) {

[64259] Fix | Delete

/*

[64260] Fix | Delete

* Scrolls the content into view when visible.

[64261] Fix | Delete

* This improves the UX when there are multiple stacking <PanelBody />

[64262] Fix | Delete

* components in a scrollable container.

[64263] Fix | Delete

*/

[64264] Fix | Delete

nodeRef.current.scrollIntoView({

[64265] Fix | Delete

inline: 'nearest',

[64266] Fix | Delete

block: 'nearest',

[64267] Fix | Delete

behavior: scrollBehavior

[64268] Fix | Delete

});

[64269] Fix | Delete

}

[64270] Fix | Delete

}, [isOpened, scrollBehavior]);

[64271] Fix | Delete

const classes = dist_clsx('components-panel__body', className, {

[64272] Fix | Delete

'is-opened': isOpened

[64273] Fix | Delete

});

[64274] Fix | Delete

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

[64275] Fix | Delete

className: classes,

[64276] Fix | Delete

ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([nodeRef, ref]),

[64277] Fix | Delete

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

[64278] Fix | Delete

icon: icon,

[64279] Fix | Delete

isOpened: Boolean(isOpened),

[64280] Fix | Delete

onClick: handleOnToggle,

[64281] Fix | Delete

title: title,

[64282] Fix | Delete

...buttonProps

[64283] Fix | Delete

}), typeof children === 'function' ? children({

[64284] Fix | Delete

opened: Boolean(isOpened)

[64285] Fix | Delete

}) : isOpened && children]

[64286] Fix | Delete

});

[64287] Fix | Delete

}

[64288] Fix | Delete

const PanelBodyTitle = (0,external_wp_element_namespaceObject.forwardRef)(({

[64289] Fix | Delete

isOpened,

[64290] Fix | Delete

icon,

[64291] Fix | Delete

title,

[64292] Fix | Delete

...props

[64293] Fix | Delete

}, ref) => {

[64294] Fix | Delete

if (!title) {

[64295] Fix | Delete

return null;

[64296] Fix | Delete

}

[64297] Fix | Delete

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

[64298] Fix | Delete

className: "components-panel__body-title",

[64299] Fix | Delete

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

[64300] Fix | Delete

className: "components-panel__body-toggle",

[64301] Fix | Delete

"aria-expanded": isOpened,

[64302] Fix | Delete

ref: ref,

[64303] Fix | Delete

...props,

[64304] Fix | Delete

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

[64305] Fix | Delete

"aria-hidden": "true",

[64306] Fix | Delete

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

[64307] Fix | Delete

className: "components-panel__arrow",

[64308] Fix | Delete

icon: isOpened ? chevron_up : chevron_down

[64309] Fix | Delete

})

[64310] Fix | Delete

}), title, icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {

[64311] Fix | Delete

icon: icon,

[64312] Fix | Delete

className: "components-panel__icon",

[64313] Fix | Delete

size: 20

[64314] Fix | Delete

})]

[64315] Fix | Delete

})

[64316] Fix | Delete

});

[64317] Fix | Delete

});

[64318] Fix | Delete

const PanelBody = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedPanelBody);

[64319] Fix | Delete

/* harmony default export */ const body = (PanelBody);

[64320] Fix | Delete

[64321] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/panel/row.js

[64322] Fix | Delete

/**

[64323] Fix | Delete

* External dependencies

[64324] Fix | Delete

*/

[64325] Fix | Delete

[64326] Fix | Delete

[64327] Fix | Delete

/**

[64328] Fix | Delete

* WordPress dependencies

[64329] Fix | Delete

*/

[64330] Fix | Delete

[64331] Fix | Delete

[64332] Fix | Delete

/**

[64333] Fix | Delete

* Internal dependencies

[64334] Fix | Delete

*/

[64335] Fix | Delete

[64336] Fix | Delete

function UnforwardedPanelRow({

[64337] Fix | Delete

className,

[64338] Fix | Delete

children

[64339] Fix | Delete

}, ref) {

[64340] Fix | Delete

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

[64341] Fix | Delete

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

[64342] Fix | Delete

ref: ref,

[64343] Fix | Delete

children: children

[64344] Fix | Delete

});

[64345] Fix | Delete

}

[64346] Fix | Delete

[64347] Fix | Delete

/**

[64348] Fix | Delete

* `PanelRow` is a generic container for rows within a `PanelBody`.

[64349] Fix | Delete

* It is a flex container with a top margin for spacing.

[64350] Fix | Delete

*/

[64351] Fix | Delete

const PanelRow = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedPanelRow);

[64352] Fix | Delete

/* harmony default export */ const row = (PanelRow);

[64353] Fix | Delete

[64354] Fix | Delete

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

[64355] Fix | Delete

/**

[64356] Fix | Delete

* External dependencies

[64357] Fix | Delete

*/

[64358] Fix | Delete

[64359] Fix | Delete

[64360] Fix | Delete

/**

[64361] Fix | Delete

* WordPress dependencies

[64362] Fix | Delete

*/

[64363] Fix | Delete

[64364] Fix | Delete

[64365] Fix | Delete

[64366] Fix | Delete

[64367] Fix | Delete

[64368] Fix | Delete

/**

[64369] Fix | Delete

* Internal dependencies

[64370] Fix | Delete

*/

[64371] Fix | Delete

[64372] Fix | Delete

[64373] Fix | Delete

[64374] Fix | Delete

const PlaceholderIllustration = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[64375] Fix | Delete

className: "components-placeholder__illustration",

[64376] Fix | Delete

fill: "none",

[64377] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[64378] Fix | Delete

viewBox: "0 0 60 60",

[64379] Fix | Delete

preserveAspectRatio: "none",

[64380] Fix | Delete

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

[64381] Fix | Delete

vectorEffect: "non-scaling-stroke",

[64382] Fix | Delete

d: "M60 60 0 0"

[64383] Fix | Delete

})

[64384] Fix | Delete

});

[64385] Fix | Delete

[64386] Fix | Delete

/**

[64387] Fix | Delete

* Renders a placeholder. Normally used by blocks to render their empty state.

[64388] Fix | Delete

*

[64389] Fix | Delete

* ```jsx

[64390] Fix | Delete

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

[64391] Fix | Delete

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

[64392] Fix | Delete

*

[64393] Fix | Delete

* const MyPlaceholder = () => <Placeholder icon={ more } label="Placeholder" />;

[64394] Fix | Delete

* ```

[64395] Fix | Delete

*/

[64396] Fix | Delete

function Placeholder(props) {

[64397] Fix | Delete

const {

[64398] Fix | Delete

icon,

[64399] Fix | Delete

children,

[64400] Fix | Delete

label,

[64401] Fix | Delete

instructions,

[64402] Fix | Delete

className,

[64403] Fix | Delete

notices,

[64404] Fix | Delete

preview,

[64405] Fix | Delete

isColumnLayout,

[64406] Fix | Delete

withIllustration,

[64407] Fix | Delete

...additionalProps

[64408] Fix | Delete

} = props;

[64409] Fix | Delete

const [resizeListener, {

[64410] Fix | Delete

width

[64411] Fix | Delete

}] = (0,external_wp_compose_namespaceObject.useResizeObserver)();

[64412] Fix | Delete

[64413] Fix | Delete

// Since `useResizeObserver` will report a width of `null` until after the

[64414] Fix | Delete

// first render, avoid applying any modifier classes until width is known.

[64415] Fix | Delete

let modifierClassNames;

[64416] Fix | Delete

if (typeof width === 'number') {

[64417] Fix | Delete

modifierClassNames = {

[64418] Fix | Delete

'is-large': width >= 480,

[64419] Fix | Delete

'is-medium': width >= 160 && width < 480,

[64420] Fix | Delete

'is-small': width < 160

[64421] Fix | Delete

};

[64422] Fix | Delete

}

[64423] Fix | Delete

const classes = dist_clsx('components-placeholder', className, modifierClassNames, withIllustration ? 'has-illustration' : null);

[64424] Fix | Delete

const fieldsetClasses = dist_clsx('components-placeholder__fieldset', {

[64425] Fix | Delete

'is-column-layout': isColumnLayout

[64426] Fix | Delete

});

[64427] Fix | Delete

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

[64428] Fix | Delete

if (instructions) {

[64429] Fix | Delete

(0,external_wp_a11y_namespaceObject.speak)(instructions);

[64430] Fix | Delete

}

[64431] Fix | Delete

}, [instructions]);

[64432] Fix | Delete

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

[64433] Fix | Delete

...additionalProps,

[64434] Fix | Delete

className: classes,

[64435] Fix | Delete

children: [withIllustration ? PlaceholderIllustration : null, resizeListener, notices, preview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[64436] Fix | Delete

className: "components-placeholder__preview",

[64437] Fix | Delete

children: preview

[64438] Fix | Delete

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

[64439] Fix | Delete

className: "components-placeholder__label",

[64440] Fix | Delete

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

[64441] Fix | Delete

icon: icon

[64442] Fix | Delete

}), label]

[64443] Fix | Delete

}), !!instructions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[64444] Fix | Delete

className: "components-placeholder__instructions",

[64445] Fix | Delete

children: instructions

[64446] Fix | Delete

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

[64447] Fix | Delete

className: fieldsetClasses,

[64448] Fix | Delete

children: children

[64449] Fix | Delete

})]

[64450] Fix | Delete

});

[64451] Fix | Delete

}

[64452] Fix | Delete

/* harmony default export */ const placeholder = (Placeholder);

[64453] Fix | Delete

[64454] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/progress-bar/styles.js

[64455] Fix | Delete

[64456] Fix | Delete

function progress_bar_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)."; }

[64457] Fix | Delete

/**

[64458] Fix | Delete

* External dependencies

[64459] Fix | Delete

*/

[64460] Fix | Delete

[64461] Fix | Delete

[64462] Fix | Delete

[64463] Fix | Delete

/**

[64464] Fix | Delete

* Internal dependencies

[64465] Fix | Delete

*/

[64466] Fix | Delete

[64467] Fix | Delete

const animateProgressBar = emotion_react_browser_esm_keyframes({

[64468] Fix | Delete

'0%': {

[64469] Fix | Delete

left: '-50%'

[64470] Fix | Delete

},

[64471] Fix | Delete

'100%': {

[64472] Fix | Delete

left: '100%'

[64473] Fix | Delete

}

[64474] Fix | Delete

});

[64475] Fix | Delete

[64476] Fix | Delete

// Width of the indicator for the indeterminate progress bar

[64477] Fix | Delete

const INDETERMINATE_TRACK_WIDTH = 50;

[64478] Fix | Delete

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

[64479] Fix | Delete

target: "e15u147w2"

[64480] Fix | Delete

} : 0)("position:relative;overflow:hidden;height:", config_values.borderWidthFocus, ";background-color:color-mix(\n\t\tin srgb,\n\t\t", COLORS.theme.foreground, ",\n\t\ttransparent 90%\n\t);border-radius:", config_values.radiusBlockUi, ";outline:2px solid transparent;outline-offset:2px;:where( & ){width:160px;}" + ( true ? "" : 0));

[64481] Fix | Delete

var progress_bar_styles_ref = true ? {

[64482] Fix | Delete

name: "152sa26",

[64483] Fix | Delete

styles: "width:var(--indicator-width);transition:width 0.4s ease-in-out"

[64484] Fix | Delete

} : 0;

[64485] Fix | Delete

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

[64486] Fix | Delete

target: "e15u147w1"

[64487] Fix | Delete

} : 0)("display:inline-block;position:absolute;top:0;height:100%;border-radius:", config_values.radiusBlockUi, ";background-color:color-mix(\n\t\tin srgb,\n\t\t", COLORS.theme.foreground, ",\n\t\ttransparent 10%\n\t);outline:2px solid transparent;outline-offset:-2px;", ({

[64488] Fix | Delete

isIndeterminate

[64489] Fix | Delete

}) => isIndeterminate ? /*#__PURE__*/emotion_react_browser_esm_css({

[64490] Fix | Delete

animationDuration: '1.5s',

[64491] Fix | Delete

animationTimingFunction: 'ease-in-out',

[64492] Fix | Delete

animationIterationCount: 'infinite',

[64493] Fix | Delete

animationName: animateProgressBar,

[64494] Fix | Delete

width: `${INDETERMINATE_TRACK_WIDTH}%`

[64495] Fix | Delete

}, true ? "" : 0, true ? "" : 0) : progress_bar_styles_ref, ";" + ( true ? "" : 0));

[64496] Fix | Delete

const ProgressElement = /*#__PURE__*/emotion_styled_base_browser_esm("progress", true ? {

[64497] Fix | Delete

target: "e15u147w0"

[64498] Fix | Delete

} : 0)( true ? {

[64499] Fix | Delete