Initial commit

node_modules/@fluentui/react-card/lib-commonjs/components/Card/Card.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Card", {
+    enumerable: true,
+    get: function() {
+        return Card;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useCard = require("./useCard");
+const _renderCard = require("./renderCard");
+const _useCardStylesstyles = require("./useCardStyles.styles");
+const _useCardContextValue = require("./useCardContextValue");
+const Card = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useCard.useCard_unstable)(props, ref);
+    const cardContextValue = (0, _useCardContextValue.useCardContextValue)(state);
+    (0, _useCardStylesstyles.useCardStyles_unstable)(state);
+    return (0, _renderCard.renderCard_unstable)(state, cardContextValue);
+});
+Card.displayName = 'Card';

node_modules/@fluentui/react-card/lib-commonjs/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCard_unstable } from './useCard';\nimport { renderCard_unstable } from './renderCard';\nimport { useCardStyles_unstable } from './useCardStyles.styles';\nimport type { CardProps } from './Card.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCardContextValue } from './useCardContextValue';\n\n/**\n * A card provides scaffolding for hosting actions and content for a single topic.\n */\nexport const Card: ForwardRefComponent<CardProps> = React.forwardRef<HTMLDivElement>((props, ref) => {\n  const state = useCard_unstable(props, ref);\n  const cardContextValue = useCardContextValue(state);\n\n  useCardStyles_unstable(state);\n  return renderCard_unstable(state, cardContextValue);\n});\n\nCard.displayName = 'Card';\n"],"names":["Card","React","forwardRef","props","ref","state","useCard_unstable","cardContextValue","useCardContextValue","useCardStyles_unstable","renderCard_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;yBACU;4BACG;qCACG;qCAGH;AAK7B,MAAMA,OAAAA,WAAAA,GAAuCC,OAAMC,UAAU,CAAiB,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yBAAAA,EAAiBH,OAAOC;IACtC,MAAMG,mBAAmBC,IAAAA,wCAAAA,EAAoBH;IAE7CI,IAAAA,2CAAAA,EAAuBJ;IACvB,OAAOK,IAAAA,+BAAAA,EAAoBL,OAAOE;AACpC;AAEAP,KAAKW,WAAW,GAAG"}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/Card.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-card/lib-commonjs/components/Card/Card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Card selected event type\n *\n * This event is fired when a selectable card changes its selection state.\n */\nexport type CardOnSelectionChangeEvent = React.MouseEvent | React.KeyboardEvent | React.ChangeEvent;\n\n/**\n * Data sent from the selection events on a selectable card.\n */\nexport type CardOnSelectData = {\n  selected: boolean;\n};\n\n/**\n * Data shared between card components\n */\nexport interface CardContextValue {\n  selectableA11yProps: {\n    referenceId?: string;\n    setReferenceId: (referenceId: string) => void;\n    referenceLabel?: string;\n    setReferenceLabel: (referenceLabel: string) => void;\n  };\n}\n\n/**\n * Slots available in the Card component.\n */\nexport type CardSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Floating action that can be rendered on the top-right of a card. Often used together with\n   * `selected`, `defaultSelected`, and `onSelectionChange` props\n   */\n  floatingAction?: Slot<'div'>;\n\n  /**\n   * The internal checkbox element that renders when the card is selectable.\n   */\n  checkbox?: Slot<'input'>;\n};\n\n/**\n * Card component props.\n */\nexport type CardProps = ComponentProps<CardSlots> & {\n  /**\n   * Sets the appearance of the card.\n   *\n   * `filled`\n   * The card will have a shadow, border and background color.\n   *\n   * `filled-alternative`\n   * This appearance is similar to `filled`, but the background color will be a little darker.\n   *\n   * `outline`\n   * This appearance is similar to `filled`, but the background color will be transparent and no shadow applied.\n   *\n   * `subtle`\n   * This appearance is similar to `filled-alternative`, but no border is applied.\n   *\n   * @default 'filled'\n   */\n  appearance?: 'filled' | 'filled-alternative' | 'outline' | 'subtle';\n\n  /**\n   * Sets the focus behavior for the card.\n   *\n   * `off`\n   * The card will not focusable.\n   *\n   * `no-tab`\n   * This behaviour traps the focus inside of the Card when pressing the Enter key and will only release focus when\n   * pressing the Escape key.\n   *\n   * `tab-exit`\n   * This behaviour traps the focus inside of the Card when pressing the Enter key but will release focus when pressing\n   * the Tab key on the last inner element.\n   *\n   * `tab-only`\n   * This behaviour will cycle through all elements inside of the Card when pressing the Tab key and then release focus\n   * after the last inner element.\n   *\n   * @default 'off'\n   */\n  focusMode?: 'off' | 'no-tab' | 'tab-exit' | 'tab-only';\n\n  /**\n   * Defines the orientation of the card.\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'horizontal' | 'vertical';\n\n  /**\n   * Controls the card's border radius and padding between inner elements.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Defines the controlled selected state of the card.\n   *\n   * @default false\n   */\n  selected?: boolean;\n\n  /**\n   * Defines whether the card is initially in a selected state when rendered.\n   *\n   * @default false\n   */\n  defaultSelected?: boolean;\n\n  /**\n   * Callback to be called when the selected state value changes.\n   */\n  // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n  onSelectionChange?: (event: CardOnSelectionChangeEvent, data: CardOnSelectData) => void;\n};\n\n/**\n * State used in rendering Card.\n */\nexport type CardState = ComponentState<CardSlots> &\n  CardContextValue &\n  Required<\n    Pick<CardProps, 'appearance' | 'orientation' | 'size'> & {\n      /**\n       * Represents a card that contains interactive events (MouseEvents) or is a button/a tag.\n       *\n       * @default false\n       */\n      interactive: boolean;\n\n      /**\n       * Represents a selectable card.\n       *\n       * @default false\n       */\n      selectable: boolean;\n\n      /**\n       * Defines whether the card is currently selected.\n       *\n       * @default false\n       */\n      selected: boolean;\n\n      /**\n       * Defines whether the card internal checkbox is currently focused.\n       *\n       * @default false\n       */\n      selectFocused: boolean;\n    }\n  >;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/CardContext.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CardProvider: function() {
+        return CardProvider;
+    },
+    cardContextDefaultValue: function() {
+        return cardContextDefaultValue;
+    },
+    useCardContext_unstable: function() {
+        return useCardContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const cardContext = /*#__PURE__*/ _react.createContext(undefined);
+const cardContextDefaultValue = {
+    selectableA11yProps: {
+        referenceId: undefined,
+        setReferenceId () {
+        /* Noop */ },
+        referenceLabel: undefined,
+        setReferenceLabel () {
+        /* Noop */ }
+    }
+};
+const CardProvider = cardContext.Provider;
+const useCardContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(cardContext)) !== null && _React_useContext !== void 0 ? _React_useContext : cardContextDefaultValue;
+};

