@fluentui/react-card 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/components/CardHeader/renderCardHeader.js

@@ -1,17 +1,30 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderCardHeader_unstable", {
-    enumerable: true,
-    get: ()=>renderCardHeader_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderCardHeader_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.image && /*#__PURE__*/ _react.createElement(slots.image, slotProps.image), /*#__PURE__*/ _react.createElement(slots.header, slotProps.header), slots.description && /*#__PURE__*/ _react.createElement(slots.description, slotProps.description), slots.action && /*#__PURE__*/ _react.createElement(slots.action, slotProps.action));
-}; //# sourceMappingURL=renderCardHeader.js.map
-
+exports.renderCardHeader_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Render the final JSX of CardHeader.
+ */
+const renderCardHeader_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slots.image && React.createElement(slots.image, {
+    ...slotProps.image
+  }), React.createElement(slots.header, {
+    ...slotProps.header
+  }), slots.description && React.createElement(slots.description, {
+    ...slotProps.description
+  }), slots.action && React.createElement(slots.action, {
+    ...slotProps.action
+  }));
+};
+exports.renderCardHeader_unstable = renderCardHeader_unstable;
 //# sourceMappingURL=renderCardHeader.js.map

package/lib-commonjs/components/CardHeader/renderCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardHeader/renderCardHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of CardHeader.\n */\nexport const renderCardHeader_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.image && /*#__PURE__*/React.createElement(slots.image, slotProps.image), /*#__PURE__*/React.createElement(slots.header, slotProps.header), slots.description && /*#__PURE__*/React.createElement(slots.description, slotProps.description), slots.action && /*#__PURE__*/React.createElement(slots.action, slotProps.action));\n};\n//# sourceMappingURL=renderCardHeader.js.map"],"names":["renderCardHeader_unstable","state","slots","slotProps","getSlots","React","createElement","root","image","header","description","action"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,KAAK,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMM,KAAK,EAAEL,UAAUK,KAAK,GAAG,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,MAAM,EAAEN,UAAUM,MAAM,GAAGP,MAAMQ,WAAW,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,WAAW,EAAEP,UAAUO,WAAW,GAAGR,MAAMS,MAAM,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMS,MAAM,EAAER,UAAUQ,MAAM;AACvY,GACA,4CAA4C"}
+{"version":3,"names":["React","require","react_utilities_1","renderCardHeader_unstable","state","slots","slotProps","getSlots","createElement","root","image","header","description","action","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/renderCardHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardHeaderSlots, CardHeaderState } from './CardHeader.types';\n\n/**\n * Render the final JSX of CardHeader.\n */\nexport const renderCardHeader_unstable = (state: CardHeaderState) => {\n  const { slots, slotProps } = getSlots<CardHeaderSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.image && <slots.image {...slotProps.image} />}\n      <slots.header {...slotProps.header} />\n      {slots.description && <slots.description {...slotProps.description} />}\n      {slots.action && <slots.action {...slotProps.action} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAkBH,KAAK,CAAC;EAE7D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BJ,KAAK,CAACK,KAAK,IAAIV,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,EACpDV,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,MAAM;IAAA,GAAKL,SAAS,CAACK;EAAM,EAAI,EACrCN,KAAK,CAACO,WAAW,IAAIZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,WAAW;IAAA,GAAKN,SAAS,CAACM;EAAW,EAAI,EACrEP,KAAK,CAACQ,MAAM,IAAIb,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACQ,MAAM;IAAA,GAAKP,SAAS,CAACO;EAAM,EAAI,CAC5C;AAEjB,CAAC;AAXYC,OAAA,CAAAX,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/components/CardHeader/useCardHeader.js

@@ -1,54 +1,68 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCardHeader_unstable", {
-    enumerable: true,
-    get: ()=>useCardHeader_unstable
+  value: true
 });
-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 _useCardHeaderStyles = require("./useCardHeaderStyles");
-const useCardHeader_unstable = (props, ref)=>{
-    const { image , header , description , action  } = props;
-    const { selectableA11yProps: { referenceId , setReferenceId  }  } = (0, _cardContext.useCardContext_unstable)();
-    const headerRef = _react.useRef(null);
-    const generatedId = (0, _reactUtilities.useId)(_useCardHeaderStyles.cardHeaderClassNames.header, referenceId);
-    _react.useEffect(()=>{
-        if (header && headerRef.current) {
-            const { id  } = headerRef.current;
-            setReferenceId(id ? id : generatedId);
-        }
-    }, [
-        header,
-        setReferenceId,
-        generatedId
-    ]);
-    return {
-        components: {
-            root: "div",
-            image: "div",
-            header: "div",
-            description: "div",
-            action: "div"
-        },
-        root: (0, _reactUtilities.getNativeElementProps)("div", {
-            ref,
-            ...props
-        }),
-        image: (0, _reactUtilities.resolveShorthand)(image),
-        header: (0, _reactUtilities.resolveShorthand)(header, {
-            required: true,
-            defaultProps: {
-                ref: headerRef,
-                id: referenceId
-            }
-        }),
-        description: (0, _reactUtilities.resolveShorthand)(description),
-        action: (0, _reactUtilities.resolveShorthand)(action)
-    };
-}; //# sourceMappingURL=useCardHeader.js.map
-
+exports.useCardHeader_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 useCardHeaderStyles_1 = /*#__PURE__*/require("./useCardHeaderStyles");
+/**
+ * Create the state required to render CardHeader.
+ *
+ * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,
+ * before being passed to renderCardHeader_unstable.
+ *
+ * @param props - props from this instance of CardHeader
+ * @param ref - reference to root HTMLElement of CardHeader
+ */
+const useCardHeader_unstable = (props, ref) => {
+  const {
+    image,
+    header,
+    description,
+    action
+  } = props;
+  const {
+    selectableA11yProps: {
+      referenceId,
+      setReferenceId
+    }
+  } = CardContext_1.useCardContext_unstable();
+  const headerRef = React.useRef(null);
+  const generatedId = react_utilities_1.useId(useCardHeaderStyles_1.cardHeaderClassNames.header, referenceId);
+  React.useEffect(() => {
+    if (header && headerRef.current) {
+      const {
+        id
+      } = headerRef.current;
+      setReferenceId(id ? id : generatedId);
+    }
+  }, [header, setReferenceId, generatedId]);
+  return {
+    components: {
+      root: 'div',
+      image: 'div',
+      header: 'div',
+      description: 'div',
+      action: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      ...props
+    }),
+    image: react_utilities_1.resolveShorthand(image),
+    header: react_utilities_1.resolveShorthand(header, {
+      required: true,
+      defaultProps: {
+        ref: headerRef,
+        id: referenceId
+      }
+    }),
+    description: react_utilities_1.resolveShorthand(description),
+    action: react_utilities_1.resolveShorthand(action)
+  };
+};
+exports.useCardHeader_unstable = useCardHeader_unstable;
 //# sourceMappingURL=useCardHeader.js.map

