children: (0,external_wp_i18n_namespaceObject.__)('Reset')

[42500] Fix | Delete

})]

[42501] Fix | Delete

});

[42502] Fix | Delete

}

[42503] Fix | Delete

[42504] Fix | Delete

/* harmony default export */ const box_control = (BoxControl);

[42505] Fix | Delete

[42506] Fix | Delete

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

[42507] Fix | Delete

/**

[42508] Fix | Delete

* External dependencies

[42509] Fix | Delete

*/

[42510] Fix | Delete

[42511] Fix | Delete

/**

[42512] Fix | Delete

* WordPress dependencies

[42513] Fix | Delete

*/

[42514] Fix | Delete

[42515] Fix | Delete

[42516] Fix | Delete

/**

[42517] Fix | Delete

* Internal dependencies

[42518] Fix | Delete

*/

[42519] Fix | Delete

[42520] Fix | Delete

function UnforwardedButtonGroup(props, ref) {

[42521] Fix | Delete

const {

[42522] Fix | Delete

className,

[42523] Fix | Delete

...restProps

[42524] Fix | Delete

} = props;

[42525] Fix | Delete

const classes = dist_clsx('components-button-group', className);

[42526] Fix | Delete

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

[42527] Fix | Delete

ref: ref,

[42528] Fix | Delete

role: "group",

[42529] Fix | Delete

className: classes,

[42530] Fix | Delete

...restProps

[42531] Fix | Delete

});

[42532] Fix | Delete

}

[42533] Fix | Delete

[42534] Fix | Delete

/**

[42535] Fix | Delete

* ButtonGroup can be used to group any related buttons together. To emphasize

[42536] Fix | Delete

* related buttons, a group should share a common container.

[42537] Fix | Delete

*

[42538] Fix | Delete

* ```jsx

[42539] Fix | Delete

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

[42540] Fix | Delete

*

[42541] Fix | Delete

* const MyButtonGroup = () => (

[42542] Fix | Delete

* <ButtonGroup>

[42543] Fix | Delete

* <Button variant="primary">Button 1</Button>

[42544] Fix | Delete

* <Button variant="primary">Button 2</Button>

[42545] Fix | Delete

* </ButtonGroup>

[42546] Fix | Delete

* );

[42547] Fix | Delete

* ```

[42548] Fix | Delete

*/

[42549] Fix | Delete

const ButtonGroup = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedButtonGroup);

[42550] Fix | Delete

/* harmony default export */ const button_group = (ButtonGroup);

[42551] Fix | Delete

[42552] Fix | Delete

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

[42553] Fix | Delete

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

[42554] Fix | Delete

/**

[42555] Fix | Delete

* External dependencies

[42556] Fix | Delete

*/

[42557] Fix | Delete

[42558] Fix | Delete

const Elevation = true ? {

[42559] Fix | Delete

name: "12ip69d",

[42560] Fix | Delete

styles: "background:transparent;display:block;margin:0!important;pointer-events:none;position:absolute;will-change:box-shadow"

[42561] Fix | Delete

} : 0;

[42562] Fix | Delete

[42563] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/elevation/hook.js

[42564] Fix | Delete

/**

[42565] Fix | Delete

* External dependencies

[42566] Fix | Delete

*/

[42567] Fix | Delete

[42568] Fix | Delete

[42569] Fix | Delete

[42570] Fix | Delete

/**

[42571] Fix | Delete

* WordPress dependencies

[42572] Fix | Delete

*/

[42573] Fix | Delete

[42574] Fix | Delete

[42575] Fix | Delete

/**

[42576] Fix | Delete

* Internal dependencies

[42577] Fix | Delete

*/

[42578] Fix | Delete

[42579] Fix | Delete

[42580] Fix | Delete

[42581] Fix | Delete

[42582] Fix | Delete

[42583] Fix | Delete

[42584] Fix | Delete

function getBoxShadow(value) {

[42585] Fix | Delete

const boxShadowColor = `rgba(0, 0, 0, ${value / 20})`;

[42586] Fix | Delete

const boxShadow = `0 ${value}px ${value * 2}px 0

[42587] Fix | Delete

${boxShadowColor}`;

[42588] Fix | Delete

return boxShadow;

[42589] Fix | Delete

}

[42590] Fix | Delete