node_modules/@fluentui/react-card/lib-commonjs/components/Card/CardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/CardContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { CardContextValue } from './Card.types';\n\nconst cardContext = React.createContext<CardContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const cardContextDefaultValue: CardContextValue = {\n  selectableA11yProps: {\n    referenceId: undefined,\n    setReferenceId() {\n      /* Noop */\n    },\n    referenceLabel: undefined,\n    setReferenceLabel() {\n      /* Noop */\n    },\n  },\n};\n\n/**\n * @internal\n */\nexport const CardProvider = cardContext.Provider;\n\n/**\n * @internal\n */\nexport const useCardContext_unstable = () => React.useContext(cardContext) ?? cardContextDefaultValue;\n"],"names":["CardProvider","cardContextDefaultValue","useCardContext_unstable","cardContext","React","createContext","undefined","selectableA11yProps","referenceId","setReferenceId","referenceLabel","setReferenceLabel","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwBaA,YAAAA;eAAAA;;IAhBAC,uBAAAA;eAAAA;;IAqBAC,uBAAAA;eAAAA;;;;iEA7BU;AAGvB,MAAMC,4BAAcC,OAAMC,aAAa,CAA+BC;AAK/D,MAAML,0BAA4C;IACvDM,qBAAqB;QACnBC,aAAaF;QACbG;QACE,QAAQ,GACV;QACAC,gBAAgBJ;QAChBK;QACE,QAAQ,GACV;IACF;AACF;AAKO,MAAMX,eAAeG,YAAYS,QAAQ;AAKzC,MAAMV,0BAA0B;QAAME;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,YAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAiCH;AAAsB"}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Card: function() {
+        return _Card.Card;
+    },
+    CardProvider: function() {
+        return _CardContext.CardProvider;
+    },
+    cardCSSVars: function() {
+        return _useCardStylesstyles.cardCSSVars;
+    },
+    cardClassNames: function() {
+        return _useCardStylesstyles.cardClassNames;
+    },
+    cardContextDefaultValue: function() {
+        return _CardContext.cardContextDefaultValue;
+    },
+    renderCard_unstable: function() {
+        return _renderCard.renderCard_unstable;
+    },
+    useCardContext_unstable: function() {
+        return _CardContext.useCardContext_unstable;
+    },
+    useCardStyles_unstable: function() {
+        return _useCardStylesstyles.useCardStyles_unstable;
+    },
+    useCard_unstable: function() {
+        return _useCard.useCard_unstable;
+    }
+});
+const _Card = require("./Card");
+const _CardContext = require("./CardContext");
+const _renderCard = require("./renderCard");
+const _useCard = require("./useCard");
+const _useCardStylesstyles = require("./useCardStyles.styles");