package/lib-commonjs/components/CardHeader/useCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardHeader/useCardHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand, useId } from \"@fluentui/react-utilities\";\nimport { useCardContext_unstable } from \"../Card/CardContext\";\nimport { cardHeaderClassNames } from \"./useCardHeaderStyles\";\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,\n * before being passed to renderCardHeader_unstable.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n */\nexport const useCardHeader_unstable = (props, ref) => {\n  const {\n    image,\n    header,\n    description,\n    action\n  } = props;\n  const {\n    selectableA11yProps: {\n      referenceId,\n      setReferenceId\n    }\n  } = useCardContext_unstable();\n  const headerRef = React.useRef(null);\n  const generatedId = useId(cardHeaderClassNames.header, referenceId);\n  React.useEffect(() => {\n    if (header && headerRef.current) {\n      const {\n        id\n      } = headerRef.current;\n      setReferenceId(id ? id : generatedId);\n    }\n  }, [header, setReferenceId, generatedId]);\n  return {\n    components: {\n      root: \"div\",\n      image: \"div\",\n      header: \"div\",\n      description: \"div\",\n      action: \"div\"\n    },\n    root: getNativeElementProps(\"div\", {\n      ref,\n      ...props\n    }),\n    image: resolveShorthand(image),\n    header: resolveShorthand(header, {\n      required: true,\n      defaultProps: {\n        ref: headerRef,\n        id: referenceId\n      }\n    }),\n    description: resolveShorthand(description),\n    action: resolveShorthand(action)\n  };\n};\n//# sourceMappingURL=useCardHeader.js.map"],"names":["useCardHeader_unstable","props","ref","image","header","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","React","useRef","generatedId","useId","cardHeaderClassNames","useEffect","current","id","components","root","getNativeElementProps","resolveShorthand","required","defaultProps"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACwC;6BACvB;qCACH;AAU9B,MAAMA,yBAAyB,CAACC,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAK,EACLC,OAAM,EACNC,YAAW,EACXC,OAAM,EACP,GAAGL;IACJ,MAAM,EACJM,qBAAqB,EACnBC,YAAW,EACXC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnC,MAAMC,cAAcC,IAAAA,qBAAK,EAACC,yCAAoB,CAACZ,MAAM,EAAEI;IACvDI,OAAMK,SAAS,CAAC,IAAM;QACpB,IAAIb,UAAUO,UAAUO,OAAO,EAAE;YAC/B,MAAM,EACJC,GAAE,EACH,GAAGR,UAAUO,OAAO;YACrBT,eAAeU,KAAKA,KAAKL,WAAW;QACtC,CAAC;IACH,GAAG;QAACV;QAAQK;QAAgBK;KAAY;IACxC,OAAO;QACLM,YAAY;YACVC,MAAM;YACNlB,OAAO;YACPC,QAAQ;YACRC,aAAa;YACbC,QAAQ;QACV;QACAe,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCpB;YACA,GAAGD,KAAK;QACV;QACAE,OAAOoB,IAAAA,gCAAgB,EAACpB;QACxBC,QAAQmB,IAAAA,gCAAgB,EAACnB,QAAQ;YAC/BoB,UAAU,IAAI;YACdC,cAAc;gBACZvB,KAAKS;gBACLQ,IAAIX;YACN;QACF;QACAH,aAAakB,IAAAA,gCAAgB,EAAClB;QAC9BC,QAAQiB,IAAAA,gCAAgB,EAACjB;IAC3B;AACF,GACA,yCAAyC"}
+{"version":3,"names":["React","require","react_utilities_1","CardContext_1","useCardHeaderStyles_1","useCardHeader_unstable","props","ref","image","header","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","useRef","generatedId","useId","cardHeaderClassNames","useEffect","current","id","components","root","getNativeElementProps","resolveShorthand","required","defaultProps","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/useCardHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderState } from './CardHeader.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles';\n\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,\n * before being passed to renderCardHeader_unstable.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n */\nexport const useCardHeader_unstable = (props: CardHeaderProps, ref: React.Ref<HTMLElement>): CardHeaderState => {\n  const { image, header, description, action } = props;\n\n  const {\n    selectableA11yProps: { referenceId, setReferenceId },\n  } = useCardContext_unstable();\n  const headerRef = React.useRef<HTMLDivElement>(null);\n\n  const generatedId = useId(cardHeaderClassNames.header, referenceId);\n\n  React.useEffect(() => {\n    if (header && headerRef.current) {\n      const { id } = headerRef.current;\n\n      setReferenceId(id ? id : generatedId);\n    }\n  }, [header, setReferenceId, generatedId]);\n\n  return {\n    components: {\n      root: 'div',\n      image: 'div',\n      header: 'div',\n      description: 'div',\n      action: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    image: resolveShorthand(image),\n    header: resolveShorthand(header, {\n      required: true,\n      defaultProps: {\n        ref: headerRef,\n        id: referenceId,\n      },\n    }),\n    description: resolveShorthand(description),\n    action: resolveShorthand(action),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAEA;;;;;;;;;AASO,MAAMI,sBAAsB,GAAGA,CAACC,KAAsB,EAAEC,GAA2B,KAAqB;EAC7G,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAM,CAAE,GAAGL,KAAK;EAEpD,MAAM;IACJM,mBAAmB,EAAE;MAAEC,WAAW;MAAEC;IAAc;EAAE,CACrD,GAAGX,aAAA,CAAAY,uBAAuB,EAAE;EAC7B,MAAMC,SAAS,GAAGhB,KAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC;EAEpD,MAAMC,WAAW,GAAGhB,iBAAA,CAAAiB,KAAK,CAACf,qBAAA,CAAAgB,oBAAoB,CAACX,MAAM,EAAEI,WAAW,CAAC;EAEnEb,KAAK,CAACqB,SAAS,CAAC,MAAK;IACnB,IAAIZ,MAAM,IAAIO,SAAS,CAACM,OAAO,EAAE;MAC/B,MAAM;QAAEC;MAAE,CAAE,GAAGP,SAAS,CAACM,OAAO;MAEhCR,cAAc,CAACS,EAAE,GAAGA,EAAE,GAAGL,WAAW,CAAC;;EAEzC,CAAC,EAAE,CAACT,MAAM,EAAEK,cAAc,EAAEI,WAAW,CAAC,CAAC;EAEzC,OAAO;IACLM,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXjB,KAAK,EAAE,KAAK;MACZC,MAAM,EAAE,KAAK;MACbC,WAAW,EAAE,KAAK;MAClBC,MAAM,EAAE;KACT;IAEDc,IAAI,EAAEvB,iBAAA,CAAAwB,qBAAqB,CAAC,KAAK,EAAE;MACjCnB,GAAG;MACH,GAAGD;KACJ,CAAC;IACFE,KAAK,EAAEN,iBAAA,CAAAyB,gBAAgB,CAACnB,KAAK,CAAC;IAC9BC,MAAM,EAAEP,iBAAA,CAAAyB,gBAAgB,CAAClB,MAAM,EAAE;MAC/BmB,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZtB,GAAG,EAAES,SAAS;QACdO,EAAE,EAAEV;;KAEP,CAAC;IACFH,WAAW,EAAER,iBAAA,CAAAyB,gBAAgB,CAACjB,WAAW,CAAC;IAC1CC,MAAM,EAAET,iBAAA,CAAAyB,gBAAgB,CAAChB,MAAM;GAChC;AACH,CAAC;AA1CYmB,OAAA,CAAAzB,sBAAsB,GAAAA,sBAAA"}

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js

@@ -1,96 +1,75 @@
 "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, {
-    cardHeaderClassNames: ()=>cardHeaderClassNames,
-    cardHeaderCSSVars: ()=>cardHeaderCSSVars,
-    useCardHeaderStyles_unstable: ()=>useCardHeaderStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const cardHeaderClassNames = {
-    root: "fui-CardHeader",
-    image: "fui-CardHeader__image",
-    header: "fui-CardHeader__header",
-    description: "fui-CardHeader__description",
-    action: "fui-CardHeader__action"
+exports.useCardHeaderStyles_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+/**
+ * Static CSS class names used internally for the component slots.
+ */
+exports.cardHeaderClassNames = {
+  root: 'fui-CardHeader',
+  image: 'fui-CardHeader__image',
+  header: 'fui-CardHeader__header',
+  description: 'fui-CardHeader__description',
+  action: 'fui-CardHeader__action'
 };
-const cardHeaderCSSVars = {
-    cardHeaderGapVar: "--fui-CardHeader--gap"
+/**
+ * CSS variable names used internally for uniform styling in CardHeader.
+ */
+exports.cardHeaderCSSVars = {
+  cardHeaderGapVar: '--fui-CardHeader--gap'
 };
-const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        Bkc6ea2: "fkufhic",
-        mc9l5x: "f13qh94s",
-        t4k1zu: "f8a668j",
-        v29qe6: "f4h39za",
-        Bt984gj: "f122n59"
-    },
-    image: {
-        mc9l5x: "ftuwxu6",
-        t21cq0: [
-            "fql5097",
-            "f6yss9k"
-        ],
-        Br312pm: "fwpfdsa",
-        Ijaq50: "fldnz9j"
-    },
-    header: {
-        Br312pm: "fd46tj4",
-        Ijaq50: "f16hsg94"
-    },
-    description: {
-        Br312pm: "fd46tj4",
-        Ijaq50: "faunodf"
-    },
-    action: {
-        Frg6f3: [
-            "f6yss9k",
-            "fql5097"
-        ],
-        Br312pm: "fis13di",
-        Ijaq50: "fldnz9j"
-    }
+const useStyles = /*#__PURE__*/react_1.__styles({
+  root: {
+    Bkc6ea2: "fkufhic",
+    mc9l5x: "f13qh94s",
+    t4k1zu: "f8a668j",
+    v29qe6: "f4h39za",
+    Bt984gj: "f122n59"
+  },
+  image: {
+    mc9l5x: "ftuwxu6",
+    t21cq0: ["fql5097", "f6yss9k"],
+    Br312pm: "fwpfdsa",
+    Ijaq50: "fldnz9j"
+  },
+  header: {
+    Br312pm: "fd46tj4",
+    Ijaq50: "f16hsg94"
+  },
+  description: {
+    Br312pm: "fd46tj4",
+    Ijaq50: "faunodf"
+  },
+  action: {
+    Frg6f3: ["f6yss9k", "fql5097"],
+    Br312pm: "fis13di",
+    Ijaq50: "fldnz9j"
+  }
 }, {
-    d: [
-        ".fkufhic{--fui-CardHeader--gap:12px;}",
-        ".f13qh94s{display:grid;}",
-        ".f8a668j{grid-auto-columns:min-content 1fr min-content;}",
-        ".f4h39za{grid-auto-rows:1fr min-content;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
-        ".fql5097{margin-right:var(--fui-CardHeader--gap);}",
-        ".f6yss9k{margin-left:var(--fui-CardHeader--gap);}",
-        ".fwpfdsa{grid-column-start:1;}",
-        ".fldnz9j{grid-row-start:span 2;}",
-        ".fd46tj4{grid-column-start:2;}",
-        ".f16hsg94{grid-row-start:1;}",
-        ".faunodf{grid-row-start:2;}",
-        ".fis13di{grid-column-start:3;}"
-    ]
+  d: [".fkufhic{--fui-CardHeader--gap:12px;}", ".f13qh94s{display:grid;}", ".f8a668j{grid-auto-columns:min-content 1fr min-content;}", ".f4h39za{grid-auto-rows:1fr min-content;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fql5097{margin-right:var(--fui-CardHeader--gap);}", ".f6yss9k{margin-left:var(--fui-CardHeader--gap);}", ".fwpfdsa{grid-column-start:1;}", ".fldnz9j{grid-row-start:span 2;}", ".fd46tj4{grid-column-start:2;}", ".f16hsg94{grid-row-start:1;}", ".faunodf{grid-row-start:2;}", ".fis13di{grid-column-start:3;}"]
 });
-const useCardHeaderStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(cardHeaderClassNames.root, styles.root, state.root.className);
-    if (state.image) {
-        state.image.className = (0, _react.mergeClasses)(cardHeaderClassNames.image, styles.image, state.image.className);
-    }
-    if (state.header) {
-        state.header.className = (0, _react.mergeClasses)(cardHeaderClassNames.header, styles.header, state.header.className);
-    }
-    if (state.description) {
-        state.description.className = (0, _react.mergeClasses)(cardHeaderClassNames.description, styles.description, state.description.className);
-    }
-    if (state.action) {
-        state.action.className = (0, _react.mergeClasses)(cardHeaderClassNames.action, styles.action, state.action.className);
-    }
-    return state;
-}; //# sourceMappingURL=useCardHeaderStyles.js.map
-
+/**
+ * Apply styling to the CardHeader slots based on the state.
+ */
+const useCardHeaderStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.cardHeaderClassNames.root, styles.root, state.root.className);
+  if (state.image) {
+    state.image.className = react_1.mergeClasses(exports.cardHeaderClassNames.image, styles.image, state.image.className);
+  }
+  if (state.header) {
+    state.header.className = react_1.mergeClasses(exports.cardHeaderClassNames.header, styles.header, state.header.className);
+  }
+  if (state.description) {
+    state.description.className = react_1.mergeClasses(exports.cardHeaderClassNames.description, styles.description, state.description.className);
+  }
+  if (state.action) {
+    state.action.className = react_1.mergeClasses(exports.cardHeaderClassNames.action, styles.action, state.action.className);
+  }
+  return state;
+};
+exports.useCardHeaderStyles_unstable = useCardHeaderStyles_unstable;
 //# sourceMappingURL=useCardHeaderStyles.js.map

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardHeader/useCardHeaderStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from \"@griffel/react\";\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames = {\n  root: \"fui-CardHeader\",\n  image: \"fui-CardHeader__image\",\n  header: \"fui-CardHeader__header\",\n  description: \"fui-CardHeader__description\",\n  action: \"fui-CardHeader__action\"\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n  cardHeaderGapVar: \"--fui-CardHeader--gap\"\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bkc6ea2: \"fkufhic\",\n    mc9l5x: \"f13qh94s\",\n    t4k1zu: \"f8a668j\",\n    v29qe6: \"f4h39za\",\n    Bt984gj: \"f122n59\"\n  },\n  image: {\n    mc9l5x: \"ftuwxu6\",\n    t21cq0: [\"fql5097\", \"f6yss9k\"],\n    Br312pm: \"fwpfdsa\",\n    Ijaq50: \"fldnz9j\"\n  },\n  header: {\n    Br312pm: \"fd46tj4\",\n    Ijaq50: \"f16hsg94\"\n  },\n  description: {\n    Br312pm: \"fd46tj4\",\n    Ijaq50: \"faunodf\"\n  },\n  action: {\n    Frg6f3: [\"f6yss9k\", \"fql5097\"],\n    Br312pm: \"fis13di\",\n    Ijaq50: \"fldnz9j\"\n  }\n}, {\n  d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".f4h39za{grid-auto-rows:1fr min-content;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"]\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n  if (state.image) {\n    state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n  }\n  if (state.header) {\n    state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n  }\n  if (state.action) {\n    state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","v29qe6","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB,MAApBA;IAUAC,iBAAiB,MAAjBA;IAoCAC,4BAA4B,MAA5BA;;uBAlD0B;AAIhC,MAAMF,uBAAuB;IAClCG,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACV;AAIO,MAAMN,oBAAoB;IAC/BO,kBAAkB;AACpB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCP,MAAM;QACJQ,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAX,OAAO;QACLQ,QAAQ;QACRI,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;IACV;IACAb,QAAQ;QACNY,SAAS;QACTC,QAAQ;IACV;IACAZ,aAAa;QACXW,SAAS;QACTC,QAAQ;IACV;IACAX,QAAQ;QACNY,QAAQ;YAAC;YAAW;SAAU;QAC9BF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAyC;QAA4B;QAA4D;QAA6C;QAA2G;QAAoH;QAAsD;QAAqD;QAAkC;QAAoC;QAAkC;QAAgC;QAA+B;KAAiC;AACtsB;AAIO,MAAMlB,+BAA+BmB,CAAAA,QAAS;IACnD,MAAMC,SAASb;IACfY,MAAMlB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBG,IAAI,EAAEmB,OAAOnB,IAAI,EAAEkB,MAAMlB,IAAI,CAACoB,SAAS;IAChG,IAAIF,MAAMjB,KAAK,EAAE;QACfiB,MAAMjB,KAAK,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBI,KAAK,EAAEkB,OAAOlB,KAAK,EAAEiB,MAAMjB,KAAK,CAACmB,SAAS;IACtG,CAAC;IACD,IAAIF,MAAMhB,MAAM,EAAE;QAChBgB,MAAMhB,MAAM,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBK,MAAM,EAAEiB,OAAOjB,MAAM,EAAEgB,MAAMhB,MAAM,CAACkB,SAAS;IAC1G,CAAC;IACD,IAAIF,MAAMf,WAAW,EAAE;QACrBe,MAAMf,WAAW,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBM,WAAW,EAAEgB,OAAOhB,WAAW,EAAEe,MAAMf,WAAW,CAACiB,SAAS;IAC9H,CAAC;IACD,IAAIF,MAAMd,MAAM,EAAE;QAChBc,MAAMd,MAAM,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBO,MAAM,EAAEe,OAAOf,MAAM,EAAEc,MAAMd,MAAM,CAACgB,SAAS;IAC1G,CAAC;IACD,OAAOF;AACT,GACA,+CAA+C"}
+{"version":3,"names":["react_1","require","exports","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","v29qe6","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","useCardHeaderStyles_unstable","state","styles","className","mergeClasses"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardHeaderSlots, CardHeaderState } from './CardHeader.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames: SlotClassNames<CardHeaderSlots> = {\n  root: 'fui-CardHeader',\n  image: 'fui-CardHeader__image',\n  header: 'fui-CardHeader__header',\n  description: 'fui-CardHeader__description',\n  action: 'fui-CardHeader__action',\n};\n\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n  cardHeaderGapVar: '--fui-CardHeader--gap',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n    display: 'grid',\n    gridAutoColumns: 'min-content 1fr min-content',\n    gridAutoRows: '1fr min-content',\n    alignItems: 'center',\n  },\n  image: {\n    display: 'inline-flex',\n    marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n    gridColumnStart: '1',\n    gridRowStart: 'span 2',\n  },\n  header: {\n    gridColumnStart: '2',\n    gridRowStart: '1',\n  },\n  description: {\n    gridColumnStart: '2',\n    gridRowStart: '2',\n  },\n  action: {\n    marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n    gridColumnStart: '3',\n    gridRowStart: 'span 2',\n  },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = (state: CardHeaderState): CardHeaderState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n\n  if (state.image) {\n    state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n  }\n\n  if (state.description) {\n    state.description.className = mergeClasses(\n      cardHeaderClassNames.description,\n      styles.description,\n      state.description.className,\n    );\n  }\n\n  if (state.action) {\n    state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGaC,OAAA,CAAAC,oBAAoB,GAAoC;EACnEC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,uBAAuB;EAC9BC,MAAM,EAAE,wBAAwB;EAChCC,WAAW,EAAE,6BAA6B;EAC1CC,MAAM,EAAE;CACT;AAED;;;AAGaN,OAAA,CAAAO,iBAAiB,GAAG;EAC/BC,gBAAgB,EAAE;CACnB;AAED,MAAMC,SAAS,gBAAGX,OAAA,CAAAY,QAAU;EAAAR,IAAA;IAAAS,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAZ,KAAA;IAAAS,MAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAd,MAAA;IAAAa,OAAA;IAAAC,MAAA;EAAA;EAAAb,WAAA;IAAAY,OAAA;IAAAC,MAAA;EAAA;EAAAZ,MAAA;IAAAa,MAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EA2B1B;AAEF;;;AAGO,MAAMC,4BAA4B,GAAIC,KAAsB,IAAqB;EACtF,MAAMC,MAAM,GAAGd,SAAS,EAAE;EAC1Ba,KAAK,CAACpB,IAAI,CAACsB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACC,IAAI,EAAEqB,MAAM,CAACrB,IAAI,EAAEoB,KAAK,CAACpB,IAAI,CAACsB,SAAS,CAAC;EAEjG,IAAIF,KAAK,CAACnB,KAAK,EAAE;IACfmB,KAAK,CAACnB,KAAK,CAACqB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACE,KAAK,EAAEoB,MAAM,CAACpB,KAAK,EAAEmB,KAAK,CAACnB,KAAK,CAACqB,SAAS,CAAC;;EAGvG,IAAIF,KAAK,CAAClB,MAAM,EAAE;IAChBkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACG,MAAM,EAAEmB,MAAM,CAACnB,MAAM,EAAEkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,CAAC;;EAG3G,IAAIF,KAAK,CAACjB,WAAW,EAAE;IACrBiB,KAAK,CAACjB,WAAW,CAACmB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CACxCzB,OAAA,CAAAC,oBAAoB,CAACI,WAAW,EAChCkB,MAAM,CAAClB,WAAW,EAClBiB,KAAK,CAACjB,WAAW,CAACmB,SAAS,CAC5B;;EAGH,IAAIF,KAAK,CAAChB,MAAM,EAAE;IAChBgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACK,MAAM,EAAEiB,MAAM,CAACjB,MAAM,EAAEgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,CAAC;;EAG3G,OAAOF,KAAK;AACd,CAAC;AAzBYtB,OAAA,CAAAqB,4BAA4B,GAAAA,4BAAA"}

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

@@ -1,21 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "CardPreview", {
-    enumerable: true,
-    get: ()=>CardPreview
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useCardPreview = require("./useCardPreview");
-const _renderCardPreview = require("./renderCardPreview");
-const _useCardPreviewStyles = require("./useCardPreviewStyles");
-const CardPreview = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useCardPreview.useCardPreview_unstable)(props, ref);
-    (0, _useCardPreviewStyles.useCardPreviewStyles_unstable)(state);
-    return (0, _renderCardPreview.renderCardPreview_unstable)(state);
+exports.CardPreview = void 0;
+const React = /*#__PURE__*/require("react");
+const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
+const renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
+const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
+/**
+ * Component to render image previews of documents or articles in a Card component.
+ */
+exports.CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCardPreview_1.useCardPreview_unstable(props, ref);
+  useCardPreviewStyles_1.useCardPreviewStyles_unstable(state);
+  return renderCardPreview_1.renderCardPreview_unstable(state);
 });
