@fluentui/react-card 9.0.2 → 9.0.4

package/lib-commonjs/components/CardPreview/useCardPreview.js

@@ -1,65 +1,56 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useCardPreview_unstable", {
+    enumerable: true,
+    get: ()=>useCardPreview_unstable
 });
-exports.useCardPreview_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const CardContext_1 = /*#__PURE__*/require("../Card/CardContext");
-const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
-/**
- * Create the state required to render CardPreview.
- *
- * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,
- * before being passed to renderCardPreview_unstable.
- *
- * @param props - props from this instance of CardPreview
- * @param ref - reference to root HTMLElement of CardPreview
- */
-const useCardPreview_unstable = (props, ref) => {
-  const {
-    logo
-  } = props;
-  const {
-    selectableA11yProps: {
-      referenceLabel,
-      referenceId,
-      setReferenceLabel,
-      setReferenceId
-    }
-  } = CardContext_1.useCardContext_unstable();
-  const previewRef = react_utilities_1.useMergedRefs(ref, React.useRef(null));
-  React.useEffect(() => {
-    if (referenceLabel && referenceId) {
-      return;
-    }
-    if (previewRef.current && previewRef.current.parentNode) {
-      const img = previewRef.current.parentNode.querySelector(`.${useCardPreviewStyles_1.cardPreviewClassNames.root} > img`);
-      if (img) {
-        const ariaLabel = img.getAttribute('aria-label');
-        const ariaDescribedby = img.getAttribute('aria-describedby');
-        if (ariaDescribedby) {
-          setReferenceId(ariaDescribedby);
-        } else if (img.alt) {
-          setReferenceLabel(img.alt);
-        } else if (ariaLabel) {
-          setReferenceLabel(ariaLabel);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _cardContext = require("../Card/CardContext");
+const _useCardPreviewStyles = require("./useCardPreviewStyles");
+const useCardPreview_unstable = (props, ref)=>{
+    const { logo  } = props;
+    const { selectableA11yProps: { referenceLabel , referenceId , setReferenceLabel , setReferenceId  }  } = (0, _cardContext.useCardContext_unstable)();
+    const previewRef = (0, _reactUtilities.useMergedRefs)(ref, _react.useRef(null));
+    _react.useEffect(()=>{
+        if (referenceLabel && referenceId) {
+            return;
         }
-      }
-    }
-  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);
-  return {
-    components: {
-      root: 'div',
-      logo: 'div'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref: previewRef,
-      ...props
-    }),
-    logo: react_utilities_1.resolveShorthand(logo)
-  };
-};
-exports.useCardPreview_unstable = useCardPreview_unstable;
+        if (previewRef.current && previewRef.current.parentNode) {
+            const img = previewRef.current.parentNode.querySelector(`.${_useCardPreviewStyles.cardPreviewClassNames.root} > img`);
+            if (img) {
+                const ariaLabel = img.getAttribute('aria-label');
+                const ariaDescribedby = img.getAttribute('aria-describedby');
+                if (ariaDescribedby) {
+                    setReferenceId(ariaDescribedby);
+                } else if (img.alt) {
+                    setReferenceLabel(img.alt);
+                } else if (ariaLabel) {
+                    setReferenceLabel(ariaLabel);
+                }
+            }
+        }
+    }, [
+        setReferenceLabel,
+        referenceLabel,
+        previewRef,
+        referenceId,
+        setReferenceId
+    ]);
+    return {
+        components: {
+            root: 'div',
+            logo: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref: previewRef,
+            ...props
+        }),
+        logo: (0, _reactUtilities.resolveShorthand)(logo)
+    };
+}; //# sourceMappingURL=useCardPreview.js.map
+
 //# sourceMappingURL=useCardPreview.js.map

