@fluentui/react-card 9.0.84 → 9.0.86

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

@@ -1 +1 @@
-{"version":3,"sources":["CardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles.styles';\n/**\n * Component to render an image, text and an action in a Card component.\n */ export const CardHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useCardHeader_unstable(props, ref);\n    useCardHeaderStyles_unstable(state);\n    return renderCardHeader_unstable(state);\n});\nCardHeader.displayName = 'CardHeader';\n"],"names":["CardHeader","React","forwardRef","props","ref","state","useCardHeader_unstable","useCardHeaderStyles_unstable","renderCardHeader_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;+BACgB;kCACG;2CACG;AAGlC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}
+{"version":3,"sources":["CardHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles.styles';\nimport type { CardHeaderProps } from './CardHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader: ForwardRefComponent<CardHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useCardHeader_unstable(props, ref);\n\n  useCardHeaderStyles_unstable(state);\n  return renderCardHeader_unstable(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"],"names":["CardHeader","React","forwardRef","props","ref","state","useCardHeader_unstable","useCardHeaderStyles_unstable","renderCardHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;+BACgB;kCACG;2CACG;AAOtC,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAC7B,OAAOG,IAAAA,2CAAAA,EAA0BH;AACnC;AAEAL,WAAWS,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering CardHeader.
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["CardHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the CardHeader component.\n */\nexport type CardHeaderSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Element used to render an image or avatar related to the card.\n   */\n  image: Slot<'div', 'img'>;\n\n  /**\n   * Element used to render the main header title.\n   */\n  header: Slot<'div'>;\n\n  /**\n   * Element used to render short descriptions related to the title.\n   */\n  description: Slot<'div'>;\n\n  /**\n   * Container that renders on the far end of the footer, used for action buttons.\n   */\n  action?: Slot<'div'>;\n};\n\n/**\n * CardHeader component props.\n */\nexport type CardHeaderProps = ComponentProps<Partial<CardHeaderSlots>>;\n\n/**\n * State used in rendering CardHeader.\n */\nexport type CardHeaderState = ComponentState<CardHeaderSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAqCA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderCardHeader.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of CardHeader.\n */ export const renderCardHeader_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.image && /*#__PURE__*/ _jsx(state.image, {}),\n            /*#__PURE__*/ _jsx(state.header, {}),\n            state.description && /*#__PURE__*/ _jsx(state.description, {}),\n            state.action && /*#__PURE__*/ _jsx(state.action, {})\n        ]\n    });\n};\n"],"names":["renderCardHeader_unstable","state","assertSlots","_jsxs","root","children","image","_jsx","header","description","action"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC;YAChD,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMO,MAAM,EAAE,CAAC;YAClCP,MAAMQ,WAAW,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,WAAW,EAAE,CAAC;YAC5DR,MAAMS,MAAM,IAAI,WAAW,GAAGH,IAAAA,eAAI,EAACN,MAAMS,MAAM,EAAE,CAAC;SACrD;IACL;AACJ"}
+{"version":3,"sources":["renderCardHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } 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  assertSlots<CardHeaderSlots>(state);\n\n  return (\n    <state.root>\n      {state.image && <state.image />}\n      <state.header />\n      {state.description && <state.description />}\n      {state.action && <state.action />}\n    </state.root>\n  );\n};\n"],"names":["renderCardHeader_unstable","state","assertSlots","_jsxs","root","image","_jsx","header","description","action"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,4BAA4B,CAACC;IACxCC,IAAAA,2BAAAA,EAA6BD;IAE7B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,KAAK,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,KAAK,EAAA,CAAA;0BAC5BC,IAAAA,eAAA,EAACL,MAAMM,MAAM,EAAA,CAAA;YACZN,MAAMO,WAAW,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMO,WAAW,EAAA,CAAA;YACvCP,MAAMQ,MAAM,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACL,MAAMQ,MAAM,EAAA,CAAA;;;AAGpC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles.styles';\n/**\n * Finds the first child of CardHeader with an id prop.\n *\n * @param header - the header prop of CardHeader\n */ function getChildWithId(header) {\n    function isReactElementWithIdProp(element) {\n        return React.isValidElement(element) && Boolean(element.props.id);\n    }\n    return React.Children.toArray(header).find(isReactElementWithIdProp);\n}\n/**\n * Returns the id to use for the CardHeader root element.\n *\n * @param headerId - the id prop of the CardHeader component\n * @param childWithId - the first child of the CardHeader component with an id prop\n * @param generatedId - a generated id\n *\n * @returns the id to use for the CardHeader root element\n */ function getReferenceId(headerId, childWithId, generatedId) {\n    if (headerId) {\n        return headerId;\n    }\n    if (childWithId === null || childWithId === void 0 ? void 0 : childWithId.props.id) {\n        return childWithId.props.id;\n    }\n    return generatedId;\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 */ export const useCardHeader_unstable = (props, ref)=>{\n    const { image, header, description, action } = props;\n    const { selectableA11yProps: { referenceId, setReferenceId } } = useCardContext_unstable();\n    const headerRef = React.useRef(null);\n    const hasChildId = React.useRef(false);\n    const generatedId = useId(cardHeaderClassNames.header, referenceId);\n    const headerSlot = slot.optional(header, {\n        renderByDefault: true,\n        defaultProps: {\n            ref: headerRef,\n            id: !hasChildId.current ? referenceId : undefined\n        },\n        elementType: 'div'\n    });\n    React.useEffect(()=>{\n        var _headerRef_current;\n        const headerId = !hasChildId.current ? (_headerRef_current = headerRef.current) === null || _headerRef_current === void 0 ? void 0 : _headerRef_current.id : undefined;\n        const childWithId = getChildWithId(headerSlot === null || headerSlot === void 0 ? void 0 : headerSlot.children);\n        hasChildId.current = Boolean(childWithId);\n        setReferenceId(getReferenceId(headerId, childWithId, generatedId));\n    }, [\n        generatedId,\n        header,\n        headerSlot,\n        setReferenceId\n    ]);\n    return {\n        components: {\n            root: 'div',\n            image: 'div',\n            header: 'div',\n            description: 'div',\n            action: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            // FIXME:\n            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n            // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n            ref: ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        image: slot.optional(image, {\n            elementType: 'div'\n        }),\n        header: headerSlot,\n        description: slot.optional(description, {\n            elementType: 'div'\n        }),\n        action: slot.optional(action, {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useCardHeader_unstable","getChildWithId","header","isReactElementWithIdProp","element","React","isValidElement","Boolean","props","id","Children","toArray","find","getReferenceId","headerId","childWithId","generatedId","ref","image","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","useRef","hasChildId","useId","cardHeaderClassNames","headerSlot","slot","optional","renderByDefault","defaultProps","current","undefined","elementType","useEffect","_headerRef_current","children","components","root","always","getIntrinsicElementProps"],"mappings":";;;;+BAuCiBA;;;eAAAA;;;;iEAvCM;gCAC+B;6BACd;2CACH;AACrC;;;;CAIC,GAAG,SAASC,eAAeC,MAAM;IAC9B,SAASC,yBAAyBC,OAAO;QACrC,qBAAOC,OAAMC,cAAc,CAACF,YAAYG,QAAQH,QAAQI,KAAK,CAACC,EAAE;IACpE;IACA,OAAOJ,OAAMK,QAAQ,CAACC,OAAO,CAACT,QAAQU,IAAI,CAACT;AAC/C;AACA;;;;;;;;CAQC,GAAG,SAASU,eAAeC,QAAQ,EAAEC,WAAW,EAAEC,WAAW;IAC1D,IAAIF,UAAU;QACV,OAAOA;IACX;IACA,IAAIC,gBAAgB,QAAQA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYP,KAAK,CAACC,EAAE,EAAE;QAChF,OAAOM,YAAYP,KAAK,CAACC,EAAE;IAC/B;IACA,OAAOO;AACX;AASW,MAAMhB,yBAAyB,CAACQ,OAAOS;IAC9C,MAAM,EAAEC,KAAK,EAAEhB,MAAM,EAAEiB,WAAW,EAAEC,MAAM,EAAE,GAAGZ;IAC/C,MAAM,EAAEa,qBAAqB,EAAEC,WAAW,EAAEC,cAAc,EAAE,EAAE,GAAGC,IAAAA,oCAAuB;IACxF,MAAMC,YAAYpB,OAAMqB,MAAM,CAAC;IAC/B,MAAMC,aAAatB,OAAMqB,MAAM,CAAC;IAChC,MAAMV,cAAcY,IAAAA,qBAAK,EAACC,+CAAoB,CAAC3B,MAAM,EAAEoB;IACvD,MAAMQ,aAAaC,oBAAI,CAACC,QAAQ,CAAC9B,QAAQ;QACrC+B,iBAAiB;QACjBC,cAAc;YACVjB,KAAKQ;YACLhB,IAAI,CAACkB,WAAWQ,OAAO,GAAGb,cAAcc;QAC5C;QACAC,aAAa;IACjB;IACAhC,OAAMiC,SAAS,CAAC;QACZ,IAAIC;QACJ,MAAMzB,WAAW,CAACa,WAAWQ,OAAO,GAAG,AAACI,CAAAA,qBAAqBd,UAAUU,OAAO,AAAD,MAAO,QAAQI,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmB9B,EAAE,GAAG2B;QAC7J,MAAMrB,cAAcd,eAAe6B,eAAe,QAAQA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWU,QAAQ;QAC9Gb,WAAWQ,OAAO,GAAG5B,QAAQQ;QAC7BQ,eAAeV,eAAeC,UAAUC,aAAaC;IACzD,GAAG;QACCA;QACAd;QACA4B;QACAP;KACH;IACD,OAAO;QACHkB,YAAY;YACRC,MAAM;YACNxB,OAAO;YACPhB,QAAQ;YACRiB,aAAa;YACbC,QAAQ;QACZ;QACAsB,MAAMX,oBAAI,CAACY,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5F3B,KAAKA;YACL,GAAGT,KAAK;QACZ,IAAI;YACA6B,aAAa;QACjB;QACAnB,OAAOa,oBAAI,CAACC,QAAQ,CAACd,OAAO;YACxBmB,aAAa;QACjB;QACAnC,QAAQ4B;QACRX,aAAaY,oBAAI,CAACC,QAAQ,CAACb,aAAa;YACpCkB,aAAa;QACjB;QACAjB,QAAQW,oBAAI,CAACC,QAAQ,CAACZ,QAAQ;YAC1BiB,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useCardHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderState } from './CardHeader.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles.styles';\n\n/**\n * Finds the first child of CardHeader with an id prop.\n *\n * @param header - the header prop of CardHeader\n */\nfunction getChildWithId(header: React.ReactNode) {\n  function isReactElementWithIdProp(element: React.ReactNode): element is React.ReactElement {\n    return React.isValidElement(element) && Boolean(element.props.id);\n  }\n\n  return React.Children.toArray(header).find(isReactElementWithIdProp);\n}\n\n/**\n * Returns the id to use for the CardHeader root element.\n *\n * @param headerId - the id prop of the CardHeader component\n * @param childWithId - the first child of the CardHeader component with an id prop\n * @param generatedId - a generated id\n *\n * @returns the id to use for the CardHeader root element\n */\nfunction getReferenceId(\n  headerId: string | undefined,\n  childWithId: React.ReactElement | undefined,\n  generatedId: string,\n): string {\n  if (headerId) {\n    return headerId;\n  }\n\n  if (childWithId?.props.id) {\n    return childWithId.props.id;\n  }\n\n  return generatedId;\n}\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 hasChildId = React.useRef(false);\n  const generatedId = useId(cardHeaderClassNames.header, referenceId);\n\n  const headerSlot = slot.optional(header, {\n    renderByDefault: true,\n    defaultProps: {\n      ref: headerRef,\n      id: !hasChildId.current ? referenceId : undefined,\n    },\n    elementType: 'div',\n  });\n  React.useEffect(() => {\n    const headerId = !hasChildId.current ? headerRef.current?.id : undefined;\n    const childWithId = getChildWithId(headerSlot?.children);\n    hasChildId.current = Boolean(childWithId);\n    setReferenceId(getReferenceId(headerId, childWithId, generatedId));\n  }, [generatedId, header, headerSlot, setReferenceId]);\n  return {\n    components: { root: 'div', image: 'div', header: 'div', description: 'div', action: 'div' },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    image: slot.optional(image, { elementType: 'div' }),\n    header: headerSlot,\n    description: slot.optional(description, { elementType: 'div' }),\n    action: slot.optional(action, { elementType: 'div' }),\n  };\n};\n"],"names":["useCardHeader_unstable","getChildWithId","header","isReactElementWithIdProp","element","React","isValidElement","Boolean","props","id","Children","toArray","find","getReferenceId","headerId","childWithId","generatedId","ref","image","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","useRef","hasChildId","useId","cardHeaderClassNames","headerSlot","slot","optional","renderByDefault","defaultProps","current","undefined","elementType","useEffect","children","components","root","always","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqDaA;;;eAAAA;;;;iEArDU;gCAC+B;6BAEd;2CACH;AAErC;;;;CAIC,GACD,SAASC,eAAeC,MAAuB;IAC7C,SAASC,yBAAyBC,OAAwB;QACxD,qBAAOC,OAAMC,cAAc,CAACF,YAAYG,QAAQH,QAAQI,KAAK,CAACC,EAAE;IAClE;IAEA,OAAOJ,OAAMK,QAAQ,CAACC,OAAO,CAACT,QAAQU,IAAI,CAACT;AAC7C;AAEA;;;;;;;;CAQC,GACD,SAASU,eACPC,QAA4B,EAC5BC,WAA2C,EAC3CC,WAAmB;IAEnB,IAAIF,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIC,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAaP,KAAK,CAACC,EAAE,EAAE;QACzB,OAAOM,YAAYP,KAAK,CAACC,EAAE;IAC7B;IAEA,OAAOO;AACT;AAWO,MAAMhB,yBAAyB,CAACQ,OAAwBS;IAC7D,MAAM,EAAEC,KAAK,EAAEhB,MAAM,EAAEiB,WAAW,EAAEC,MAAM,EAAE,GAAGZ;IAE/C,MAAM,EACJa,qBAAqB,EAAEC,WAAW,EAAEC,cAAc,EAAE,EACrD,GAAGC,IAAAA,oCAAAA;IACJ,MAAMC,YAAYpB,OAAMqB,MAAM,CAAiB;IAE/C,MAAMC,aAAatB,OAAMqB,MAAM,CAAC;IAChC,MAAMV,cAAcY,IAAAA,qBAAAA,EAAMC,+CAAAA,CAAqB3B,MAAM,EAAEoB;IAEvD,MAAMQ,aAAaC,oBAAAA,CAAKC,QAAQ,CAAC9B,QAAQ;QACvC+B,iBAAiB;QACjBC,cAAc;YACZjB,KAAKQ;YACLhB,IAAI,CAACkB,WAAWQ,OAAO,GAAGb,cAAcc;QAC1C;QACAC,aAAa;IACf;IACAhC,OAAMiC,SAAS,CAAC;YACyBb;QAAvC,MAAMX,WAAW,CAACa,WAAWQ,OAAO,GAAA,AAAGV,CAAAA,qBAAAA,UAAUU,OAAO,AAAPA,MAAO,QAAjBV,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBhB,EAAE,GAAG2B;QAC/D,MAAMrB,cAAcd,eAAe6B,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYS,QAAQ;QACvDZ,WAAWQ,OAAO,GAAG5B,QAAQQ;QAC7BQ,eAAeV,eAAeC,UAAUC,aAAaC;IACvD,GAAG;QAACA;QAAad;QAAQ4B;QAAYP;KAAe;IACpD,OAAO;QACLiB,YAAY;YAAEC,MAAM;YAAOvB,OAAO;YAAOhB,QAAQ;YAAOiB,aAAa;YAAOC,QAAQ;QAAM;QAE1FqB,MAAMV,oBAAAA,CAAKW,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5F1B,KAAKA;YACL,GAAGT,KAAK;QACV,IACA;YAAE6B,aAAa;QAAM;QAEvBnB,OAAOa,oBAAAA,CAAKC,QAAQ,CAACd,OAAO;YAAEmB,aAAa;QAAM;QACjDnC,QAAQ4B;QACRX,aAAaY,oBAAAA,CAAKC,QAAQ,CAACb,aAAa;YAAEkB,aAAa;QAAM;QAC7DjB,QAAQW,oBAAAA,CAAKC,QAAQ,CAACZ,QAAQ;YAAEiB,aAAa;QAAM;IACrD;AACF"}

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

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    cardHeaderClassNames: function() {
-        return cardHeaderClassNames;
-    },
     cardHeaderCSSVars: function() {
         return cardHeaderCSSVars;
     },
+    cardHeaderClassNames: function() {
+        return cardHeaderClassNames;
+    },
     useCardHeaderStyles_unstable: function() {
         return useCardHeaderStyles_unstable;
     }
@@ -158,6 +158,7 @@ const useStylesFlex = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCardHeaderStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const stylesGrid = useStylesGrid();
     const stylesFlex = useStylesFlex();

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

@@ -1 +1 @@
-{"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } 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    Bt984gj: \"f122n59\"\n  },\n  image: {\n    mc9l5x: \"ftuwxu6\",\n    t21cq0: [\"fql5097\", \"f6yss9k\"]\n  },\n  header: {\n    mc9l5x: \"f22iagw\"\n  },\n  description: {\n    mc9l5x: \"f22iagw\"\n  },\n  action: {\n    Frg6f3: [\"f6yss9k\", \"fql5097\"],\n    B7frvx2: \"f1ndzpm5\",\n    B06c7xf: [\"f1fkeggc\", \"f1u45u6i\"],\n    B8uq84v: \"f16eyofs\",\n    snkdo8: [\"f1u45u6i\", \"f1fkeggc\"],\n    Bpf22ct: \"f1wkmkig\",\n    apjfyd: \"f18alut9\"\n  }\n}, {\n  d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f122n59{align-items:center;}\", \".ftuwxu6{display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".f22iagw{display:flex;}\"],\n  m: [[\"@media (forced-colors: active){.f1ndzpm5 .fui-Button,.f1ndzpm5 .fui-Link{border-top-color:currentColor;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1fkeggc .fui-Button,.f1fkeggc .fui-Link{border-right-color:currentColor;}.f1u45u6i .fui-Button,.f1u45u6i .fui-Link{border-left-color:currentColor;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16eyofs .fui-Button,.f16eyofs .fui-Link{border-bottom-color:currentColor;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1wkmkig .fui-Button,.f1wkmkig .fui-Link{color:currentColor;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f18alut9 .fui-Button,.f18alut9 .fui-Link{outline-color:currentColor;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useStylesGrid = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f13qh94s\",\n    t4k1zu: \"f8a668j\"\n  },\n  image: {\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    Br312pm: \"fis13di\",\n    Ijaq50: \"fldnz9j\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".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});\nconst useStylesFlex = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\"\n  },\n  header: {\n    Bh6795r: \"fqerorx\"\n  },\n  image: {},\n  description: {},\n  action: {}\n}, {\n  d: [\".f22iagw{display:flex;}\", \".fqerorx{flex-grow:1;}\"]\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  const stylesGrid = useStylesGrid();\n  const stylesFlex = useStylesFlex();\n  const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n  const getSlotStyles = slotName => {\n    var _state_slotName;\n    return mergeClasses(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null || _state_slotName === void 0 ? void 0 : _state_slotName.className);\n  };\n  state.root.className = getSlotStyles('root');\n  if (state.image) {\n    state.image.className = getSlotStyles('image');\n  }\n  if (state.header) {\n    state.header.className = getSlotStyles('header');\n  }\n  if (state.description) {\n    state.description.className = getSlotStyles('description');\n  }\n  if (state.action) {\n    state.action.className = getSlotStyles('action');\n  }\n  return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","Bt984gj","mc9l5x","t21cq0","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useStylesGrid","t4k1zu","Br312pm","Ijaq50","useStylesFlex","Bh6795r","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","_state_slotName","mergeClasses","className"],"mappings":"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"}
+{"version":3,"sources":["useCardHeaderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export 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 */ export const cardHeaderCSSVars = {\n    cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = makeStyles({\n    root: {\n        [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n        alignItems: 'center'\n    },\n    image: {\n        display: 'inline-flex',\n        marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`\n    },\n    header: {\n        display: 'flex'\n    },\n    description: {\n        display: 'flex'\n    },\n    action: {\n        marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n        // when the card is selected or hovered, it has custom high contrast color and background styles\n        // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n        '@media (forced-colors: active)': {\n            '& .fui-Button, & .fui-Link': {\n                ...shorthands.borderColor('currentColor'),\n                color: 'currentColor',\n                outlineColor: 'currentColor'\n            }\n        }\n    }\n});\nconst useStylesGrid = makeStyles({\n    root: {\n        display: 'grid',\n        gridAutoColumns: 'min-content 1fr min-content'\n    },\n    image: {\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        gridColumnStart: '3',\n        gridRowStart: 'span 2'\n    }\n});\nconst useStylesFlex = makeStyles({\n    root: {\n        display: 'flex'\n    },\n    header: {\n        flexGrow: 1\n    },\n    image: {},\n    description: {},\n    action: {}\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */ export const useCardHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const stylesGrid = useStylesGrid();\n    const stylesFlex = useStylesFlex();\n    const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n    const getSlotStyles = (slotName)=>{\n        var _state_slotName;\n        return mergeClasses(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null || _state_slotName === void 0 ? void 0 : _state_slotName.className);\n    };\n    state.root.className = getSlotStyles('root');\n    if (state.image) {\n        state.image.className = getSlotStyles('image');\n    }\n    if (state.header) {\n        state.header.className = getSlotStyles('header');\n    }\n    if (state.description) {\n        state.description.className = getSlotStyles('description');\n    }\n    if (state.action) {\n        state.action.className = getSlotStyles('action');\n    }\n    return state;\n};\n"],"names":["cardHeaderCSSVars","cardHeaderClassNames","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","Bt984gj","mc9l5x","t21cq0","Frg6f3","B7frvx2","B06c7xf","B8uq84v","snkdo8","Bpf22ct","apjfyd","d","m","useStylesGrid","t4k1zu","Br312pm","Ijaq50","useStylesFlex","Bh6795r","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","_state_slotName","mergeClasses","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["CardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles.styles';\n/**\n * Component to render image previews of documents or articles in a Card component.\n */ export 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"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;gCACiB;mCACG;4CACG;AAGnC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9B,OAAOG,IAAAA,6CAA0B,EAACH;AACtC;AACAL,YAAYS,WAAW,GAAG"}
+{"version":3,"sources":["CardPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles.styles';\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"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;gCACiB;mCACG;4CACG;AAOvC,MAAMA,cAAAA,WAAAA,GAAqDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQC,IAAAA,uCAAAA,EAAwBH,OAAOC;IAE7CG,IAAAA,yDAAAA,EAA8BF;IAC9B,OAAOG,IAAAA,6CAAAA,EAA2BH;AACpC;AAEAL,YAAYS,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering CardPreview.
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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"],"names":[],"rangeMappings":";;","mappings":"AAsBA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderCardPreview.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of CardPreview.\n */ export const renderCardPreview_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.root.children,\n            state.logo && /*#__PURE__*/ _jsx(state.logo, {})\n        ]\n    });\n};\n"],"names":["renderCardPreview_unstable","state","assertSlots","_jsxs","root","children","logo","_jsx"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,IAAI,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,IAAI,EAAE,CAAC;SACjD;IACL;AACJ"}
+{"version":3,"sources":["renderCardPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } 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  assertSlots<CardPreviewSlots>(state);\n\n  return (\n    <state.root>\n      {state.root.children}\n      {state.logo && <state.logo />}\n    </state.root>\n  );\n};\n"],"names":["renderCardPreview_unstable","state","assertSlots","_jsxs","root","children","logo","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,6BAA6B,CAACC;IACzCC,IAAAA,2BAAAA,EAA8BD;IAE9B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,IAAI,EAAA,CAAA;;;AAGhC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles.styles';\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 */ export const useCardPreview_unstable = (props, ref)=>{\n    const { logo } = props;\n    const { selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId } } = useCardContext_unstable();\n    // FIXME:\n    // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n    // but since it would be a breaking change to fix it, we are casting ref to it's proper type\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    }, [\n        setReferenceLabel,\n        referenceLabel,\n        previewRef,\n        referenceId,\n        setReferenceId\n    ]);\n    return {\n        components: {\n            root: 'div',\n            logo: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref: previewRef,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        logo: slot.optional(logo, {\n            elementType: 'div'\n        })\n    };\n};\n"],"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","slot","always","getIntrinsicElementProps","elementType","optional"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACuC;6BACtB;4CACF;AAS3B,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACjB,MAAM,EAAEG,qBAAqB,EAAEC,cAAc,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,cAAc,EAAE,EAAE,GAAGC,IAAAA,oCAAuB;IAC3H,SAAS;IACT,4EAA4E;IAC5E,4FAA4F;IAC5F,MAAMC,aAAaC,IAAAA,6BAAa,EAACT,KAAKU,OAAMC,MAAM,CAAC;IACnDD,OAAME,SAAS,CAAC;QACZ,IAAIT,kBAAkBC,aAAa;YAC/B;QACJ;QACA,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACrD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAC,CAAC,CAAC,EAAEC,iDAAqB,CAACC,IAAI,CAAC,MAAM,CAAC;YAC9F,IAAIH,KAAK;gBACL,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBACzC,IAAIC,iBAAiB;oBACjBf,eAAee;gBACnB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAChBjB,kBAAkBU,IAAIO,GAAG;gBAC7B,OAAO,IAAIH,WAAW;oBAClBd,kBAAkBc;gBACtB;YACJ;QACJ;IACJ,GAAG;QACCd;QACAF;QACAK;QACAJ;QACAE;KACH;IACD,OAAO;QACHiB,YAAY;YACRL,MAAM;YACNjB,MAAM;QACV;QACAiB,MAAMM,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C1B,KAAKQ;YACL,GAAGT,KAAK;QACZ,IAAI;YACA4B,aAAa;QACjB;QACA1B,MAAMuB,oBAAI,CAACI,QAAQ,CAAC3B,MAAM;YACtB0B,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useCardPreview.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewState } from './CardPreview.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles.styles';\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  // FIXME:\n  // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n  // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n  const previewRef = useMergedRefs(ref as React.Ref<HTMLDivElement>, 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: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: previewRef,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    logo: slot.optional(logo, { elementType: 'div' }),\n  };\n};\n"],"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","slot","always","getIntrinsicElementProps","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;gCACuC;6BAEtB;4CACF;AAW/B,MAAMA,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAM,EACJG,qBAAqB,EAAEC,cAAc,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,cAAc,EAAE,EACxF,GAAGC,IAAAA,oCAAAA;IACJ,SAAS;IACT,4EAA4E;IAC5E,4FAA4F;IAC5F,MAAMC,aAAaC,IAAAA,6BAAAA,EAAcT,KAAkCU,OAAMC,MAAM,CAAiB;IAEhGD,OAAME,SAAS,CAAC;QACd,IAAIT,kBAAkBC,aAAa;YACjC;QACF;QAEA,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACvD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAmB,CAAC,CAAC,EAAEC,iDAAAA,CAAsBC,IAAI,CAAC,MAAM,CAAC;YAEhH,IAAIH,KAAK;gBACP,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBAEzC,IAAIC,iBAAiB;oBACnBf,eAAee;gBACjB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAClBjB,kBAAkBU,IAAIO,GAAG;gBAC3B,OAAO,IAAIH,WAAW;oBACpBd,kBAAkBc;gBACpB;YACF;QACF;IACF,GAAG;QAACd;QAAmBF;QAAgBK;QAAYJ;QAAaE;KAAe;IAE/E,OAAO;QACLiB,YAAY;YACVL,MAAM;YACNjB,MAAM;QACR;QAEAiB,MAAMM,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B1B,KAAKQ;YACL,GAAGT,KAAK;QACV,IACA;YAAE4B,aAAa;QAAM;QAEvB1B,MAAMuB,oBAAAA,CAAKI,QAAQ,CAAC3B,MAAM;YAAE0B,aAAa;QAAM;IACjD;AACF"}

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

@@ -53,6 +53,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useCardPreviewStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(cardPreviewClassNames.root, styles.root, state.root.className);
     if (state.logo) {

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

@@ -1 +1 @@
-{"version":3,"sources":["useCardPreviewStyles.styles.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    Byfpedg: \"fgourly\",\n    Btj6oj6: \"f1vui7lx\",\n    B1m4t4s: \"fda5zwx\"\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;}\", \".fgourly>:not(.fui-CardPreview__logo){display:block;}\", \".f1vui7lx>:not(.fui-CardPreview__logo){height:100%;}\", \".fda5zwx>: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.styles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","Byfpedg","Btj6oj6","B1m4t4s","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB;eAArBA;;IAwBAC,6BAA6B;eAA7BA;;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,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;QAAyD;QAAwD;QAAsD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAChX;AAIO,MAAMb,gCAAgCc,CAAAA;IAC3C,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;IACA,OAAOF;AACT,GACA,uDAAuD"}
+{"version":3,"sources":["useCardPreviewStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const cardPreviewClassNames = {\n    root: 'fui-CardPreview',\n    logo: 'fui-CardPreview__logo'\n};\nconst useStyles = makeStyles({\n    root: {\n        position: 'relative',\n        [`> :not(.${cardPreviewClassNames.logo})`]: {\n            display: 'block',\n            height: '100%',\n            width: '100%'\n        }\n    },\n    logo: {\n        position: 'absolute',\n        bottom: '12px',\n        left: '12px',\n        width: '32px',\n        height: '32px'\n    }\n});\n/**\n * Apply styling to the CardPreview slots based on the state.\n */ export const useCardPreviewStyles_unstable = (state)=>{\n    'use no memo';\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"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","Byfpedg","Btj6oj6","B1m4t4s","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGiBA,qBAAqB;eAArBA;;IAuBAC,6BAA6B;eAA7BA;;;uBA1BwB;AAG9B,MAAMD,wBAAwB;IACrCE,MAAM;IACNC,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAI,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAN,MAAA;QAAAG,QAAA;QAAAI,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAmBP,MAAMb,gCAAiCc,CAAAA;IAC9C;IACA,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;QACZY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACrG;IACA,OAAOF;AACX"}

package/lib-commonjs/index.js

@@ -12,47 +12,56 @@ _export(exports, {
     Card: function() {
         return _Card.Card;
     },
-    cardClassNames: function() {
-        return _Card.cardClassNames;
+    CardFooter: function() {
+        return _CardFooter.CardFooter;
     },
-    cardCSSVars: function() {
-        return _Card.cardCSSVars;
+    CardHeader: function() {
+        return _CardHeader.CardHeader;
     },
-    renderCard_unstable: function() {
-        return _Card.renderCard_unstable;
+    CardPreview: function() {
+        return _CardPreview.CardPreview;
     },
-    useCardStyles_unstable: function() {
-        return _Card.useCardStyles_unstable;
+    CardProvider: function() {
+        return _Card.CardProvider;
     },
-    useCard_unstable: function() {
-        return _Card.useCard_unstable;
+    cardCSSVars: function() {
+        return _Card.cardCSSVars;
     },
-    CardFooter: function() {
-        return _CardFooter.CardFooter;
+    cardClassNames: function() {
+        return _Card.cardClassNames;
     },
     cardFooterClassNames: function() {
         return _CardFooter.cardFooterClassNames;
     },
+    cardHeaderCSSVars: function() {
+        return _CardHeader.cardHeaderCSSVars;
+    },
+    cardHeaderClassNames: function() {
+        return _CardHeader.cardHeaderClassNames;
+    },
+    cardPreviewClassNames: function() {
+        return _CardPreview.cardPreviewClassNames;
+    },
     renderCardFooter_unstable: function() {
         return _CardFooter.renderCardFooter_unstable;
     },
-    useCardFooterStyles_unstable: function() {
-        return _CardFooter.useCardFooterStyles_unstable;
+    renderCardHeader_unstable: function() {
+        return _CardHeader.renderCardHeader_unstable;
     },
-    useCardFooter_unstable: function() {
-        return _CardFooter.useCardFooter_unstable;
+    renderCardPreview_unstable: function() {
+        return _CardPreview.renderCardPreview_unstable;
     },
-    CardHeader: function() {
-        return _CardHeader.CardHeader;
+    renderCard_unstable: function() {
+        return _Card.renderCard_unstable;
     },
-    cardHeaderClassNames: function() {
-        return _CardHeader.cardHeaderClassNames;
+    useCardContext_unstable: function() {
+        return _Card.useCardContext_unstable;
     },
-    cardHeaderCSSVars: function() {
-        return _CardHeader.cardHeaderCSSVars;
+    useCardFooterStyles_unstable: function() {
+        return _CardFooter.useCardFooterStyles_unstable;
     },
-    renderCardHeader_unstable: function() {
-        return _CardHeader.renderCardHeader_unstable;
+    useCardFooter_unstable: function() {
+        return _CardFooter.useCardFooter_unstable;
     },
     useCardHeaderStyles_unstable: function() {
         return _CardHeader.useCardHeaderStyles_unstable;
@@ -60,26 +69,17 @@ _export(exports, {
     useCardHeader_unstable: function() {
         return _CardHeader.useCardHeader_unstable;
     },
-    CardPreview: function() {
-        return _CardPreview.CardPreview;
-    },
-    cardPreviewClassNames: function() {
-        return _CardPreview.cardPreviewClassNames;
-    },
-    renderCardPreview_unstable: function() {
-        return _CardPreview.renderCardPreview_unstable;
-    },
     useCardPreviewStyles_unstable: function() {
         return _CardPreview.useCardPreviewStyles_unstable;
     },
     useCardPreview_unstable: function() {
         return _CardPreview.useCardPreview_unstable;
     },
-    CardProvider: function() {
-        return _Card.CardProvider;
+    useCardStyles_unstable: function() {
+        return _Card.useCardStyles_unstable;
     },
-    useCardContext_unstable: function() {
-        return _Card.useCardContext_unstable;
+    useCard_unstable: function() {
+        return _Card.useCard_unstable;
     }
 });
 const _Card = require("./Card");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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"],"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;eAAJA,UAAI;;IAAEC,cAAc;eAAdA,oBAAc;;IAAEC,WAAW;eAAXA,iBAAW;;IAAEC,mBAAmB;eAAnBA,yBAAmB;;IAAEC,sBAAsB;eAAtBA,4BAAsB;;IAAEC,gBAAgB;eAAhBA,sBAAgB;;IAChGC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,iBAAiB;eAAjBA,6BAAiB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACpIC,WAAW;eAAXA,wBAAW;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IACtHC,YAAY;eAAZA,kBAAY;;IAAEC,uBAAuB;eAAvBA,6BAAuB;;;sBAJmE;4BACiB;4BACmB;6BACd"}
+{"version":3,"sources":["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"],"names":["Card","CardFooter","CardHeader","CardPreview","CardProvider","cardCSSVars","cardClassNames","cardFooterClassNames","cardHeaderCSSVars","cardHeaderClassNames","cardPreviewClassNames","renderCardFooter_unstable","renderCardHeader_unstable","renderCardPreview_unstable","renderCard_unstable","useCardContext_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","useCardStyles_unstable","useCard_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,IAAI;eAAJA,UAAI;;IASJC,UAAU;eAAVA,sBAAU;;IAQVC,UAAU;eAAVA,sBAAU;;IASVC,WAAW;eAAXA,wBAAW;;IAOJC,YAAY;eAAZA,kBAAY;;IA/BnBC,WAAW;eAAXA,iBAAW;;IADXC,cAAc;eAAdA,oBAAc;;IASdC,oBAAoB;eAApBA,gCAAoB;;IASpBC,iBAAiB;eAAjBA,6BAAiB;;IADjBC,oBAAoB;eAApBA,gCAAoB;;IASpBC,qBAAqB;eAArBA,kCAAqB;;IAhBrBC,yBAAyB;eAAzBA,qCAAyB;;IASzBC,yBAAyB;eAAzBA,qCAAyB;;IAQzBC,0BAA0B;eAA1BA,uCAA0B;;IAzB1BC,mBAAmB;eAAnBA,yBAAmB;;IA8BEC,uBAAuB;eAAvBA,6BAAuB;;IArB5CC,4BAA4B;eAA5BA,wCAA4B;;IAC5BC,sBAAsB;eAAtBA,kCAAsB;;IAQtBC,4BAA4B;eAA5BA,wCAA4B;;IAC5BC,sBAAsB;eAAtBA,kCAAsB;;IAOtBC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;IA1BvBC,sBAAsB;eAAtBA,4BAAsB;;IACtBC,gBAAgB;eAAhBA,sBAAgB;;;sBACX;4BAQA;4BASA;6BAQA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.84",
+  "version": "9.0.86",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -39,10 +39,10 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
-    "@fluentui/react-tabster": "^9.22.0",
+    "@fluentui/react-tabster": "^9.22.2",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.10",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
+    "@fluentui/react-utilities": "^9.18.12",
+    "@fluentui/react-jsx-runtime": "^9.0.41",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },