duration: 0.2,

[58000] Fix | Delete

delay: 0,

[58001] Fix | Delete

delayChildren: 0.1

[58002] Fix | Delete

}

[58003] Fix | Delete

},

[58004] Fix | Delete

exit: {

[58005] Fix | Delete

opacity: 0,

[58006] Fix | Delete

transition: {

[58007] Fix | Delete

duration: 0.2,

[58008] Fix | Delete

delayChildren: 0

[58009] Fix | Delete

}

[58010] Fix | Delete

}

[58011] Fix | Delete

};

[58012] Fix | Delete

const foreground = {

[58013] Fix | Delete

hidden: {

[58014] Fix | Delete

opacity: 0,

[58015] Fix | Delete

scale: 0.9

[58016] Fix | Delete

},

[58017] Fix | Delete

show: {

[58018] Fix | Delete

opacity: 1,

[58019] Fix | Delete

scale: 1,

[58020] Fix | Delete

transition: {

[58021] Fix | Delete

duration: 0.1

[58022] Fix | Delete

}

[58023] Fix | Delete

},

[58024] Fix | Delete

exit: {

[58025] Fix | Delete

opacity: 0,

[58026] Fix | Delete

scale: 0.9

[58027] Fix | Delete

}

[58028] Fix | Delete

};

[58029] Fix | Delete

function DropIndicator({

[58030] Fix | Delete

label

[58031] Fix | Delete

}) {

[58032] Fix | Delete

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

[58033] Fix | Delete

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

[58034] Fix | Delete

variants: drop_zone_backdrop,

[58035] Fix | Delete

initial: disableMotion ? 'show' : 'hidden',

[58036] Fix | Delete

animate: "show",

[58037] Fix | Delete

exit: disableMotion ? 'show' : 'exit',

[58038] Fix | Delete

className: "components-drop-zone__content"

[58039] Fix | Delete

// Without this, when this div is shown,

[58040] Fix | Delete

// Safari calls a onDropZoneLeave causing a loop because of this bug

[58041] Fix | Delete

// https://bugs.webkit.org/show_bug.cgi?id=66547

[58042] Fix | Delete

,

[58043] Fix | Delete

style: {

[58044] Fix | Delete

pointerEvents: 'none'

[58045] Fix | Delete

},

[58046] Fix | Delete

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

[58047] Fix | Delete

variants: foreground,

[58048] Fix | Delete

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

[58049] Fix | Delete

icon: library_upload,

[58050] Fix | Delete

className: "components-drop-zone__content-icon"

[58051] Fix | Delete

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

[58052] Fix | Delete

className: "components-drop-zone__content-text",

[58053] Fix | Delete

children: label ? label : (0,external_wp_i18n_namespaceObject.__)('Drop files to upload')

[58054] Fix | Delete

})]

[58055] Fix | Delete

})

[58056] Fix | Delete

});

[58057] Fix | Delete

if (disableMotion) {

[58058] Fix | Delete

return children;

[58059] Fix | Delete

}

[58060] Fix | Delete

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

[58061] Fix | Delete

children: children

[58062] Fix | Delete

});

[58063] Fix | Delete

}

[58064] Fix | Delete

[58065] Fix | Delete

/**

[58066] Fix | Delete

* `DropZone` is a component creating a drop zone area taking the full size of its parent element. It supports dropping files, HTML content or any other HTML drop event.

[58067] Fix | Delete

*

[58068] Fix | Delete

* ```jsx

[58069] Fix | Delete

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

[58070] Fix | Delete

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

[58071] Fix | Delete

*

[58072] Fix | Delete

* const MyDropZone = () => {

[58073] Fix | Delete

* const [ hasDropped, setHasDropped ] = useState( false );

[58074] Fix | Delete

*

[58075] Fix | Delete

* return (

[58076] Fix | Delete

* <div>

[58077] Fix | Delete

* { hasDropped ? 'Dropped!' : 'Drop something here' }

[58078] Fix | Delete

* <DropZone

[58079] Fix | Delete

* onFilesDrop={ () => setHasDropped( true ) }

[58080] Fix | Delete

* onHTMLDrop={ () => setHasDropped( true ) }

[58081] Fix | Delete

* onDrop={ () => setHasDropped( true ) }

[58082] Fix | Delete

* />

[58083] Fix | Delete

* </div>

[58084] Fix | Delete

* );

[58085] Fix | Delete

* }

[58086] Fix | Delete

* ```

[58087] Fix | Delete

*/

