@react-spectrum/s2
Version:
Spectrum 2 UI components in React
782 lines (759 loc) • 32 kB
JavaScript
require("./Card.css");
var $e5a758dd286599f2$exports = require("./ActionMenu.cjs");
var $38071d9ce246d4cf$exports = require("./Avatar.cjs");
var $25d06cf8d4e72761$exports = require("./Button.cjs");
var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
var $6367bc87eb7d24ad$exports = require("./Content.cjs");
var $2d04acb918636de0$exports = require("./Divider.cjs");
var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
var $053b76ed3d29e13b$exports = require("./Image.cjs");
var $a4f1585b527b9b7a$exports = require("./ImageCoordinator.cjs");
var $308b180f49d82d28$exports = require("../icons/runtime.cjs");
var $2061c83559b50a66$exports = require("./pressScale.cjs");
var $5eb75e0c130e0669$exports = require("../icons/Skeleton.cjs");
var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
var $1B7TP$reactjsxruntime = require("react/jsx-runtime");
var $1B7TP$reactariacomponents = require("react-aria-components");
var $1B7TP$react = require("react");
var $1B7TP$reactariautils = require("@react-aria/utils");
var $1B7TP$reactspectrumutils = require("@react-spectrum/utils");
function $parcel$export(e, n, v, s) {
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}
$parcel$export(module.exports, "InternalCardViewContext", () => $230078a1c4ce81d8$export$cb658fed5fefe1d);
$parcel$export(module.exports, "CardContext", () => $230078a1c4ce81d8$export$d0b2ee33ebf7d64);
$parcel$export(module.exports, "Card", () => $230078a1c4ce81d8$export$60332b2344f7fe41);
$parcel$export(module.exports, "CardPreview", () => $230078a1c4ce81d8$export$115f017852a4bb7c);
$parcel$export(module.exports, "CollectionCardPreview", () => $230078a1c4ce81d8$export$c368ea3e577b1b86);
$parcel$export(module.exports, "AssetCard", () => $230078a1c4ce81d8$export$eff93e4e59ccc3b8);
$parcel$export(module.exports, "UserCard", () => $230078a1c4ce81d8$export$78e8870b5d8ae469);
$parcel$export(module.exports, "ProductCard", () => $230078a1c4ce81d8$export$e6cbe35324ccf844);
/*
* Copyright 2024 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
const $230078a1c4ce81d8$var$borderRadius = {
default: 'lg',
size: {
XS: 'default',
S: 'default'
}
};
let $230078a1c4ce81d8$var$card = function anonymous(props, overrides) {
let rules = " ";
let position = false;
let width = false;
let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
for (let p of matches){
if (p[1] === "_P") position = true;
if (p[1] === "Z") width = true;
rules += p[0];
}
rules += ' sd91';
rules += ' _ta91';
if (!position) rules += ' _Pc91';
if (props.size === "S") rules += ' ob91';
else if (props.size === "XS") rules += ' ob91';
else rules += ' oc91';
if (props.size === "S") rules += ' nb91';
else if (props.size === "XS") rules += ' nb91';
else rules += ' nc91';
if (props.size === "S") rules += ' kb91';
else if (props.size === "XS") rules += ' kb91';
else rules += ' kc91';
if (props.size === "S") rules += ' jb91';
else if (props.size === "XS") rules += ' jb91';
else rules += ' jc91';
if (props.variant === "secondary") rules += ' -Ovbhqd-gqlRAZb91';
else if (props.variant === "primary") rules += ' -Ovbhqd-g_g91';
rules += ' -Ovbhqd-lgb91';
if (props.variant === "quiet") rules += ' g991';
else if (props.variant === "tertiary") rules += ' g991';
else rules += ' gEzkoQe91';
if (props.variant === "quiet") rules += ' _nd91';
else if (props.variant === "tertiary") {
if (props.isSelected) rules += ' _nd91';
else if (props.isFocusVisible) rules += ' _nIvHxVd91';
else if (props.isHovered) rules += ' _nIvHxVd91';
else rules += ' _nEoUQN91';
rules += ' _nlAvWjK91';
} else {
if (props.isSelected) rules += ' _nb91';
else if (props.isFocusVisible) rules += ' _nb91';
else if (props.isHovered) rules += ' _nb91';
else rules += ' _na91';
rules += ' _nlAvWjK91';
}
rules += ' _yb91';
rules += ' Yd91';
rules += ' Xb91';
rules += ' _2b91';
rules += ' ug91';
rules += ' uch91';
rules += ' udi91';
rules += ' uea91';
rules += ' ugb91';
rules += ' uhd91';
rules += ' uje91';
rules += ' uic91';
if (props.variant === "quiet") rules += ' _Ne91';
else rules += ' _Nb91';
if (props.variant === "quiet") rules += ' Pe91';
else rules += ' Pb91';
rules += ' _qc91';
rules += ' __ca91';
if (props.isCardView) rules += ' _4c91';
if (props.isLink) rules += ' ry91';
if (props.isCardView) {
if (!width) rules += ' Za91';
} else if (props.size === "XL") {
if (!width) rules += ' ZA91';
} else if (props.size === "L") {
if (!width) rules += ' Zy91';
} else if (props.size === "M") {
if (!width) rules += ' Zt91';
} else if (props.size === "S") {
if (!width) rules += ' Zr91';
} else if (props.size === "XS") {
if (!width) rules += ' ZI91';
}
rules += ' Fb91';
if (props.density === "spacious") {
if (props.size === "XL") rules += ' -dAV6Jb-Ti91';
else if (props.size === "L") rules += ' -dAV6Jb-Th91';
else if (props.size === "M") rules += ' -dAV6Jb-Tg91';
else if (props.size === "S") rules += ' -dAV6Jb-Tf91';
else if (props.size === "XS") rules += ' -dAV6Jb-Te91';
} else if (props.density === "regular") {
if (props.size === "XL") rules += ' -dAV6Jb-Th91';
else if (props.size === "L") rules += ' -dAV6Jb-Tg91';
else if (props.size === "M") rules += ' -dAV6Jb-Tf91';
else if (props.size === "S") rules += ' -dAV6Jb-Te91';
else if (props.size === "XS") rules += ' -dAV6Jb-Tt91';
} else if (props.density === "compact") {
if (props.size === "XL") rules += ' -dAV6Jb-Tg91';
else if (props.size === "L") rules += ' -dAV6Jb-Tf91';
else if (props.size === "M") rules += ' -dAV6Jb-Te91';
else if (props.size === "S") rules += ' -dAV6Jb-Tt91';
else if (props.size === "XS") rules += ' -dAV6Jb-T1DOfn91';
}
if (props.variant === "quiet") rules += ' -jXLvjd-Td91';
else rules += ' -jXLvjd-T5gMYHd91';
if (props.variant === "quiet") rules += ' -iXLvjd-Sd91';
else rules += ' -iXLvjd-S5gMYHd91';
rules += ' TxTaQHd91';
rules += ' QxTaQHd91';
rules += ' S0SaQHd91';
rules += ' R0SaQHd91';
rules += ' _oa91';
if (props.variant === "quiet") rules += ' _Le91';
else if (props.isFocusVisible) rules += ' _Lf91';
else rules += ' _Le91';
rules += ' Oh91';
rules += ' _Mc91';
rules += ' _Kd91';
return rules;
};
let $230078a1c4ce81d8$var$selectionIndicator = function anonymous(props) {
let rules = " ";
rules += ' _Pa91';
rules += ' Wr91';
rules += ' _lr91';
rules += ' _Ar91';
rules += ' _zr91';
rules += ' _9d91';
if (props.size === "S") rules += ' ob91';
else if (props.size === "XS") rules += ' ob91';
else rules += ' oc91';
if (props.size === "S") rules += ' nb91';
else if (props.size === "XS") rules += ' nb91';
else rules += ' nc91';
if (props.size === "S") rules += ' kb91';
else if (props.size === "XS") rules += ' kb91';
else rules += ' kc91';
if (props.size === "S") rules += ' jb91';
else if (props.size === "XS") rules += ' jb91';
else rules += ' jc91';
rules += ' _Ob91';
rules += ' _kc91';
rules += ' hc91';
rules += ' mc91';
rules += ' lc91';
rules += ' _jf91';
rules += ' ik91';
rules += ' Yd91';
rules += ' Xb91';
rules += ' _2b91';
if (props.isSelected) rules += ' _Ib91';
else rules += ' _Ia91';
rules += ' OGcUfH91';
rules += ' _Kc91';
if (props.isStrokeInner) rules += ' _Lf91';
else rules += ' _Le91';
rules += ' _Mc91';
return rules;
};
let $230078a1c4ce81d8$var$preview = function anonymous(props) {
let rules = " ";
rules += ' _Pc91';
rules += ' Yd91';
rules += ' Xb91';
rules += ' _2b91';
rules += ' _Nb91';
rules += ' Pb91';
rules += ' I8cyuNb91';
rules += ' H8cyuNb91';
rules += ' J39J4qb91';
rules += ' Gk39J4qb91';
if (props.isQuiet) {
if (props.size === "S") rules += ' ob91';
else if (props.size === "XS") rules += ' ob91';
else rules += ' oc91';
}
if (props.isQuiet) {
if (props.size === "S") rules += ' nb91';
else if (props.size === "XS") rules += ' nb91';
else rules += ' nc91';
}
if (props.isQuiet) {
if (props.size === "S") rules += ' kb91';
else if (props.size === "XS") rules += ' kb91';
else rules += ' kc91';
}
if (props.isQuiet) {
if (props.size === "S") rules += ' jb91';
else if (props.size === "XS") rules += ' jb91';
else rules += ' jc91';
}
if (props.isQuiet) {
if (props.isSelected) rules += ' _nb91';
else if (props.isFocusVisible) rules += ' _nb91';
else if (props.isHovered) rules += ' _nb91';
}
if (props.isQuiet) {
if (props.isFocusVisible) rules += ' _Lf91';
} else rules += ' _Le91';
rules += ' Oh91';
rules += ' _Mc91';
rules += ' _Kd91';
return rules;
};
const $230078a1c4ce81d8$var$image = " Za91 fc91 _Hb91 _4c91 _Ob91";
let $230078a1c4ce81d8$var$title = function anonymous(props) {
let rules = " ";
rules += ' ug91';
rules += ' uch91';
rules += ' udi91';
rules += ' uea91';
rules += ' ugb91';
rules += ' uhd91';
rules += ' uje91';
rules += ' uic91';
if (props.size === "XL") {
rules += ' vg91';
rules += ' vsj91';
} else if (props.size === "L") {
rules += ' vp91';
rules += ' vsh91';
} else if (props.size === "M") {
rules += ' vd91';
rules += ' vsf91';
} else if (props.size === "S") {
rules += ' vb91';
rules += ' vse91';
} else if (props.size === "XS") {
rules += ' vb91';
rules += ' vse91';
}
rules += ' wd91';
rules += ' xd91';
rules += ' _xa91';
rules += ' wfd91';
rules += ' xfd91';
rules += ' _xfa91';
rules += ' _Fa91';
rules += ' _Ffb91';
rules += ' po91';
rules += ' __Ea91';
rules += ' sa91';
rules += ' __aa91';
rules += ' __ba91';
rules += ' zn9DOs91';
rules += ' yn9DOs91';
rules += ' Bn9DOs91';
rules += ' An9DOs91';
return rules;
};
let $230078a1c4ce81d8$var$description = function anonymous(props) {
let rules = " ";
rules += ' ug91';
rules += ' uch91';
rules += ' udi91';
rules += ' uea91';
rules += ' ugb91';
rules += ' uhd91';
rules += ' uje91';
rules += ' uic91';
if (props.size === "XL") {
rules += ' vp91';
rules += ' vsh91';
} else if (props.size === "L") {
rules += ' vd91';
rules += ' vsf91';
} else if (props.size === "M") {
rules += ' vb91';
rules += ' vse91';
} else if (props.size === "S") {
rules += ' va91';
rules += ' vsc91';
} else if (props.size === "XS") {
rules += ' va91';
rules += ' vsc91';
}
rules += ' wb91';
rules += ' xb91';
rules += ' _xa91';
rules += ' _Fb91';
rules += ' _Ffc91';
rules += ' pt91';
rules += ' __Ea91';
rules += ' sa91';
rules += ' __aa91';
rules += ' __ba91';
rules += ' z9u7zPc91';
rules += ' y9u7zPc91';
rules += ' B9u7zPc91';
rules += ' A9u7zPc91';
return rules;
};
let $230078a1c4ce81d8$var$content = function anonymous(props) {
let rules = " ";
rules += ' se91';
rules += ' DM8Mfn91';
rules += ' DlsIuJI4ff491';
rules += ' CfLapxc91';
rules += ' ClsIuJg9IhLd91';
rules += ' qb91';
rules += ' _ub91';
rules += ' ea91';
rules += ' _cf91';
if (props.size === "XL") rules += ' Ue91';
else if (props.size === "L") rules += ' UWJpoB91';
else if (props.size === "M") rules += ' UWJpoB91';
else if (props.size === "S") rules += ' Ub91';
else if (props.size === "XS") rules += ' Ub91';
rules += ' T5gMYHd91';
rules += ' Tbd91';
rules += ' Q69YG2b91';
rules += ' Qkd91';
return rules;
};
let $230078a1c4ce81d8$var$actionMenu = " zgSHDrc91 ygSHDrc91 BgSHDrc91 AgSHDrc91 JTnYEIe91 GTnYEIe91";
let $230078a1c4ce81d8$var$footer = " sd91 _tc91 ec91 _Ce91 Ue91 qe91 T69YG2b91";
const $230078a1c4ce81d8$export$cb658fed5fefe1d = /*#__PURE__*/ (0, $1B7TP$react.createContext)('div');
const $230078a1c4ce81d8$export$d0b2ee33ebf7d64 = /*#__PURE__*/ (0, $1B7TP$react.createContext)(null);
const $230078a1c4ce81d8$var$InternalCardContext = /*#__PURE__*/ (0, $1B7TP$react.createContext)({
isQuiet: false,
size: 'M',
isSelected: false,
isHovered: false,
isFocusVisible: false,
isPressed: false,
isCheckboxSelection: true
});
const $230078a1c4ce81d8$var$actionButtonSize = {
XS: 'XS',
S: 'XS',
M: 'S',
L: 'M',
XL: 'L'
};
const $230078a1c4ce81d8$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function Card(props, ref) {
[props] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $230078a1c4ce81d8$export$d0b2ee33ebf7d64);
let domRef = (0, $1B7TP$reactspectrumutils.useDOMRef)(ref);
let { density: density = 'regular', size: size = 'M', variant: variant = 'primary', UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, styles: styles, id: id, ...otherProps } = props;
let isQuiet = variant === 'quiet';
let isSkeleton = (0, $5eb75e0c130e0669$exports.useIsSkeleton)();
let children = /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $1B7TP$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
alt: '',
styles: $230078a1c4ce81d8$var$image
}
],
[
(0, $6367bc87eb7d24ad$exports.TextContext),
{
slots: {
[(0, $1B7TP$reactariacomponents.DEFAULT_SLOT)]: {},
title: {
styles: $230078a1c4ce81d8$var$title({
size: size
})
},
description: {
styles: $230078a1c4ce81d8$var$description({
size: size
})
}
}
}
],
[
(0, $6367bc87eb7d24ad$exports.ContentContext),
{
styles: $230078a1c4ce81d8$var$content({
size: size
})
}
],
[
(0, $2d04acb918636de0$exports.DividerContext),
{
size: 'S'
}
],
[
(0, $6367bc87eb7d24ad$exports.FooterContext),
{
styles: $230078a1c4ce81d8$var$footer
}
],
[
(0, $e5a758dd286599f2$exports.ActionMenuContext),
{
isQuiet: true,
size: $230078a1c4ce81d8$var$actionButtonSize[size],
isDisabled: isSkeleton,
// @ts-ignore
'data-slot': 'menu',
styles: $230078a1c4ce81d8$var$actionMenu
}
],
[
(0, $5eb75e0c130e0669$exports.SkeletonContext),
isSkeleton
]
],
children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $a4f1585b527b9b7a$exports.ImageCoordinator), {
children: typeof props.children === 'function' ? props.children({
size: size
}) : props.children
})
});
let ElementType = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$export$cb658fed5fefe1d);
if (ElementType === 'div' || isSkeleton) return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
...(0, $1B7TP$reactariautils.filterDOMProps)(otherProps),
id: id != null ? String(id) : undefined,
// @ts-ignore - React < 19 compat
inert: (0, $1B7TP$reactariautils.inertValue)(isSkeleton),
ref: domRef,
className: UNSAFE_className + $230078a1c4ce81d8$var$card({
size: size,
density: density,
variant: variant,
isCardView: ElementType !== 'div'
}, styles),
style: UNSAFE_style,
children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$InternalCardContext.Provider, {
value: {
size: size,
isQuiet: isQuiet,
isCheckboxSelection: false,
isHovered: false,
isFocusVisible: false,
isSelected: false,
isPressed: false
},
children: children
})
});
let press = (0, $2061c83559b50a66$exports.pressScale)(domRef, UNSAFE_style);
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)(ElementType, {
...props,
ref: domRef,
className: (renderProps)=>UNSAFE_className + $230078a1c4ce81d8$var$card({
...renderProps,
isCardView: true,
isLink: !!props.href,
size: size,
density: density,
variant: variant
}, styles),
style: (renderProps)=>// Only the preview in quiet cards scales down on press
variant === 'quiet' ? UNSAFE_style : press(renderProps),
children: ({ selectionMode: selectionMode, selectionBehavior: selectionBehavior, isHovered: isHovered, isFocusVisible: isFocusVisible, isSelected: isSelected, isPressed: isPressed })=>/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsxs)($230078a1c4ce81d8$var$InternalCardContext.Provider, {
value: {
size: size,
isQuiet: isQuiet,
isCheckboxSelection: selectionMode !== 'none' && selectionBehavior === 'toggle',
isHovered: isHovered,
isFocusVisible: isFocusVisible,
isSelected: isSelected,
isPressed: isPressed
},
children: [
!isQuiet && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$SelectionIndicator, {}),
!isQuiet && selectionMode !== 'none' && selectionBehavior === 'toggle' && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$CardCheckbox, {}),
/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
className: " sc91",
children: children
})
]
})
});
});
function $230078a1c4ce81d8$var$SelectionIndicator() {
let { size: size, isSelected: isSelected, isQuiet: isQuiet, isCheckboxSelection: isCheckboxSelection } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$var$InternalCardContext);
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
className: $230078a1c4ce81d8$var$selectionIndicator({
size: size,
isSelected: isSelected,
// Add an inner stroke only for quiet cards with no checkbox to
// help distinguish the selected state from the preview.
isStrokeInner: isQuiet && !isCheckboxSelection
})
});
}
function $230078a1c4ce81d8$var$CardCheckbox() {
let { size: size } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$var$InternalCardContext);
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
className: " _Pa91 W5gMYHd91 _A5gMYHd91 _9d91 Tp91 Qp91 Sp91 Rp91 gGcUfH91 ob91 nb91 kb91 jb91 _na91",
children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
slot: "selection",
excludeFromTabOrder: true,
size: size === 'XS' ? 'S' : size
})
});
}
const $230078a1c4ce81d8$export$115f017852a4bb7c = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function CardPreview(props, ref) {
let { size: size, isQuiet: isQuiet, isHovered: isHovered, isFocusVisible: isFocusVisible, isSelected: isSelected, isPressed: isPressed, isCheckboxSelection: isCheckboxSelection } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$var$InternalCardContext);
let { UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style } = props;
let domRef = (0, $1B7TP$reactspectrumutils.useDOMRef)(ref);
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsxs)("div", {
...(0, $1B7TP$reactariautils.filterDOMProps)(props),
slot: "preview",
ref: domRef,
className: UNSAFE_className + $230078a1c4ce81d8$var$preview({
size: size,
isQuiet: isQuiet,
isHovered: isHovered,
isFocusVisible: isFocusVisible,
isSelected: isSelected
}),
style: isQuiet ? (0, $2061c83559b50a66$exports.pressScale)(domRef)({
isPressed: isPressed
}) : UNSAFE_style,
children: [
isQuiet && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$SelectionIndicator, {}),
isQuiet && isCheckboxSelection && /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$var$CardCheckbox, {}),
/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
className: " oi91 ni91 ki91 ji91 _Nb91 Pb91",
children: props.children
})
]
});
});
const $230078a1c4ce81d8$var$collection = function anonymous(props) {
let rules = " ";
rules += ' se91';
rules += ' DvhgoHd91';
if (props.size === "S") rules += ' Ua91';
else if (props.size === "XS") rules += ' Ua91';
else rules += ' Ub91';
if (props.size === "S") rules += ' qa91';
else if (props.size === "XS") rules += ' qa91';
else rules += ' qb91';
return rules;
};
const $230078a1c4ce81d8$var$collectionImage = " Za91 fa91 f5DbKFc91 y5DbKFwoofG91 _Hb91 _Ob91 _4c91";
const $230078a1c4ce81d8$export$c368ea3e577b1b86 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function CollectionCardPreview(props, ref) {
let { size: size } = (0, $1B7TP$react.useContext)($230078a1c4ce81d8$var$InternalCardContext);
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$export$115f017852a4bb7c, {
...props,
ref: ref,
children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
className: $230078a1c4ce81d8$var$collection({
size: size
}),
children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $053b76ed3d29e13b$exports.ImageContext).Provider, {
value: {
styles: $230078a1c4ce81d8$var$collectionImage
},
children: props.children
})
})
});
});
const $230078a1c4ce81d8$export$eff93e4e59ccc3b8 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function AssetCard(props, ref) {
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$export$60332b2344f7fe41, {
...props,
ref: ref,
density: "regular",
children: (0, $1B7TP$reactariacomponents.composeRenderProps)(props.children, (children)=>/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $1B7TP$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
alt: '',
styles: " Za91 fa91 _Ha91 _Ob91 _4c91"
}
],
[
(0, $bde97c91243ed164$exports.IllustrationContext),
{
render (icon) {
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $5eb75e0c130e0669$exports.SkeletonWrapper), {
children: /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)("div", {
className: " sd91 eb91 _Ca91 gH91 fa91",
children: icon
})
});
},
styles: " Fd91 Le91 Ke91 Zc91"
}
]
],
children: children
}))
});
});
const $230078a1c4ce81d8$var$avatarSize = {
XS: 24,
S: 48,
M: 64,
L: 64,
XL: 80
};
const $230078a1c4ce81d8$export$78e8870b5d8ae469 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function UserCard(props, ref) {
let { size: size = 'M' } = props;
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$export$60332b2344f7fe41, {
...props,
ref: ref,
density: "spacious",
children: (0, $1B7TP$reactariacomponents.composeRenderProps)(props.children, (children)=>/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $1B7TP$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
alt: '',
styles: " Za91 fb91 _Hb91 _Ob91 _4c91"
}
],
[
(0, $38071d9ce246d4cf$exports.AvatarContext),
{
size: $230078a1c4ce81d8$var$avatarSize[size],
UNSAFE_style: {
'--size': $230078a1c4ce81d8$var$avatarSize[size] / 16 + 'rem'
},
styles: " _Pc91 Jy91 Jkymupd0fnV8d91",
isOverBackground: true
}
]
],
children: children
}))
});
});
const $230078a1c4ce81d8$var$buttonSize = {
XS: 'S',
S: 'S',
M: 'M',
L: 'L',
XL: 'XL'
};
const $230078a1c4ce81d8$export$e6cbe35324ccf844 = /*#__PURE__*/ (0, $1B7TP$react.forwardRef)(function ProductCard(props1, ref) {
let { size: size = 'M' } = props1;
return /*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)($230078a1c4ce81d8$export$60332b2344f7fe41, {
...props1,
ref: ref,
density: "spacious",
children: (0, $1B7TP$reactariacomponents.composeRenderProps)(props1.children, (children)=>/*#__PURE__*/ (0, $1B7TP$reactjsxruntime.jsx)((0, $1B7TP$reactariacomponents.Provider), {
values: [
[
(0, $053b76ed3d29e13b$exports.ImageContext),
{
slots: {
preview: {
alt: '',
styles: " Za91 fd91 _Hb91 _Ob91 _4c91"
},
thumbnail: {
alt: '',
styles: function anonymous(props) {
let rules = " ";
rules += ' _Pc91';
rules += ' _Ob91';
rules += ' _4c91';
if (props.size === "XL") rules += ' ZD91';
else if (props.size === "L") rules += ' Zx91';
else if (props.size === "M") rules += ' Zw91';
else if (props.size === "S") rules += ' Zv91';
else if (props.size === "XS") rules += ' Zo91';
rules += ' FRuFGYc91';
if (props.size === "S") rules += ' oa91';
else if (props.size === "XS") rules += ' oa91';
else rules += ' ob91';
if (props.size === "S") rules += ' na91';
else if (props.size === "XS") rules += ' na91';
else rules += ' nb91';
if (props.size === "S") rules += ' ka91';
else if (props.size === "XS") rules += ' ka91';
else rules += ' kb91';
if (props.size === "S") rules += ' ja91';
else if (props.size === "XS") rules += ' ja91';
else rules += ' jb91';
rules += ' _Hb91';
rules += ' Jy91';
rules += ' JkymupdLu7Bcc91';
rules += ' _Lf91';
if (props.size === "XS") rules += ' _Mb91';
else rules += ' _Mc91';
rules += ' OEzkoQe91';
if (props.size === "XL") rules += ' -F_-Fy91';
else if (props.size === "L") rules += ' -F_-Fw91';
else if (props.size === "M") rules += ' -F_-Fv91';
else if (props.size === "S") rules += ' -F_-Fu91';
else if (props.size === "XS") rules += ' -F_-Fp91';
return rules;
}({
size: size
})
}
}
}
],
[
(0, $6367bc87eb7d24ad$exports.FooterContext),
{
styles: (0, $308b180f49d82d28$exports.mergeStyles)($230078a1c4ce81d8$var$footer, " _Cb91")
}
],
[
(0, $25d06cf8d4e72761$exports.ButtonContext),
{
size: $230078a1c4ce81d8$var$buttonSize[size]
}
],
[
(0, $25d06cf8d4e72761$exports.LinkButtonContext),
{
size: $230078a1c4ce81d8$var$buttonSize[size]
}
]
],
children: children
}))
});
});
//# sourceMappingURL=Card.cjs.map