* Card,

[43000] Fix | Delete

* CardHeader,

[43001] Fix | Delete

* CardBody,

[43002] Fix | Delete

* CardFooter,

[43003] Fix | Delete

* __experimentalText as Text,

[43004] Fix | Delete

* __experimentalHeading as Heading,

[43005] Fix | Delete

* } from `@wordpress/components`;

[43006] Fix | Delete

*

[43007] Fix | Delete

* function Example() {

[43008] Fix | Delete

* return (

[43009] Fix | Delete

* <Card>

[43010] Fix | Delete

* <CardHeader>

[43011] Fix | Delete

* <Heading level={ 4 }>Card Title</Heading>

[43012] Fix | Delete

* </CardHeader>

[43013] Fix | Delete

* <CardBody>

[43014] Fix | Delete

* <Text>Card Content</Text>

[43015] Fix | Delete

* </CardBody>

[43016] Fix | Delete

* <CardFooter>

[43017] Fix | Delete

* <Text>Card Footer</Text>

[43018] Fix | Delete

* </CardFooter>

[43019] Fix | Delete

* </Card>

[43020] Fix | Delete

* );

[43021] Fix | Delete

* }

[43022] Fix | Delete

* ```

[43023] Fix | Delete

*/

[43024] Fix | Delete

const component_Card = contextConnect(UnconnectedCard, 'Card');

[43025] Fix | Delete

/* harmony default export */ const card_component = (component_Card);

[43026] Fix | Delete

[43027] Fix | Delete

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

[43028] Fix | Delete

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

[43029] Fix | Delete

/**

[43030] Fix | Delete

* External dependencies

[43031] Fix | Delete

*/

[43032] Fix | Delete

[43033] Fix | Delete

[43034] Fix | Delete

/**

[43035] Fix | Delete

* Internal dependencies

[43036] Fix | Delete

*/

[43037] Fix | Delete

[43038] Fix | Delete

const scrollableScrollbar = /*#__PURE__*/emotion_react_browser_esm_css("@media only screen and ( min-device-width: 40em ){&::-webkit-scrollbar{height:12px;width:12px;}&::-webkit-scrollbar-track{background-color:transparent;}&::-webkit-scrollbar-track{background:", config_values.colorScrollbarTrack, ";border-radius:8px;}&::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:", config_values.colorScrollbarThumb, ";border:2px solid rgba( 0, 0, 0, 0 );border-radius:7px;}&:hover::-webkit-scrollbar-thumb{background-color:", config_values.colorScrollbarThumbHover, ";}}" + ( true ? "" : 0), true ? "" : 0);

[43039] Fix | Delete

const Scrollable = true ? {

[43040] Fix | Delete

name: "13udsys",

[43041] Fix | Delete

styles: "height:100%"

[43042] Fix | Delete

} : 0;

[43043] Fix | Delete

const styles_Content = true ? {

[43044] Fix | Delete

name: "bjn8wh",

[43045] Fix | Delete

styles: "position:relative"

[43046] Fix | Delete

} : 0;

[43047] Fix | Delete

const styles_smoothScroll = true ? {

[43048] Fix | Delete

name: "7zq9w",

[43049] Fix | Delete

styles: "scroll-behavior:smooth"

[43050] Fix | Delete

} : 0;

[43051] Fix | Delete

const scrollX = true ? {

[43052] Fix | Delete

name: "q33xhg",

[43053] Fix | Delete

styles: "overflow-x:auto;overflow-y:hidden"

[43054] Fix | Delete

} : 0;

[43055] Fix | Delete

const scrollY = true ? {

[43056] Fix | Delete

name: "103x71s",

[43057] Fix | Delete

styles: "overflow-x:hidden;overflow-y:auto"

[43058] Fix | Delete

} : 0;

[43059] Fix | Delete

const scrollAuto = true ? {

[43060] Fix | Delete

name: "umwchj",

[43061] Fix | Delete

styles: "overflow-y:auto"

[43062] Fix | Delete

} : 0;

[43063] Fix | Delete

[43064] Fix | Delete

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

[43065] Fix | Delete

/**

[43066] Fix | Delete

* WordPress dependencies

[43067] Fix | Delete

*/

[43068] Fix | Delete

[43069] Fix | Delete

[43070] Fix | Delete

/**

[43071] Fix | Delete

* Internal dependencies

[43072] Fix | Delete

*/

[43073] Fix | Delete

[43074] Fix | Delete

[43075] Fix | Delete

[43076] Fix | Delete

[43077] Fix | Delete

function useScrollable(props) {

[43078] Fix | Delete

const {

[43079] Fix | Delete

className,

[43080] Fix | Delete

scrollDirection = 'y',

[43081] Fix | Delete

smoothScroll = false,

[43082] Fix | Delete

...otherProps

[43083] Fix | Delete

} = useContextSystem(props, 'Scrollable');

[43084] Fix | Delete

const cx = useCx();

[43085] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx(Scrollable, scrollableScrollbar, smoothScroll && styles_smoothScroll, scrollDirection === 'x' && scrollX, scrollDirection === 'y' && scrollY, scrollDirection === 'auto' && scrollAuto, className), [className, cx, scrollDirection, smoothScroll]);

[43086] Fix | Delete

return {

[43087] Fix | Delete

...otherProps,

[43088] Fix | Delete

className: classes

[43089] Fix | Delete

};

[43090] Fix | Delete

}

[43091] Fix | Delete

[43092] Fix | Delete

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

[43093] Fix | Delete

/**

[43094] Fix | Delete

* External dependencies

[43095] Fix | Delete

*/

[43096] Fix | Delete

[43097] Fix | Delete

/**

[43098] Fix | Delete

* Internal dependencies

[43099] Fix | Delete

*/

[43100] Fix | Delete

[43101] Fix | Delete

[43102] Fix | Delete

[43103] Fix | Delete

[43104] Fix | Delete

[43105] Fix | Delete

function UnconnectedScrollable(props, forwardedRef) {

[43106] Fix | Delete

const scrollableProps = useScrollable(props);

[43107] Fix | Delete

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

[43108] Fix | Delete

...scrollableProps,

[43109] Fix | Delete

ref: forwardedRef

[43110] Fix | Delete

});

[43111] Fix | Delete

}

[43112] Fix | Delete

[43113] Fix | Delete

/**

[43114] Fix | Delete

* `Scrollable` is a layout component that content in a scrollable container.

[43115] Fix | Delete

*

[43116] Fix | Delete

* ```jsx

[43117] Fix | Delete

* import { __experimentalScrollable as Scrollable } from `@wordpress/components`;

[43118] Fix | Delete

*

[43119] Fix | Delete

* function Example() {

[43120] Fix | Delete

* return (

[43121] Fix | Delete

* <Scrollable style={ { maxHeight: 200 } }>

[43122] Fix | Delete

* <div style={ { height: 500 } }>...</div>

[43123] Fix | Delete

* </Scrollable>

[43124] Fix | Delete

* );

[43125] Fix | Delete

* }

[43126] Fix | Delete

* ```

[43127] Fix | Delete

*/

[43128] Fix | Delete

const component_Scrollable = contextConnect(UnconnectedScrollable, 'Scrollable');

[43129] Fix | Delete

/* harmony default export */ const scrollable_component = (component_Scrollable);

[43130] Fix | Delete

[43131] Fix | Delete

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

[43132] Fix | Delete

/**

[43133] Fix | Delete

* WordPress dependencies

[43134] Fix | Delete

*/

[43135] Fix | Delete

[43136] Fix | Delete

[43137] Fix | Delete

/**

[43138] Fix | Delete

* Internal dependencies

[43139] Fix | Delete

*/

[43140] Fix | Delete

[43141] Fix | Delete

[43142] Fix | Delete

[43143] Fix | Delete

[43144] Fix | Delete

function useCardBody(props) {

[43145] Fix | Delete

const {

[43146] Fix | Delete

className,

[43147] Fix | Delete

isScrollable = false,

[43148] Fix | Delete

isShady = false,

[43149] Fix | Delete

size = 'medium',

[43150] Fix | Delete

...otherProps

[43151] Fix | Delete

} = useContextSystem(props, 'CardBody');

[43152] Fix | Delete

const cx = useCx();

[43153] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx(Body, borderRadius, cardPaddings[size], isShady && shady,

[43154] Fix | Delete

// This classname is added for legacy compatibility reasons.

[43155] Fix | Delete

'components-card__body', className), [className, cx, isShady, size]);

[43156] Fix | Delete

return {

[43157] Fix | Delete

...otherProps,

[43158] Fix | Delete

className: classes,

[43159] Fix | Delete

isScrollable

[43160] Fix | Delete

};

[43161] Fix | Delete

}

[43162] Fix | Delete

[43163] Fix | Delete

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

[43164] Fix | Delete

/**

[43165] Fix | Delete

* External dependencies

[43166] Fix | Delete

*/

[43167] Fix | Delete

[43168] Fix | Delete

/**

[43169] Fix | Delete

* Internal dependencies

[43170] Fix | Delete

*/

[43171] Fix | Delete

[43172] Fix | Delete

[43173] Fix | Delete

[43174] Fix | Delete

[43175] Fix | Delete

[43176] Fix | Delete

[43177] Fix | Delete

function UnconnectedCardBody(props, forwardedRef) {

[43178] Fix | Delete

const {

[43179] Fix | Delete

isScrollable,

[43180] Fix | Delete

...otherProps

[43181] Fix | Delete

} = useCardBody(props);

[43182] Fix | Delete

if (isScrollable) {

[43183] Fix | Delete

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

[43184] Fix | Delete

...otherProps,

[43185] Fix | Delete

ref: forwardedRef

[43186] Fix | Delete

});

[43187] Fix | Delete

}

[43188] Fix | Delete

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

[43189] Fix | Delete

...otherProps,

[43190] Fix | Delete

ref: forwardedRef

[43191] Fix | Delete

});

[43192] Fix | Delete

}

[43193] Fix | Delete

[43194] Fix | Delete

/**

[43195] Fix | Delete

* `CardBody` renders an optional content area for a `Card`.

[43196] Fix | Delete

* Multiple `CardBody` components can be used within `Card` if needed.

[43197] Fix | Delete

*

[43198] Fix | Delete

* ```jsx