[58088] Fix | Delete

function DropZoneComponent({

[58089] Fix | Delete

className,

[58090] Fix | Delete

label,

[58091] Fix | Delete

onFilesDrop,

[58092] Fix | Delete

onHTMLDrop,

[58093] Fix | Delete

onDrop,

[58094] Fix | Delete

...restProps

[58095] Fix | Delete

}) {

[58096] Fix | Delete

const [isDraggingOverDocument, setIsDraggingOverDocument] = (0,external_wp_element_namespaceObject.useState)();

[58097] Fix | Delete

const [isDraggingOverElement, setIsDraggingOverElement] = (0,external_wp_element_namespaceObject.useState)();

[58098] Fix | Delete

const [type, setType] = (0,external_wp_element_namespaceObject.useState)();

[58099] Fix | Delete

const ref = (0,external_wp_compose_namespaceObject.__experimentalUseDropZone)({

[58100] Fix | Delete

onDrop(event) {

[58101] Fix | Delete

const files = event.dataTransfer ? (0,external_wp_dom_namespaceObject.getFilesFromDataTransfer)(event.dataTransfer) : [];

[58102] Fix | Delete

const html = event.dataTransfer?.getData('text/html');

[58103] Fix | Delete

[58104] Fix | Delete

/**

[58105] Fix | Delete

* From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.

[58106] Fix | Delete

* The order of the checks is important to recognise the HTML drop.

[58107] Fix | Delete

*/

[58108] Fix | Delete

if (html && onHTMLDrop) {

[58109] Fix | Delete

onHTMLDrop(html);

[58110] Fix | Delete

} else if (files.length && onFilesDrop) {

[58111] Fix | Delete

onFilesDrop(files);

[58112] Fix | Delete

} else if (onDrop) {

[58113] Fix | Delete

onDrop(event);

[58114] Fix | Delete

}

[58115] Fix | Delete

},

[58116] Fix | Delete

onDragStart(event) {

[58117] Fix | Delete

setIsDraggingOverDocument(true);

[58118] Fix | Delete

let _type = 'default';

[58119] Fix | Delete

[58120] Fix | Delete

/**

[58121] Fix | Delete

* From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML.

[58122] Fix | Delete

* The order of the checks is important to recognise the HTML drop.

[58123] Fix | Delete

*/

[58124] Fix | Delete

if (event.dataTransfer?.types.includes('text/html')) {

[58125] Fix | Delete

_type = 'html';

[58126] Fix | Delete

} else if (

[58127] Fix | Delete

// Check for the types because sometimes the files themselves

[58128] Fix | Delete

// are only available on drop.

[58129] Fix | Delete

event.dataTransfer?.types.includes('Files') || (event.dataTransfer ? (0,external_wp_dom_namespaceObject.getFilesFromDataTransfer)(event.dataTransfer) : []).length > 0) {

[58130] Fix | Delete

_type = 'file';

[58131] Fix | Delete

}

[58132] Fix | Delete

setType(_type);

[58133] Fix | Delete

},

[58134] Fix | Delete

onDragEnd() {

[58135] Fix | Delete

setIsDraggingOverDocument(false);

[58136] Fix | Delete

setType(undefined);

[58137] Fix | Delete

},

[58138] Fix | Delete

onDragEnter() {

[58139] Fix | Delete

setIsDraggingOverElement(true);

[58140] Fix | Delete

},

[58141] Fix | Delete

onDragLeave() {

[58142] Fix | Delete

setIsDraggingOverElement(false);

[58143] Fix | Delete

}

[58144] Fix | Delete

});

[58145] Fix | Delete

const classes = dist_clsx('components-drop-zone', className, {

[58146] Fix | Delete

'is-active': (isDraggingOverDocument || isDraggingOverElement) && (type === 'file' && onFilesDrop || type === 'html' && onHTMLDrop || type === 'default' && onDrop),

[58147] Fix | Delete

'is-dragging-over-document': isDraggingOverDocument,

[58148] Fix | Delete

'is-dragging-over-element': isDraggingOverElement,

[58149] Fix | Delete

[`is-dragging-${type}`]: !!type

[58150] Fix | Delete

});

[58151] Fix | Delete

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

[58152] Fix | Delete

...restProps,

[58153] Fix | Delete

ref: ref,

[58154] Fix | Delete

className: classes,

[58155] Fix | Delete

children: isDraggingOverElement && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DropIndicator, {

[58156] Fix | Delete

label: label

[58157] Fix | Delete

})