function useElevation(props) {

[42591] Fix | Delete

const {

[42592] Fix | Delete

active,

[42593] Fix | Delete

borderRadius = 'inherit',

[42594] Fix | Delete

className,

[42595] Fix | Delete

focus,

[42596] Fix | Delete

hover,

[42597] Fix | Delete

isInteractive = false,

[42598] Fix | Delete

offset = 0,

[42599] Fix | Delete

value = 0,

[42600] Fix | Delete

...otherProps

[42601] Fix | Delete

} = useContextSystem(props, 'Elevation');

[42602] Fix | Delete

const cx = useCx();

[42603] Fix | Delete

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

[42604] Fix | Delete

let hoverValue = isValueDefined(hover) ? hover : value * 2;

[42605] Fix | Delete

let activeValue = isValueDefined(active) ? active : value / 2;

[42606] Fix | Delete

if (!isInteractive) {

[42607] Fix | Delete

hoverValue = isValueDefined(hover) ? hover : undefined;

[42608] Fix | Delete

activeValue = isValueDefined(active) ? active : undefined;

[42609] Fix | Delete

}

[42610] Fix | Delete

const transition = `box-shadow ${config_values.transitionDuration} ${config_values.transitionTimingFunction}`;

[42611] Fix | Delete

const sx = {};

[42612] Fix | Delete

sx.Base = /*#__PURE__*/emotion_react_browser_esm_css({

[42613] Fix | Delete

borderRadius,

[42614] Fix | Delete

bottom: offset,

[42615] Fix | Delete

boxShadow: getBoxShadow(value),

[42616] Fix | Delete

opacity: config_values.elevationIntensity,

[42617] Fix | Delete

left: offset,

[42618] Fix | Delete

right: offset,

[42619] Fix | Delete

top: offset

[42620] Fix | Delete

}, /*#__PURE__*/emotion_react_browser_esm_css("@media not ( prefers-reduced-motion ){transition:", transition, ";}" + ( true ? "" : 0), true ? "" : 0), true ? "" : 0, true ? "" : 0);

[42621] Fix | Delete

if (isValueDefined(hoverValue)) {

[42622] Fix | Delete

sx.hover = /*#__PURE__*/emotion_react_browser_esm_css("*:hover>&{box-shadow:", getBoxShadow(hoverValue), ";}" + ( true ? "" : 0), true ? "" : 0);

[42623] Fix | Delete

}

[42624] Fix | Delete

if (isValueDefined(activeValue)) {

[42625] Fix | Delete

sx.active = /*#__PURE__*/emotion_react_browser_esm_css("*:active>&{box-shadow:", getBoxShadow(activeValue), ";}" + ( true ? "" : 0), true ? "" : 0);

[42626] Fix | Delete

}

[42627] Fix | Delete

if (isValueDefined(focus)) {

[42628] Fix | Delete

sx.focus = /*#__PURE__*/emotion_react_browser_esm_css("*:focus>&{box-shadow:", getBoxShadow(focus), ";}" + ( true ? "" : 0), true ? "" : 0);

[42629] Fix | Delete

}

[42630] Fix | Delete

return cx(Elevation, sx.Base, sx.hover, sx.focus, sx.active, className);

[42631] Fix | Delete

}, [active, borderRadius, className, cx, focus, hover, isInteractive, offset, value]);

[42632] Fix | Delete

return {

[42633] Fix | Delete

...otherProps,

[42634] Fix | Delete

className: classes,

[42635] Fix | Delete

'aria-hidden': true

[42636] Fix | Delete

};

[42637] Fix | Delete

}

[42638] Fix | Delete

[42639] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/elevation/component.js

[42640] Fix | Delete

/**

[42641] Fix | Delete

* External dependencies

[42642] Fix | Delete

*/

[42643] Fix | Delete

[42644] Fix | Delete

/**

[42645] Fix | Delete

* Internal dependencies

[42646] Fix | Delete

*/

[42647] Fix | Delete

[42648] Fix | Delete

[42649] Fix | Delete

[42650] Fix | Delete

[42651] Fix | Delete

[42652] Fix | Delete