[43199] Fix | Delete

* import { Card, CardBody } from `@wordpress/components`;

[43200] Fix | Delete

*

[43201] Fix | Delete

* <Card>

[43202] Fix | Delete

* <CardBody>

[43203] Fix | Delete

* ...

[43204] Fix | Delete

* </CardBody>

[43205] Fix | Delete

* </Card>

[43206] Fix | Delete

* ```

[43207] Fix | Delete

*/

[43208] Fix | Delete

const CardBody = contextConnect(UnconnectedCardBody, 'CardBody');

[43209] Fix | Delete

/* harmony default export */ const card_body_component = (CardBody);

[43210] Fix | Delete

[43211] Fix | Delete

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

[43212] Fix | Delete

"use client";

[43213] Fix | Delete

[43214] Fix | Delete

[43215] Fix | Delete

[43216] Fix | Delete

// src/separator/separator.ts

[43217] Fix | Delete

var useSeparator = createHook(

[43218] Fix | Delete

(_a) => {

[43219] Fix | Delete

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

[43220] Fix | Delete

props = _4R3V3JGP_spreadValues({

[43221] Fix | Delete

role: "separator",

[43222] Fix | Delete

"aria-orientation": orientation

[43223] Fix | Delete

}, props);

[43224] Fix | Delete

return props;

[43225] Fix | Delete

}

[43226] Fix | Delete

);

[43227] Fix | Delete

var Separator = createComponent((props) => {

[43228] Fix | Delete

const htmlProps = useSeparator(props);

[43229] Fix | Delete

return _3ORBWXWF_createElement("hr", htmlProps);

[43230] Fix | Delete

});

[43231] Fix | Delete

if (false) {}

[43232] Fix | Delete

[43233] Fix | Delete

[43234] Fix | Delete

[43235] Fix | Delete

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

[43236] Fix | Delete

[43237] Fix | Delete

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

[43238] Fix | Delete

/**

[43239] Fix | Delete

* External dependencies

[43240] Fix | Delete

*/

[43241] Fix | Delete

[43242] Fix | Delete

[43243] Fix | Delete

[43244] Fix | Delete

/**

[43245] Fix | Delete

* Internal dependencies

[43246] Fix | Delete

*/

[43247] Fix | Delete

[43248] Fix | Delete

[43249] Fix | Delete

const MARGIN_DIRECTIONS = {

[43250] Fix | Delete

vertical: {

[43251] Fix | Delete

start: 'marginLeft',

[43252] Fix | Delete

end: 'marginRight'

[43253] Fix | Delete

},

[43254] Fix | Delete

horizontal: {

[43255] Fix | Delete

start: 'marginTop',

[43256] Fix | Delete

end: 'marginBottom'

[43257] Fix | Delete

}

[43258] Fix | Delete

};

[43259] Fix | Delete

[43260] Fix | Delete

// Renders the correct margins given the Divider's `orientation` and the writing direction.

[43261] Fix | Delete

// When both the generic `margin` and the specific `marginStart|marginEnd` props are defined,

[43262] Fix | Delete

// the latter will take priority.

[43263] Fix | Delete

const renderMargin = ({

[43264] Fix | Delete

'aria-orientation': orientation = 'horizontal',

[43265] Fix | Delete

margin,

[43266] Fix | Delete

marginStart,

[43267] Fix | Delete

marginEnd

[43268] Fix | Delete

}) => /*#__PURE__*/emotion_react_browser_esm_css(rtl({

[43269] Fix | Delete

[MARGIN_DIRECTIONS[orientation].start]: space(marginStart !== null && marginStart !== void 0 ? marginStart : margin),

[43270] Fix | Delete

[MARGIN_DIRECTIONS[orientation].end]: space(marginEnd !== null && marginEnd !== void 0 ? marginEnd : margin)

[43271] Fix | Delete

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

[43272] Fix | Delete

var divider_styles_ref = true ? {

[43273] Fix | Delete

name: "1u4hpl4",

[43274] Fix | Delete

styles: "display:inline"

[43275] Fix | Delete

} : 0;

[43276] Fix | Delete

const renderDisplay = ({

[43277] Fix | Delete

'aria-orientation': orientation = 'horizontal'

[43278] Fix | Delete

}) => {

[43279] Fix | Delete

return orientation === 'vertical' ? divider_styles_ref : undefined;

[43280] Fix | Delete

};

[43281] Fix | Delete

const renderBorder = ({

[43282] Fix | Delete

'aria-orientation': orientation = 'horizontal'

[43283] Fix | Delete

}) => {

[43284] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css({

[43285] Fix | Delete

[orientation === 'vertical' ? 'borderRight' : 'borderBottom']: '1px solid currentColor'

[43286] Fix | Delete

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

[43287] Fix | Delete

};

[43288] Fix | Delete

const renderSize = ({

[43289] Fix | Delete

'aria-orientation': orientation = 'horizontal'

[43290] Fix | Delete

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

[43291] Fix | Delete

height: orientation === 'vertical' ? 'auto' : 0,

[43292] Fix | Delete

width: orientation === 'vertical' ? 0 : 'auto'

[43293] Fix | Delete

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

[43294] Fix | Delete

const DividerView = /*#__PURE__*/emotion_styled_base_browser_esm("hr", true ? {

[43295] Fix | Delete

target: "e19on6iw0"

[43296] Fix | Delete

} : 0)("border:0;margin:0;", renderDisplay, " ", renderBorder, " ", renderSize, " ", renderMargin, ";" + ( true ? "" : 0));

[43297] Fix | Delete

[43298] Fix | Delete

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

[43299] Fix | Delete

/**

[43300] Fix | Delete

* External dependencies

[43301] Fix | Delete

*/

[43302] Fix | Delete

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

[43303] Fix | Delete

[43304] Fix | Delete

[43305] Fix | Delete

/**

[43306] Fix | Delete

* Internal dependencies

[43307] Fix | Delete

*/

[43308] Fix | Delete

[43309] Fix | Delete

[43310] Fix | Delete

[43311] Fix | Delete

[43312] Fix | Delete

function UnconnectedDivider(props, forwardedRef) {

[43313] Fix | Delete

const contextProps = useContextSystem(props, 'Divider');

[43314] Fix | Delete

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

[43315] Fix | Delete

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

[43316] Fix | Delete

...contextProps,

[43317] Fix | Delete

ref: forwardedRef

[43318] Fix | Delete

});

[43319] Fix | Delete

}

[43320] Fix | Delete

[43321] Fix | Delete

/**

[43322] Fix | Delete

* `Divider` is a layout component that separates groups of related content.

[43323] Fix | Delete

*

[43324] Fix | Delete

* ```js