node_modules/@fluentui/react-card/lib-commonjs/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/index.ts"],"sourcesContent":["export { Card } from './Card';\nexport type {\n  CardContextValue,\n  CardOnSelectData,\n  CardOnSelectionChangeEvent,\n  CardProps,\n  CardSlots,\n  CardState,\n} from './Card.types';\nexport { CardProvider, cardContextDefaultValue, useCardContext_unstable } from './CardContext';\nexport { renderCard_unstable } from './renderCard';\nexport { useCard_unstable } from './useCard';\nexport { cardCSSVars, cardClassNames, useCardStyles_unstable } from './useCardStyles.styles';\n"],"names":["Card","CardProvider","cardCSSVars","cardClassNames","cardContextDefaultValue","renderCard_unstable","useCardContext_unstable","useCardStyles_unstable","useCard_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IASJC,YAAY;eAAZA,yBAAY;;IAGZC,WAAW;eAAXA,gCAAW;;IAAEC,cAAc;eAAdA,mCAAc;;IAHbC,uBAAuB;eAAvBA,oCAAuB;;IACrCC,mBAAmB;eAAnBA,+BAAmB;;IADoBC,uBAAuB;eAAvBA,oCAAuB;;IAGjCC,sBAAsB;eAAtBA,2CAAsB;;IADnDC,gBAAgB;eAAhBA,yBAAgB;;;sBAXJ;6BAS0D;4BAC3C;yBACH;qCACmC"}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/renderCard.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderCard_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderCard_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _CardContext = require("./CardContext");
+const renderCard_unstable = (state, cardContextValue)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_CardContext.CardProvider, {
+            value: cardContextValue,
+            children: [
+                state.checkbox ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.checkbox, {}) : null,
+                state.floatingAction ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.floatingAction, {}) : null,
+                state.root.children
+            ]
+        })
+    });
+};

node_modules/@fluentui/react-card/lib-commonjs/components/Card/renderCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/renderCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { CardContextValue, CardSlots, CardState } from './Card.types';\nimport { CardProvider } from './CardContext';\n\n/**\n * Render the final JSX of Card.\n */\nexport const renderCard_unstable = (state: CardState, cardContextValue: CardContextValue) => {\n  assertSlots<CardSlots>(state);\n\n  return (\n    <state.root>\n      <CardProvider value={cardContextValue}>\n        {state.checkbox ? <state.checkbox /> : null}\n        {state.floatingAction ? <state.floatingAction /> : null}\n        {state.root.children}\n      </CardProvider>\n    </state.root>\n  );\n};\n"],"names":["renderCard_unstable","state","cardContextValue","assertSlots","_jsx","root","_jsxs","CardProvider","value","checkbox","floatingAction","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;6BAEC;AAKtB,MAAMA,sBAAsB,CAACC,OAAkBC;IACpDC,IAAAA,2BAAAA,EAAuBF;IAEvB,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA;kBACT,WAAA,GAAAC,IAAAA,gBAAA,EAACC,yBAAAA,EAAAA;YAAaC,OAAON;;gBAClBD,MAAMQ,QAAQ,GAAA,WAAA,GAAGL,IAAAA,eAAA,EAACH,MAAMQ,QAAQ,EAAA,CAAA,KAAM;gBACtCR,MAAMS,cAAc,GAAA,WAAA,GAAGN,IAAAA,eAAA,EAACH,MAAMS,cAAc,EAAA,CAAA,KAAM;gBAClDT,MAAMI,IAAI,CAACM,QAAQ;;;;AAI5B"}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/useCard.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCard_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCard_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttabster = require("@fluentui/react-tabster");
+const _useCardSelectable = require("./useCardSelectable");
+const _CardContext = require("./CardContext");
+const focusMap = {
+    off: undefined,
+    'no-tab': 'limited-trap-focus',
+    'tab-exit': 'limited',
+    'tab-only': 'unlimited'
+};
+/**
+ * Create the state for interactive cards.
+ *
+ * This internal hook defines if the card is interactive
+ * and control focus properties based on that.
+ *
+ * @param props - props from this instance of Card
+ */ const useCardInteractive = ({ focusMode: initialFocusMode, ...props })=>{
+    const interactive = [
+        'onClick',
+        'onDoubleClick',
+        'onMouseUp',
+        'onMouseDown',
+        'onPointerUp',
+        'onPointerDown',
+        'onTouchStart',
+        'onTouchEnd',
+        'onDragStart',
+        'onDragEnd'
+    ].some((prop)=>props[prop]);
+    // default focusMode to tab-only when interactive, and off when not
+    const focusMode = initialFocusMode !== null && initialFocusMode !== void 0 ? initialFocusMode : interactive ? 'no-tab' : 'off';
+    const groupperAttrs = (0, _reacttabster.useFocusableGroup)({
+        tabBehavior: focusMap[focusMode]
+    });
+    const interactiveFocusAttributes = {
+        ...groupperAttrs,
+        tabIndex: 0
+    };
+    return {
+        interactive,
+        focusAttributes: focusMode === 'off' ? null : interactiveFocusAttributes
+    };
+};
+const useCard_unstable = (props, ref)=>{
+    const { appearance = 'filled', orientation = 'vertical', size = 'medium' } = props;
+    const [referenceId, setReferenceId] = _react.useState(_CardContext.cardContextDefaultValue.selectableA11yProps.referenceId);
+    const [referenceLabel, setReferenceLabel] = _react.useState(_CardContext.cardContextDefaultValue.selectableA11yProps.referenceId);
+    const cardBaseRef = (0, _reacttabster.useFocusWithin)();
+    const { selectable, selected, selectableCardProps, selectFocused, checkboxSlot, floatingActionSlot } = (0, _useCardSelectable.useCardSelectable)(props, {
+        referenceId,
+        referenceLabel
+    }, cardBaseRef);
+    const cardRef = (0, _reactutilities.useMergedRefs)(cardBaseRef, ref);
+    const { interactive, focusAttributes } = useCardInteractive(props);
+    return {
+        appearance,
+        orientation,
+        size,
+        interactive,
+        selectable,
+        selectFocused,
+        selected,
+        selectableA11yProps: {
+            setReferenceId,
+            referenceId,
+            referenceLabel,
+            setReferenceLabel
+        },
+        components: {
+            root: 'div',
+            floatingAction: 'div',
+            checkbox: 'input'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: cardRef,
+            role: 'group',
+            ...!selectable ? focusAttributes : null,
+            ...props,
+            ...selectableCardProps
+        }), {
+            elementType: 'div'
+        }),
+        floatingAction: floatingActionSlot,
+        checkbox: checkboxSlot
+    };
+};

