@fluentui/react-table 9.15.9 → 9.15.11

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

@@ -1 +1 @@
-{"version":3,"sources":["TableCellActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellActions_unstable } from './useTableCellActions';\nimport { renderTableCellActions_unstable } from './renderTableCellActions';\nimport { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableCellActions component\n */ export const TableCellActions = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTableCellActions_unstable(props, ref);\n    useTableCellActionsStyles_unstable(state);\n    useCustomStyleHook_unstable('useTableCellActionsStyles_unstable')(state);\n    return renderTableCellActions_unstable(state);\n});\nTableCellActions.displayName = 'TableCellActions';\n"],"names":["TableCellActions","React","forwardRef","props","ref","state","useTableCellActions_unstable","useTableCellActionsStyles_unstable","useCustomStyleHook_unstable","renderTableCellActions_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACsB;wCACG;iDACG;qCACP;AAGjC,MAAMA,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvE,MAAMC,QAAQC,IAAAA,iDAA4B,EAACH,OAAOC;IAClDG,IAAAA,mEAAkC,EAACF;IACnCG,IAAAA,gDAA2B,EAAC,sCAAsCH;IAClE,OAAOI,IAAAA,uDAA+B,EAACJ;AAC3C;AACAL,iBAAiBU,WAAW,GAAG"}
+{"version":3,"sources":["TableCellActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellActions_unstable } from './useTableCellActions';\nimport { renderTableCellActions_unstable } from './renderTableCellActions';\nimport { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles';\nimport type { TableCellActionsProps } from './TableCellActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellActions component\n */\nexport const TableCellActions: ForwardRefComponent<TableCellActionsProps> = React.forwardRef((props, ref) => {\n  const state = useTableCellActions_unstable(props, ref);\n\n  useTableCellActionsStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableCellActionsStyles_unstable')(state);\n\n  return renderTableCellActions_unstable(state);\n});\n\nTableCellActions.displayName = 'TableCellActions';\n"],"names":["TableCellActions","React","forwardRef","props","ref","state","useTableCellActions_unstable","useTableCellActionsStyles_unstable","useCustomStyleHook_unstable","renderTableCellActions_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCACsB;wCACG;iDACG;qCAGP;AAKrC,MAAMA,mBAAAA,WAAAA,GAA+DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQC,IAAAA,iDAAAA,EAA6BH,OAAOC;IAElDG,IAAAA,mEAAAA,EAAmCF;IAEnCG,IAAAA,gDAAAA,EAA4B,sCAAsCH;IAElE,OAAOI,IAAAA,uDAAAA,EAAgCJ;AACzC;AAEAL,iBAAiBU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TableCellActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableCellActionsSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * TableCellActions Props\n */\nexport type TableCellActionsProps = ComponentProps<TableCellActionsSlots> & {\n  /**\n   * When true, the actions are always visible regardless of row hover.\n   * Can be useful keeping the actions visible when a popout surface is opened.\n   */\n  visible?: boolean;\n};\n\n/**\n * State used in rendering TableCellActions\n */\nexport type TableCellActionsState = ComponentState<TableCellActionsSlots> &\n  Pick<Required<TableCellActionsProps>, 'visible'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAiBA;;CAEC"}

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

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

package/lib-commonjs/components/TableCellActions/renderTableCellActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableCellActions.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableCellActions\n */ export const renderTableCellActions_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTableCellActions_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,kCAAkC,CAACC;IAChDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTableCellActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableCellActionsState, TableCellActionsSlots } from './TableCellActions.types';\n\n/**\n * Render the final JSX of TableCellActions\n */\nexport const renderTableCellActions_unstable = (state: TableCellActionsState) => {\n  assertSlots<TableCellActionsSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderTableCellActions_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,kCAAkC,CAACC;IAC9CC,IAAAA,2BAAAA,EAAmCD;IAEnC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/TableCellActions/useTableCellActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */ export const useTableCellActions_unstable = (props, ref)=>{\n    var _props_visible;\n    return {\n        components: {\n            root: '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        visible: (_props_visible = props.visible) !== null && _props_visible !== void 0 ? _props_visible : false\n    };\n};\n"],"names":["useTableCellActions_unstable","props","ref","_props_visible","components","root","slot","always","getIntrinsicElementProps","elementType","visible"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,+BAA+B,CAACC,OAAOC;IACpD,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FN,KAAKA;YACL,GAAGD,KAAK;QACZ,IAAI;YACAQ,aAAa;QACjB;QACAC,SAAS,AAACP,CAAAA,iBAAiBF,MAAMS,OAAO,AAAD,MAAO,QAAQP,mBAAmB,KAAK,IAAIA,iBAAiB;IACvG;AACJ"}
+{"version":3,"sources":["useTableCellActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellActionsProps, TableCellActionsState } from './TableCellActions.types';\n\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */\nexport const useTableCellActions_unstable = (\n  props: TableCellActionsProps,\n  ref: React.Ref<HTMLElement>,\n): TableCellActionsState => {\n  return {\n    components: {\n      root: '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    visible: props.visible ?? false,\n  };\n};\n"],"names":["useTableCellActions_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType","visible"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gCACwB;AAYxC,MAAMA,+BAA+B,CAC1CC,OACAC;QAgBWD;IAdX,OAAO;QACLE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FL,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBC,SAASR,CAAAA,iBAAAA,MAAMQ,OAAO,AAAPA,MAAO,QAAbR,mBAAAA,KAAAA,IAAAA,iBAAiB;IAC5B;AACF"}

package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n  root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    De3pzq: \"f1u2r49w\",\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f10k790i\", \"f1xynx9j\"],\n    Bhzewxz: \"f1i1t8d1\",\n    Bz10aip: \"f188r07x\",\n    abs64n: \"fk73vx1\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"]\n  },\n  visible: {\n    abs64n: \"f5p0z4x\"\n  }\n}, {\n  d: [\".f1u2r49w{background-color:inherit;}\", \".f1euv43f{position:absolute;}\", \".f10k790i{right:0px;}\", \".f1xynx9j{left:0px;}\", \".f1i1t8d1{top:50%;}\", \".f188r07x{transform:translateY(-50%);}\", \".fk73vx1{opacity:0;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f5p0z4x{opacity:1;}\"]\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableCellActionsStyles.styles.js.map"],"names":["tableCellActionsClassNames","useTableCellActionsStyles_unstable","root","useStyles","__styles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,0BAA0B;eAA1BA;;IAyBAC,kCAAkC;eAAlCA;;;uBA1B0B;AAChC,MAAMD,6BAA6B;IACxCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,SAAS;QACPF,QAAQ;IACV;AACF,GAAG;IACDG,GAAG;QAAC;QAAwC;QAAiC;QAAyB;QAAwB;QAAuB;QAA0C;QAAwB;QAA+B;QAAiC;KAAuB;AAChT;AAIO,MAAMZ,qCAAqCa,CAAAA;IAChD;IAEA,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,2BAA2BE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAAEE,MAAMZ,IAAI,CAACc,SAAS;IACvI,OAAOF;AACT,GACA,4DAA4D"}
+{"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n    root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        backgroundColor: 'inherit',\n        position: 'absolute',\n        right: '0px',\n        top: '50%',\n        transform: 'translateY(-50%)',\n        opacity: 0,\n        marginLeft: 'auto'\n    },\n    visible: {\n        opacity: 1\n    }\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */ export const useTableCellActionsStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n    return state;\n};\n"],"names":["tableCellActionsClassNames","useTableCellActionsStyles_unstable","root","useStyles","__styles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,0BAA0B;eAA1BA;;IAqBIC,kCAAkC;eAAlCA;;;uBAtBwB;AAClC,MAAMD,6BAA6B;IACtCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,SAAA;QAAAF,QAAA;IAAA;AAAA,GAAA;IAAAG,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAgBX,MAAMZ,qCAAsCa,CAAAA;IACnD;IACA,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,2BAA2BE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAAEE,MAAMZ,IAAI,CAACc,SAAS;IACvI,OAAOF;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TableCellLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellLayout_unstable } from './useTableCellLayout';\nimport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nimport { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles';\nimport { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableCellLayout component\n */ export const TableCellLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTableCellLayout_unstable(props, ref);\n    useTableCellLayoutStyles_unstable(state);\n    useCustomStyleHook_unstable('useTableCellLayoutStyles_unstable')(state);\n    return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\nTableCellLayout.displayName = 'TableCellLayout';\n"],"names":["TableCellLayout","React","forwardRef","props","ref","state","useTableCellLayout_unstable","useTableCellLayoutStyles_unstable","useCustomStyleHook_unstable","renderTableCellLayout_unstable","useTableCellLayoutContextValues_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;oCACqB;uCACG;gDACG;iDACO;qCACb;AAGjC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ,OAAOK,IAAAA,yEAAwC,EAACL;AAC1F;AACAL,gBAAgBW,WAAW,GAAG"}
+{"version":3,"sources":["TableCellLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellLayout_unstable } from './useTableCellLayout';\nimport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nimport { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles';\nimport { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues';\nimport type { TableCellLayoutProps } from './TableCellLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellLayout component\n */\nexport const TableCellLayout: ForwardRefComponent<TableCellLayoutProps> = React.forwardRef((props, ref) => {\n  const state = useTableCellLayout_unstable(props, ref);\n\n  useTableCellLayoutStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableCellLayoutStyles_unstable')(state);\n\n  return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\n\nTableCellLayout.displayName = 'TableCellLayout';\n"],"names":["TableCellLayout","React","forwardRef","props","ref","state","useTableCellLayout_unstable","useTableCellLayoutStyles_unstable","useCustomStyleHook_unstable","renderTableCellLayout_unstable","useTableCellLayoutContextValues_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;oCACqB;uCACG;gDACG;iDACO;qCAGb;AAKrC,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAElCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IAEjE,OAAOI,IAAAA,qDAAAA,EAA+BJ,OAAOK,IAAAA,yEAAAA,EAAyCL;AACxF;AAEAL,gBAAgBW,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TableCellLayout.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AvatarSize } from '@fluentui/react-avatar';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableCellLayoutContextValues = {\n  avatar: {\n    size?: AvatarSize;\n  };\n};\n\nexport type TableCellLayoutSlots = {\n  root: Slot<'div'>;\n\n  /**\n   * Slot for an icon or other visual element\n   */\n  media: Slot<'span'>;\n\n  /**\n   * Main text for the table cell. Children of the root slot are automatically rendered here\n   */\n  main: Slot<'span'>;\n\n  /**\n   * Secondary text that describes or complements the main text\n   */\n  description: Slot<'span'>;\n\n  /**\n   * A layout wrapper for the main and description slots\n   */\n  content: Slot<'div'>;\n};\n\n/**\n * TableCellLayout Props\n */\nexport type TableCellLayoutProps = Omit<ComponentProps<Partial<TableCellLayoutSlots>>, 'content'> &\n  Pick<Partial<TableCellLayoutSlots>, 'content'> & {\n    /**\n     * Renders design variants of the table cell\n     * @default undefined\n     */\n    appearance?: 'primary';\n\n    /**\n     * Renders content with overflow: hidden and text-overflow: ellipsis\n     */\n    truncate?: boolean;\n  };\n\n/**\n * State used in rendering TableCellLayout\n */\nexport type TableCellLayoutState = ComponentState<TableCellLayoutSlots> &\n  Pick<TableCellLayoutProps, 'appearance' | 'truncate'> & { avatarSize: AvatarSize | undefined } & Pick<\n    TableContextValue,\n    'size'\n  >;\n"],"names":[],"rangeMappings":";;","mappings":"AAmDA;;CAEC"}

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

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

package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableCellLayout.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\n/**\n * Render the final JSX of TableCellLayout\n */ export const renderTableCellLayout_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.media && /*#__PURE__*/ _jsx(AvatarContextProvider, {\n                value: contextValues.avatar,\n                children: /*#__PURE__*/ _jsx(state.media, {})\n            }),\n            state.content && /*#__PURE__*/ _jsxs(state.content, {\n                children: [\n                    state.main && /*#__PURE__*/ _jsx(state.main, {\n                        children: state.root.children\n                    }),\n                    state.description && /*#__PURE__*/ _jsx(state.description, {})\n                ]\n            })\n        ]\n    });\n};\n"],"names":["renderTableCellLayout_unstable","state","contextValues","assertSlots","_jsxs","root","children","media","_jsx","AvatarContextProvider","value","avatar","content","main","description"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BAL4B;gCACjB;6BACU;AAG3B,MAAMA,iCAAiC,CAACC,OAAOC;IACtDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACH,MAAMI,IAAI,EAAE;QACnCC,UAAU;YACNL,MAAMM,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACC,kCAAqB,EAAE;gBACrDC,OAAOR,cAAcS,MAAM;gBAC3BL,UAAU,WAAW,GAAGE,IAAAA,eAAI,EAACP,MAAMM,KAAK,EAAE,CAAC;YAC/C;YACAN,MAAMW,OAAO,IAAI,WAAW,GAAGR,IAAAA,gBAAK,EAACH,MAAMW,OAAO,EAAE;gBAChDN,UAAU;oBACNL,MAAMY,IAAI,IAAI,WAAW,GAAGL,IAAAA,eAAI,EAACP,MAAMY,IAAI,EAAE;wBACzCP,UAAUL,MAAMI,IAAI,CAACC,QAAQ;oBACjC;oBACAL,MAAMa,WAAW,IAAI,WAAW,GAAGN,IAAAA,eAAI,EAACP,MAAMa,WAAW,EAAE,CAAC;iBAC/D;YACL;SACH;IACL;AACJ"}
+{"version":3,"sources":["renderTableCellLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport type { TableCellLayoutState, TableCellLayoutSlots, TableCellLayoutContextValues } from './TableCellLayout.types';\n\n/**\n * Render the final JSX of TableCellLayout\n */\nexport const renderTableCellLayout_unstable = (\n  state: TableCellLayoutState,\n  contextValues: TableCellLayoutContextValues,\n) => {\n  assertSlots<TableCellLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.media && (\n        <AvatarContextProvider value={contextValues.avatar}>\n          <state.media />\n        </AvatarContextProvider>\n      )}\n\n      {state.content && (\n        <state.content>\n          {state.main && <state.main>{state.root.children}</state.main>}\n          {state.description && <state.description />}\n        </state.content>\n      )}\n    </state.root>\n  );\n};\n"],"names":["renderTableCellLayout_unstable","state","contextValues","assertSlots","_jsxs","root","media","_jsx","AvatarContextProvider","value","avatar","content","main","children","description"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAC4B;6BACU;AAM/B,MAAMA,iCAAiC,CAC5CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAkCF;IAElC,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;YACRJ,MAAMK,KAAK,IAAA,WAAA,GACVC,IAAAA,eAAA,EAACC,kCAAAA,EAAAA;gBAAsBC,OAAOP,cAAcQ,MAAM;0BAChD,WAAA,GAAAH,IAAAA,eAAA,EAACN,MAAMK,KAAK,EAAA,CAAA;;YAIfL,MAAMU,OAAO,IAAA,WAAA,GACZP,IAAAA,gBAAA,EAACH,MAAMU,OAAO,EAAA;;oBACXV,MAAMW,IAAI,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACN,MAAMW,IAAI,EAAA;kCAAEX,MAAMI,IAAI,CAACQ,QAAQ;;oBAC9CZ,MAAMa,WAAW,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACN,MAAMa,WAAW,EAAA,CAAA;;;;;AAKlD"}

package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\nconst tableAvatarSizeMap = {\n    medium: 32,\n    small: 24,\n    'extra-small': 20\n};\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */ export const useTableCellLayout_unstable = (props, ref)=>{\n    const { size } = useTableContext();\n    return {\n        components: {\n            root: 'div',\n            main: 'span',\n            description: 'span',\n            content: 'div',\n            media: 'span'\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        appearance: props.appearance,\n        truncate: props.truncate,\n        main: slot.optional(props.main, {\n            renderByDefault: true,\n            elementType: 'span'\n        }),\n        media: slot.optional(props.media, {\n            elementType: 'span'\n        }),\n        description: slot.optional(props.description, {\n            elementType: 'span'\n        }),\n        content: slot.optional(props.content, {\n            renderByDefault: !!props.description || !!props.children,\n            elementType: 'div'\n        }),\n        avatarSize: tableAvatarSizeMap[size],\n        size\n    };\n};\n"],"names":["useTableCellLayout_unstable","tableAvatarSizeMap","medium","small","props","ref","size","useTableContext","components","root","main","description","content","media","slot","always","getIntrinsicElementProps","elementType","appearance","truncate","optional","renderByDefault","children","avatarSize"],"mappings":";;;;+BAgBiBA;;;eAAAA;;;;iEAhBM;gCACwB;8BACf;AAChC,MAAMC,qBAAqB;IACvBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACnB;AASW,MAAMH,8BAA8B,CAACI,OAAOC;IACnD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,6BAAe;IAChC,OAAO;QACHC,YAAY;YACRC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACX;QACAJ,MAAMK,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FX,KAAKA;YACL,GAAGD,KAAK;QACZ,IAAI;YACAa,aAAa;QACjB;QACAC,YAAYd,MAAMc,UAAU;QAC5BC,UAAUf,MAAMe,QAAQ;QACxBT,MAAMI,oBAAI,CAACM,QAAQ,CAAChB,MAAMM,IAAI,EAAE;YAC5BW,iBAAiB;YACjBJ,aAAa;QACjB;QACAJ,OAAOC,oBAAI,CAACM,QAAQ,CAAChB,MAAMS,KAAK,EAAE;YAC9BI,aAAa;QACjB;QACAN,aAAaG,oBAAI,CAACM,QAAQ,CAAChB,MAAMO,WAAW,EAAE;YAC1CM,aAAa;QACjB;QACAL,SAASE,oBAAI,CAACM,QAAQ,CAAChB,MAAMQ,OAAO,EAAE;YAClCS,iBAAiB,CAAC,CAACjB,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMkB,QAAQ;YACxDL,aAAa;QACjB;QACAM,YAAYtB,kBAAkB,CAACK,KAAK;QACpCA;IACJ;AACJ"}
+{"version":3,"sources":["useTableCellLayout.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableCellLayoutProps, TableCellLayoutState } from './TableCellLayout.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\nconst tableAvatarSizeMap = {\n  medium: 32,\n  small: 24,\n  'extra-small': 20,\n} as const;\n\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */\nexport const useTableCellLayout_unstable = (\n  props: TableCellLayoutProps,\n  ref: React.Ref<HTMLElement>,\n): TableCellLayoutState => {\n  const { size } = useTableContext();\n\n  return {\n    components: {\n      root: 'div',\n      main: 'span',\n      description: 'span',\n      content: 'div',\n      media: 'span',\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    appearance: props.appearance,\n    truncate: props.truncate,\n    main: slot.optional(props.main, { renderByDefault: true, elementType: 'span' }),\n    media: slot.optional(props.media, { elementType: 'span' }),\n    description: slot.optional(props.description, { elementType: 'span' }),\n    content: slot.optional(props.content, {\n      renderByDefault: !!props.description || !!props.children,\n      elementType: 'div',\n    }),\n    avatarSize: tableAvatarSizeMap[size],\n    size,\n  };\n};\n"],"names":["useTableCellLayout_unstable","tableAvatarSizeMap","medium","small","props","ref","size","useTableContext","components","root","main","description","content","media","slot","always","getIntrinsicElementProps","elementType","appearance","truncate","optional","renderByDefault","children","avatarSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBaA;;;eAAAA;;;;iEApBU;gCACwB;8BAEf;AAEhC,MAAMC,qBAAqB;IACzBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACjB;AAWO,MAAMH,8BAA8B,CACzCI,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,6BAAAA;IAEjB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACT;QACAJ,MAAMK,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FX,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBC,YAAYd,MAAMc,UAAU;QAC5BC,UAAUf,MAAMe,QAAQ;QACxBT,MAAMI,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMM,IAAI,EAAE;YAAEW,iBAAiB;YAAMJ,aAAa;QAAO;QAC7EJ,OAAOC,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMS,KAAK,EAAE;YAAEI,aAAa;QAAO;QACxDN,aAAaG,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMO,WAAW,EAAE;YAAEM,aAAa;QAAO;QACpEL,SAASE,oBAAAA,CAAKM,QAAQ,CAAChB,MAAMQ,OAAO,EAAE;YACpCS,iBAAiB,CAAC,CAACjB,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMkB,QAAQ;YACxDL,aAAa;QACf;QACAM,YAAYtB,kBAAkB,CAACK,KAAK;QACpCA;IACF;AACF"}

package/lib-commonjs/components/TableCellLayout/useTableCellLayoutContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellLayoutContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTableCellLayoutContextValues_unstable(state) {\n    const { avatarSize } = state;\n    const avatar = React.useMemo(()=>({\n            size: avatarSize\n        }), [\n        avatarSize\n    ]);\n    return {\n        avatar\n    };\n}\n"],"names":["useTableCellLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,yCAAyCC,KAAK;IAC1D,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAME,SAASC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC1BC,MAAMJ;QACV,CAAA,GAAI;QACJA;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useTableCellLayoutContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableCellLayoutState, TableCellLayoutContextValues } from './TableCellLayout.types';\n\nexport function useTableCellLayoutContextValues_unstable(state: TableCellLayoutState): TableCellLayoutContextValues {\n  const { avatarSize } = state;\n\n  const avatar = React.useMemo(\n    () => ({\n      size: avatarSize,\n    }),\n    [avatarSize],\n  );\n\n  return {\n    avatar,\n  };\n}\n"],"names":["useTableCellLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,yCAAyCC,KAA2B;IAClF,MAAM,EAAEC,UAAU,EAAE,GAAGD;IAEvB,MAAME,SAASC,OAAMC,OAAO,CAC1B,IAAO,CAAA;YACLC,MAAMJ;QACR,CAAA,GACA;QAACA;KAAW;IAGd,OAAO;QACLC;IACF;AACF"}

package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n  root: 'fui-TableCellLayout',\n  media: 'fui-TableCellLayout__media',\n  main: 'fui-TableCellLayout__main',\n  description: 'fui-TableCellLayout__description',\n  content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"faqewft\",\n    xawz: 0,\n    Bh6795r: 0,\n    Bnnss6s: 0,\n    fkmc3a: \"f1izfyrr\"\n  },\n  rootTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  content: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\"\n  },\n  contentTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  media: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  },\n  mediaExtraSmall: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  mediaSmallAndMedium: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  mediaPrimary: {\n    Be2twd7: \"f1rt2boy\"\n  },\n  mainPrimary: {\n    Bhrd7zp: \"fl43uef\"\n  },\n  mainTruncate: {\n    B68tc82: \"f1p9o1ba\",\n    Huce71: \"fz5stix\",\n    ygn44y: \"f1cmbuwj\"\n  },\n  description: {\n    sj55zd: \"fkfq4zb\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", [\".faqewft{gap:var(--spacingHorizontalS);}\", {\n    p: -1\n  }], [\".f1izfyrr{flex:1 1 0px;}\", {\n    p: -1\n  }], \".f1p9o1ba{overflow-x:hidden;}\", \".f1vx9l62{flex-direction:column;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fz5stix{white-space:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    truncate\n  } = state;\n  state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n  const primary = state.appearance === 'primary';\n  if (state.media) {\n    const mediaSizedStyles = {\n      small: styles.mediaSmallAndMedium,\n      medium: styles.mediaSmallAndMedium,\n      'extra-small': styles.mediaExtraSmall\n    };\n    state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n  }\n  if (state.main) {\n    state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n  }\n  if (state.content) {\n    state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableCellLayoutStyles.styles.js.map"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":"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"}
+{"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n    root: 'fui-TableCellLayout',\n    media: 'fui-TableCellLayout__media',\n    main: 'fui-TableCellLayout__main',\n    description: 'fui-TableCellLayout__description',\n    content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        gap: tokens.spacingHorizontalS,\n        flex: '1 1 0px'\n    },\n    rootTruncate: {\n        overflowX: 'hidden'\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column'\n    },\n    contentTruncate: {\n        overflowX: 'hidden'\n    },\n    media: {\n        display: 'flex',\n        alignItems: 'center'\n    },\n    mediaExtraSmall: {\n        fontSize: '16px'\n    },\n    mediaSmallAndMedium: {\n        fontSize: '20px'\n    },\n    mediaPrimary: {\n        fontSize: '24px'\n    },\n    mainPrimary: {\n        fontWeight: tokens.fontWeightSemibold\n    },\n    mainTruncate: {\n        overflowX: 'hidden',\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis'\n    },\n    description: {\n        color: tokens.colorNeutralForeground2,\n        ...typographyStyles.caption1\n    }\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */ export const useTableCellLayoutStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { truncate } = state;\n    state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n    const primary = state.appearance === 'primary';\n    if (state.media) {\n        const mediaSizedStyles = {\n            small: styles.mediaSmallAndMedium,\n            medium: styles.mediaSmallAndMedium,\n            'extra-small': styles.mediaExtraSmall\n        };\n        state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n    }\n    if (state.main) {\n        state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n    }\n    if (state.description) {\n        state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n    }\n    if (state.content) {\n        state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n    }\n    return state;\n};\n"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAsDIC,iCAAiC;eAAjCA;;;uBAzDwB;AAGlC,MAAMD,4BAA4B;IACrCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACb;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAN,MAAA;QAAAO,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;IAAA;IAAAb,SAAA;QAAAG,QAAA;QAAAW,SAAA;IAAA;IAAAC,iBAAA;QAAAF,SAAA;IAAA;IAAAhB,OAAA;QAAAM,QAAA;QAAAC,SAAA;IAAA;IAAAY,iBAAA;QAAAC,SAAA;IAAA;IAAAC,qBAAA;QAAAD,SAAA;IAAA;IAAAE,cAAA;QAAAF,SAAA;IAAA;IAAAG,aAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAT,SAAA;QAAAU,QAAA;QAAAC,QAAA;IAAA;IAAAzB,aAAA;QAAA0B,QAAA;QAAAC,SAAA;QAAAT,SAAA;QAAAI,SAAA;QAAAM,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA6CX,MAAMlC,oCAAqCmC,CAAAA;IAClD;IACA,MAAMC,SAAS9B;IACf,MAAM,EAAE+B,QAAAA,EAAU,GAAGF;IACrBA,MAAMlC,IAAI,CAACqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BE,IAAI,EAAEmC,OAAOnC,IAAI,EAAEoC,YAAYD,OAAOnB,YAAY,EAAEkB,MAAMlC,IAAI,CAACqC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAMjC,KAAK,EAAE;QACb,MAAMwC,mBAAmB;YACrBC,OAAOP,OAAOb,mBAAmB;YACjCqB,QAAQR,OAAOb,mBAAmB;YAClC,eAAea,OAAOf,eAAAA;QAC1B;QACAc,MAAMjC,KAAK,CAACoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BG,KAAK,EAAEkC,OAAOlC,KAAK,EAAEwC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOZ,YAAY,EAAEW,MAAMjC,KAAK,CAACoC,SAAS;IAC3K;IACA,IAAIH,MAAMhC,IAAI,EAAE;QACZgC,MAAMhC,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BI,IAAI,EAAEkC,YAAYD,OAAOT,YAAY,EAAEa,WAAWJ,OAAOX,WAAW,EAAEU,MAAMhC,IAAI,CAACmC,SAAS;IAC5J;IACA,IAAIH,MAAM/B,WAAW,EAAE;QACnB+B,MAAM/B,WAAW,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BK,WAAW,EAAEgC,OAAOhC,WAAW,EAAE+B,MAAM/B,WAAW,CAACkC,SAAS;IACrI;IACA,IAAIH,MAAM9B,OAAO,EAAE;QACf8B,MAAM9B,OAAO,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BM,OAAO,EAAE+B,OAAO/B,OAAO,EAAEgC,YAAYD,OAAOhB,eAAe,EAAEe,MAAM9B,OAAO,CAACiC,SAAS;IACzJ;IACA,OAAOH;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TableHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableHeader component\n */ export const TableHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTableHeader_unstable(props, ref);\n    useTableHeaderStyles_unstable(state);\n    useCustomStyleHook_unstable('useTableHeaderStyles_unstable')(state);\n    return renderTableHeader_unstable(state);\n});\nTableHeader.displayName = 'TableHeader';\n"],"names":["TableHeader","React","forwardRef","props","ref","state","useTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyleHook_unstable","renderTableHeader_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;gCACiB;mCACG;4CACG;qCACF;AAGjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC;AACAL,YAAYU,WAAW,GAAG"}
+{"version":3,"sources":["TableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles';\nimport type { TableHeaderProps } from './TableHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeader component\n */\nexport const TableHeader: ForwardRefComponent<TableHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeader_unstable(props, ref);\n\n  useTableHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableHeaderStyles_unstable')(state);\n\n  return renderTableHeader_unstable(state);\n});\n\nTableHeader.displayName = 'TableHeader';\n"],"names":["TableHeader","React","forwardRef","props","ref","state","useTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyleHook_unstable","renderTableHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCACiB;mCACG;4CACG;qCAGF;AAKrC,MAAMA,cAAAA,WAAAA,GAAqDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQC,IAAAA,uCAAAA,EAAwBH,OAAOC;IAE7CG,IAAAA,yDAAAA,EAA8BF;IAE9BG,IAAAA,gDAAAA,EAA4B,iCAAiCH;IAE7D,OAAOI,IAAAA,6CAAAA,EAA2BJ;AACpC;AAEAL,YAAYU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TableHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderSlots = {\n  root: Slot<'thead', 'div'>;\n};\n\n/**\n * TableHeader Props\n */\nexport type TableHeaderProps = ComponentProps<TableHeaderSlots> & {};\n\n/**\n * State used in rendering TableHeader\n */\nexport type TableHeaderState = ComponentState<TableHeaderSlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}

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

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

package/lib-commonjs/components/TableHeader/renderTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableHeader.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\n/**\n * Render the final JSX of TableHeader\n */ export const renderTableHeader_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(TableHeaderContextProvider, {\n        value: \"\",\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderTableHeader_unstable","state","assertSlots","_jsx","TableHeaderContextProvider","value","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;oCACe;AAGhC,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACC,8CAA0B,EAAE;QAClDC,OAAO;QACPC,UAAU,WAAW,GAAGH,IAAAA,eAAI,EAACF,MAAMM,IAAI,EAAE,CAAC;IAC9C;AACJ"}
+{"version":3,"sources":["renderTableHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\nimport type { TableHeaderState, TableHeaderSlots } from './TableHeader.types';\n\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = (state: TableHeaderState) => {\n  assertSlots<TableHeaderSlots>(state);\n\n  return (\n    <TableHeaderContextProvider value=\"\">\n      <state.root />\n    </TableHeaderContextProvider>\n  );\n};\n"],"names":["renderTableHeader_unstable","state","assertSlots","_jsx","TableHeaderContextProvider","value","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAC4B;oCACe;AAMpC,MAAMA,6BAA6B,CAACC;IACzCC,IAAAA,2BAAAA,EAA8BD;IAE9B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACC,8CAAAA,EAAAA;QAA2BC,OAAM;kBAChC,WAAA,GAAAF,IAAAA,eAAA,EAACF,MAAMK,IAAI,EAAA,CAAA;;AAGjB"}

package/lib-commonjs/components/TableHeader/useTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */ export const useTableHeader_unstable = (props, ref)=>{\n    const { noNativeElements } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'thead';\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: slot.always(getIntrinsicElementProps(rootComponent, {\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            role: rootComponent === 'div' ? 'rowgroup' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        noNativeElements\n    };\n};\n"],"names":["useTableHeader_unstable","props","ref","noNativeElements","useTableContext","_props_as","rootComponent","as","components","root","slot","always","getIntrinsicElementProps","role","undefined","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;8BACf;AASrB,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,IAAAA,6BAAe;IAC5C,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYJ,MAAMM,EAAE,AAAD,MAAO,QAAQF,cAAc,KAAK,IAAIA,YAAYF,gBAAe,IAAK,QAAQ;IACzH,OAAO;QACHK,YAAY;YACRC,MAAMH;QACV;QACAG,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAACN,eAAe;YACtD,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FJ,KAAKA;YACLW,MAAMP,kBAAkB,QAAQ,aAAaQ;YAC7C,GAAGb,KAAK;QACZ,IAAI;YACAc,aAAaT;QACjB;QACAH;IACJ;AACJ"}
+{"version":3,"sources":["useTableHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TableHeaderProps, TableHeaderState } from './TableHeader.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props: TableHeaderProps, ref: React.Ref<HTMLElement>): TableHeaderState => {\n  const { noNativeElements } = useTableContext();\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'thead';\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: slot.always(\n      getIntrinsicElementProps(rootComponent, {\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        role: rootComponent === 'div' ? 'rowgroup' : undefined,\n        ...props,\n      }),\n      { elementType: rootComponent },\n    ),\n    noNativeElements,\n  };\n};\n"],"names":["useTableHeader_unstable","props","ref","noNativeElements","useTableContext","rootComponent","as","components","root","slot","always","getIntrinsicElementProps","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;8BAEf;AAWzB,MAAMA,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,IAAAA,6BAAAA;QAEPH;IAAtB,MAAMI,gBAAgBJ,CAAAA,CAAAA,YAAAA,MAAMK,EAAE,AAAFA,MAAE,QAARL,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,IAAmB,QAAQ;IAC7D,OAAO;QACLI,YAAY;YACVC,MAAMH;QACR;QACAG,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyBN,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FH,KAAKA;YACLU,MAAMP,kBAAkB,QAAQ,aAAaQ;YAC7C,GAAGZ,KAAK;QACV,IACA;YAAEa,aAAaT;QAAc;QAE/BF;IACF;AACF"}

package/lib-commonjs/components/TableHeader/useTableHeaderStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses, __styles } from '@griffel/react';\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames = {\n  root: 'fui-TableHeader'\n};\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftgm304\"\n  }\n}, {\n  d: [\".ftgm304{display:block;}\"]\n});\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f1tp1avn\"\n  }\n}, {\n  d: [\".f1tp1avn{display:table-row-group;}\"]\n});\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = state => {\n  'use no memo';\n\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableHeaderStyles.styles.js.map"],"names":["tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable","root","useFlexLayoutStyles","__styles","mc9l5x","d","useTableLayoutStyles","state","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"mappings":";;;;;;;;;;;IACaA,oBAAoB;eAApBA;;IACAC,qBAAqB;eAArBA;;IAoBAC,6BAA6B;eAA7BA;;;uBAtB0B;AAChC,MAAMF,uBAAuB;AAC7B,MAAMC,wBAAwB;IACnCE,MAAM;AACR;AACA,MAAMC,sBAAsB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAA2B;AACjC;AACA,MAAMC,uBAAuB,WAAW,GAAEH,IAAAA,eAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAsC;AAC5C;AAIO,MAAML,gCAAgCO,CAAAA;IAC3C;IAEA,MAAMC,eAAe;QACnBC,OAAOH;QACPI,MAAMR;IACR;IACAK,MAAMN,IAAI,CAACU,SAAS,GAAGC,IAAAA,mBAAY,EAACd,sBAAsBS,MAAMM,gBAAgB,GAAGL,aAAaE,IAAI,CAACT,IAAI,GAAGO,aAAaC,KAAK,CAACR,IAAI,EAAEM,MAAMN,IAAI,CAACU,SAAS;IACzJ,OAAOJ;AACT,GACA,uDAAuD"}
+{"version":3,"sources":["useTableHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames = {\n    root: 'fui-TableHeader'\n};\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'block'\n    }\n});\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-row-group'\n    }\n});\n/**\n * Apply styling to the TableHeader slots based on the state\n */ export const useTableHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    return state;\n};\n"],"names":["tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable","root","useFlexLayoutStyles","__styles","mc9l5x","d","useTableLayoutStyles","state","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,oBAAoB;eAApBA;;IACAC,qBAAqB;eAArBA;;IAeIC,6BAA6B;eAA7BA;;;uBAjBwB;AAClC,MAAMF,uBAAuB;AAC7B,MAAMC,wBAAwB;IACjCE,MAAM;AACV;AACA,MAAMC,sBAAmB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAK5B,MAAMC,uBAAoB,WAAA,GAAGH,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAOlB,MAAML,gCAAiCO,CAAAA;IAC9C;IACA,MAAMC,eAAe;QACjBC,OAAOH;QACPI,MAAMR;IACV;IACAK,MAAMN,IAAI,CAACU,SAAS,GAAGC,IAAAA,mBAAY,EAACd,sBAAsBS,MAAMM,gBAAgB,GAAGL,aAAaE,IAAI,CAACT,IAAI,GAAGO,aAAaC,KAAK,CAACR,IAAI,EAAEM,MAAMN,IAAI,CAACU,SAAS;IACzJ,OAAOJ;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableHeaderCell component\n */ export const TableHeaderCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTableHeaderCell_unstable(props, ref);\n    useTableHeaderCellStyles_unstable(state);\n    useCustomStyleHook_unstable('useTableHeaderCellStyles_unstable')(state);\n    return renderTableHeaderCell_unstable(state);\n});\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"names":["TableHeaderCell","React","forwardRef","props","ref","state","useTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyleHook_unstable","renderTableHeaderCell_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;oCACqB;uCACG;gDACG;qCACN;AAGjC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}
+{"version":3,"sources":["TableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeaderCell_unstable(props, ref);\n\n  useTableHeaderCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableHeaderCellStyles_unstable')(state);\n\n  return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"names":["TableHeaderCell","React","forwardRef","props","ref","state","useTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyleHook_unstable","renderTableHeaderCell_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;oCACqB;uCACG;gDACG;qCAGN;AAKrC,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAElCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IAEjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TableHeaderCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { SortDirection, TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderCellSlots = {\n  root: Slot<'th', 'div'>;\n\n  sortIcon: Slot<'span'>;\n\n  /**\n   * Button handles correct narration and interactions for sorting;\n   */\n  button: NonNullable<Slot<ARIAButtonSlotProps>>;\n  /**\n   * aside content for anything that should be after main content of the table header cell\n   */\n  aside: Slot<'span'>;\n};\n\n/**\n * TableHeaderCell Props\n */\nexport type TableHeaderCellProps = ComponentProps<Partial<TableHeaderCellSlots>> & {\n  /**\n   * Whether the column is sortable\n   * @default false\n   */\n  sortable?: boolean;\n  /**\n   * @default undefined\n   */\n  sortDirection?: SortDirection;\n};\n\n/**\n * State used in rendering TableHeaderCell\n */\nexport type TableHeaderCellState = ComponentState<TableHeaderCellSlots> &\n  Pick<TableContextValue, 'noNativeElements'> &\n  Pick<TableHeaderCellProps, 'sortable'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAkCA;;CAEC"}

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

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

package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableHeaderCell.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 TableHeaderCell\n */ export const renderTableHeaderCell_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            /*#__PURE__*/ _jsxs(state.button, {\n                children: [\n                    state.root.children,\n                    state.sortIcon && /*#__PURE__*/ _jsx(state.sortIcon, {})\n                ]\n            }),\n            state.aside && /*#__PURE__*/ _jsx(state.aside, {})\n        ]\n    });\n};\n"],"names":["renderTableHeaderCell_unstable","state","assertSlots","_jsxs","root","children","button","sortIcon","_jsx","aside"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGF,IAAAA,gBAAK,EAACF,MAAMK,MAAM,EAAE;gBAC9BD,UAAU;oBACNJ,MAAMG,IAAI,CAACC,QAAQ;oBACnBJ,MAAMM,QAAQ,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMM,QAAQ,EAAE,CAAC;iBACzD;YACL;YACAN,MAAMQ,KAAK,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACP,MAAMQ,KAAK,EAAE,CAAC;SACnD;IACL;AACJ"}
+{"version":3,"sources":["renderTableHeaderCell.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableHeaderCellState, TableHeaderCellSlots } from './TableHeaderCell.types';\n\n/**\n * Render the final JSX of TableHeaderCell\n */\nexport const renderTableHeaderCell_unstable = (state: TableHeaderCellState) => {\n  assertSlots<TableHeaderCellSlots>(state);\n\n  return (\n    <state.root>\n      <state.button>\n        {state.root.children}\n        {state.sortIcon && <state.sortIcon />}\n      </state.button>\n      {state.aside && <state.aside />}\n    </state.root>\n  );\n};\n"],"names":["renderTableHeaderCell_unstable","state","assertSlots","_jsxs","root","button","children","sortIcon","_jsx","aside"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTD,IAAAA,gBAAA,EAACF,MAAMI,MAAM,EAAA;;oBACVJ,MAAMG,IAAI,CAACE,QAAQ;oBACnBL,MAAMM,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACP,MAAMM,QAAQ,EAAA,CAAA;;;YAEnCN,MAAMQ,KAAK,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACP,MAAMQ,KAAK,EAAA,CAAA;;;AAGlC"}

package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useTableContext } from '../../contexts/tableContext';\nconst sortIcons = {\n    ascending: /*#__PURE__*/ React.createElement(ArrowUpRegular, {\n        fontSize: 12\n    }),\n    descending: /*#__PURE__*/ React.createElement(ArrowDownRegular, {\n        fontSize: 12\n    })\n};\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */ export const useTableHeaderCell_unstable = (props, ref)=>{\n    const { noNativeElements, sortable: contextSortable } = useTableContext();\n    const { sortable = contextSortable } = props;\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'th';\n    const buttonSlot = slot.always(props.button, {\n        elementType: 'div',\n        defaultProps: {\n            as: 'div',\n            ...!sortable && {\n                role: 'presentation',\n                tabIndex: undefined\n            }\n        }\n    });\n    var _props_sortDirection;\n    return {\n        components: {\n            root: rootComponent,\n            button: 'div',\n            sortIcon: 'span',\n            aside: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps(rootComponent, {\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: useMergedRefs(ref, useFocusWithin()),\n            role: rootComponent === 'div' ? 'columnheader' : undefined,\n            'aria-sort': sortable ? (_props_sortDirection = props.sortDirection) !== null && _props_sortDirection !== void 0 ? _props_sortDirection : 'none' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        aside: slot.optional(props.aside, {\n            elementType: 'span'\n        }),\n        sortIcon: slot.optional(props.sortIcon, {\n            renderByDefault: !!props.sortDirection,\n            defaultProps: {\n                children: props.sortDirection ? sortIcons[props.sortDirection] : undefined\n            },\n            elementType: 'span'\n        }),\n        button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n        sortable,\n        noNativeElements\n    };\n};\n"],"names":["useTableHeaderCell_unstable","sortIcons","ascending","React","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","props","ref","noNativeElements","sortable","contextSortable","useTableContext","_props_as","rootComponent","as","buttonSlot","slot","always","button","elementType","defaultProps","role","tabIndex","undefined","_props_sortDirection","components","root","sortIcon","aside","getIntrinsicElementProps","useMergedRefs","useFocusWithin","sortDirection","optional","renderByDefault","children","useARIAButtonProps"],"mappings":";;;;+BAsBiBA;;;eAAAA;;;;iEAtBM;gCACuC;8BAC/B;4BACkB;2BACd;8BACH;AAChC,MAAMC,YAAY;IACdC,WAAW,WAAW,GAAGC,OAAMC,aAAa,CAACC,0BAAc,EAAE;QACzDC,UAAU;IACd;IACAC,YAAY,WAAW,GAAGJ,OAAMC,aAAa,CAACI,4BAAgB,EAAE;QAC5DF,UAAU;IACd;AACJ;AASW,MAAMN,8BAA8B,CAACS,OAAOC;IACnD,MAAM,EAAEC,gBAAgB,EAAEC,UAAUC,eAAe,EAAE,GAAGC,IAAAA,6BAAe;IACvE,MAAM,EAAEF,WAAWC,eAAe,EAAE,GAAGJ;IACvC,IAAIM;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYN,MAAMQ,EAAE,AAAD,MAAO,QAAQF,cAAc,KAAK,IAAIA,YAAYJ,gBAAe,IAAK,QAAQ;IACzH,MAAMO,aAAaC,oBAAI,CAACC,MAAM,CAACX,MAAMY,MAAM,EAAE;QACzCC,aAAa;QACbC,cAAc;YACVN,IAAI;YACJ,GAAG,CAACL,YAAY;gBACZY,MAAM;gBACNC,UAAUC;YACd,CAAC;QACL;IACJ;IACA,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAMb;YACNK,QAAQ;YACRS,UAAU;YACVC,OAAO;QACX;QACAF,MAAMV,oBAAI,CAACC,MAAM,CAACY,IAAAA,wCAAwB,EAAChB,eAAe;YACtD,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FN,KAAKuB,IAAAA,6BAAa,EAACvB,KAAKwB,IAAAA,4BAAc;YACtCV,MAAMR,kBAAkB,QAAQ,iBAAiBU;YACjD,aAAad,WAAW,AAACe,CAAAA,uBAAuBlB,MAAM0B,aAAa,AAAD,MAAO,QAAQR,yBAAyB,KAAK,IAAIA,uBAAuB,SAASD;YACnJ,GAAGjB,KAAK;QACZ,IAAI;YACAa,aAAaN;QACjB;QACAe,OAAOZ,oBAAI,CAACiB,QAAQ,CAAC3B,MAAMsB,KAAK,EAAE;YAC9BT,aAAa;QACjB;QACAQ,UAAUX,oBAAI,CAACiB,QAAQ,CAAC3B,MAAMqB,QAAQ,EAAE;YACpCO,iBAAiB,CAAC,CAAC5B,MAAM0B,aAAa;YACtCZ,cAAc;gBACVe,UAAU7B,MAAM0B,aAAa,GAAGlC,SAAS,CAACQ,MAAM0B,aAAa,CAAC,GAAGT;YACrE;YACAJ,aAAa;QACjB;QACAD,QAAQkB,IAAAA,6BAAkB,EAACrB,WAAWD,EAAE,EAAEC;QAC1CN;QACAD;IACJ;AACJ"}
+{"version":3,"sources":["useTableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\nconst sortIcons = {\n  ascending: <ArrowUpRegular fontSize={12} />,\n  descending: <ArrowDownRegular fontSize={12} />,\n};\n\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */\nexport const useTableHeaderCell_unstable = (\n  props: TableHeaderCellProps,\n  ref: React.Ref<HTMLElement>,\n): TableHeaderCellState => {\n  const { noNativeElements, sortable: contextSortable } = useTableContext();\n  const { sortable = contextSortable } = props;\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'th';\n\n  const buttonSlot = slot.always<ARIAButtonSlotProps>(props.button, {\n    elementType: 'div',\n    defaultProps: {\n      as: 'div',\n      ...(!sortable && {\n        role: 'presentation',\n        tabIndex: undefined,\n      }),\n    },\n  });\n\n  return {\n    components: {\n      root: rootComponent,\n      button: 'div',\n      sortIcon: 'span',\n      aside: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps(rootComponent, {\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: useMergedRefs(ref, useFocusWithin()) as React.Ref<HTMLDivElement>,\n        role: rootComponent === 'div' ? 'columnheader' : undefined,\n        'aria-sort': sortable ? props.sortDirection ?? 'none' : undefined,\n        ...props,\n      } as const),\n      { elementType: rootComponent },\n    ),\n    aside: slot.optional(props.aside, { elementType: 'span' }),\n    sortIcon: slot.optional(props.sortIcon, {\n      renderByDefault: !!props.sortDirection,\n      defaultProps: { children: props.sortDirection ? sortIcons[props.sortDirection] : undefined },\n      elementType: 'span',\n    }),\n    button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n    sortable,\n    noNativeElements,\n  };\n};\n"],"names":["useTableHeaderCell_unstable","sortIcons","ascending","React","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","props","ref","noNativeElements","sortable","contextSortable","useTableContext","rootComponent","as","buttonSlot","slot","always","button","elementType","defaultProps","role","tabIndex","undefined","components","root","sortIcon","aside","getIntrinsicElementProps","useMergedRefs","useFocusWithin","sortDirection","optional","renderByDefault","children","useARIAButtonProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;gCACuC;8BAC/B;4BACkB;2BACO;8BAExB;AAEhC,MAAMC,YAAY;IAChBC,WAAAA,WAAAA,GAAWC,OAAAC,aAAA,CAACC,0BAAAA,EAAAA;QAAeC,UAAU;;IACrCC,YAAAA,WAAAA,GAAYJ,OAAAC,aAAA,CAACI,4BAAAA,EAAAA;QAAiBF,UAAU;;AAC1C;AAWO,MAAMN,8BAA8B,CACzCS,OACAC;IAEA,MAAM,EAAEC,gBAAgB,EAAEC,UAAUC,eAAe,EAAE,GAAGC,IAAAA,6BAAAA;IACxD,MAAM,EAAEF,WAAWC,eAAe,EAAE,GAAGJ;QAEjBA;IAAtB,MAAMM,gBAAgBN,CAAAA,CAAAA,YAAAA,MAAMO,EAAE,AAAFA,MAAE,QAARP,cAAAA,KAAAA,IAAAA,YAAYE,gBAAAA,IAAmB,QAAQ;IAE7D,MAAMM,aAAaC,oBAAAA,CAAKC,MAAM,CAAsBV,MAAMW,MAAM,EAAE;QAChEC,aAAa;QACbC,cAAc;YACZN,IAAI;YACJ,GAAI,CAACJ,YAAY;gBACfW,MAAM;gBACNC,UAAUC;YACZ,CAAC;QACH;IACF;QAgB8BhB;IAd9B,OAAO;QACLiB,YAAY;YACVC,MAAMZ;YACNK,QAAQ;YACRQ,UAAU;YACVC,OAAO;QACT;QACAF,MAAMT,oBAAAA,CAAKC,MAAM,CACfW,IAAAA,wCAAAA,EAAyBf,eAAe;YACtC,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FL,KAAKqB,IAAAA,6BAAAA,EAAcrB,KAAKsB,IAAAA,4BAAAA;YACxBT,MAAMR,kBAAkB,QAAQ,iBAAiBU;YACjD,aAAab,WAAWH,CAAAA,uBAAAA,MAAMwB,aAAa,AAAbA,MAAa,QAAnBxB,yBAAAA,KAAAA,IAAAA,uBAAuB,SAASgB;YACxD,GAAGhB,KAAK;QACV,IACA;YAAEY,aAAaN;QAAc;QAE/Bc,OAAOX,oBAAAA,CAAKgB,QAAQ,CAACzB,MAAMoB,KAAK,EAAE;YAAER,aAAa;QAAO;QACxDO,UAAUV,oBAAAA,CAAKgB,QAAQ,CAACzB,MAAMmB,QAAQ,EAAE;YACtCO,iBAAiB,CAAC,CAAC1B,MAAMwB,aAAa;YACtCX,cAAc;gBAAEc,UAAU3B,MAAMwB,aAAa,GAAGhC,SAAS,CAACQ,MAAMwB,aAAa,CAAC,GAAGR;YAAU;YAC3FJ,aAAa;QACf;QACAD,QAAQiB,IAAAA,6BAAAA,EAAmBpB,WAAWD,EAAE,EAAEC;QAC1CL;QACAD;IACF;AACF"}

package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n  root: 'fui-TableHeaderCell',\n  button: 'fui-TableHeaderCell__button',\n  sortIcon: 'fui-TableHeaderCell__sortIcon',\n  aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    ha4doy: \"fmrv4ls\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    xawz: 0,\n    Bh6795r: 0,\n    Bnnss6s: 0,\n    fkmc3a: \"f1izfyrr\",\n    Bf4jedk: \"f10tiqix\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", [\".f1izfyrr{flex:1 1 0px;}\", {\n    p: -1\n  }], \".f10tiqix{min-width:0px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bhrd7zp: \"figsok6\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f3gpkru\",\n    robkg1: 0,\n    Bmvh20x: 0,\n    B3nxjsc: 0,\n    Bmkhcsx: \"f14ym4q2\",\n    B8osjzx: 0,\n    pehzd3: 0,\n    Blsv9te: 0,\n    u7xebq: 0,\n    Bsvwmf7: \"f1euou18\",\n    qhf8xq: \"f10pi13n\"\n  },\n  rootInteractive: {\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\"\n  },\n  resetButton: {\n    B3rzk8w: \"fq6nmtn\",\n    B7ck84d: \"f1e4lqlz\",\n    De3pzq: \"f1u2r49w\",\n    sj55zd: \"f1ym3bx4\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fjoy568\",\n    Bg96gwp: \"fytdu2e\",\n    B68tc82: 0,\n    Bmxbyg5: 0,\n    Bpg54ce: \"f1gl81tg\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1mk8lai\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    fsow6f: \"fgusgyc\"\n  },\n  button: {\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\",\n    mc9l5x: \"f22iagw\",\n    Bh6795r: 0,\n    Bqenvij: \"f1l02sjl\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"fkln5zr\",\n    sshi5w: \"f1nxs5xn\",\n    xawz: 0,\n    Bnnss6s: 0,\n    fkmc3a: \"f1izfyrr\",\n    oeaueh: \"f1s6fcnf\"\n  },\n  sortable: {\n    Bceei9c: \"f1k6fduh\"\n  },\n  sortIcon: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z8tnut: \"fclwglc\"\n  },\n  resizeHandle: {}\n}, {\n  d: [\".figsok6{font-weight:var(--fontWeightRegular);}\", [\".f3gpkru{padding:0px var(--spacingHorizontalS);}\", {\n    p: -1\n  }], [\".f14ym4q2[data-fui-focus-within]:focus-within{outline:2px solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f1euou18[data-fui-focus-within]:focus-within{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f10pi13n{position:relative;}\", \".fq6nmtn{resize:horizontal;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", [\".f1gl81tg{overflow:visible;}\", {\n    p: -1\n  }], [\".f1mk8lai{padding:0;}\", {\n    p: -1\n  }], [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], \".fgusgyc{text-align:unset;}\", \".fly5x3f{width:100%;}\", \".f22iagw{display:flex;}\", \".fqerorx{flex-grow:1;}\", \".f1l02sjl{height:100%;}\", \".f122n59{align-items:center;}\", [\".fkln5zr{gap:var(--spacingHorizontalXS);}\", {\n    p: -1\n  }], \".f1nxs5xn{min-height:32px;}\", [\".f1izfyrr{flex:1 1 0px;}\", {\n    p: -1\n  }], \".f1s6fcnf{outline-style:none;}\", \".f1k6fduh{cursor:pointer;}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\"],\n  h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\"],\n  a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport const useTableHeaderCellStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n  state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableHeaderCellStyles.styles.js.map"],"names":["tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","root","button","sortIcon","aside","useTableLayoutStyles","__styles","mc9l5x","ha4doy","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","p","useStyles","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","robkg1","Bmvh20x","B3nxjsc","Bmkhcsx","B8osjzx","pehzd3","Blsv9te","u7xebq","Bsvwmf7","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","rmohyg","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"mappings":"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"}
+{"version":3,"sources":["useTableHeaderCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n    root: 'fui-TableHeaderCell',\n    button: 'fui-TableHeaderCell__button',\n    sortIcon: 'fui-TableHeaderCell__sortIcon',\n    aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-cell',\n        verticalAlign: 'middle'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flex: '1 1 0px',\n        minWidth: '0px'\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        fontWeight: tokens.fontWeightRegular,\n        padding: `0px ${tokens.spacingHorizontalS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `2px solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium\n        }, {\n            selector: 'focus-within'\n        }),\n        position: 'relative'\n    },\n    rootInteractive: {\n        ':hover': {\n            backgroundColor: tokens.colorSubtleBackgroundHover\n        },\n        ':active': {\n            backgroundColor: tokens.colorSubtleBackgroundPressed\n        }\n    },\n    resetButton: {\n        resize: 'horizontal',\n        boxSizing: 'content-box',\n        backgroundColor: 'inherit',\n        color: 'inherit',\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        lineHeight: 'normal',\n        overflow: 'visible',\n        padding: '0',\n        border: 'none',\n        textAlign: 'unset'\n    },\n    button: {\n        position: 'relative',\n        width: '100%',\n        display: 'flex',\n        flexGrow: 1,\n        height: '100%',\n        alignItems: 'center',\n        gap: tokens.spacingHorizontalXS,\n        minHeight: '32px',\n        flex: '1 1 0px',\n        outlineStyle: 'none'\n    },\n    sortable: {\n        cursor: 'pointer'\n    },\n    sortIcon: {\n        display: 'flex',\n        alignItems: 'center',\n        paddingTop: tokens.spacingVerticalXXS\n    },\n    resizeHandle: {}\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */ export const useTableHeaderCellStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n    if (state.sortIcon) {\n        state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n    }\n    if (state.aside) {\n        state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n    }\n    return state;\n};\n"],"names":["tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","root","button","sortIcon","aside","useTableLayoutStyles","__styles","mc9l5x","ha4doy","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","p","useStyles","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","robkg1","Bmvh20x","B3nxjsc","Bmkhcsx","B8osjzx","pehzd3","Blsv9te","u7xebq","Bsvwmf7","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","rmohyg","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TableResizeHandle.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableResizeHandle component - TODO: add more docs\n */ export const TableResizeHandle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTableResizeHandle_unstable(props, ref);\n    useTableResizeHandleStyles_unstable(state);\n    useCustomStyleHook_unstable('useTableResizeHandleStyles_unstable')(state);\n    return renderTableResizeHandle_unstable(state);\n});\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"names":["TableResizeHandle","React","forwardRef","props","ref","state","useTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyleHook_unstable","renderTableResizeHandle_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;sCACuB;yCACG;kDACG;qCACR;AAGjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}
+{"version":3,"sources":["TableResizeHandle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n  const state = useTableResizeHandle_unstable(props, ref);\n\n  useTableResizeHandleStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableResizeHandleStyles_unstable')(state);\n\n  return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"names":["TableResizeHandle","React","forwardRef","props","ref","state","useTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyleHook_unstable","renderTableResizeHandle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;sCACuB;yCACG;kDACG;qCAGR;AAKrC,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IAEnDG,IAAAA,qEAAAA,EAAoCF;IAEpCG,IAAAA,gDAAAA,EAA4B,uCAAuCH;IAEnE,OAAOI,IAAAA,yDAAAA,EAAiCJ;AAC1C;AAEAL,kBAAkBU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TableResizeHandle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableResizeHandleSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * TableResizeHandle Props\n */\nexport type TableResizeHandleProps = ComponentProps<TableResizeHandleSlots> & {};\n\n/**\n * State used in rendering TableResizeHandle\n */\nexport type TableResizeHandleState = ComponentState<TableResizeHandleSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}

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

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

package/lib-commonjs/components/TableResizeHandle/renderTableResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableResizeHandle.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableResizeHandle\n */ export const renderTableResizeHandle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTableResizeHandle_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,mCAAmC,CAACC;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTableResizeHandle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableResizeHandleState, TableResizeHandleSlots } from './TableResizeHandle.types';\n\n/**\n * Render the final JSX of TableResizeHandle\n */\nexport const renderTableResizeHandle_unstable = (state: TableResizeHandleState) => {\n  assertSlots<TableResizeHandleSlots>(state);\n  return <state.root />;\n};\n"],"names":["renderTableResizeHandle_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,mCAAmC,CAACC;IAC/CC,IAAAA,2BAAAA,EAAoCD;IACpC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/TableResizeHandle/useTableResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableResizeHandle.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */ export const useTableResizeHandle_unstable = (props, ref)=>{\n    const onClick = useEventCallback((event)=>{\n        var _props_onClick;\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);\n        event.stopPropagation();\n    });\n    return {\n        components: {\n            root: '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            onClick\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useTableResizeHandle_unstable","props","ref","onClick","useEventCallback","event","_props_onClick","call","stopPropagation","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCAC0C;AAStD,MAAMA,gCAAgC,CAACC,OAAOC;IACrD,MAAMC,UAAUC,IAAAA,gCAAgB,EAAC,CAACC;QAC9B,IAAIC;QACHA,CAAAA,iBAAiBL,MAAME,OAAO,AAAD,MAAO,QAAQG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAACN,OAAOI;QAC7GA,MAAMG,eAAe;IACzB;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FX,KAAKA;YACL,GAAGD,KAAK;YACRE;QACJ,IAAI;YACAW,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useTableResizeHandle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TableResizeHandleProps, TableResizeHandleState } from './TableResizeHandle.types';\n\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */\nexport const useTableResizeHandle_unstable = (\n  props: TableResizeHandleProps,\n  ref: React.Ref<HTMLElement>,\n): TableResizeHandleState => {\n  const onClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    props.onClick?.(event);\n    event.stopPropagation();\n  });\n  return {\n    components: {\n      root: '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        onClick,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useTableResizeHandle_unstable","props","ref","onClick","useEventCallback","event","stopPropagation","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gCAC0C;AAY1D,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAMC,UAAUC,IAAAA,gCAAAA,EAAiB,CAACC;YAChCJ;QAAAA,CAAAA,iBAAAA,MAAME,OAAO,AAAPA,MAAO,QAAbF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA,OAAgBI;QAChBA,MAAMC,eAAe;IACvB;IACA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FT,KAAKA;YACL,GAAGD,KAAK;YACRE;QACF,IACA;YAAES,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n  root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    Bhzewxz: \"f15twtuk\",\n    B5kzvoi: \"f1yab3r1\",\n    a9b677: \"fjw5fx7\",\n    jrapky: 0,\n    Frg6f3: 0,\n    t21cq0: 0,\n    B6of3ja: 0,\n    B74szlk: \"fg06o1j\",\n    Bceei9c: \"fc3en1c\",\n    abs64n: \"fk73vx1\",\n    Bmy1vo4: \"f13u1uyl\",\n    B3o57yi: \"fezquic\",\n    Bj3rh1h: \"f19g0ac\",\n    B3cna0y: \"f1tkae59\",\n    Brovlpu: \"ftqa4ok\",\n    B7zu5sd: \"f15pjodv\",\n    Bs6t6z0: \"ftgrb5f\",\n    Fdvyjd: \"f2df6js\",\n    Biobvvw: \"fshsryb\",\n    Hdbjpj: \"f11ef69\",\n    jc51t6: [\"f12lb1dx\", \"f13tbxeo\"],\n    u6d25: \"fu4ulse\",\n    Bj55yzk: \"fw2wsqs\",\n    Bkbwdz4: \"f1swzn7y\"\n  }\n}, {\n  d: [\".f1euv43f{position:absolute;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f15twtuk{top:0;}\", \".f1yab3r1{bottom:0;}\", \".fjw5fx7{width:16px;}\", [\".fg06o1j{margin:0 -8px;}\", {\n    p: -1\n  }], \".fc3en1c{cursor:col-resize;}\", \".fk73vx1{opacity:0;}\", \".f13u1uyl{transition-property:opacity;}\", \".fezquic{transition-duration:.2s;}\", \".f19g0ac{z-index:1;}\", \".ftgrb5f:after{content:\\\" \\\";}\", \".f2df6js:after{display:block;}\", \".fshsryb:after{width:1px;}\", \".f11ef69:after{position:absolute;}\", \".f12lb1dx:after{left:50%;}\", \".f13tbxeo:after{right:50%;}\", \".fu4ulse:after{top:0;}\", \".fw2wsqs:after{bottom:0;}\", \".f1swzn7y:after{background-color:var(--colorNeutralStroke1);}\"],\n  f: [\".f1tkae59:focus{opacity:1;}\", \".ftqa4ok:focus{outline-style:none;}\"],\n  h: [\".f15pjodv:hover{opacity:1;}\"]\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */\nexport const useTableResizeHandleStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableResizeHandleStyles.styles.js.map"],"names":["tableResizeHandleClassNames","useTableResizeHandleStyles_unstable","root","useStyles","__styles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bs6t6z0","Fdvyjd","Biobvvw","Hdbjpj","jc51t6","u6d25","Bj55yzk","Bkbwdz4","d","p","f","h","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IA6CAC,mCAAmC;eAAnCA;;;uBA/C0B;AAEhC,MAAMD,8BAA8B;IACzCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,OAAO;QACPC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAuB;QAAsB;QAAqB;QAAwB;QAAyB;YAAC;YAA4B;gBACnLC,GAAG,CAAC;YACN;SAAE;QAAE;QAAgC;QAAwB;QAA2C;QAAsC;QAAwB;QAAkC;QAAkC;QAA8B;QAAsC;QAA8B;QAA+B;QAA0B;QAA6B;KAAgE;IACjeC,GAAG;QAAC;QAA+B;KAAsC;IACzEC,GAAG;QAAC;KAA8B;AACpC;AAIO,MAAMjC,sCAAsCkC,CAAAA;IACjD;IAEA,MAAMC,SAASjC;IACfgC,MAAMjC,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACtC,4BAA4BE,IAAI,EAAEkC,OAAOlC,IAAI,EAAEiC,MAAMjC,IAAI,CAACmC,SAAS;IACvG,OAAOF;AACT,GACA,6DAA6D"}
+{"version":3,"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n    root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        bottom: 0,\n        width: '16px',\n        margin: '0 -8px',\n        cursor: 'col-resize',\n        opacity: 0,\n        transitionProperty: 'opacity',\n        transitionDuration: '.2s',\n        zIndex: 1,\n        // If mouse users focus on the resize handle through a context menu, we want the handle\n        // to be visible because the mouse might not be hovering over the handle\n        ':focus': {\n            opacity: 1,\n            outlineStyle: 'none'\n        },\n        ':hover': {\n            opacity: 1\n        },\n        ':after': {\n            content: '\" \"',\n            display: 'block',\n            width: '1px',\n            position: 'absolute',\n            left: '50%',\n            top: 0,\n            bottom: 0,\n            backgroundColor: tokens.colorNeutralStroke1\n        }\n    }\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */ export const useTableResizeHandleStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["tableResizeHandleClassNames","useTableResizeHandleStyles_unstable","root","useStyles","__styles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bs6t6z0","Fdvyjd","Biobvvw","Hdbjpj","jc51t6","u6d25","Bj55yzk","Bkbwdz4","d","p","f","h","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IAyCIC,mCAAmC;eAAnCA;;;uBA3CwB;AAElC,MAAMD,8BAA8B;IACvCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,OAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAoCX,MAAMjC,sCAAuCkC,CAAAA;IACpD;IACA,MAAMC,SAASjC;IACfgC,MAAMjC,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACtC,4BAA4BE,IAAI,EAAEkC,OAAOlC,IAAI,EAAEiC,MAAMjC,IAAI,CAACmC,SAAS;IACvG,OAAOF;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TableRow.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableRow_unstable } from './useTableRow';\nimport { renderTableRow_unstable } from './renderTableRow';\nimport { useTableRowStyles_unstable } from './useTableRowStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableRow component\n */ export const TableRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTableRow_unstable(props, ref);\n    useTableRowStyles_unstable(state);\n    useCustomStyleHook_unstable('useTableRowStyles_unstable')(state);\n    return renderTableRow_unstable(state);\n});\nTableRow.displayName = 'TableRow';\n"],"names":["TableRow","React","forwardRef","props","ref","state","useTableRow_unstable","useTableRowStyles_unstable","useCustomStyleHook_unstable","renderTableRow_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACc;gCACG;yCACG;qCACC;AAGjC,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,mDAA0B,EAACF;IAC3BG,IAAAA,gDAA2B,EAAC,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAuB,EAACJ;AACnC;AACAL,SAASU,WAAW,GAAG"}
+{"version":3,"sources":["TableRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableRow_unstable } from './useTableRow';\nimport { renderTableRow_unstable } from './renderTableRow';\nimport { useTableRowStyles_unstable } from './useTableRowStyles.styles';\nimport type { TableRowProps } from './TableRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableRow component\n */\nexport const TableRow: ForwardRefComponent<TableRowProps> = React.forwardRef((props, ref) => {\n  const state = useTableRow_unstable(props, ref);\n\n  useTableRowStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableRowStyles_unstable')(state);\n\n  return renderTableRow_unstable(state);\n});\n\nTableRow.displayName = 'TableRow';\n"],"names":["TableRow","React","forwardRef","props","ref","state","useTableRow_unstable","useTableRowStyles_unstable","useCustomStyleHook_unstable","renderTableRow_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACc;gCACG;yCACG;qCAGC;AAKrC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAE3BG,IAAAA,gDAAAA,EAA4B,8BAA8BH;IAE1D,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAEAL,SAASU,WAAW,GAAG"}