[43325] Fix | Delete

* import {

[43326] Fix | Delete

* __experimentalDivider as Divider,

[43327] Fix | Delete

* __experimentalText as Text,

[43328] Fix | Delete

* __experimentalVStack as VStack,

[43329] Fix | Delete

* } from `@wordpress/components`;

[43330] Fix | Delete

*

[43331] Fix | Delete

* function Example() {

[43332] Fix | Delete

* return (

[43333] Fix | Delete

* <VStack spacing={4}>

[43334] Fix | Delete

* <Text>Some text here</Text>

[43335] Fix | Delete

* <Divider />

[43336] Fix | Delete

* <Text>Some more text here</Text>

[43337] Fix | Delete

* </VStack>

[43338] Fix | Delete

* );

[43339] Fix | Delete

* }

[43340] Fix | Delete

* ```

[43341] Fix | Delete

*/

[43342] Fix | Delete

const component_Divider = contextConnect(UnconnectedDivider, 'Divider');

[43343] Fix | Delete

/* harmony default export */ const divider_component = (component_Divider);

[43344] Fix | Delete

[43345] Fix | Delete

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

[43346] Fix | Delete

/**

[43347] Fix | Delete

* WordPress dependencies

[43348] Fix | Delete

*/

[43349] Fix | Delete

[43350] Fix | Delete

[43351] Fix | Delete

/**

[43352] Fix | Delete

* Internal dependencies

[43353] Fix | Delete

*/

[43354] Fix | Delete

[43355] Fix | Delete

[43356] Fix | Delete

[43357] Fix | Delete

[43358] Fix | Delete

function useCardDivider(props) {

[43359] Fix | Delete

const {

[43360] Fix | Delete

className,

[43361] Fix | Delete

...otherProps

[43362] Fix | Delete

} = useContextSystem(props, 'CardDivider');

[43363] Fix | Delete

const cx = useCx();

[43364] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx(Divider, borderColor,

[43365] Fix | Delete

// This classname is added for legacy compatibility reasons.

[43366] Fix | Delete

'components-card__divider', className), [className, cx]);

[43367] Fix | Delete

return {

[43368] Fix | Delete

...otherProps,

[43369] Fix | Delete

className: classes

[43370] Fix | Delete

};

[43371] Fix | Delete

}

[43372] Fix | Delete

[43373] Fix | Delete

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

[43374] Fix | Delete

/**

[43375] Fix | Delete

* External dependencies

[43376] Fix | Delete

*/

[43377] Fix | Delete

[43378] Fix | Delete

/**

[43379] Fix | Delete

* Internal dependencies

[43380] Fix | Delete

*/

[43381] Fix | Delete

[43382] Fix | Delete

[43383] Fix | Delete

[43384] Fix | Delete

[43385] Fix | Delete

[43386] Fix | Delete

function UnconnectedCardDivider(props, forwardedRef) {

[43387] Fix | Delete

const dividerProps = useCardDivider(props);

[43388] Fix | Delete

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

[43389] Fix | Delete

...dividerProps,

[43390] Fix | Delete

ref: forwardedRef

[43391] Fix | Delete

});

[43392] Fix | Delete

}

[43393] Fix | Delete

[43394] Fix | Delete

/**

[43395] Fix | Delete

* `CardDivider` renders an optional divider within a `Card`.

[43396] Fix | Delete

* It is typically used to divide multiple `CardBody` components from each other.

[43397] Fix | Delete

*

[43398] Fix | Delete

* ```jsx

[43399] Fix | Delete

* import { Card, CardBody, CardDivider } from `@wordpress/components`;

[43400] Fix | Delete

*

[43401] Fix | Delete

* <Card>

[43402] Fix | Delete

* <CardBody>...</CardBody>

[43403] Fix | Delete

* <CardDivider />

[43404] Fix | Delete

* <CardBody>...</CardBody>

[43405] Fix | Delete

* </Card>

[43406] Fix | Delete

* ```

[43407] Fix | Delete

*/

[43408] Fix | Delete

const CardDivider = contextConnect(UnconnectedCardDivider, 'CardDivider');

[43409] Fix | Delete

/* harmony default export */ const card_divider_component = (CardDivider);

[43410] Fix | Delete

[43411] Fix | Delete

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

[43412] Fix | Delete

/**

[43413] Fix | Delete

* WordPress dependencies

[43414] Fix | Delete

*/

[43415] Fix | Delete

[43416] Fix | Delete

[43417] Fix | Delete

/**

[43418] Fix | Delete

* Internal dependencies

[43419] Fix | Delete

*/

[43420] Fix | Delete

[43421] Fix | Delete

[43422] Fix | Delete

[43423] Fix | Delete

[43424] Fix | Delete

function useCardFooter(props) {

[43425] Fix | Delete

const {

[43426] Fix | Delete

className,

[43427] Fix | Delete

justify,

[43428] Fix | Delete

isBorderless = false,

[43429] Fix | Delete

isShady = false,

[43430] Fix | Delete

size = 'medium',

[43431] Fix | Delete

...otherProps

[43432] Fix | Delete

} = useContextSystem(props, 'CardFooter');

[43433] Fix | Delete

const cx = useCx();

[43434] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx(Footer, borderRadius, borderColor, cardPaddings[size], isBorderless && borderless, isShady && shady,

[43435] Fix | Delete

// This classname is added for legacy compatibility reasons.

[43436] Fix | Delete

'components-card__footer', className), [className, cx, isBorderless, isShady, size]);

[43437] Fix | Delete

return {

[43438] Fix | Delete

...otherProps,

[43439] Fix | Delete

className: classes,

[43440] Fix | Delete

justify

[43441] Fix | Delete

};

[43442] Fix | Delete

}

[43443] Fix | Delete

[43444] Fix | Delete

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

[43445] Fix | Delete

/**

[43446] Fix | Delete

* External dependencies

[43447] Fix | Delete

*/

[43448] Fix | Delete

[43449] Fix | Delete

/**

[43450] Fix | Delete

* Internal dependencies

[43451] Fix | Delete

*/

[43452] Fix | Delete

[43453] Fix | Delete

[43454] Fix | Delete

[43455] Fix | Delete

[43456] Fix | Delete

[43457] Fix | Delete

function UnconnectedCardFooter(props, forwardedRef) {

[43458] Fix | Delete

const footerProps = useCardFooter(props);

[43459] Fix | Delete

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

[43460] Fix | Delete

...footerProps,

[43461] Fix | Delete

ref: forwardedRef

[43462] Fix | Delete

});

[43463] Fix | Delete

}

[43464] Fix | Delete

[43465] Fix | Delete

/**

[43466] Fix | Delete

* `CardFooter` renders an optional footer within a `Card`.

[43467] Fix | Delete

*

[43468] Fix | Delete

* ```jsx