-CardPreview.displayName = "CardPreview"; //# sourceMappingURL=CardPreview.js.map
-
+exports.CardPreview.displayName = 'CardPreview';
 //# sourceMappingURL=CardPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardPreview/CardPreview.js"],"sourcesContent":["import * as React from \"react\";\nimport { useCardPreview_unstable } from \"./useCardPreview\";\nimport { renderCardPreview_unstable } from \"./renderCardPreview\";\nimport { useCardPreviewStyles_unstable } from \"./useCardPreviewStyles\";\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCardPreview_unstable(props, ref);\n  useCardPreviewStyles_unstable(state);\n  return renderCardPreview_unstable(state);\n});\nCardPreview.displayName = \"CardPreview\";\n//# sourceMappingURL=CardPreview.js.map"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACiB;mCACG;sCACG;AAIvC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,OAAOG,IAAAA,6CAA0B,EAACH;AACpC;AACAL,YAAYS,WAAW,GAAG,eAC1B,uCAAuC"}
+{"version":3,"names":["React","require","useCardPreview_1","renderCardPreview_1","useCardPreviewStyles_1","exports","CardPreview","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/CardPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview: ForwardRefComponent<CardPreviewProps> = React.forwardRef((props, ref) => {\n  const state = useCardPreview_unstable(props, ref);\n\n  useCardPreviewStyles_unstable(state);\n  return renderCardPreview_unstable(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,WAAW,gBAA0CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGR,gBAAA,CAAAS,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDL,sBAAA,CAAAQ,6BAA6B,CAACF,KAAK,CAAC;EACpC,OAAOP,mBAAA,CAAAU,0BAA0B,CAACH,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,OAAA,CAAAC,WAAW,CAACQ,WAAW,GAAG,aAAa"}

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

@@ -1,7 +1,6 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
- //# sourceMappingURL=CardPreview.types.js.map
-
 //# sourceMappingURL=CardPreview.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardPreview/CardPreview.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=CardPreview.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/CardPreview.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the Card component.\n */\nexport type CardPreviewSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Container that holds a logo related to the image preview provided.\n   */\n  logo?: Slot<'div', 'img'>;\n};\n\n/**\n * CardPreview component props.\n */\nexport type CardPreviewProps = ComponentProps<CardPreviewSlots>;\n\n/**\n * State used in rendering CardPreview.\n */\nexport type CardPreviewState = ComponentState<CardPreviewSlots>;\n"],"mappings":""}

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

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./CardPreview"), exports);
-_exportStar(require("./CardPreview.types"), exports);
-_exportStar(require("./renderCardPreview"), exports);
-_exportStar(require("./useCardPreview"), exports);
-_exportStar(require("./useCardPreviewStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./CardPreview"), exports);
+tslib_1.__exportStar(require("./CardPreview.types"), exports);
+tslib_1.__exportStar(require("./renderCardPreview"), exports);
+tslib_1.__exportStar(require("./useCardPreview"), exports);
+tslib_1.__exportStar(require("./useCardPreviewStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardPreview/index.js"],"sourcesContent":["export * from \"./CardPreview\";\nexport * from \"./CardPreview.types\";\nexport * from \"./renderCardPreview\";\nexport * from \"./useCardPreview\";\nexport * from \"./useCardPreviewStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/index.ts"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}

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

@@ -1,17 +1,24 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderCardPreview_unstable", {
-    enumerable: true,
-    get: ()=>renderCardPreview_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderCardPreview_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slotProps.root.children, slots.logo && /*#__PURE__*/ _react.createElement(slots.logo, slotProps.logo));
-}; //# sourceMappingURL=renderCardPreview.js.map
-
+exports.renderCardPreview_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Render the final JSX of CardPreview.
+ */
+const renderCardPreview_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slotProps.root.children, slots.logo && React.createElement(slots.logo, {
+    ...slotProps.logo
+  }));
+};
+exports.renderCardPreview_unstable = renderCardPreview_unstable;
 //# sourceMappingURL=renderCardPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardPreview/renderCardPreview.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Render the final JSX of CardPreview.\n */\nexport const renderCardPreview_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slotProps.root.children, slots.logo && /*#__PURE__*/React.createElement(slots.logo, slotProps.logo));\n};\n//# sourceMappingURL=renderCardPreview.js.map"],"names":["renderCardPreview_unstable","state","slots","slotProps","getSlots","React","createElement","root","children","logo"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,6BAA6BC,CAAAA,QAAS;IACjD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEJ,UAAUI,IAAI,CAACC,QAAQ,EAAEN,MAAMO,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AACxK,GACA,6CAA6C"}
+{"version":3,"names":["React","require","react_utilities_1","renderCardPreview_unstable","state","slots","slotProps","getSlots","createElement","root","children","logo","exports"],"sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview.\n */\nexport const renderCardPreview_unstable = (state: CardPreviewState) => {\n  const { slots, slotProps } = getSlots<CardPreviewSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slotProps.root.children}\n      {slots.logo && <slots.logo {...slotProps.logo} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAmBH,KAAK,CAAC;EAE9D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BH,SAAS,CAACG,IAAI,CAACC,QAAQ,EACvBL,KAAK,CAACM,IAAI,IAAIX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,CACtC;AAEjB,CAAC;AATYC,OAAA,CAAAT,0BAA0B,GAAAA,0BAAA"}