function UnconnectedElevation(props, forwardedRef) {

[42653] Fix | Delete

const elevationProps = useElevation(props);

[42654] Fix | Delete

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

[42655] Fix | Delete

...elevationProps,

[42656] Fix | Delete

ref: forwardedRef

[42657] Fix | Delete

});

[42658] Fix | Delete

}

[42659] Fix | Delete

[42660] Fix | Delete

/**

[42661] Fix | Delete

* `Elevation` is a core component that renders shadow, using the component

[42662] Fix | Delete

* system's shadow system.

[42663] Fix | Delete

*

[42664] Fix | Delete

* The shadow effect is generated using the `value` prop.

[42665] Fix | Delete

*

[42666] Fix | Delete

* ```jsx

[42667] Fix | Delete

* import {

[42668] Fix | Delete

* __experimentalElevation as Elevation,

[42669] Fix | Delete

* __experimentalSurface as Surface,

[42670] Fix | Delete

* __experimentalText as Text,

[42671] Fix | Delete

* } from '@wordpress/components';

[42672] Fix | Delete

*

[42673] Fix | Delete

* function Example() {

[42674] Fix | Delete

* return (

[42675] Fix | Delete

* <Surface>

[42676] Fix | Delete

* <Text>Code is Poetry</Text>

[42677] Fix | Delete

* <Elevation value={ 5 } />

[42678] Fix | Delete

* </Surface>

[42679] Fix | Delete

* );

[42680] Fix | Delete

* }

[42681] Fix | Delete

* ```

[42682] Fix | Delete

*/

[42683] Fix | Delete

const component_Elevation = contextConnect(UnconnectedElevation, 'Elevation');

[42684] Fix | Delete

/* harmony default export */ const elevation_component = (component_Elevation);

[42685] Fix | Delete

[42686] Fix | Delete

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

[42687] Fix | Delete

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

[42688] Fix | Delete

/**

[42689] Fix | Delete

* External dependencies

[42690] Fix | Delete

*/

[42691] Fix | Delete

[42692] Fix | Delete

[42693] Fix | Delete

/**

[42694] Fix | Delete

* Internal dependencies

[42695] Fix | Delete

*/

[42696] Fix | Delete

[42697] Fix | Delete

[42698] Fix | Delete

// Since the border for `Card` is rendered via the `box-shadow` property

[42699] Fix | Delete

// (as opposed to the `border` property), the value of the border radius needs

[42700] Fix | Delete

// to be adjusted by removing 1px (this is because the `box-shadow` renders

[42701] Fix | Delete

// as an "outer radius").

[42702] Fix | Delete

const adjustedBorderRadius = `calc(${config_values.cardBorderRadius} - 1px)`;

[42703] Fix | Delete

const Card = /*#__PURE__*/emotion_react_browser_esm_css("box-shadow:0 0 0 1px ", config_values.surfaceBorderColor, ";outline:none;" + ( true ? "" : 0), true ? "" : 0);

[42704] Fix | Delete

const Header = true ? {

[42705] Fix | Delete

name: "1showjb",

[42706] Fix | Delete

styles: "border-bottom:1px solid;box-sizing:border-box;&:last-child{border-bottom:none;}"

[42707] Fix | Delete

} : 0;

[42708] Fix | Delete

const Footer = true ? {

[42709] Fix | Delete

name: "14n5oej",

[42710] Fix | Delete

styles: "border-top:1px solid;box-sizing:border-box;&:first-of-type{border-top:none;}"

[42711] Fix | Delete

} : 0;

[42712] Fix | Delete

const Content = true ? {

[42713] Fix | Delete

name: "13udsys",

[42714] Fix | Delete

styles: "height:100%"

[42715] Fix | Delete

} : 0;

[42716] Fix | Delete

const Body = true ? {

[42717] Fix | Delete

name: "6ywzd",

[42718] Fix | Delete

styles: "box-sizing:border-box;height:auto;max-height:100%"

[42719] Fix | Delete

} : 0;

[42720] Fix | Delete

const Media = true ? {

[42721] Fix | Delete

name: "dq805e",

[42722] Fix | Delete

styles: "box-sizing:border-box;overflow:hidden;&>img,&>iframe{display:block;height:auto;max-width:100%;width:100%;}"

[42723] Fix | Delete

} : 0;

[42724] Fix | Delete