[58158] Fix | Delete

});

[58159] Fix | Delete

}

[58160] Fix | Delete

/* harmony default export */ const drop_zone = (DropZoneComponent);

[58161] Fix | Delete

[58162] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/drop-zone/provider.js

[58163] Fix | Delete

/**

[58164] Fix | Delete

* WordPress dependencies

[58165] Fix | Delete

*/

[58166] Fix | Delete

[58167] Fix | Delete

function DropZoneProvider({

[58168] Fix | Delete

children

[58169] Fix | Delete

}) {

[58170] Fix | Delete

external_wp_deprecated_default()('wp.components.DropZoneProvider', {

[58171] Fix | Delete

since: '5.8',

[58172] Fix | Delete

hint: 'wp.component.DropZone no longer needs a provider. wp.components.DropZoneProvider is safe to remove from your code.'

[58173] Fix | Delete

});

[58174] Fix | Delete

return children;

[58175] Fix | Delete

}

[58176] Fix | Delete

[58177] Fix | Delete

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

[58178] Fix | Delete

/**

[58179] Fix | Delete

* WordPress dependencies

[58180] Fix | Delete

*/

[58181] Fix | Delete

[58182] Fix | Delete

[58183] Fix | Delete

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

[58184] Fix | Delete

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

[58185] Fix | Delete

viewBox: "0 0 24 24",

[58186] Fix | Delete

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

[58187] Fix | Delete

d: "M5 17.7c.4.5.8.9 1.2 1.2l1.1-1.4c-.4-.3-.7-.6-1-1L5 17.7zM5 6.3l1.4 1.1c.3-.4.6-.7 1-1L6.3 5c-.5.4-.9.8-1.3 1.3zm.1 7.8l-1.7.5c.2.6.4 1.1.7 1.6l1.5-.8c-.2-.4-.4-.8-.5-1.3zM4.8 12v-.7L3 11.1v1.8l1.7-.2c.1-.2.1-.5.1-.7zm3 7.9c.5.3 1.1.5 1.6.7l.5-1.7c-.5-.1-.9-.3-1.3-.5l-.8 1.5zM19 6.3c-.4-.5-.8-.9-1.2-1.2l-1.1 1.4c.4.3.7.6 1 1L19 6.3zm-.1 3.6l1.7-.5c-.2-.6-.4-1.1-.7-1.6l-1.5.8c.2.4.4.8.5 1.3zM5.6 8.6l-1.5-.8c-.3.5-.5 1-.7 1.6l1.7.5c.1-.5.3-.9.5-1.3zm2.2-4.5l.8 1.5c.4-.2.8-.4 1.3-.5l-.5-1.7c-.6.2-1.1.4-1.6.7zm8.8 13.5l1.1 1.4c.5-.4.9-.8 1.2-1.2l-1.4-1.1c-.2.3-.5.6-.9.9zm1.8-2.2l1.5.8c.3-.5.5-1.1.7-1.6l-1.7-.5c-.1.5-.3.9-.5 1.3zm2.6-4.3l-1.7.2v1.4l1.7.2V12v-.9zM11.1 3l.2 1.7h1.4l.2-1.7h-1.8zm3 2.1c.5.1.9.3 1.3.5l.8-1.5c-.5-.3-1.1-.5-1.6-.7l-.5 1.7zM12 19.2h-.7l-.2 1.8h1.8l-.2-1.7c-.2-.1-.5-.1-.7-.1zm2.1-.3l.5 1.7c.6-.2 1.1-.4 1.6-.7l-.8-1.5c-.4.2-.8.4-1.3.5z"