package/lib-commonjs/components/CardPreview/useCardPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","CardContext_1","useCardPreviewStyles_1","useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/useCardPreview.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewState } from './CardPreview.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles';\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props: CardPreviewProps, ref: React.Ref<HTMLElement>): CardPreviewState => {\n  const { logo } = props;\n\n  const {\n    selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId },\n  } = useCardContext_unstable();\n  const previewRef = useMergedRefs(ref, React.useRef<HTMLDivElement>(null));\n\n  React.useEffect(() => {\n    if (referenceLabel && referenceId) {\n      return;\n    }\n\n    if (previewRef.current && previewRef.current.parentNode) {\n      const img = previewRef.current.parentNode.querySelector<HTMLImageElement>(`.${cardPreviewClassNames.root} > img`);\n\n      if (img) {\n        const ariaLabel = img.getAttribute('aria-label');\n        const ariaDescribedby = img.getAttribute('aria-describedby');\n\n        if (ariaDescribedby) {\n          setReferenceId(ariaDescribedby);\n        } else if (img.alt) {\n          setReferenceLabel(img.alt);\n        } else if (ariaLabel) {\n          setReferenceLabel(ariaLabel);\n        }\n      }\n    }\n  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n\n  return {\n    components: {\n      root: 'div',\n      logo: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref: previewRef,\n      ...props,\n    }),\n    logo: resolveShorthand(logo),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAEA;;;;;;;;;AASO,MAAMI,uBAAuB,GAAGA,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;EAChH,MAAM;IAAEC;EAAI,CAAE,GAAGF,KAAK;EAEtB,MAAM;IACJG,mBAAmB,EAAE;MAAEC,cAAc;MAAEC,WAAW;MAAEC,iBAAiB;MAAEC;IAAc;EAAE,CACxF,GAAGV,aAAA,CAAAW,uBAAuB,EAAE;EAC7B,MAAMC,UAAU,GAAGb,iBAAA,CAAAc,aAAa,CAACT,GAAG,EAAEP,KAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC,CAAC;EAEzEjB,KAAK,CAACkB,SAAS,CAAC,MAAK;IACnB,IAAIR,cAAc,IAAIC,WAAW,EAAE;MACjC;;IAGF,IAAII,UAAU,CAACI,OAAO,IAAIJ,UAAU,CAACI,OAAO,CAACC,UAAU,EAAE;MACvD,MAAMC,GAAG,GAAGN,UAAU,CAACI,OAAO,CAACC,UAAU,CAACE,aAAa,CAAmB,IAAIlB,sBAAA,CAAAmB,qBAAqB,CAACC,IAAI,QAAQ,CAAC;MAEjH,IAAIH,GAAG,EAAE;QACP,MAAMI,SAAS,GAAGJ,GAAG,CAACK,YAAY,CAAC,YAAY,CAAC;QAChD,MAAMC,eAAe,GAAGN,GAAG,CAACK,YAAY,CAAC,kBAAkB,CAAC;QAE5D,IAAIC,eAAe,EAAE;UACnBd,cAAc,CAACc,eAAe,CAAC;SAChC,MAAM,IAAIN,GAAG,CAACO,GAAG,EAAE;UAClBhB,iBAAiB,CAACS,GAAG,CAACO,GAAG,CAAC;SAC3B,MAAM,IAAIH,SAAS,EAAE;UACpBb,iBAAiB,CAACa,SAAS,CAAC;;;;EAIpC,CAAC,EAAE,CAACb,iBAAiB,EAAEF,cAAc,EAAEK,UAAU,EAAEJ,WAAW,EAAEE,cAAc,CAAC,CAAC;EAEhF,OAAO;IACLgB,UAAU,EAAE;MACVL,IAAI,EAAE,KAAK;MACXhB,IAAI,EAAE;KACP;IAEDgB,IAAI,EAAEtB,iBAAA,CAAA4B,qBAAqB,CAAC,KAAK,EAAE;MACjCvB,GAAG,EAAEQ,UAAU;MACf,GAAGT;KACJ,CAAC;IACFE,IAAI,EAAEN,iBAAA,CAAA6B,gBAAgB,CAACvB,IAAI;GAC5B;AACH,CAAC;AA3CYwB,OAAA,CAAA3B,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/CardPreview/useCardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles';\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props, ref) => {\n  const {\n    logo\n  } = props;\n  const {\n    selectableA11yProps: {\n      referenceLabel,\n      referenceId,\n      setReferenceLabel,\n      setReferenceId\n    }\n  } = useCardContext_unstable();\n  const previewRef = useMergedRefs(ref, React.useRef(null));\n  React.useEffect(() => {\n    if (referenceLabel && referenceId) {\n      return;\n    }\n    if (previewRef.current && previewRef.current.parentNode) {\n      const img = previewRef.current.parentNode.querySelector(`.${cardPreviewClassNames.root} > img`);\n      if (img) {\n        const ariaLabel = img.getAttribute('aria-label');\n        const ariaDescribedby = img.getAttribute('aria-describedby');\n        if (ariaDescribedby) {\n          setReferenceId(ariaDescribedby);\n        } else if (img.alt) {\n          setReferenceLabel(img.alt);\n        } else if (ariaLabel) {\n          setReferenceLabel(ariaLabel);\n        }\n      }\n    }\n  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n  return {\n    components: {\n      root: 'div',\n      logo: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref: previewRef,\n      ...props\n    }),\n    logo: resolveShorthand(logo)\n  };\n};\n//# sourceMappingURL=useCardPreview.js.map"],"names":["useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","React","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACgD;6BAC/B;sCACF;AAU/B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAM,EACJC,KAAI,EACL,GAAGF;IACJ,MAAM,EACJG,qBAAqB,EACnBC,eAAc,EACdC,YAAW,EACXC,kBAAiB,EACjBC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,aAAaC,IAAAA,6BAAa,EAACT,KAAKU,OAAMC,MAAM,CAAC,IAAI;IACvDD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAIT,kBAAkBC,aAAa;YACjC;QACF,CAAC;QACD,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACvD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAC,CAAC,CAAC,EAAEC,2CAAqB,CAACC,IAAI,CAAC,MAAM,CAAC;YAC9F,IAAIH,KAAK;gBACP,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBACzC,IAAIC,iBAAiB;oBACnBf,eAAee;gBACjB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAClBjB,kBAAkBU,IAAIO,GAAG;gBAC3B,OAAO,IAAIH,WAAW;oBACpBd,kBAAkBc;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,GAAG;QAACd;QAAmBF;QAAgBK;QAAYJ;QAAaE;KAAe;IAC/E,OAAO;QACLiB,YAAY;YACVL,MAAM;YACNjB,MAAM;QACR;QACAiB,MAAMM,IAAAA,qCAAqB,EAAC,OAAO;YACjCxB,KAAKQ;YACL,GAAGT,KAAK;QACV;QACAE,MAAMwB,IAAAA,gCAAgB,EAACxB;IACzB;AACF,GACA,0CAA0C"}

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js

@@ -1,44 +1,60 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    cardPreviewClassNames: ()=>cardPreviewClassNames,
+    useCardPreviewStyles_unstable: ()=>useCardPreviewStyles_unstable
 });