const Divider = true ? {

[42725] Fix | Delete

name: "c990dr",

[42726] Fix | Delete

styles: "box-sizing:border-box;display:block;width:100%"

[42727] Fix | Delete

} : 0;

[42728] Fix | Delete

const borderRadius = /*#__PURE__*/emotion_react_browser_esm_css("&:first-of-type{border-top-left-radius:", adjustedBorderRadius, ";border-top-right-radius:", adjustedBorderRadius, ";}&:last-of-type{border-bottom-left-radius:", adjustedBorderRadius, ";border-bottom-right-radius:", adjustedBorderRadius, ";}" + ( true ? "" : 0), true ? "" : 0);

[42729] Fix | Delete

const borderColor = /*#__PURE__*/emotion_react_browser_esm_css("border-color:", config_values.colorDivider, ";" + ( true ? "" : 0), true ? "" : 0);

[42730] Fix | Delete

const boxShadowless = true ? {

[42731] Fix | Delete

name: "1t90u8d",

[42732] Fix | Delete

styles: "box-shadow:none"

[42733] Fix | Delete

} : 0;

[42734] Fix | Delete

const borderless = true ? {

[42735] Fix | Delete

name: "1e1ncky",

[42736] Fix | Delete

styles: "border:none"

[42737] Fix | Delete

} : 0;

[42738] Fix | Delete

const rounded = /*#__PURE__*/emotion_react_browser_esm_css("border-radius:", adjustedBorderRadius, ";" + ( true ? "" : 0), true ? "" : 0);

[42739] Fix | Delete

const xSmallCardPadding = /*#__PURE__*/emotion_react_browser_esm_css("padding:", config_values.cardPaddingXSmall, ";" + ( true ? "" : 0), true ? "" : 0);

[42740] Fix | Delete

const cardPaddings = {

[42741] Fix | Delete

large: /*#__PURE__*/emotion_react_browser_esm_css("padding:", config_values.cardPaddingLarge, ";" + ( true ? "" : 0), true ? "" : 0),

[42742] Fix | Delete

medium: /*#__PURE__*/emotion_react_browser_esm_css("padding:", config_values.cardPaddingMedium, ";" + ( true ? "" : 0), true ? "" : 0),

[42743] Fix | Delete

small: /*#__PURE__*/emotion_react_browser_esm_css("padding:", config_values.cardPaddingSmall, ";" + ( true ? "" : 0), true ? "" : 0),

[42744] Fix | Delete

xSmall: xSmallCardPadding,

[42745] Fix | Delete

// The `extraSmall` size is not officially documented, but the following styles

[42746] Fix | Delete

// are kept for legacy reasons to support older values of the `size` prop.

[42747] Fix | Delete

extraSmall: xSmallCardPadding

[42748] Fix | Delete

};

[42749] Fix | Delete

const shady = /*#__PURE__*/emotion_react_browser_esm_css("background-color:", COLORS.ui.backgroundDisabled, ";" + ( true ? "" : 0), true ? "" : 0);

[42750] Fix | Delete

[42751] Fix | Delete

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

[42752] Fix | Delete

/**

[42753] Fix | Delete

* External dependencies

[42754] Fix | Delete

*/

[42755] Fix | Delete

[42756] Fix | Delete

[42757] Fix | Delete

/**

[42758] Fix | Delete

* Internal dependencies

[42759] Fix | Delete

*/

[42760] Fix | Delete

[42761] Fix | Delete

const Surface = /*#__PURE__*/emotion_react_browser_esm_css("background-color:", config_values.surfaceColor, ";color:", COLORS.gray[900], ";position:relative;" + ( true ? "" : 0), true ? "" : 0);

[42762] Fix | Delete

const background = /*#__PURE__*/emotion_react_browser_esm_css("background-color:", config_values.surfaceBackgroundColor, ";" + ( true ? "" : 0), true ? "" : 0);

[42763] Fix | Delete

function getBorders({

[42764] Fix | Delete

borderBottom,

[42765] Fix | Delete

borderLeft,

[42766] Fix | Delete

borderRight,

[42767] Fix | Delete

borderTop

[42768] Fix | Delete

}) {

[42769] Fix | Delete

const borderStyle = `1px solid ${config_values.surfaceBorderColor}`;

[42770] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[42771] Fix | Delete

borderBottom: borderBottom ? borderStyle : undefined,

[42772] Fix | Delete

borderLeft: borderLeft ? borderStyle : undefined,

[42773] Fix | Delete

borderRight: borderRight ? borderStyle : undefined,

[42774] Fix | Delete

borderTop: borderTop ? borderStyle : undefined

[42775] Fix | Delete

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

[42776] Fix | Delete

}