[58188] Fix | Delete

})

[58189] Fix | Delete

});

[58190] Fix | Delete

/* harmony default export */ const library_swatch = (swatch);

[58191] Fix | Delete

[58192] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/duotone-picker/utils.js

[58193] Fix | Delete

/**

[58194] Fix | Delete

* External dependencies

[58195] Fix | Delete

*/

[58196] Fix | Delete

[58197] Fix | Delete

[58198] Fix | Delete

[58199] Fix | Delete

/**

[58200] Fix | Delete

* Internal dependencies

[58201] Fix | Delete

*/

[58202] Fix | Delete

[58203] Fix | Delete

k([names]);

[58204] Fix | Delete

[58205] Fix | Delete

/**

[58206] Fix | Delete

* Object representation for a color.

[58207] Fix | Delete

*

[58208] Fix | Delete

* @typedef {Object} RGBColor

[58209] Fix | Delete

* @property {number} r Red component of the color in the range [0,1].

[58210] Fix | Delete

* @property {number} g Green component of the color in the range [0,1].

[58211] Fix | Delete

* @property {number} b Blue component of the color in the range [0,1].

[58212] Fix | Delete

*/

[58213] Fix | Delete

[58214] Fix | Delete

/**

[58215] Fix | Delete

* Calculate the brightest and darkest values from a color palette.

[58216] Fix | Delete

*

[58217] Fix | Delete

* @param palette Color palette for the theme.

[58218] Fix | Delete

*

[58219] Fix | Delete

* @return Tuple of the darkest color and brightest color.

[58220] Fix | Delete

*/

[58221] Fix | Delete

function getDefaultColors(palette) {

[58222] Fix | Delete

// A default dark and light color are required.

[58223] Fix | Delete

if (!palette || palette.length < 2) {

[58224] Fix | Delete

return ['#000', '#fff'];

[58225] Fix | Delete

}

[58226] Fix | Delete

return palette.map(({

[58227] Fix | Delete

color

[58228] Fix | Delete

}) => ({

[58229] Fix | Delete

color,

[58230] Fix | Delete

brightness: w(color).brightness()

[58231] Fix | Delete

})).reduce(([min, max], current) => {

[58232] Fix | Delete

return [current.brightness <= min.brightness ? current : min, current.brightness >= max.brightness ? current : max];

[58233] Fix | Delete

}, [{

[58234] Fix | Delete

brightness: 1,

[58235] Fix | Delete

color: ''

[58236] Fix | Delete

}, {

[58237] Fix | Delete

brightness: 0,

[58238] Fix | Delete

color: ''

[58239] Fix | Delete

}]).map(({

[58240] Fix | Delete

color

[58241] Fix | Delete

}) => color);

[58242] Fix | Delete

}

[58243] Fix | Delete

[58244] Fix | Delete

/**

[58245] Fix | Delete

* Generate a duotone gradient from a list of colors.

[58246] Fix | Delete

*

[58247] Fix | Delete

* @param colors CSS color strings.

[58248] Fix | Delete

* @param angle CSS gradient angle.

[58249] Fix | Delete

*

[58250] Fix | Delete

* @return CSS gradient string for the duotone swatch.

[58251] Fix | Delete

*/

[58252] Fix | Delete

function getGradientFromCSSColors(colors = [], angle = '90deg') {

[58253] Fix | Delete

const l = 100 / colors.length;

[58254] Fix | Delete

const stops = colors.map((c, i) => `${c} ${i * l}%, ${c} ${(i + 1) * l}%`).join(', ');

[58255] Fix | Delete

return `linear-gradient( ${angle}, ${stops} )`;

[58256] Fix | Delete

}