-exports.useCardPreviewStyles_unstable = exports.cardPreviewClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-/**
- * Static CSS class names used internally for the component slots.
- */
-exports.cardPreviewClassNames = {
-  root: 'fui-CardPreview',
-  logo: 'fui-CardPreview__logo'
+const _react = require("@griffel/react");
+const cardPreviewClassNames = {
+    root: 'fui-CardPreview',
+    logo: 'fui-CardPreview__logo'
 };
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    qhf8xq: "f10pi13n",
-    pnb5jt: "f1rzl30s",
-    Elg2ur: "f1chxnfo",
-    B184ckt: "f17xb19f"
-  },
-  logo: {
-    qhf8xq: "f1euv43f",
-    B5kzvoi: "f1gcvs1y",
-    oyh7mz: ["f1t6tvco", "ffrfxm3"],
-    a9b677: "f1szoe96",
-    Bqenvij: "f1d2rq10"
-  }
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        qhf8xq: "f10pi13n",
+        pnb5jt: "f1rzl30s",
+        Elg2ur: "f1chxnfo",
+        B184ckt: "f17xb19f"
+    },
+    logo: {
+        qhf8xq: "f1euv43f",
+        B5kzvoi: "f1gcvs1y",
+        oyh7mz: [
+            "f1t6tvco",
+            "ffrfxm3"
+        ],
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10"
+    }
 }, {
-  d: [".f10pi13n{position:relative;}", ".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}", ".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}", ".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
+    d: [
+        ".f10pi13n{position:relative;}",
+        ".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}",
+        ".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}",
+        ".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}",
+        ".f1euv43f{position:absolute;}",
+        ".f1gcvs1y{bottom:12px;}",
+        ".f1t6tvco{left:12px;}",
+        ".ffrfxm3{right:12px;}",
+        ".f1szoe96{width:32px;}",
+        ".f1d2rq10{height:32px;}"
+    ]
 });