[42777] Fix | Delete

const primary = /*#__PURE__*/emotion_react_browser_esm_css( true ? "" : 0, true ? "" : 0);

[42778] Fix | Delete

const secondary = /*#__PURE__*/emotion_react_browser_esm_css("background:", config_values.surfaceBackgroundTintColor, ";" + ( true ? "" : 0), true ? "" : 0);

[42779] Fix | Delete

const tertiary = /*#__PURE__*/emotion_react_browser_esm_css("background:", config_values.surfaceBackgroundTertiaryColor, ";" + ( true ? "" : 0), true ? "" : 0);

[42780] Fix | Delete

const customBackgroundSize = surfaceBackgroundSize => [surfaceBackgroundSize, surfaceBackgroundSize].join(' ');

[42781] Fix | Delete

const dottedBackground1 = surfaceBackgroundSizeDotted => ['90deg', [config_values.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(' '), 'transparent 1%'].join(',');

[42782] Fix | Delete

const dottedBackground2 = surfaceBackgroundSizeDotted => [[config_values.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(' '), 'transparent 1%'].join(',');

[42783] Fix | Delete

const dottedBackgroundCombined = surfaceBackgroundSizeDotted => [`linear-gradient( ${dottedBackground1(surfaceBackgroundSizeDotted)} ) center`, `linear-gradient( ${dottedBackground2(surfaceBackgroundSizeDotted)} ) center`, config_values.surfaceBorderBoldColor].join(',');

[42784] Fix | Delete

const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/emotion_react_browser_esm_css("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + ( true ? "" : 0), true ? "" : 0);

[42785] Fix | Delete

const gridBackground1 = [`${config_values.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');

[42786] Fix | Delete

const gridBackground2 = ['90deg', `${config_values.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');

[42787] Fix | Delete

const gridBackgroundCombined = [`linear-gradient( ${gridBackground1} )`, `linear-gradient( ${gridBackground2} )`].join(',');

[42788] Fix | Delete

const getGrid = surfaceBackgroundSize => {

[42789] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css("background:", config_values.surfaceBackgroundColor, ";background-image:", gridBackgroundCombined, ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + ( true ? "" : 0), true ? "" : 0);

[42790] Fix | Delete

};

[42791] Fix | Delete

const getVariant = (variant, surfaceBackgroundSize, surfaceBackgroundSizeDotted) => {

[42792] Fix | Delete

switch (variant) {

[42793] Fix | Delete

case 'dotted':

[42794] Fix | Delete

{

[42795] Fix | Delete

return getDotted(surfaceBackgroundSize, surfaceBackgroundSizeDotted);

[42796] Fix | Delete

}

[42797] Fix | Delete

case 'grid':

[42798] Fix | Delete

{

[42799] Fix | Delete

return getGrid(surfaceBackgroundSize);

[42800] Fix | Delete

}

[42801] Fix | Delete

case 'primary':

[42802] Fix | Delete

{

[42803] Fix | Delete

return primary;

[42804] Fix | Delete

}

[42805] Fix | Delete

case 'secondary':

[42806] Fix | Delete

{

[42807] Fix | Delete

return secondary;

[42808] Fix | Delete

}

[42809] Fix | Delete

case 'tertiary':

[42810] Fix | Delete

{

[42811] Fix | Delete

return tertiary;

[42812] Fix | Delete

}

[42813] Fix | Delete

}

[42814] Fix | Delete

};

[42815] Fix | Delete

[42816] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/surface/hook.js

[42817] Fix | Delete

/**

[42818] Fix | Delete

* WordPress dependencies

[42819] Fix | Delete

*/

[42820] Fix | Delete

[42821] Fix | Delete

[42822] Fix | Delete

/**

[42823] Fix | Delete

* Internal dependencies

[42824] Fix | Delete

*/

[42825] Fix | Delete

[42826] Fix | Delete

[42827] Fix | Delete

[42828] Fix | Delete

function useSurface(props) {

[42829] Fix | Delete

const {

[42830] Fix | Delete

backgroundSize = 12,

[42831] Fix | Delete

borderBottom = false,

[42832] Fix | Delete

borderLeft = false,

[42833] Fix | Delete

borderRight = false,

[42834] Fix | Delete

borderTop = false,

[42835] Fix | Delete

className,

[42836] Fix | Delete

variant = 'primary',

[42837] Fix | Delete

...otherProps

[42838] Fix | Delete

} = useContextSystem(props, 'Surface');

[42839] Fix | Delete

const cx = useCx();

[42840] Fix | Delete

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

[42841] Fix | Delete

const sx = {

[42842] Fix | Delete

borders: getBorders({

[42843] Fix | Delete

borderBottom,

[42844] Fix | Delete

borderLeft,

[42845] Fix | Delete

borderRight,

[42846] Fix | Delete

borderTop

[42847] Fix | Delete

})

[42848] Fix | Delete

};

[42849] Fix | Delete

return cx(Surface, sx.borders, getVariant(variant, `${backgroundSize}px`, `${backgroundSize - 1}px`), className);

[42850] Fix | Delete

}, [backgroundSize, borderBottom, borderLeft, borderRight, borderTop, className, cx, variant]);

[42851] Fix | Delete

return {

[42852] Fix | Delete

...otherProps,

[42853] Fix | Delete

className: classes

[42854] Fix | Delete

};

[42855] Fix | Delete

}

[42856] Fix | Delete

[42857] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/card/hook.js

[42858] Fix | Delete

/**

[42859] Fix | Delete

* WordPress dependencies

[42860] Fix | Delete

*/

[42861] Fix | Delete

[42862] Fix | Delete

[42863] Fix | Delete

[42864] Fix | Delete

/**

[42865] Fix | Delete

* Internal dependencies

[42866] Fix | Delete

*/

[42867] Fix | Delete

[42868] Fix | Delete

[42869] Fix | Delete

[42870] Fix | Delete

[42871] Fix | Delete

[42872] Fix | Delete

function hook_useDeprecatedProps({

[42873] Fix | Delete

elevation,

[42874] Fix | Delete

isElevated,

[42875] Fix | Delete

...otherProps

[42876] Fix | Delete

}) {

[42877] Fix | Delete

const propsToReturn = {

[42878] Fix | Delete

...otherProps

[42879] Fix | Delete

};

[42880] Fix | Delete

let computedElevation = elevation;

[42881] Fix | Delete

if (isElevated) {

[42882] Fix | Delete

var _computedElevation;

[42883] Fix | Delete

external_wp_deprecated_default()('Card isElevated prop', {

[42884] Fix | Delete

since: '5.9',

[42885] Fix | Delete

alternative: 'elevation'

[42886] Fix | Delete

});

[42887] Fix | Delete

(_computedElevation = computedElevation) !== null && _computedElevation !== void 0 ? _computedElevation : computedElevation = 2;

[42888] Fix | Delete

}

[42889] Fix | Delete

[42890] Fix | Delete

// The `elevation` prop should only be passed when it's not `undefined`,

[42891] Fix | Delete

// otherwise it will override the value that gets derived from `useContextSystem`.

[42892] Fix | Delete

if (typeof computedElevation !== 'undefined') {

[42893] Fix | Delete

propsToReturn.elevation = computedElevation;

[42894] Fix | Delete

}

[42895] Fix | Delete

return propsToReturn;

[42896] Fix | Delete

}

[42897] Fix | Delete

function useCard(props) {

[42898] Fix | Delete

const {

[42899] Fix | Delete

className,

[42900] Fix | Delete

elevation = 0,

[42901] Fix | Delete

isBorderless = false,

[42902] Fix | Delete

isRounded = true,

[42903] Fix | Delete

size = 'medium',

[42904] Fix | Delete

...otherProps

[42905] Fix | Delete

} = useContextSystem(hook_useDeprecatedProps(props), 'Card');

[42906] Fix | Delete

const cx = useCx();

[42907] Fix | Delete

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

[42908] Fix | Delete

return cx(Card, isBorderless && boxShadowless, isRounded && rounded, className);

[42909] Fix | Delete

}, [className, cx, isBorderless, isRounded]);

[42910] Fix | Delete

const surfaceProps = useSurface({

[42911] Fix | Delete

...otherProps,

[42912] Fix | Delete

className: classes

[42913] Fix | Delete

});

[42914] Fix | Delete

return {

[42915] Fix | Delete

...surfaceProps,

[42916] Fix | Delete

elevation,

[42917] Fix | Delete

isBorderless,

[42918] Fix | Delete

isRounded,

[42919] Fix | Delete

size

[42920] Fix | Delete

};

[42921] Fix | Delete

}

[42922] Fix | Delete

[42923] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/card/component.js

[42924] Fix | Delete

/**

[42925] Fix | Delete

* External dependencies

[42926] Fix | Delete

*/

[42927] Fix | Delete

[42928] Fix | Delete

/**

[42929] Fix | Delete

* WordPress dependencies

[42930] Fix | Delete

*/

[42931] Fix | Delete

[42932] Fix | Delete

[42933] Fix | Delete

/**

[42934] Fix | Delete

* Internal dependencies

[42935] Fix | Delete

*/

[42936] Fix | Delete

[42937] Fix | Delete

[42938] Fix | Delete

[42939] Fix | Delete

[42940] Fix | Delete

[42941] Fix | Delete

[42942] Fix | Delete

[42943] Fix | Delete

[42944] Fix | Delete

[42945] Fix | Delete

[42946] Fix | Delete

function UnconnectedCard(props, forwardedRef) {

[42947] Fix | Delete

const {

[42948] Fix | Delete

children,

[42949] Fix | Delete

elevation,

[42950] Fix | Delete

isBorderless,

[42951] Fix | Delete

isRounded,

[42952] Fix | Delete

size,

[42953] Fix | Delete

...otherProps

[42954] Fix | Delete

} = useCard(props);

[42955] Fix | Delete

const elevationBorderRadius = isRounded ? config_values.cardBorderRadius : 0;

[42956] Fix | Delete

const cx = useCx();

[42957] Fix | Delete

const elevationClassName = (0,external_wp_element_namespaceObject.useMemo)(() => cx( /*#__PURE__*/emotion_react_browser_esm_css({

[42958] Fix | Delete

borderRadius: elevationBorderRadius

[42959] Fix | Delete

}, true ? "" : 0, true ? "" : 0)), [cx, elevationBorderRadius]);

[42960] Fix | Delete

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

[42961] Fix | Delete

const contextProps = {

[42962] Fix | Delete

size,

[42963] Fix | Delete

isBorderless

[42964] Fix | Delete

};

[42965] Fix | Delete

return {

[42966] Fix | Delete

CardBody: contextProps,

[42967] Fix | Delete

CardHeader: contextProps,

[42968] Fix | Delete

CardFooter: contextProps

[42969] Fix | Delete

};

[42970] Fix | Delete

}, [isBorderless, size]);