[58257] Fix | Delete

[58258] Fix | Delete

/**

[58259] Fix | Delete

* Convert a color array to an array of color stops.

[58260] Fix | Delete

*

[58261] Fix | Delete

* @param colors CSS colors array

[58262] Fix | Delete

*

[58263] Fix | Delete

* @return Color stop information.

[58264] Fix | Delete

*/

[58265] Fix | Delete

function getColorStopsFromColors(colors) {

[58266] Fix | Delete

return colors.map((color, i) => ({

[58267] Fix | Delete

position: i * 100 / (colors.length - 1),

[58268] Fix | Delete

color

[58269] Fix | Delete

}));

[58270] Fix | Delete

}

[58271] Fix | Delete

[58272] Fix | Delete

/**

[58273] Fix | Delete

* Convert a color stop array to an array colors.

[58274] Fix | Delete

*

[58275] Fix | Delete

* @param colorStops Color stop information.

[58276] Fix | Delete

*

[58277] Fix | Delete

* @return CSS colors array.

[58278] Fix | Delete

*/

[58279] Fix | Delete

function getColorsFromColorStops(colorStops = []) {

[58280] Fix | Delete

return colorStops.map(({

[58281] Fix | Delete

color

[58282] Fix | Delete

}) => color);

[58283] Fix | Delete

}

[58284] Fix | Delete

[58285] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/duotone-picker/duotone-swatch.js

[58286] Fix | Delete

/**

[58287] Fix | Delete

* WordPress dependencies

[58288] Fix | Delete

*/

[58289] Fix | Delete

[58290] Fix | Delete

[58291] Fix | Delete

/**

[58292] Fix | Delete

* Internal dependencies

[58293] Fix | Delete

*/

[58294] Fix | Delete

[58295] Fix | Delete

[58296] Fix | Delete

[58297] Fix | Delete

[58298] Fix | Delete

function DuotoneSwatch({

[58299] Fix | Delete

values

[58300] Fix | Delete

}) {

[58301] Fix | Delete

return values ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(color_indicator, {

[58302] Fix | Delete

colorValue: getGradientFromCSSColors(values, '135deg')

[58303] Fix | Delete

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

[58304] Fix | Delete

icon: library_swatch

[58305] Fix | Delete

});

[58306] Fix | Delete

}

[58307] Fix | Delete

/* harmony default export */ const duotone_swatch = (DuotoneSwatch);

[58308] Fix | Delete

[58309] Fix | Delete

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

[58310] Fix | Delete

/**

[58311] Fix | Delete

* WordPress dependencies

[58312] Fix | Delete

*/

[58313] Fix | Delete

[58314] Fix | Delete

[58315] Fix | Delete

[58316] Fix | Delete

[58317] Fix | Delete

/**

[58318] Fix | Delete

* Internal dependencies

[58319] Fix | Delete

*/

[58320] Fix | Delete

[58321] Fix | Delete

[58322] Fix | Delete

[58323] Fix | Delete

[58324] Fix | Delete

[58325] Fix | Delete

[58326] Fix | Delete

[58327] Fix | Delete

[58328] Fix | Delete

[58329] Fix | Delete

function ColorOption({

[58330] Fix | Delete

label,

[58331] Fix | Delete

value,

[58332] Fix | Delete

colors,

[58333] Fix | Delete

disableCustomColors,

[58334] Fix | Delete

enableAlpha,

[58335] Fix | Delete

onChange

[58336] Fix | Delete

}) {

[58337] Fix | Delete

const [isOpen, setIsOpen] = (0,external_wp_element_namespaceObject.useState)(false);

[58338] Fix | Delete

const idRoot = (0,external_wp_compose_namespaceObject.useInstanceId)(ColorOption, 'color-list-picker-option');

[58339] Fix | Delete

const labelId = `${idRoot}__label`;

[58340] Fix | Delete

const contentId = `${idRoot}__content`;

[58341] Fix | Delete

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

[58342] Fix | Delete

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

[58343] Fix | Delete

className: "components-color-list-picker__swatch-button",

[58344] Fix | Delete

onClick: () => setIsOpen(prev => !prev),

[58345] Fix | Delete

"aria-expanded": isOpen,

[58346] Fix | Delete

"aria-controls": contentId,

[58347] Fix | Delete

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

[58348] Fix | Delete

justify: "flex-start",

[58349] Fix | Delete

spacing: 2,

[58350] Fix | Delete

children: [value ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(color_indicator, {

[58351] Fix | Delete

colorValue: value,

[58352] Fix | Delete

className: "components-color-list-picker__swatch-color"

[58353] Fix | Delete

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

[58354] Fix | Delete

icon: library_swatch

[58355] Fix | Delete

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

[58356] Fix | Delete

id: labelId,

[58357] Fix | Delete

children: label

[58358] Fix | Delete

})]

[58359] Fix | Delete

})

[58360] Fix | Delete

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

[58361] Fix | Delete

role: "group",

[58362] Fix | Delete

id: contentId,

[58363] Fix | Delete

"aria-labelledby": labelId,

[58364] Fix | Delete

"aria-hidden": !isOpen,

[58365] Fix | Delete

children: isOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(color_palette, {

[58366] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Color options'),

[58367] Fix | Delete

className: "components-color-list-picker__color-picker",

[58368] Fix | Delete

colors: colors,

[58369] Fix | Delete

value: value,

[58370] Fix | Delete

clearable: false,

[58371] Fix | Delete

onChange: onChange,

[58372] Fix | Delete

disableCustomColors: disableCustomColors,

[58373] Fix | Delete

enableAlpha: enableAlpha

[58374] Fix | Delete

})

[58375] Fix | Delete

})]

[58376] Fix | Delete

});

[58377] Fix | Delete

}

[58378] Fix | Delete

function ColorListPicker({

[58379] Fix | Delete

colors,

[58380] Fix | Delete

labels,

[58381] Fix | Delete

value = [],

[58382] Fix | Delete

disableCustomColors,

[58383] Fix | Delete

enableAlpha,

[58384] Fix | Delete

onChange

[58385] Fix | Delete

}) {

[58386] Fix | Delete

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

[58387] Fix | Delete

className: "components-color-list-picker",

[58388] Fix | Delete

children: labels.map((label, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ColorOption, {

[58389] Fix | Delete

label: label,

[58390] Fix | Delete

value: value[index],

[58391] Fix | Delete

colors: colors,

[58392] Fix | Delete

disableCustomColors: disableCustomColors,

[58393] Fix | Delete

enableAlpha: enableAlpha,

[58394] Fix | Delete

onChange: newColor => {

[58395] Fix | Delete

const newColors = value.slice();

[58396] Fix | Delete

newColors[index] = newColor;

[58397] Fix | Delete

onChange(newColors);

[58398] Fix | Delete

}

[58399] Fix | Delete

}, index))

[58400] Fix | Delete

});

[58401] Fix | Delete

}

[58402] Fix | Delete

/* harmony default export */ const color_list_picker = (ColorListPicker);

[58403] Fix | Delete

[58404] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/duotone-picker/custom-duotone-bar.js

[58405] Fix | Delete

/**

[58406] Fix | Delete

* Internal dependencies

[58407] Fix | Delete

*/

[58408] Fix | Delete

[58409] Fix | Delete

[58410] Fix | Delete

[58411] Fix | Delete

const PLACEHOLDER_VALUES = ['#333', '#CCC'];

[58412] Fix | Delete

function CustomDuotoneBar({

[58413] Fix | Delete

value,

[58414] Fix | Delete

onChange

[58415] Fix | Delete

}) {

[58416] Fix | Delete

const hasGradient = !!value;

[58417] Fix | Delete

const values = hasGradient ? value : PLACEHOLDER_VALUES;

[58418] Fix | Delete

const background = getGradientFromCSSColors(values);

[58419] Fix | Delete

const controlPoints = getColorStopsFromColors(values);

[58420] Fix | Delete

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

[58421] Fix | Delete

disableInserter: true,

[58422] Fix | Delete

background: background,

[58423] Fix | Delete

hasGradient: hasGradient,

[58424] Fix | Delete

value: controlPoints,

[58425] Fix | Delete

onChange: newColorStops => {

[58426] Fix | Delete

const newValue = getColorsFromColorStops(newColorStops);

[58427] Fix | Delete

onChange(newValue);

[58428] Fix | Delete

}

[58429] Fix | Delete

});

[58430] Fix | Delete

}

[58431] Fix | Delete

[58432] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/duotone-picker/duotone-picker.js

[58433] Fix | Delete

/**

[58434] Fix | Delete

* External dependencies

[58435] Fix | Delete

*/

[58436] Fix | Delete

[58437] Fix | Delete

[58438] Fix | Delete

/**

[58439] Fix | Delete

* WordPress dependencies

[58440] Fix | Delete

*/

[58441] Fix | Delete

[58442] Fix | Delete

[58443] Fix | Delete

[58444] Fix | Delete

/**

[58445] Fix | Delete

* Internal dependencies

[58446] Fix | Delete

*/

[58447] Fix | Delete

[58448] Fix | Delete

[58449] Fix | Delete

[58450] Fix | Delete

[58451] Fix | Delete

[58452] Fix | Delete

[58453] Fix | Delete

[58454] Fix | Delete

[58455] Fix | Delete

/**

[58456] Fix | Delete

* ```jsx

[58457] Fix | Delete

* import { DuotonePicker, DuotoneSwatch } from '@wordpress/components';

[58458] Fix | Delete

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

[58459] Fix | Delete

*

[58460] Fix | Delete

* const DUOTONE_PALETTE = [

[58461] Fix | Delete

* { colors: [ '#8c00b7', '#fcff41' ], name: 'Purple and yellow', slug: 'purple-yellow' },

[58462] Fix | Delete

* { colors: [ '#000097', '#ff4747' ], name: 'Blue and red', slug: 'blue-red' },

[58463] Fix | Delete

* ];

[58464] Fix | Delete

*

[58465] Fix | Delete

* const COLOR_PALETTE = [

[58466] Fix | Delete

* { color: '#ff4747', name: 'Red', slug: 'red' },

[58467] Fix | Delete

* { color: '#fcff41', name: 'Yellow', slug: 'yellow' },

[58468] Fix | Delete

* { color: '#000097', name: 'Blue', slug: 'blue' },

[58469] Fix | Delete

* { color: '#8c00b7', name: 'Purple', slug: 'purple' },

[58470] Fix | Delete

* ];

[58471] Fix | Delete

*

[58472] Fix | Delete

* const Example = () => {

[58473] Fix | Delete

* const [ duotone, setDuotone ] = useState( [ '#000000', '#ffffff' ] );

[58474] Fix | Delete

* return (

[58475] Fix | Delete

* <>

[58476] Fix | Delete

* <DuotonePicker

[58477] Fix | Delete

* duotonePalette={ DUOTONE_PALETTE }

[58478] Fix | Delete

* colorPalette={ COLOR_PALETTE }

[58479] Fix | Delete

* value={ duotone }

[58480] Fix | Delete

* onChange={ setDuotone }

[58481] Fix | Delete

* />

[58482] Fix | Delete

* <DuotoneSwatch values={ duotone } />

[58483] Fix | Delete

* </>

[58484] Fix | Delete

* );

[58485] Fix | Delete

* };

[58486] Fix | Delete

* ```

[58487] Fix | Delete

*/

[58488] Fix | Delete

function DuotonePicker({

[58489] Fix | Delete

asButtons,

[58490] Fix | Delete

loop,

[58491] Fix | Delete

clearable = true,

[58492] Fix | Delete

unsetable = true,

[58493] Fix | Delete

colorPalette,

[58494] Fix | Delete

duotonePalette,

[58495] Fix | Delete

disableCustomColors,

[58496] Fix | Delete

disableCustomDuotone,

[58497] Fix | Delete

value,

[58498] Fix | Delete

onChange,

[58499] Fix | Delete