node_modules/@fluentui/react-card/lib-commonjs/components/Card/useCardContextValue.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCardContextValue", {
+    enumerable: true,
+    get: function() {
+        return useCardContextValue;
+    }
+});
+function useCardContextValue({ selectableA11yProps }) {
+    return {
+        selectableA11yProps
+    };
+}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/useCardContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/useCardContextValue.ts"],"sourcesContent":["import type { CardContextValue, CardState } from './Card.types';\n\nexport function useCardContextValue({ selectableA11yProps }: CardState): CardContextValue {\n  return { selectableA11yProps };\n}\n"],"names":["useCardContextValue","selectableA11yProps"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,oBAAoB,EAAEC,mBAAmB,EAAa;IACpE,OAAO;QAAEA;IAAoB;AAC/B"}

node_modules/@fluentui/react-card/lib-commonjs/components/Card/useCardSelectable.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCardSelectable", {
+    enumerable: true,
+    get: function() {
+        return useCardSelectable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reacttabster = require("@fluentui/react-tabster");
+const useCardSelectable = (props, { referenceLabel, referenceId }, cardRef)=>{
+    const { checkbox = {}, onSelectionChange, floatingAction, onClick, onKeyDown } = props;
+    const { findAllFocusable } = (0, _reacttabster.useFocusFinders)();
+    const checkboxRef = _react.useRef(null);
+    const [selected, setSelected] = (0, _reactutilities.useControllableState)({
+        state: props.selected,
+        defaultState: props.defaultSelected,
+        initialState: false
+    });
+    const selectable = [
+        props.selected,
+        props.defaultSelected,
+        onSelectionChange
+    ].some((prop)=>typeof prop !== 'undefined');
+    const [selectFocused, setSelectFocused] = _react.useState(false);
+    const shouldRestrictTriggerAction = _react.useCallback((event)=>{
+        if (!cardRef.current) {
+            return false;
+        }
+        const focusableElements = findAllFocusable(cardRef.current);
+        const target = event.target;
+        const isElementInFocusableGroup = focusableElements.some((element)=>element.contains(target));
+        const isCheckboxSlot = (checkboxRef === null || checkboxRef === void 0 ? void 0 : checkboxRef.current) === target;
+        return isElementInFocusableGroup && !isCheckboxSlot;
+    }, [
+        cardRef,
+        findAllFocusable
+    ]);
+    const onChangeHandler = _react.useCallback((event)=>{
+        if (shouldRestrictTriggerAction(event)) {
+            return;
+        }
+        const newCheckedValue = !selected;
+        setSelected(newCheckedValue);
+        if (onSelectionChange) {
+            onSelectionChange(event, {
+                selected: newCheckedValue
+            });
+        }
+    }, [
+        onSelectionChange,
+        selected,
+        setSelected,
+        shouldRestrictTriggerAction
+    ]);
+    const onKeyDownHandler = _react.useCallback((event)=>{
+        if ([
+            _keyboardkeys.Enter
+        ].includes(event.key)) {
+            event.preventDefault();
+            onChangeHandler(event);
+        }
+    }, [
+        onChangeHandler
+    ]);
+    const checkboxSlot = _react.useMemo(()=>{
+        if (!selectable || floatingAction) {
+            return;
+        }
+        const selectableCheckboxProps = {};
+        if (referenceId) {
+            selectableCheckboxProps['aria-labelledby'] = referenceId;
+        } else if (referenceLabel) {
+            selectableCheckboxProps['aria-label'] = referenceLabel;
+        }
+        return _reactutilities.slot.optional(checkbox, {
+            defaultProps: {
+                ref: checkboxRef,
+                type: 'checkbox',
+                checked: selected,
+                onChange: (event)=>onChangeHandler(event),
+                onFocus: ()=>setSelectFocused(true),
+                onBlur: ()=>setSelectFocused(false),
+                ...selectableCheckboxProps
+            },
+            elementType: 'input'
+        });
+    }, [
+        checkbox,
+        floatingAction,
+        selected,
+        selectable,
+        onChangeHandler,
+        referenceId,
+        referenceLabel
+    ]);
+    const floatingActionSlot = _react.useMemo(()=>{
+        if (!floatingAction) {
+            return;
+        }
+        return _reactutilities.slot.optional(floatingAction, {
+            defaultProps: {
+                ref: checkboxRef
+            },
+            elementType: 'div'
+        });
+    }, [
+        floatingAction
+    ]);
+    const selectableCardProps = _react.useMemo(()=>{
+        if (!selectable) {
+            return null;
+        }
+        return {
+            onClick: (0, _reactutilities.mergeCallbacks)(onClick, onChangeHandler),
+            onKeyDown: (0, _reactutilities.mergeCallbacks)(onKeyDown, onKeyDownHandler)
+        };
+    }, [
+        selectable,
+        onChangeHandler,
+        onClick,
+        onKeyDown,
+        onKeyDownHandler
+    ]);
+    return {
+        selected,
+        selectable,
+        selectFocused,
+        selectableCardProps,
+        checkboxSlot,
+        floatingActionSlot
+    };
+};

node_modules/@fluentui/react-card/lib-commonjs/components/Card/useCardStyles.styles.js

@@ -0,0 +1,781 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    cardCSSVars: function() {
+        return cardCSSVars;
+    },
+    cardClassNames: function() {
+        return cardClassNames;
+    },
+    useCardStyles_unstable: function() {
+        return useCardStyles_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const cardClassNames = {
+    root: 'fui-Card',
+    floatingAction: 'fui-Card__floatingAction',
+    checkbox: 'fui-Card__checkbox'
+};
+const cardCSSVars = {
+    cardSizeVar: '--fui-Card--size',
+    cardBorderRadiusVar: '--fui-Card--border-radius'
+};
+const focusOutlineStyle = {
+    outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,
+    outlineWidth: _reacttheme.tokens.strokeWidthThick,
+    outlineOffset: '-2px'
+};
+const useCardResetStyles = /*#__PURE__*/ (0, _react1.__resetStyles)("rfxo2k2", "rgle7w9", [
+    ".rfxo2k2{overflow:hidden;border-radius:var(--fui-Card--border-radius);padding:var(--fui-Card--size);gap:var(--fui-Card--size);display:flex;position:relative;box-sizing:border-box;color:var(--colorNeutralForeground1);}",
+    ".rfxo2k2::after{position:absolute;top:0;left:0;right:0;bottom:0;content:\"\";pointer-events:none;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-radius:var(--fui-Card--border-radius);}",
+    ".rfxo2k2>.fui-CardHeader,.rfxo2k2>.fui-CardFooter{flex-shrink:0;}",
+    ".rgle7w9{overflow:hidden;border-radius:var(--fui-Card--border-radius);padding:var(--fui-Card--size);gap:var(--fui-Card--size);display:flex;position:relative;box-sizing:border-box;color:var(--colorNeutralForeground1);}",
+    ".rgle7w9::after{position:absolute;top:0;right:0;left:0;bottom:0;content:\"\";pointer-events:none;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-radius:var(--fui-Card--border-radius);}",
+    ".rgle7w9>.fui-CardHeader,.rgle7w9>.fui-CardFooter{flex-shrink:0;}"
+]);
+const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
+    focused: {
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ],
+        Bb7d1vk: "f226i61",
+        zhwhgb: [
+            "f13kzufm",
+            "fsx75g8"
+        ],
+        dhy2o1: "flujwa2",
+        Gfyso: [
+            "fsx75g8",
+            "f13kzufm"
+        ],
+        Bm4h7ae: "f15bsgw9",
+        B7ys5i9: "f14e48fq",
+        Busjfv9: "f18yb2kv",
+        Bhk32uz: "fd6o370",
+        f6g5ot: 0,
+        Boxcth7: 0,
+        Bhdgwq3: 0,
+        hgwjuy: 0,
+        Bshpdp8: 0,
+        Bsom6fd: 0,
+        Blkhhs4: 0,
+        Bonggc9: 0,
+        Ddfuxk: 0,
+        i03rao: 0,
+        kclons: 0,
+        clg4pj: 0,
+        Bpqj9nj: 0,
+        B6dhp37: 0,
+        Bf4ptjt: 0,
+        Bqtpl0w: 0,
+        i4rwgc: "fpqizxz",
+        Dah5zi: 0,
+        B1tsrr9: 0,
+        qqdqy8: 0,
+        Bkh64rk: 0,
+        e3fwne: "fnd8nzh",
+        J0r882: "f15fr7a0",
+        Bule8hv: [
+            "fwsq40z",
+            "fy0y4wt"
+        ],
+        Bjwuhne: "f34ld9f",
+        Ghsupd: [
+            "fy0y4wt",
+            "fwsq40z"
+        ]
+    },
+    selectableFocused: {
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        Bssx7fj: "f1b1k54r",
+        uh7if5: [
+            "f4ne723",
+            "fqqcjud"
+        ],
+        clntm0: "fh7aioi",
+        Dlk2r6: [
+            "fqqcjud",
+            "f4ne723"
+        ],
+        Bm3wd5j: "f1k55ka9",
+        Bbrhkcr: [
+            "fgclinu",
+            "f16pcs8n"
+        ],
+        f1oku: "fycbxed",
+        aywvf2: [
+            "f16pcs8n",
+            "fgclinu"
+        ],
+        B2j2mmj: "ffht0p2",
+        wigs8: "f1p0ul1q",
+        pbfy6t: "f1c901ms",
+        B0v4ure: "f1alokd7",
+        Byrf0fs: 0,
+        Bsiemmq: 0,
+        Bwckmig: 0,
+        skfxo0: 0,
+        Iidy0u: 0,
+        B98u21t: 0,
+        Bvwlmkc: 0,
+        jo1ztg: 0,
+        Ba1iezr: 0,
+        Blmvk6g: 0,
+        B24cy0v: 0,
+        Bil7v7r: 0,
+        Br3gin4: 0,
+        nr063g: 0,
+        ghq09: 0,
+        Bbgo44z: 0,
+        Bseh09z: "f1i978nd",
+        az1dzo: 0,
+        Ba3ybja: 0,
+        B6352mv: 0,
+        vppk2z: 0,
+        Biaj6j7: "f1nh8hsq",
+        B2pnrqr: "f1amxum7",
+        B29w5g4: [
+            "f1cec8w7",
+            "f554mv0"
+        ],
+        Bhhzhcn: "f1sj6kbr",
+        Bec0n69: [
+            "f554mv0",
+            "f1cec8w7"
+        ]
+    },
+    orientationHorizontal: {
+        Beiy3e4: "f1063pyq",
+        Bt984gj: "f122n59",
+        Binpb3b: "ftrw7vg",
+        qrt8p2: "f18opajm",
+        k6ws3r: [
+            "f13002it",
+            "fqo182t"
+        ],
+        Btcwela: [
+            "f18yna97",
+            "f1kd6wh7"
+        ],
+        Fer9m8: "f4i4759"
+    },
+    orientationVertical: {
+        Beiy3e4: "f1vx9l62",
+        B5nvv7i: [
+            "f14k419y",
+            "f1fgo9fz"
+        ],
+        Baxg94k: [
+            "f1fgo9fz",
+            "f14k419y"
+        ],
+        tn21ii: "fvqmfsm",
+        B0ud6bj: "f3am6yf",
+        Bgdo4j: "f1r5wgso"
+    },
+    sizeSmall: {
+        B7balbw: "f1pi9uxy",
+        B1h88n7: "f1h1zgly"
+    },
+    sizeMedium: {
+        B7balbw: "frsmuga",
+        B1h88n7: "fuldkky"
+    },
+    sizeLarge: {
+        B7balbw: "f1qua4xo",
+        B1h88n7: "fimkt6v"
+    },
+    interactive: {
+        rhjd8f: "f1epqm3e"
+    },
+    filled: {
+        De3pzq: "fxugw4r",
+        E5pizo: "f1whvlc6",
+        B0n5ga8: "f16gxe2i",
+        s924m2: [
+            "fpgykix",
+            "fzybk4o"
+        ],
+        B1q35kw: "f1osi826",
+        Gp14am: [
+            "fzybk4o",
+            "fpgykix"
+        ]
+    },
+    filledInteractive: {
+        Bceei9c: "f1k6fduh",
+        De3pzq: "fxugw4r",
+        E5pizo: "f1whvlc6",
+        B0n5ga8: "f16gxe2i",
+        s924m2: [
+            "fpgykix",
+            "fzybk4o"
+        ],
+        B1q35kw: "f1osi826",
+        Gp14am: [
+            "fzybk4o",
+            "fpgykix"
+        ],
+        Bi91k9c: "feu1g3u",
+        Jwef8y: "f1knas48",
+        Bvxd0ez: "f1m145df",
+        ecr2s2: "fb40n2d"
+    },
+    filledInteractiveSelected: {
+        De3pzq: "f1nfm20t",
+        B0n5ga8: "f16eln5f",
+        s924m2: [
+            "fa2okxs",
+            "fg4zq3l"
+        ],
+        B1q35kw: "ff6932p",
+        Gp14am: [
+            "fg4zq3l",
+            "fa2okxs"
+        ],
+        Bi91k9c: "fx9teim",
+        Jwef8y: "f1kz6goq"
+    },
+    filledAlternative: {
+        De3pzq: "f1dmdbja",
+        E5pizo: "f1whvlc6",
+        B0n5ga8: "f16gxe2i",
+        s924m2: [
+            "fpgykix",
+            "fzybk4o"
+        ],
+        B1q35kw: "f1osi826",
+        Gp14am: [
+            "fzybk4o",
+            "fpgykix"
+        ]
+    },
+    filledAlternativeInteractive: {
+        Bceei9c: "f1k6fduh",
+        De3pzq: "f1dmdbja",
+        E5pizo: "f1whvlc6",
+        B0n5ga8: "f16gxe2i",
+        s924m2: [
+            "fpgykix",
+            "fzybk4o"
+        ],
+        B1q35kw: "f1osi826",
+        Gp14am: [
+            "fzybk4o",
+            "fpgykix"
+        ],
+        Bi91k9c: "fnwyq0v",
+        Jwef8y: "f1uvynv3",
+        Bvxd0ez: "f1m145df",
+        ecr2s2: "f1yhgkbh"
+    },
+    filledAlternativeInteractiveSelected: {
+        De3pzq: "fjxa0vh",
+        B0n5ga8: "f16eln5f",
+        s924m2: [
+            "fa2okxs",
+            "fg4zq3l"
+        ],
+        B1q35kw: "ff6932p",
+        Gp14am: [
+            "fg4zq3l",
+            "fa2okxs"
+        ],
+        Bi91k9c: "f1luvkty",
+        Jwef8y: "fehi0vp"
+    },
+    outline: {
+        De3pzq: "f1c21dwh",
+        E5pizo: "f1couhl3",
+        B0n5ga8: "ft83z1f",
+        s924m2: [
+            "f1g4150c",
+            "f192dr6e"
+        ],
+        B1q35kw: "f1qnawh6",
+        Gp14am: [
+            "f192dr6e",
+            "f1g4150c"
+        ]
+    },
+    outlineInteractive: {
+        Bceei9c: "f1k6fduh",
+        De3pzq: "f1c21dwh",
+        E5pizo: "f1couhl3",
+        B0n5ga8: "ft83z1f",
+        s924m2: [
+            "f1g4150c",
+            "f192dr6e"
+        ],
+        B1q35kw: "f1qnawh6",
+        Gp14am: [
+            "f192dr6e",
+            "f1g4150c"
+        ],
+        Bi91k9c: "feu1g3u",
+        Jwef8y: "fjxutwb",
+        Be0v6ae: "f1llr77y",
+        B5kxglz: [
+            "fzk0khw",
+            "fjj8tog"
+        ],
+        B3pwyw6: "fb1u8ub",
+        Bymgtzf: [
+            "fjj8tog",
+            "fzk0khw"
+        ],
+        ecr2s2: "fophhak",
+        dmfk: "f1uohb70",
+        B4ofi8: [
+            "f1jm7v1n",
+            "f1bus3rq"
+        ],
+        jgq6uv: "f1fbu7rr",
+        Baxewws: [
+            "f1bus3rq",
+            "f1jm7v1n"
+        ]
+    },
+    outlineInteractiveSelected: {
+        De3pzq: "f1q9pm1r",
+        B0n5ga8: "f16eln5f",
+        s924m2: [
+            "fa2okxs",
+            "fg4zq3l"
+        ],
+        B1q35kw: "ff6932p",
+        Gp14am: [
+            "fg4zq3l",
+            "fa2okxs"
+        ],
+        Bi91k9c: "fx9teim",
+        Jwef8y: "fg59vm4"
+    },
+    subtle: {
+        De3pzq: "fhovq9v",
+        E5pizo: "f1couhl3",
+        B0n5ga8: "f16gxe2i",
+        s924m2: [
+            "fpgykix",
+            "fzybk4o"
+        ],
+        B1q35kw: "f1osi826",
+        Gp14am: [
+            "fzybk4o",
+            "fpgykix"
+        ]
+    },
+    subtleInteractive: {
+        Bceei9c: "f1k6fduh",
+        De3pzq: "fhovq9v",
+        E5pizo: "f1couhl3",
+        B0n5ga8: "f16gxe2i",
+        s924m2: [
+            "fpgykix",
+            "fzybk4o"
+        ],
+        B1q35kw: "f1osi826",
+        Gp14am: [
+            "fzybk4o",
+            "fpgykix"
+        ],
+        Bi91k9c: "feu1g3u",
+        Jwef8y: "f1t94bn6",
+        ecr2s2: "f1wfn5kd"
+    },
+    subtleInteractiveSelected: {
+        De3pzq: "fq5gl1p",
+        B0n5ga8: "f16eln5f",
+        s924m2: [
+            "fa2okxs",
+            "fg4zq3l"
+        ],
+        B1q35kw: "ff6932p",
+        Gp14am: [
+            "fg4zq3l",
+            "fa2okxs"
+        ],
+        Bi91k9c: "fx9teim",
+        Jwef8y: "f1uqaxdt"
+    },
+    highContrastSelected: {
+        ycbfsm: "fkc42ay",
+        Bsw6fvg: "f1rirnrt",
+        Bbusuzp: "f1lkg8j3",
+        xgfqdd: "f1nkj0oa",
+        Bmmdzwq: "fey3rwa",
+        zkpvhj: [
+            "f5jhx11",
+            "fff9uym"
+        ],
+        B20bydw: "fm7n0jy",
+        Bwwwggl: [
+            "fff9uym",
+            "f5jhx11"
+        ]
+    },
+    highContrastInteractive: {
+        h1vhog: "fpfvv3l",
+        kslmdy: "f1oamsm6",
+        Baaf6ca: "f1il21bs",
+        x9zz3d: "fnn5dk0",
+        Bmmdzwq: "fey3rwa",
+        zkpvhj: [
+            "f5jhx11",
+            "fff9uym"
+        ],
+        B20bydw: "fm7n0jy",
+        Bwwwggl: [
+            "fff9uym",
+            "f5jhx11"
+        ]
+    },
+    select: {
+        qhf8xq: "f1euv43f",
+        Bhzewxz: "fqclxi7",
+        j35jbq: [
+            "fiv86kb",
+            "f36uhnt"
+        ],
+        Bj3rh1h: "f19g0ac"
+    },
+    hiddenCheckbox: {
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        a9b677: "frkrog8",
+        Bqenvij: "f1mpe4l3",
+        qhf8xq: "f1euv43f",
+        Bh84pgu: "fmf1zke",
+        Bgl5zvf: "f1wch0ki",
+        Huce71: "fz5stix"
+    }
+}, {
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}"
+    ],
+    i: [
+        ".f2hkw1w:focus-visible{outline-style:none;}"
+    ],
+    d: [
+        ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
+        ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
+        ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
+        ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
+        ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
+        ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
+        ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
+        ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
+        [
+            ".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".fnd8nzh[data-fui-focus-visible]::after{border-radius:var(--fui-Card--border-radius);}",
+            {
+                p: -1
+            }
+        ],
+        ".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}",
+        ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}",
+        ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}",
+        ".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}",
+        ".ffht0p2[data-fui-focus-within]:focus-within::after{content:\"\";}",
+        ".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}",
+        ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}",
+        ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}",
+        [
+            ".f1i978nd[data-fui-focus-within]:focus-within::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".f1nh8hsq[data-fui-focus-within]:focus-within::after{border-radius:var(--fui-Card--border-radius);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f122n59{align-items:center;}",
+        ".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
+        ".f18opajm>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}",
+        ".f13002it>:not([aria-hidden=\"true\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}",
+        ".fqo182t>:not([aria-hidden=\"true\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}",
+        ".f18yna97>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}",
+        ".f1kd6wh7>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}",
+        ".f4i4759>.fui-CardHeader:last-of-type,.f4i4759>.fui-CardFooter:last-of-type{flex-grow:1;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f14k419y>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}",
+        ".f1fgo9fz>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}",
+        ".fvqmfsm>:not([aria-hidden=\"true\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}",
+        ".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
+        ".f1r5wgso>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}",
+        ".f1pi9uxy{--fui-Card--size:8px;}",
+        ".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}",
+        ".frsmuga{--fui-Card--size:12px;}",
+        ".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}",
+        ".f1qua4xo{--fui-Card--size:16px;}",
+        ".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}",
+        ".f1epqm3e .fui-Text{color:currentColor;}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".f1whvlc6{box-shadow:var(--shadow4);}",
+        ".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}",
+        ".fpgykix::after{border-right-color:var(--colorTransparentStroke);}",
+        ".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}",
+        ".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
+        ".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}",
+        ".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}",
+        ".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}",
+        ".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}",
+        ".f1dmdbja{background-color:var(--colorNeutralBackground2);}",
+        ".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1couhl3{box-shadow:none;}",
+        ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",
+        ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",
+        ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",
+        ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}",
+        ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
+        ".fhovq9v{background-color:var(--colorSubtleBackground);}",
+        ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
+        ".f1euv43f{position:absolute;}",
+        ".fqclxi7{top:4px;}",
+        ".fiv86kb{right:4px;}",
+        ".f36uhnt{left:4px;}",
+        ".f19g0ac{z-index:1;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        ".frkrog8{width:1px;}",
+        ".f1mpe4l3{height:1px;}",
+        ".fmf1zke{clip:rect(0 0 0 0);}",
+        ".f1wch0ki{clip-path:inset(50%);}",
+        ".fz5stix{white-space:nowrap;}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ],
+    h: [
+        ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
+        ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
+        ".f1m145df:hover{box-shadow:var(--shadow8);}",
+        ".fx9teim:hover{color:var(--colorNeutralForeground1Selected);}",
+        ".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}",
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}",
+        ".f1luvkty:hover{color:var(--colorNeutralForeground2Selected);}",
+        ".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}",
+        ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
+        ".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}",
+        ".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}",
+        ".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}",
+        ".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}",
+        ".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}",
+        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
+        ".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}"
+    ],
+    a: [
+        ".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}",
+        ".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}",
+        ".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}",
+        ".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}",
+        ".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}",
+        ".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}",
+        ".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
+        ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"
+    ]
+});
+const useCardStyles_unstable = (state)=>{
+    'use no memo';
+    const resetStyles = useCardResetStyles();
+    const styles = useCardStyles();
+    const orientationMap = {
+        horizontal: styles.orientationHorizontal,
+        vertical: styles.orientationVertical
+    };
+    const sizeMap = {
+        small: styles.sizeSmall,
+        medium: styles.sizeMedium,
+        large: styles.sizeLarge
+    };
+    const appearanceMap = {
+        filled: styles.filled,
+        'filled-alternative': styles.filledAlternative,
+        outline: styles.outline,
+        subtle: styles.subtle
+    };
+    const selectedMap = {
+        filled: styles.filledInteractiveSelected,
+        'filled-alternative': styles.filledAlternativeInteractiveSelected,
+        outline: styles.outlineInteractiveSelected,
+        subtle: styles.subtleInteractiveSelected
+    };
+    const interactiveMap = {
+        filled: styles.filledInteractive,
+        'filled-alternative': styles.filledAlternativeInteractive,
+        outline: styles.outlineInteractive,
+        subtle: styles.subtleInteractive
+    };
+    const isSelectableOrInteractive = state.interactive || state.selectable;
+    const focusedClassName = _react.useMemo(()=>{
+        if (state.selectable) {
+            if (state.selectFocused) {
+                return styles.selectableFocused;
+            }
+            return '';
+        }
+        return styles.focused;
+    }, [
+        state.selectFocused,
+        state.selectable,
+        styles.focused,
+        styles.selectableFocused
+    ]);
+    state.root.className = (0, _react1.mergeClasses)(cardClassNames.root, resetStyles, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && styles.interactive, isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], focusedClassName, isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);
+    if (state.floatingAction) {
+        state.floatingAction.className = (0, _react1.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
+    }
+    if (state.checkbox) {
+        state.checkbox.className = (0, _react1.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
+    }
+    return state;
+};