-/**
- * Apply styling to the CardPreview slots based on the state.
- */
-const useCardPreviewStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.cardPreviewClassNames.root, styles.root, state.root.className);
-  if (state.logo) {
-    state.logo.className = react_1.mergeClasses(exports.cardPreviewClassNames.logo, styles.logo, state.logo.className);
-  }
-  return state;
-};
-exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
+const useCardPreviewStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(cardPreviewClassNames.root, styles.root, state.root.className);
+    if (state.logo) {
+        state.logo.className = (0, _react.mergeClasses)(cardPreviewClassNames.logo, styles.logo, state.logo.className);
+    }
+    return state;
+}; //# sourceMappingURL=useCardPreviewStyles.js.map
+
 //# sourceMappingURL=useCardPreviewStyles.js.map

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","exports","cardPreviewClassNames","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","useCardPreviewStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/useCardPreviewStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames: SlotClassNames<CardPreviewSlots> = {\n  root: 'fui-CardPreview',\n  logo: 'fui-CardPreview__logo',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n\n    [`> :not(.${cardPreviewClassNames.logo})`]: {\n      display: 'block',\n      height: '100%',\n      width: '100%',\n    },\n  },\n\n  logo: {\n    position: 'absolute',\n    bottom: '12px',\n    left: '12px',\n    width: '32px',\n    height: '32px',\n  },\n});\n\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = (state: CardPreviewState): CardPreviewState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n\n  if (state.logo) {\n    state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGaC,OAAA,CAAAC,qBAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAH,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAN,IAAA;IAAAG,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAkB1B;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGb,SAAS,EAAE;EAC1BY,KAAK,CAACd,IAAI,CAACgB,SAAS,GAAGpB,OAAA,CAAAqB,YAAY,CAACnB,OAAA,CAAAC,qBAAqB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;EAElG,IAAIF,KAAK,CAACb,IAAI,EAAE;IACda,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGpB,OAAA,CAAAqB,YAAY,CAACnB,OAAA,CAAAC,qBAAqB,CAACE,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;;EAGpG,OAAOF,KAAK;AACd,CAAC;AATYhB,OAAA,CAAAe,6BAA6B,GAAAA,6BAAA"}
+{"version":3,"sources":["../../../lib/components/CardPreview/useCardPreviewStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames = {\n  root: 'fui-CardPreview',\n  logo: 'fui-CardPreview__logo'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f10pi13n\",\n    pnb5jt: \"f1rzl30s\",\n    Elg2ur: \"f1chxnfo\",\n    B184ckt: \"f17xb19f\"\n  },\n  logo: {\n    qhf8xq: \"f1euv43f\",\n    B5kzvoi: \"f1gcvs1y\",\n    oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  }\n}, {\n  d: [\".f10pi13n{position:relative;}\", \".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}\", \".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}\", \".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}\", \".f1euv43f{position:absolute;}\", \".f1gcvs1y{bottom:12px;}\", \".f1t6tvco{left:12px;}\", \".ffrfxm3{right:12px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n  if (state.logo) {\n    state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB,MAArBA;IAwBAC,6BAA6B,MAA7BA;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAN,MAAM;QACJG,QAAQ;QACRI,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAA0D;QAAwD;QAAuD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAClX;AAIO,MAAMb,gCAAgCc,CAAAA,QAAS;IACpD,MAAMC,SAASZ;IACfW,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IACjG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACnG,CAAC;IACD,OAAOF;AACT,GACA,gDAAgD"}

package/lib-commonjs/index.js

@@ -1,156 +1,43 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCardContext_unstable = exports.CardProvider = exports.useCardPreview_unstable = exports.useCardPreviewStyles_unstable = exports.renderCardPreview_unstable = exports.cardPreviewClassNames = exports.CardPreview = exports.useCardHeader_unstable = exports.useCardHeaderStyles_unstable = exports.renderCardHeader_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = exports.CardHeader = exports.useCardFooter_unstable = exports.useCardFooterStyles_unstable = exports.renderCardFooter_unstable = exports.cardFooterClassNames = exports.CardFooter = exports.useCard_unstable = exports.useCardStyles_unstable = exports.renderCard_unstable = exports.cardCSSVars = exports.cardClassNames = exports.Card = void 0;
-var Card_1 = /*#__PURE__*/require("./Card");
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function () {
-    return Card_1.Card;
-  }
-});
-Object.defineProperty(exports, "cardClassNames", {
-  enumerable: true,
-  get: function () {
-    return Card_1.cardClassNames;
-  }
-});
-Object.defineProperty(exports, "cardCSSVars", {
-  enumerable: true,
-  get: function () {
-    return Card_1.cardCSSVars;
-  }
-});
-Object.defineProperty(exports, "renderCard_unstable", {
-  enumerable: true,
-  get: function () {
-    return Card_1.renderCard_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Card_1.useCardStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useCard_unstable", {
-  enumerable: true,
-  get: function () {
-    return Card_1.useCard_unstable;
-  }
-});
-var CardFooter_1 = /*#__PURE__*/require("./CardFooter");
-Object.defineProperty(exports, "CardFooter", {
-  enumerable: true,
-  get: function () {
-    return CardFooter_1.CardFooter;
-  }
-});
-Object.defineProperty(exports, "cardFooterClassNames", {
-  enumerable: true,
-  get: function () {
-    return CardFooter_1.cardFooterClassNames;
-  }
-});
-Object.defineProperty(exports, "renderCardFooter_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardFooter_1.renderCardFooter_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardFooterStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardFooter_1.useCardFooterStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardFooter_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardFooter_1.useCardFooter_unstable;
-  }
-});
-var CardHeader_1 = /*#__PURE__*/require("./CardHeader");
-Object.defineProperty(exports, "CardHeader", {
-  enumerable: true,
-  get: function () {
-    return CardHeader_1.CardHeader;
-  }
-});
-Object.defineProperty(exports, "cardHeaderClassNames", {
-  enumerable: true,
-  get: function () {
-    return CardHeader_1.cardHeaderClassNames;
-  }
-});
-Object.defineProperty(exports, "cardHeaderCSSVars", {
-  enumerable: true,
-  get: function () {
-    return CardHeader_1.cardHeaderCSSVars;
-  }
-});
-Object.defineProperty(exports, "renderCardHeader_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardHeader_1.renderCardHeader_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardHeaderStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardHeader_1.useCardHeaderStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardHeader_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardHeader_1.useCardHeader_unstable;
-  }
-});
-var CardPreview_1 = /*#__PURE__*/require("./CardPreview");
-Object.defineProperty(exports, "CardPreview", {
-  enumerable: true,
-  get: function () {
-    return CardPreview_1.CardPreview;
-  }
-});
-Object.defineProperty(exports, "cardPreviewClassNames", {
-  enumerable: true,
-  get: function () {
-    return CardPreview_1.cardPreviewClassNames;
-  }
-});
-Object.defineProperty(exports, "renderCardPreview_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardPreview_1.renderCardPreview_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardPreviewStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardPreview_1.useCardPreviewStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useCardPreview_unstable", {
-  enumerable: true,
-  get: function () {
-    return CardPreview_1.useCardPreview_unstable;
-  }
-});
-var Card_2 = /*#__PURE__*/require("./Card");
-Object.defineProperty(exports, "CardProvider", {
-  enumerable: true,
-  get: function () {
-    return Card_2.CardProvider;
-  }
-});
-Object.defineProperty(exports, "useCardContext_unstable", {
-  enumerable: true,
-  get: function () {
-    return Card_2.useCardContext_unstable;
-  }
-});
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Card: ()=>_card.Card,
+    cardClassNames: ()=>_card.cardClassNames,
+    cardCSSVars: ()=>_card.cardCSSVars,
+    renderCard_unstable: ()=>_card.renderCard_unstable,
+    useCardStyles_unstable: ()=>_card.useCardStyles_unstable,
+    useCard_unstable: ()=>_card.useCard_unstable,
+    CardFooter: ()=>_cardFooter.CardFooter,
+    cardFooterClassNames: ()=>_cardFooter.cardFooterClassNames,
+    renderCardFooter_unstable: ()=>_cardFooter.renderCardFooter_unstable,
+    useCardFooterStyles_unstable: ()=>_cardFooter.useCardFooterStyles_unstable,
+    useCardFooter_unstable: ()=>_cardFooter.useCardFooter_unstable,
+    CardHeader: ()=>_cardHeader.CardHeader,
+    cardHeaderClassNames: ()=>_cardHeader.cardHeaderClassNames,
+    cardHeaderCSSVars: ()=>_cardHeader.cardHeaderCSSVars,
+    renderCardHeader_unstable: ()=>_cardHeader.renderCardHeader_unstable,
+    useCardHeaderStyles_unstable: ()=>_cardHeader.useCardHeaderStyles_unstable,
+    useCardHeader_unstable: ()=>_cardHeader.useCardHeader_unstable,
+    CardPreview: ()=>_cardPreview.CardPreview,
+    cardPreviewClassNames: ()=>_cardPreview.cardPreviewClassNames,
+    renderCardPreview_unstable: ()=>_cardPreview.renderCardPreview_unstable,
+    useCardPreviewStyles_unstable: ()=>_cardPreview.useCardPreviewStyles_unstable,
+    useCardPreview_unstable: ()=>_cardPreview.useCardPreview_unstable,
+    CardProvider: ()=>_card.CardProvider,
+    useCardContext_unstable: ()=>_card.useCardContext_unstable
+});
+const _card = require("./Card");
+const _cardFooter = require("./CardFooter");
+const _cardHeader = require("./CardHeader");
+const _cardPreview = require("./CardPreview");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Card_1","require","Object","defineProperty","exports","enumerable","get","Card","cardClassNames","cardCSSVars","renderCard_unstable","useCardStyles_unstable","useCard_unstable","CardFooter_1","CardFooter","cardFooterClassNames","renderCardFooter_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","CardHeader_1","CardHeader","cardHeaderClassNames","cardHeaderCSSVars","renderCardHeader_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","CardPreview_1","CardPreview","cardPreviewClassNames","renderCardPreview_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","Card_2","CardProvider","useCardContext_unstable"],"sources":["../src/packages/react-components/react-card/src/index.ts"],"sourcesContent":["export {\n  Card,\n  cardClassNames,\n  cardCSSVars,\n  renderCard_unstable,\n  useCardStyles_unstable,\n  useCard_unstable,\n} from './Card';\nexport type { CardProps, CardSlots, CardState, CardOnSelectionChangeEvent } from './Card';\nexport {\n  CardFooter,\n  cardFooterClassNames,\n  renderCardFooter_unstable,\n  useCardFooterStyles_unstable,\n  useCardFooter_unstable,\n} from './CardFooter';\nexport type { CardFooterProps, CardFooterSlots, CardFooterState } from './CardFooter';\nexport {\n  CardHeader,\n  cardHeaderClassNames,\n  cardHeaderCSSVars,\n  renderCardHeader_unstable,\n  useCardHeaderStyles_unstable,\n  useCardHeader_unstable,\n} from './CardHeader';\nexport type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader';\nexport {\n  CardPreview,\n  cardPreviewClassNames,\n  renderCardPreview_unstable,\n  useCardPreviewStyles_unstable,\n  useCardPreview_unstable,\n} from './CardPreview';\nexport type { CardPreviewProps, CardPreviewSlots, CardPreviewState } from './CardPreview';\nexport { CardProvider, useCardContext_unstable } from './Card';\nexport type { CardContextValue } from './Card';\n"],"mappings":"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"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Card, cardClassNames, cardCSSVars, renderCard_unstable, useCardStyles_unstable, useCard_unstable } from './Card';\nexport { CardFooter, cardFooterClassNames, renderCardFooter_unstable, useCardFooterStyles_unstable, useCardFooter_unstable } from './CardFooter';\nexport { CardHeader, cardHeaderClassNames, cardHeaderCSSVars, renderCardHeader_unstable, useCardHeaderStyles_unstable, useCardHeader_unstable } from './CardHeader';\nexport { CardPreview, cardPreviewClassNames, renderCardPreview_unstable, useCardPreviewStyles_unstable, useCardPreview_unstable } from './CardPreview';\nexport { CardProvider, useCardContext_unstable } from './Card';\n//# sourceMappingURL=index.js.map"],"names":["Card","cardClassNames","cardCSSVars","renderCard_unstable","useCardStyles_unstable","useCard_unstable","CardFooter","cardFooterClassNames","renderCardFooter_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","CardHeader","cardHeaderClassNames","cardHeaderCSSVars","renderCardHeader_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","CardPreview","cardPreviewClassNames","renderCardPreview_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","CardProvider","useCardContext_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,WAAW,MAAXA,iBAAW;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAChGC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,iBAAiB,MAAjBA,6BAAiB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACpIC,WAAW,MAAXA,wBAAW;IAAEC,qBAAqB,MAArBA,kCAAqB;IAAEC,0BAA0B,MAA1BA,uCAA0B;IAAEC,6BAA6B,MAA7BA,0CAA6B;IAAEC,uBAAuB,MAAvBA,oCAAuB;IACtHC,YAAY,MAAZA,kBAAY;IAAEC,uBAAuB,MAAvBA,6BAAuB;;sBAJmE;4BACiB;4BACmB;6BACd;CAEvI,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.2",
+  "version": "9.0.4",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -25,24 +25,24 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-button": "^9.3.4",
+    "@fluentui/react-button": "^9.3.6",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.1",
-    "@fluentui/react-tabster": "^9.6.0",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.1",
+    "@fluentui/keyboard-keys": "^9.0.2",
+    "@fluentui/react-tabster": "^9.6.2",
+    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-utilities": "^9.7.2",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -58,6 +58,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib-amd/Card.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Card/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Card.js.map