[43469] Fix | Delete

* import { Card, CardBody, CardFooter } from `@wordpress/components`;

[43470] Fix | Delete

*

[43471] Fix | Delete

* <Card>

[43472] Fix | Delete

* <CardBody>...</CardBody>

[43473] Fix | Delete

* <CardFooter>...</CardFooter>

[43474] Fix | Delete

* </Card>

[43475] Fix | Delete

* ```

[43476] Fix | Delete

*/

[43477] Fix | Delete

const CardFooter = contextConnect(UnconnectedCardFooter, 'CardFooter');

[43478] Fix | Delete

/* harmony default export */ const card_footer_component = (CardFooter);

[43479] Fix | Delete

[43480] Fix | Delete

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

[43481] Fix | Delete

/**

[43482] Fix | Delete

* WordPress dependencies

[43483] Fix | Delete

*/

[43484] Fix | Delete

[43485] Fix | Delete

[43486] Fix | Delete

/**

[43487] Fix | Delete

* Internal dependencies

[43488] Fix | Delete

*/

[43489] Fix | Delete

[43490] Fix | Delete

[43491] Fix | Delete

[43492] Fix | Delete

[43493] Fix | Delete

function useCardHeader(props) {

[43494] Fix | Delete

const {

[43495] Fix | Delete

className,

[43496] Fix | Delete

isBorderless = false,

[43497] Fix | Delete

isShady = false,

[43498] Fix | Delete

size = 'medium',

[43499] Fix | Delete