[42971] Fix | Delete

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

[42972] Fix | Delete

value: contextProviderValue,

[42973] Fix | Delete

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

[42974] Fix | Delete

...otherProps,

[42975] Fix | Delete

ref: forwardedRef,

[42976] Fix | Delete

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

[42977] Fix | Delete

className: cx(Content),

[42978] Fix | Delete

children: children

[42979] Fix | Delete

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

[42980] Fix | Delete

className: elevationClassName,

[42981] Fix | Delete

isInteractive: false,

[42982] Fix | Delete

value: elevation ? 1 : 0

[42983] Fix | Delete

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

[42984] Fix | Delete

className: elevationClassName,

[42985] Fix | Delete

isInteractive: false,

[42986] Fix | Delete

value: elevation

[42987] Fix | Delete

})]

[42988] Fix | Delete

})

[42989] Fix | Delete

});

[42990] Fix | Delete

}

[42991] Fix | Delete

[42992] Fix | Delete

/**

[42993] Fix | Delete

* `Card` provides a flexible and extensible content container.

[42994] Fix | Delete

* `Card` also provides a convenient set of sub-components such as `CardBody`,

[42995] Fix | Delete

* `CardHeader`, `CardFooter`, and more.

[42996] Fix | Delete

*

[42997] Fix | Delete

* ```jsx

[42998] Fix | Delete

* import {

[42999] Fix | Delete