package/lib-amd/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-card/src/Card.ts"],"names":[],"mappings":";;;IAAA,uCAAwC","sourcesContent":["export * from './components/Card/index';\n"]}

package/lib-amd/CardFooter.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CardFooter/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CardFooter.js.map

package/lib-amd/CardFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardFooter.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-card/src/CardFooter.ts"],"names":[],"mappings":";;;IAAA,uCAA8C","sourcesContent":["export * from './components/CardFooter/index';\n"]}

package/lib-amd/CardHeader.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CardHeader/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CardHeader.js.map

package/lib-amd/CardHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-card/src/CardHeader.ts"],"names":[],"mappings":";;;IAAA,uCAA8C","sourcesContent":["export * from './components/CardHeader/index';\n"]}

package/lib-amd/CardPreview.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CardPreview/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CardPreview.js.map

package/lib-amd/CardPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardPreview.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-card/src/CardPreview.ts"],"names":[],"mappings":";;;IAAA,uCAA+C","sourcesContent":["export * from './components/CardPreview/index';\n"]}

package/lib-amd/components/Card/Card.js

@@ -1,16 +0,0 @@
-define(["require", "exports", "react", "./useCard", "./renderCard", "./useCardStyles", "./useCardContextValue"], function (require, exports, React, useCard_1, renderCard_1, useCardStyles_1, useCardContextValue_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Card = void 0;
-    /**
-     * A card provides scaffolding for hosting actions and content for a single topic.
-     */
-    exports.Card = React.forwardRef(function (props, ref) {
-        var state = useCard_1.useCard_unstable(props, ref);
-        var cardContextValue = useCardContextValue_1.useCardContextValue(state);
-        useCardStyles_1.useCardStyles_unstable(state);
-        return renderCard_1.renderCard_unstable(state, cardContextValue);
-    });
-    exports.Card.displayName = 'Card';
-});
-//# sourceMappingURL=Card.js.map

package/lib-amd/components/Card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/Card.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,IAAI,GAAmC,KAAK,CAAC,UAAU,CAAiB,UAAC,KAAK,EAAE,GAAG;QAC9F,IAAM,KAAK,GAAG,0BAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC3C,IAAM,gBAAgB,GAAG,yCAAmB,CAAC,KAAK,CAAC,CAAC;QAEpD,sCAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,gCAAmB,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCard_unstable } from './useCard';\nimport { renderCard_unstable } from './renderCard';\nimport { useCardStyles_unstable } from './useCardStyles';\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"]}

package/lib-amd/components/Card/Card.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Card.types.js.map

package/lib-amd/components/Card/Card.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/Card/Card.types.ts"],"names":[],"mappings":"","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  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"]}