@fluentui/react-migration-v0-v9 9.6.34 → 9.6.36

package/lib-commonjs/components/Grid/{GridShim.js.map → GridShim.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Grid/GridShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"names":["mergeClasses","React","useGridStyles","gridShimClassName","GridShim","forwardRef","props","ref","rows","columns","className","rest","classes","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","grid","columnsDefault","onlyRows","div","displayName"],"mappings":"AAAA;;;;;;;;;;;;IAsBaI,QAAAA;;;qBAFAD;;;;;iCAlBgB,6BAA6B;iEACnC,QAAQ;4BACD,gBAAgB;AAgBvC,MAAMA,oBAAoB,WAAW;AAErC,iBAAMC,WAAAA,GAAWH,OAAMI,UAAU,CACtC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,cAAUV,yBAAAA;IAEhB,MAAMW,YAAYZ,OAAMa,OAAO,CAC7B,IAAO,CAAA;YACLC,aAAa;gBACX,GAAGH,QAAQI,KAAK;gBAChB,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;YAClB;YACAC,gBAAgB;gBACd,GAAGP,QAAQQ,QAAQ;gBACnB,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;YACrB;SACF,CAAA,EACA;QAACV;KAAQ;IAGX,MAAMW,kBAAcvB,6BAAAA,EAClBG,mBACAS,QAAQY,IAAI,EACZ,CAAChB,QAAQ,CAACC,WAAWG,QAAQa,cAAc,EAC3CjB,QAAQ,CAACC,WAAWG,QAAQc,QAAQ,EACpClB,QAAQK,UAAUE,WAAW,CAACP,KAAK,EACnCC,WAAWI,UAAUM,cAAc,CAACV,QAAQ,EAC5CC;IAEF,OAAA,WAAA,GAAO,OAAA,aAAA,CAACiB,OAAAA;QAAIpB,KAAKA;QAAKG,WAAWa;QAAc,GAAGZ,IAAI;;AACxD,GACA;AAEFP,SAASwB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Grid/GridShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useGridStyles } from './Grid.styles';\n\nexport interface GridShimProps {\n  /**\n   * The columns of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  columns?: 1 | 2 | 3;\n\n  /**\n   * The rows of the grid with a space-separated list of values.\n   * The values represent the track size, and the space between them represents the grid line.\n   */\n  rows?: 1 | 2 | 3;\n}\n\nexport const gridShimClassName = 'fui-Grid';\n\nexport const GridShim = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & GridShimProps>(\n  (props, ref) => {\n    const { rows, columns, className, ...rest } = props;\n    const classes = useGridStyles();\n\n    const classMaps = React.useMemo(\n      () => ({\n        rowsClasses: {\n          1: classes.rows1,\n          2: classes.rows2,\n          3: classes.rows3,\n        },\n        columnsClasses: {\n          1: classes.columns1,\n          2: classes.columns2,\n          3: classes.columns3,\n        },\n      }),\n      [classes],\n    );\n\n    const gridClasses = mergeClasses(\n      gridShimClassName,\n      classes.grid,\n      !rows && !columns && classes.columnsDefault,\n      rows && !columns && classes.onlyRows,\n      rows && classMaps.rowsClasses[rows],\n      columns && classMaps.columnsClasses[columns],\n      className,\n    );\n    return <div ref={ref} className={gridClasses} {...rest} />;\n  },\n);\n\nGridShim.displayName = 'GridShim';\n"],"names":["mergeClasses","React","useGridStyles","gridShimClassName","GridShim","forwardRef","props","ref","rows","columns","className","rest","classes","classMaps","useMemo","rowsClasses","rows1","rows2","rows3","columnsClasses","columns1","columns2","columns3","gridClasses","grid","columnsDefault","onlyRows","div","displayName"],"mappings":"AAAA;;;;;;;;;;;;IAsBaI,QAAAA;;;qBAFAD;;;;;iCAlBgB,6BAA6B;iEACnC,QAAQ;4BACD,mBAAgB;AAgBvC,MAAMA,oBAAoB,WAAW;AAErC,iBAAMC,WAAAA,GAAWH,OAAMI,UAAU,CACtC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC9C,MAAMM,cAAUV,yBAAAA;IAEhB,MAAMW,YAAYZ,OAAMa,OAAO,CAC7B,IAAO,CAAA;YACLC,aAAa;gBACX,GAAGH,QAAQI,KAAK;gBAChB,GAAGJ,QAAQK,KAAK;gBAChB,GAAGL,QAAQM,KAAK;YAClB;YACAC,gBAAgB;gBACd,GAAGP,QAAQQ,QAAQ;gBACnB,GAAGR,QAAQS,QAAQ;gBACnB,GAAGT,QAAQU,QAAQ;YACrB;SACF,CAAA,EACA;QAACV;KAAQ;IAGX,MAAMW,kBAAcvB,6BAAAA,EAClBG,mBACAS,QAAQY,IAAI,EACZ,CAAChB,QAAQ,CAACC,WAAWG,QAAQa,cAAc,EAC3CjB,QAAQ,CAACC,WAAWG,QAAQc,QAAQ,EACpClB,QAAQK,UAAUE,WAAW,CAACP,KAAK,EACnCC,WAAWI,UAAUM,cAAc,CAACV,QAAQ,EAC5CC;IAEF,OAAA,WAAA,GAAO,OAAA,aAAA,CAACiB,OAAAA;QAAIpB,KAAKA;QAAKG,WAAWa;QAAc,GAAGZ,IAAI;;AACxD,GACA;AAEFP,SAASwB,WAAW,GAAG"}

package/lib-commonjs/components/Grid/{index.js → index.cjs}

@@ -22,6 +22,6 @@ _export(exports, {
         return _Gridstyles.useGridStyles;
     }
 });
-const _GridShim = require("./GridShim");
-const _Gridstyles = require("./Grid.styles");
-const _Gridmixins = require("./Grid.mixins");
+const _GridShim = require("./GridShim.cjs");
+const _Gridstyles = require("./Grid.styles.cjs");
+const _Gridmixins = require("./Grid.mixins.cjs");

package/lib-commonjs/components/Grid/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Grid/index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","gridShimClassName","gridClassName","useGridStyles","grid"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eAGRI,gBAAI;;IAH2BF,aAAa;eAAlCD,2BAAAA;;;eAEVE,yBAAa;;;0BAFuC,aAAa;4BAE5C,gBAAgB;4BACzB,gBAAgB"}
+{"version":3,"sources":["../src/components/Grid/index.ts"],"sourcesContent":["export { GridShim, gridShimClassName as gridClassName } from './GridShim';\nexport type { GridShimProps } from './GridShim';\nexport { useGridStyles } from './Grid.styles';\nexport { grid } from './Grid.mixins';\n"],"names":["GridShim","gridShimClassName","gridClassName","useGridStyles","grid"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eAGRI,gBAAI;;IAH2BF,aAAa;eAAlCD,2BAAAA;;;eAEVE,yBAAa;;;0BAFuC,gBAAa;4BAE5C,mBAAgB;4BACzB,mBAAgB"}

package/lib-commonjs/components/Input/{index.js → index.cjs}

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "input", {
         return _Inputmixins.input;
     }
 });
-const _Inputmixins = require("./Input.mixins");
+const _Inputmixins = require("./Input.mixins.cjs");

package/lib-commonjs/components/Input/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Input/index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"mappings":";;;;;;;eAASA,kBAAK;;;6BAAQ,iBAAiB"}
+{"version":3,"sources":["../src/components/Input/index.ts"],"sourcesContent":["export { input } from './Input.mixins';\n"],"names":["input"],"mappings":";;;;;;;eAASA,kBAAK;;;6BAAQ,oBAAiB"}

package/lib-commonjs/components/ItemLayout/{ItemLayout.js → ItemLayout.cjs}

@@ -22,7 +22,7 @@ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
 const _reactutilities = require("@fluentui/react-utilities");
-const _ItemLayoutstyles = require("./ItemLayout.styles");
+const _ItemLayoutstyles = require("./ItemLayout.styles.cjs");
 const itemLayoutClassName = 'fui-ItemLayout';
 const ItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = {

package/lib-commonjs/components/ItemLayout/{ItemLayout.js.map → ItemLayout.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\n'use client';\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { getIntrinsicElementProps, slot, assertSlots } from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["React","mergeClasses","getIntrinsicElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/ItemLayout/ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\n'use client';\n\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { getIntrinsicElementProps, slot, assertSlots } from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n  root: Slot<'div'>;\n\n  contentMedia?: Slot<'div'>;\n  contentWrapper?: Slot<'div'>;\n\n  header?: Slot<'div'>;\n  headerMedia?: Slot<'div'>;\n\n  startMedia?: Slot<'div'>;\n  endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n  const state: ItemLayoutState = {\n    components: {\n      root: 'div',\n      contentWrapper: 'div',\n      contentMedia: 'div',\n      header: 'div',\n      headerMedia: 'div',\n      startMedia: 'div',\n      endMedia: 'div',\n    },\n    root: slot.always(getIntrinsicElementProps('div', { ...props, ref }), { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n  };\n  const styles = useItemLayoutStyles();\n\n  state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n  }\n\n  if (state.contentMedia) {\n    state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(styles.header, state.header.className);\n  }\n\n  if (state.headerMedia) {\n    state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n  }\n\n  if (state.startMedia) {\n    state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n  }\n\n  if (state.endMedia) {\n    state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n  }\n\n  assertSlots<ItemLayoutSlots>(state);\n\n  return (\n    <state.root>\n      {state.startMedia && <state.startMedia />}\n      {state.header && <state.header />}\n      {state.headerMedia && <state.headerMedia />}\n      {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n      {state.contentMedia && <state.contentMedia />}\n      {state.endMedia && <state.endMedia />}\n    </state.root>\n  );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["React","mergeClasses","getIntrinsicElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"mappings":"AAAA,wBAA0B,GAC1B,iDAAiD,GAEjD;;;;;;;;;;;;IA4BaO,UAAAA;;;IAFAD,mBAAAA;;;;;;iEAxBU,QAAQ;iCACF,6BAA6B;gCAEE,4BAA4B;kCAEpD,yBAAsB;AAmBnD,4BAA4B,iBAAiB;AAE7C,mBAAMC,WAAAA,GAAaP,OAAMQ,UAAU,CAAkC,CAACC,OAAOC;IAClF,MAAMC,QAAyB;QAC7BC,YAAY;YACVC,MAAM;YACNC,gBAAgB;YAChBC,cAAc;YACdC,QAAQ;YACRC,aAAa;YACbC,YAAY;YACZC,UAAU;QACZ;QACAN,MAAMV,oBAAAA,CAAKiB,MAAM,KAAClB,wCAAAA,EAAyB,OAAO;YAAE,GAAGO,KAAK;YAAEC;QAAI,IAAI;YAAEW,aAAa;QAAM;QAC3FN,cAAcZ,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMM,YAAY,EAAE;YAAEM,aAAa;QAAM;QACrEP,gBAAgBX,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMK,cAAc,EAAE;YAAES,iBAAiB;YAAMF,aAAa;QAAM;QAChGL,QAAQb,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMO,MAAM,EAAE;YAAEK,aAAa;QAAM;QACzDJ,aAAad,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMQ,WAAW,EAAE;YAAEI,aAAa;QAAM;QACnEH,YAAYf,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMS,UAAU,EAAE;YAAEG,aAAa;QAAM;QACjEF,UAAUhB,oBAAAA,CAAKmB,QAAQ,CAACb,MAAMU,QAAQ,EAAE;YAAEE,aAAa;QAAM;IAC/D;IACA,MAAMG,aAASnB,qCAAAA;IAEfM,MAAME,IAAI,CAACY,SAAS,OAAGxB,6BAAAA,EAAaK,qBAAqBkB,OAAOX,IAAI,EAAEF,MAAME,IAAI,CAACY,SAAS;IAC1F,IAAId,MAAMG,cAAc,EAAE;QACxBH,MAAMG,cAAc,CAACW,SAAS,OAAGxB,6BAAAA,EAAauB,OAAOV,cAAc,EAAEH,MAAMG,cAAc,CAACW,SAAS;IACrG;IAEA,IAAId,MAAMI,YAAY,EAAE;QACtBJ,MAAMI,YAAY,CAACU,SAAS,OAAGxB,6BAAAA,EAAauB,OAAOT,YAAY,EAAEJ,MAAMI,YAAY,CAACU,SAAS;IAC/F;IAEA,IAAId,MAAMK,MAAM,EAAE;QAChBL,MAAMK,MAAM,CAACS,SAAS,OAAGxB,6BAAAA,EAAauB,OAAOR,MAAM,EAAEL,MAAMK,MAAM,CAACS,SAAS;IAC7E;IAEA,IAAId,MAAMM,WAAW,EAAE;QACrBN,MAAMM,WAAW,CAACQ,SAAS,OAAGxB,6BAAAA,EAAauB,OAAOP,WAAW,EAAEN,MAAMM,WAAW,CAACQ,SAAS;IAC5F;IAEA,IAAId,MAAMO,UAAU,EAAE;QACpBP,MAAMO,UAAU,CAACO,SAAS,OAAGxB,6BAAAA,EAAauB,OAAON,UAAU,EAAEP,MAAMO,UAAU,CAACO,SAAS;IACzF;IAEA,IAAId,MAAMQ,QAAQ,EAAE;QAClBR,MAAMQ,QAAQ,CAACM,SAAS,OAAGxB,6BAAAA,EAAauB,OAAOL,QAAQ,EAAER,MAAMQ,QAAQ,CAACM,SAAS;IACnF;QAEArB,2BAAAA,EAA6BO;IAE7B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAME,IAAI,EAAA;;YACRF,MAAMO,UAAU,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,UAAU,EAAA,CAAA;YACrCP,MAAMK,MAAM,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,MAAM,EAAA,CAAA;YAC7BL,MAAMM,WAAW,IAAA,WAAA,GAAI,mBAAA,EAACN,MAAMM,WAAW,EAAA,CAAA;YACvCN,MAAMG,cAAc,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,cAAc,EAAA;0BAAEH,MAAME,IAAI,CAACa,QAAQ;;YAClEf,MAAMI,YAAY,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,YAAY,EAAA,CAAA;YACzCJ,MAAMQ,QAAQ,IAAA,WAAA,OAAI,eAAA,EAACR,MAAMQ,QAAQ,EAAA,CAAA;;;AAGxC,GAAG;AAEHZ,WAAWoB,WAAW,GAAG"}

package/lib-commonjs/components/ItemLayout/ItemLayout.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@fluentui/react-components\";\nexport const useItemLayoutStyles = makeStyles({\n    root: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr auto auto',\n        minHeight: '48px'\n    },\n    contentMedia: {\n        alignSelf: 'start',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    contentWrapper: {\n        alignSelf: 'start',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 2,\n        gridRowEnd: 3,\n        marginRight: '8px',\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    header: {\n        alignSelf: 'end',\n        gridColumnStart: 2,\n        gridColumnEnd: 3,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '14px',\n        marginRight: '8px'\n    },\n    headerMedia: {\n        alignSelf: 'end',\n        gridColumnStart: 3,\n        gridColumnEnd: 4,\n        gridRowStart: 1,\n        gridRowEnd: 2,\n        fontSize: '12px',\n        lineHeight: 1.3333\n    },\n    startMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 1,\n        gridColumnEnd: 2,\n        gridRowStart: 1,\n        gridRowEnd: 3,\n        marginRight: '8px'\n    },\n    endMedia: {\n        alignSelf: 'center',\n        gridColumnStart: 4,\n        gridColumnEnd: 5,\n        gridRowStart: 1,\n        gridRowEnd: 3\n    }\n});\n"],"names":["__styles","useItemLayoutStyles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"mappings":"AAAA,YAAY;;;;;+BAECC,mBAAmB;;;;;;iCADL,4BAA4B;AAChD,4BAAyB,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAP,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAI,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAG,MAAA,EAAA;QAAAT,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAG,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAE,WAAA,EAAA;QAAAV,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAK,UAAA,EAAA;QAAAX,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAI,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAI,QAAA,EAAA;QAAAZ,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAS,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA0DlC,CAAC"}

package/lib-commonjs/components/ItemLayout/{index.js → index.cjs}

@@ -19,5 +19,5 @@ _export(exports, {
         return _ItemLayoutstyles.useItemLayoutStyles;
     }
 });
-const _ItemLayout = require("./ItemLayout");
-const _ItemLayoutstyles = require("./ItemLayout.styles");
+const _ItemLayout = require("./ItemLayout.cjs");
+const _ItemLayoutstyles = require("./ItemLayout.styles.cjs");

package/lib-commonjs/components/ItemLayout/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ItemLayout/index.tsx"],"sourcesContent":["export { ItemLayout, itemLayoutClassName } from './ItemLayout';\nexport { useItemLayoutStyles } from './ItemLayout.styles';\n"],"names":["ItemLayout","itemLayoutClassName","useItemLayoutStyles"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAAEC,+BAAmB;;;eAC/BC,qCAAmB;;;4BADoB,eAAe;kCAC3B,sBAAsB"}
+{"version":3,"sources":["../src/components/ItemLayout/index.tsx"],"sourcesContent":["export { ItemLayout, itemLayoutClassName } from './ItemLayout';\nexport { useItemLayoutStyles } from './ItemLayout.styles';\n"],"names":["ItemLayout","itemLayoutClassName","useItemLayoutStyles"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAAEC,+BAAmB;;;eAC/BC,qCAAmB;;;4BADoB,kBAAe;kCAC3B,yBAAsB"}

package/lib-commonjs/components/List/List/{List.js → List.cjs}

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "List", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useList = require("./useList");
-const _renderList = require("./renderList");
-const _useListStylesstyles = require("./useListStyles.styles");
-const _useListContextValues = require("./useListContextValues");
+const _useList = require("./useList.cjs");
+const _renderList = require("./renderList.cjs");
+const _useListStylesstyles = require("./useListStyles.styles.cjs");
+const _useListContextValues = require("./useListContextValues.cjs");
 const List = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useList.useList_unstable)(props, ref);
     const contextValues = (0, _useListContextValues.useListContextValues_unstable)(state);

package/lib-commonjs/components/List/List/{List.js.map → List.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/List.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["React","useCustomStyleHook_unstable","useList_unstable","renderList_unstable","useListStyles_unstable","useListContextValues_unstable","List","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;yBAC7C,YAAY;4BACT,eAAe;qCACZ,yBAAyB;sCAElB,yBAAyB;AAEhE,MAAMM,OAAAA,WAAAA,GAAuCN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;IACtC,MAAME,oBAAgBN,mDAAAA,EAA8BK;QAEpDN,2CAAAA,EAAuBM;QACvBT,gDAAAA,EAA4B,0BAA0BS;IAEtD,WAAOP,+BAAAA,EAAoBO,OAAOC;AACpC,GAAG;AAEHL,KAAKM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/List/List/List.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["React","useCustomStyleHook_unstable","useList_unstable","renderList_unstable","useListStyles_unstable","useListContextValues_unstable","List","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;yBAC7C,eAAY;4BACT,kBAAe;qCACZ,4BAAyB;sCAElB,4BAAyB;AAEhE,MAAMM,OAAAA,WAAAA,GAAuCN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;IACtC,MAAME,oBAAgBN,mDAAAA,EAA8BK;QAEpDN,2CAAAA,EAAuBM;QACvBT,gDAAAA,EAA4B,0BAA0BS;IAEtD,WAAOP,+BAAAA,EAAoBO,OAAOC;AACpC,GAAG;AAEHL,KAAKM,WAAW,GAAG"}

package/lib-commonjs/components/List/List/{index.js → index.cjs}

@@ -25,7 +25,7 @@ _export(exports, {
         return _useList.useList_unstable;
     }
 });
-const _List = require("./List");
-const _renderList = require("./renderList");
-const _useList = require("./useList");
-const _useListStylesstyles = require("./useListStyles.styles");
+const _List = require("./List.cjs");
+const _renderList = require("./renderList.cjs");
+const _useList = require("./useList.cjs");
+const _useListStylesstyles = require("./useListStyles.styles.cjs");

package/lib-commonjs/components/List/List/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/index.ts"],"sourcesContent":["export { List } from './List';\nexport type { ListContextValue, ListContextValues, ListProps, ListSlots, ListState } from './List.types';\nexport { renderList_unstable } from './renderList';\nexport { useList_unstable } from './useList';\nexport { listClassNames, useListStyles_unstable } from './useListStyles.styles';\n"],"names":["List","renderList_unstable","useList_unstable","listClassNames","useListStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAIJG,mCAAc;;;eAFdF,+BAAmB;;;eAEHG,2CAAsB;;;eADtCF,yBAAgB;;;sBAHJ,SAAS;4BAEM,eAAe;yBAClB,YAAY;qCACU,yBAAyB"}
+{"version":3,"sources":["../src/components/List/List/index.ts"],"sourcesContent":["export { List } from './List';\nexport type { ListContextValue, ListContextValues, ListProps, ListSlots, ListState } from './List.types';\nexport { renderList_unstable } from './renderList';\nexport { useList_unstable } from './useList';\nexport { listClassNames, useListStyles_unstable } from './useListStyles.styles';\n"],"names":["List","renderList_unstable","useList_unstable","listClassNames","useListStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAIJG,mCAAc;;;eAFdF,+BAAmB;;;eAEHG,2CAAsB;;;eADtCF,yBAAgB;;;sBAHJ,YAAS;4BAEM,kBAAe;yBAClB,eAAY;qCACU,4BAAyB"}

package/lib-commonjs/components/List/List/{renderList.js → renderList.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderList_unstable", {
 });
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _reactutilities = require("@fluentui/react-utilities");
-const _listContext = require("./listContext");
+const _listContext = require("./listContext.cjs");
 const renderList_unstable = (state, contextValues)=>{
     (0, _reactutilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_listContext.ListContextProvider, {

package/lib-commonjs/components/List/List/{renderList.js.map → renderList.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/renderList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ListState, ListSlots, ListContextValues } from './List.types';\nimport { ListContextProvider } from './listContext';\n\n/**\n * Render the final JSX of List\n */\nexport const renderList_unstable = (state: ListState, contextValues: ListContextValues): JSXElement => {\n  assertSlots<ListSlots>(state);\n\n  return (\n    <ListContextProvider value={contextValues.listContext}>\n      <state.root />\n    </ListContextProvider>\n  );\n};\n"],"names":["assertSlots","ListContextProvider","renderList_unstable","state","contextValues","value","listContext","root"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;6BAGpB,gBAAgB;AAK7C,4BAA4B,CAACC,OAAkBC;QACpDJ,2BAAAA,EAAuBG;IAEvB,OAAA,WAAA,OACE,eAAA,EAACF,gCAAAA,EAAAA;QAAoBI,OAAOD,cAAcE,WAAW;kBACnD,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}
+{"version":3,"sources":["../src/components/List/List/renderList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ListState, ListSlots, ListContextValues } from './List.types';\nimport { ListContextProvider } from './listContext';\n\n/**\n * Render the final JSX of List\n */\nexport const renderList_unstable = (state: ListState, contextValues: ListContextValues): JSXElement => {\n  assertSlots<ListSlots>(state);\n\n  return (\n    <ListContextProvider value={contextValues.listContext}>\n      <state.root />\n    </ListContextProvider>\n  );\n};\n"],"names":["assertSlots","ListContextProvider","renderList_unstable","state","contextValues","value","listContext","root"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;6BAGpB,mBAAgB;AAK7C,4BAA4B,CAACC,OAAkBC;QACpDJ,2BAAAA,EAAuBG;IAEvB,OAAA,WAAA,OACE,eAAA,EAACF,gCAAAA,EAAAA;QAAoBI,OAAOD,cAAcE,WAAW;kBACnD,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

package/lib-commonjs/components/List/List/{useList.js → useList.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useList_unstable", {
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _reacttabster = require("@fluentui/react-tabster");
-const _useListSelection = require("../hooks/useListSelection");
+const _useListSelection = require("../hooks/useListSelection.cjs");
 const DEFAULT_ROOT_EL_TYPE = 'ul';
 const useList_unstable = (props, ref)=>{
     const { layout = 'vertical', navigable = false, selectable = false, selectionMode = 'single', selectedItems, defaultSelectedItems, as, onSelectionChange, truncateContent = false, truncateHeader = false } = props;

package/lib-commonjs/components/List/List/{useList.js.map → useList.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/useList.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { OnSelectionChangeData } from '@fluentui/react-utilities';\nimport { getIntrinsicElementProps, slot, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport type { ListProps, ListState } from './List.types';\nimport { useListSelection } from '../hooks/useListSelection';\n\nconst DEFAULT_ROOT_EL_TYPE = 'ul';\n\n/**\n * Create the state required to render List.\n *\n * The returned state can be modified with hooks such as useListStyles_unstable,\n * before being passed to renderList_unstable.\n *\n * @param props - props from this instance of List\n * @param ref - reference to root HTMLElement of List\n */\nexport const useList_unstable = (props: ListProps, ref: React.Ref<HTMLDivElement | HTMLUListElement>): ListState => {\n  const {\n    layout = 'vertical',\n    navigable = false,\n    selectable = false,\n    selectionMode = 'single',\n    selectedItems,\n    defaultSelectedItems,\n    as,\n    onSelectionChange,\n    truncateContent = false,\n    truncateHeader = false,\n  } = props;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({\n    axis: layout === 'grid' ? 'grid-linear' : 'both',\n    memorizeCurrent: true,\n  });\n\n  const [selectionState, setSelectionState] = useControllableState({\n    state: selectedItems,\n    defaultState: defaultSelectedItems,\n    initialState: [],\n  });\n\n  const onChange = useEventCallback((e: React.SyntheticEvent, data: OnSelectionChangeData) => {\n    const selectedItemsAsArray = Array.from(data.selectedItems);\n    setSelectionState(selectedItemsAsArray);\n    onSelectionChange?.(e, { selectedItems: selectedItemsAsArray });\n  });\n\n  const selection = useListSelection({\n    onSelectionChange: onChange,\n    selectionMode,\n    selectedItems: selectionState,\n    defaultSelectedItems,\n  });\n\n  return {\n    components: {\n      root: DEFAULT_ROOT_EL_TYPE,\n    },\n    root: slot.always(\n      getIntrinsicElementProps(DEFAULT_ROOT_EL_TYPE, {\n        ref,\n        ...(navigable && { role: 'menu' }),\n        ...(selectable && {\n          role: 'listbox',\n          'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n        }),\n        ...arrowNavigationAttributes,\n        ...props,\n      }),\n      { elementType: DEFAULT_ROOT_EL_TYPE },\n    ),\n    layout,\n    // context:\n    navigable,\n    as: as || DEFAULT_ROOT_EL_TYPE,\n    truncateContent,\n    truncateHeader,\n    // only pass down selection state if its handled internally, otherwise just report the events\n    selection: selectable ? selection : undefined,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useControllableState","useEventCallback","useArrowNavigationGroup","useListSelection","DEFAULT_ROOT_EL_TYPE","useList_unstable","props","ref","layout","navigable","selectable","selectionMode","selectedItems","defaultSelectedItems","as","onSelectionChange","truncateContent","truncateHeader","arrowNavigationAttributes","axis","memorizeCurrent","selectionState","setSelectionState","state","defaultState","initialState","onChange","e","data","selectedItemsAsArray","Array","from","selection","components","root","always","role","undefined","elementType"],"mappings":"AAAA;;;;;+BAoBaO;;;;;;gCAhB0E,4BAA4B;8BAC3E,0BAA0B;kCAEjC,4BAA4B;AAE7D,MAAMD,uBAAuB;AAWtB,yBAAyB,CAACE,OAAkBC;IACjD,MAAM,EACJC,SAAS,UAAU,EACnBC,YAAY,KAAK,EACjBC,aAAa,KAAK,EAClBC,gBAAgB,QAAQ,EACxBC,aAAa,EACbC,oBAAoB,EACpBC,EAAE,EACFC,iBAAiB,EACjBC,kBAAkB,KAAK,EACvBC,iBAAiB,KAAK,EACvB,GAAGX;IAEJ,MAAMY,gCAA4BhB,qCAAAA,EAAwB;QACxDiB,MAAMX,WAAW,SAAS,gBAAgB;QAC1CY,iBAAiB;IACnB;IAEA,MAAM,CAACC,gBAAgBC,kBAAkB,OAAGtB,oCAAAA,EAAqB;QAC/DuB,OAAOX;QACPY,cAAcX;QACdY,cAAc,EAAE;IAClB;IAEA,MAAMC,eAAWzB,gCAAAA,EAAiB,CAAC0B,GAAyBC;QAC1D,MAAMC,uBAAuBC,MAAMC,IAAI,CAACH,KAAKhB,aAAa;QAC1DU,kBAAkBO;QAClBd,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBY,GAAG;YAAEf,eAAeiB;QAAqB;IAC/D;IAEA,MAAMG,gBAAY7B,kCAAAA,EAAiB;QACjCY,mBAAmBW;QACnBf;QACAC,eAAeS;QACfR;IACF;IAEA,OAAO;QACLoB,YAAY;YACVC,MAAM9B;QACR;QACA8B,MAAMnC,oBAAAA,CAAKoC,MAAM,KACfrC,wCAAAA,EAAyBM,sBAAsB;YAC7CG;YACA,GAAIE,aAAa;gBAAE2B,MAAM;YAAO,CAAC;YACjC,GAAI1B,cAAc;gBAChB0B,MAAM;gBACN,wBAAwBzB,kBAAkB,gBAAgB,OAAO0B;YACnE,CAAC;YACD,GAAGnB,yBAAyB;YAC5B,GAAGZ,KAAK;QACV,IACA;YAAEgC,aAAalC;QAAqB;QAEtCI;QACA,WAAW;QACXC;QACAK,IAAIA,MAAMV;QACVY;QACAC;QACA,6FAA6F;QAC7Fe,WAAWtB,aAAasB,YAAYK;IACtC;AACF,EAAE"}
+{"version":3,"sources":["../src/components/List/List/useList.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { OnSelectionChangeData } from '@fluentui/react-utilities';\nimport { getIntrinsicElementProps, slot, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport type { ListProps, ListState } from './List.types';\nimport { useListSelection } from '../hooks/useListSelection';\n\nconst DEFAULT_ROOT_EL_TYPE = 'ul';\n\n/**\n * Create the state required to render List.\n *\n * The returned state can be modified with hooks such as useListStyles_unstable,\n * before being passed to renderList_unstable.\n *\n * @param props - props from this instance of List\n * @param ref - reference to root HTMLElement of List\n */\nexport const useList_unstable = (props: ListProps, ref: React.Ref<HTMLDivElement | HTMLUListElement>): ListState => {\n  const {\n    layout = 'vertical',\n    navigable = false,\n    selectable = false,\n    selectionMode = 'single',\n    selectedItems,\n    defaultSelectedItems,\n    as,\n    onSelectionChange,\n    truncateContent = false,\n    truncateHeader = false,\n  } = props;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({\n    axis: layout === 'grid' ? 'grid-linear' : 'both',\n    memorizeCurrent: true,\n  });\n\n  const [selectionState, setSelectionState] = useControllableState({\n    state: selectedItems,\n    defaultState: defaultSelectedItems,\n    initialState: [],\n  });\n\n  const onChange = useEventCallback((e: React.SyntheticEvent, data: OnSelectionChangeData) => {\n    const selectedItemsAsArray = Array.from(data.selectedItems);\n    setSelectionState(selectedItemsAsArray);\n    onSelectionChange?.(e, { selectedItems: selectedItemsAsArray });\n  });\n\n  const selection = useListSelection({\n    onSelectionChange: onChange,\n    selectionMode,\n    selectedItems: selectionState,\n    defaultSelectedItems,\n  });\n\n  return {\n    components: {\n      root: DEFAULT_ROOT_EL_TYPE,\n    },\n    root: slot.always(\n      getIntrinsicElementProps(DEFAULT_ROOT_EL_TYPE, {\n        ref,\n        ...(navigable && { role: 'menu' }),\n        ...(selectable && {\n          role: 'listbox',\n          'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n        }),\n        ...arrowNavigationAttributes,\n        ...props,\n      }),\n      { elementType: DEFAULT_ROOT_EL_TYPE },\n    ),\n    layout,\n    // context:\n    navigable,\n    as: as || DEFAULT_ROOT_EL_TYPE,\n    truncateContent,\n    truncateHeader,\n    // only pass down selection state if its handled internally, otherwise just report the events\n    selection: selectable ? selection : undefined,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useControllableState","useEventCallback","useArrowNavigationGroup","useListSelection","DEFAULT_ROOT_EL_TYPE","useList_unstable","props","ref","layout","navigable","selectable","selectionMode","selectedItems","defaultSelectedItems","as","onSelectionChange","truncateContent","truncateHeader","arrowNavigationAttributes","axis","memorizeCurrent","selectionState","setSelectionState","state","defaultState","initialState","onChange","e","data","selectedItemsAsArray","Array","from","selection","components","root","always","role","undefined","elementType"],"mappings":"AAAA;;;;;+BAoBaO;;;;;;gCAhB0E,4BAA4B;8BAC3E,0BAA0B;kCAEjC,+BAA4B;AAE7D,MAAMD,uBAAuB;AAWtB,yBAAyB,CAACE,OAAkBC;IACjD,MAAM,EACJC,SAAS,UAAU,EACnBC,YAAY,KAAK,EACjBC,aAAa,KAAK,EAClBC,gBAAgB,QAAQ,EACxBC,aAAa,EACbC,oBAAoB,EACpBC,EAAE,EACFC,iBAAiB,EACjBC,kBAAkB,KAAK,EACvBC,iBAAiB,KAAK,EACvB,GAAGX;IAEJ,MAAMY,gCAA4BhB,qCAAAA,EAAwB;QACxDiB,MAAMX,WAAW,SAAS,gBAAgB;QAC1CY,iBAAiB;IACnB;IAEA,MAAM,CAACC,gBAAgBC,kBAAkB,OAAGtB,oCAAAA,EAAqB;QAC/DuB,OAAOX;QACPY,cAAcX;QACdY,cAAc,EAAE;IAClB;IAEA,MAAMC,eAAWzB,gCAAAA,EAAiB,CAAC0B,GAAyBC;QAC1D,MAAMC,uBAAuBC,MAAMC,IAAI,CAACH,KAAKhB,aAAa;QAC1DU,kBAAkBO;QAClBd,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBY,GAAG;YAAEf,eAAeiB;QAAqB;IAC/D;IAEA,MAAMG,gBAAY7B,kCAAAA,EAAiB;QACjCY,mBAAmBW;QACnBf;QACAC,eAAeS;QACfR;IACF;IAEA,OAAO;QACLoB,YAAY;YACVC,MAAM9B;QACR;QACA8B,MAAMnC,oBAAAA,CAAKoC,MAAM,KACfrC,wCAAAA,EAAyBM,sBAAsB;YAC7CG;YACA,GAAIE,aAAa;gBAAE2B,MAAM;YAAO,CAAC;YACjC,GAAI1B,cAAc;gBAChB0B,MAAM;gBACN,wBAAwBzB,kBAAkB,gBAAgB,OAAO0B;YACnE,CAAC;YACD,GAAGnB,yBAAyB;YAC5B,GAAGZ,KAAK;QACV,IACA;YAAEgC,aAAalC;QAAqB;QAEtCI;QACA,WAAW;QACXC;QACAK,IAAIA,MAAMV;QACVY;QACAC;QACA,6FAA6F;QAC7Fe,WAAWtB,aAAasB,YAAYK;IACtC;AACF,EAAE"}

package/lib-commonjs/components/List/List/useListStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, makeResetStyles, mergeClasses } from \"@griffel/react\";\nexport const listClassNames = {\n    root: 'fui-List'\n};\nconst useRootBaseStyles = makeResetStyles({\n    padding: 0,\n    margin: 0,\n    textIndent: 0,\n    listStyleType: 'none'\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    rootHorizontal: {\n        display: 'flex'\n    },\n    rootGrid: {\n        display: 'grid'\n    }\n});\n/**\n * Apply styling to the List slots based on the state\n */ export const useListStyles_unstable = (state)=>{\n    const rootStyles = useRootBaseStyles();\n    const styles = useStyles();\n    const layoutToStyles = {\n        ['horizontal']: styles.rootHorizontal,\n        ['grid']: styles.rootGrid,\n        ['vertical']: undefined\n    };\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n    return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","listClassNames","root","useRootBaseStyles","useStyles","rootHorizontal","mc9l5x","rootGrid","d","useListStyles_unstable","state","rootStyles","styles","layoutToStyles","undefined","className","layout"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECG,cAAc;;;0BAqBY;eAAtBQ;;;uBAtByC,gBAAgB;AACnE,uBAAuB;IAC1BP,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,GAAA,WAAA,OAAGJ,oBAAA,EAAA,YAAA,MAAA;IAAA;CAKzB,CAAC;AACF;;CAEA,GAAI,MAAMK,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAO,cAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAOrB,CAAC;AAGS,gCAAgCE,KAAK,IAAG;IAC/C,MAAMC,UAAU,GAAGR,iBAAiB,CAAC,CAAC;IACtC,MAAMS,MAAM,GAAGR,SAAS,CAAC,CAAC;IAC1B,MAAMS,cAAc,GAAG;QACnB,CAAC,YAAY,CAAA,EAAGD,MAAM,CAACP,cAAc;QACrC,CAAC,MAAM,CAAA,EAAGO,MAAM,CAACL,QAAQ;QACzB,CAAC,UAAU,CAAA,EAAGO;IAClB,CAAC;IACD,oDAAA;IACAJ,KAAK,CAACR,IAAI,CAACa,SAAS,OAAGf,mBAAY,EAACC,cAAc,CAACC,IAAI,EAAES,UAAU,EAAEE,cAAc,CAACH,KAAK,CAACM,MAAM,CAAC,EAAEN,KAAK,CAACR,IAAI,CAACa,SAAS,CAAC;IACxH,OAAOL,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/List/ListItem/{ListItem.js → ListItem.cjs}

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "ListItem", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useListItem = require("./useListItem");
-const _renderListItem = require("./renderListItem");
-const _useListItemStylesstyles = require("./useListItemStyles.styles");
+const _useListItem = require("./useListItem.cjs");
+const _renderListItem = require("./renderListItem.cjs");
+const _useListItemStylesstyles = require("./useListItemStyles.styles.cjs");
 const ListItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useListItem.useListItem_unstable)(props, ref);
     (0, _useListItemStylesstyles.useListItemStyles_unstable)(state);

package/lib-commonjs/components/List/ListItem/{ListItem.js.map → ListItem.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useListItem_unstable } from './useListItem';\nimport { renderListItem_unstable } from './renderListItem';\nimport { useListItemStyles_unstable } from './useListItemStyles.styles';\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: ForwardRefComponent<ListItemProps> = React.forwardRef<HTMLLIElement | HTMLDivElement>(\n  (props, ref) => {\n    const state = useListItem_unstable(props, ref);\n\n    useListItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useListItemStyles_unstable')(state);\n    return renderListItem_unstable(state);\n  },\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["React","useCustomStyleHook_unstable","useListItem_unstable","renderListItem_unstable","useListItemStyles_unstable","ListItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;6BACzC,gBAAgB;gCACb,mBAAmB;yCAChB,6BAA6B;AAGjE,MAAMK,WAAAA,WAAAA,GAA+CL,OAAMM,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,YAAQP,iCAAAA,EAAqBK,OAAOC;QAE1CJ,mDAAAA,EAA2BK;QAC3BR,gDAAAA,EAA4B,8BAA8BQ;IAC1D,WAAON,uCAAAA,EAAwBM;AACjC,GACA;AAEFJ,SAASK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useListItem_unstable } from './useListItem';\nimport { renderListItem_unstable } from './renderListItem';\nimport { useListItemStyles_unstable } from './useListItemStyles.styles';\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: ForwardRefComponent<ListItemProps> = React.forwardRef<HTMLLIElement | HTMLDivElement>(\n  (props, ref) => {\n    const state = useListItem_unstable(props, ref);\n\n    useListItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useListItemStyles_unstable')(state);\n    return renderListItem_unstable(state);\n  },\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["React","useCustomStyleHook_unstable","useListItem_unstable","renderListItem_unstable","useListItemStyles_unstable","ListItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;6BACzC,mBAAgB;gCACb,sBAAmB;yCAChB,gCAA6B;AAGjE,MAAMK,WAAAA,WAAAA,GAA+CL,OAAMM,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,YAAQP,iCAAAA,EAAqBK,OAAOC;QAE1CJ,mDAAAA,EAA2BK;QAC3BR,gDAAAA,EAA4B,8BAA8BQ;IAC1D,WAAON,uCAAAA,EAAwBM;AACjC,GACA;AAEFJ,SAASK,WAAW,GAAG"}

package/lib-commonjs/components/List/ListItem/{index.js → index.cjs}

@@ -25,7 +25,7 @@ _export(exports, {
         return _useListItem.useListItem_unstable;
     }
 });
-const _ListItem = require("./ListItem");
-const _renderListItem = require("./renderListItem");
-const _useListItem = require("./useListItem");
-const _useListItemStylesstyles = require("./useListItemStyles.styles");
+const _ListItem = require("./ListItem.cjs");
+const _renderListItem = require("./renderListItem.cjs");
+const _useListItem = require("./useListItem.cjs");
+const _useListItemStylesstyles = require("./useListItemStyles.styles.cjs");

package/lib-commonjs/components/List/ListItem/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/index.ts"],"sourcesContent":["export { ListItem } from './ListItem';\nexport type { ListItemProps, ListItemSlots, ListItemState } from './ListItem.types';\nexport { renderListItem_unstable } from './renderListItem';\nexport { useListItem_unstable } from './useListItem';\nexport { listItemClassNames, useListItemStyles_unstable } from './useListItemStyles.styles';\n"],"names":["ListItem","renderListItem_unstable","useListItem_unstable","listItemClassNames","useListItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eAIRG,2CAAkB;;;eAFlBF,uCAAuB;;;eAEHG,mDAA0B;;;eAD9CF,iCAAoB;;;0BAHJ,aAAa;gCAEE,mBAAmB;6BACtB,gBAAgB;yCACU,6BAA6B"}
+{"version":3,"sources":["../src/components/List/ListItem/index.ts"],"sourcesContent":["export { ListItem } from './ListItem';\nexport type { ListItemProps, ListItemSlots, ListItemState } from './ListItem.types';\nexport { renderListItem_unstable } from './renderListItem';\nexport { useListItem_unstable } from './useListItem';\nexport { listItemClassNames, useListItemStyles_unstable } from './useListItemStyles.styles';\n"],"names":["ListItem","renderListItem_unstable","useListItem_unstable","listItemClassNames","useListItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eAIRG,2CAAkB;;;eAFlBF,uCAAuB;;;eAEHG,mDAA0B;;;eAD9CF,iCAAoB;;;0BAHJ,gBAAa;gCAEE,sBAAmB;6BACtB,mBAAgB;yCACU,gCAA6B"}

package/lib-commonjs/components/List/ListItem/{renderListItem.js → renderListItem.cjs}

@@ -9,12 +9,12 @@ Object.defineProperty(exports, "renderListItem_unstable", {
     }
 });
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
-const _ItemLayout = require("../../ItemLayout");
+const _index = require("../../ItemLayout/index.cjs");
 const _reactutilities = require("@fluentui/react-utilities");
 const renderListItem_unstable = (state)=>{
     (0, _reactutilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ItemLayout.ItemLayout, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.ItemLayout, {
             startMedia: state.media,
             header: state.header,
             headerMedia: state.headerMedia,

package/lib-commonjs/components/List/ListItem/{renderListItem.js.map → renderListItem.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/renderListItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { ItemLayout } from '../../ItemLayout';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ListItemSlots, ListItemState } from './ListItem.types';\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState): JSXElement => {\n  assertSlots<ListItemSlots>(state);\n\n  return (\n    <state.root>\n      <ItemLayout\n        startMedia={state.media}\n        header={state.header}\n        headerMedia={state.headerMedia}\n        contentWrapper={state.contentWrapper}\n        contentMedia={state.contentMedia}\n        endMedia={state.endMedia}\n      >\n        {state.root.children}\n      </ItemLayout>\n    </state.root>\n  );\n};\n"],"names":["ItemLayout","assertSlots","renderListItem_unstable","state","root","startMedia","media","header","headerMedia","contentWrapper","contentMedia","endMedia","children"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;4BAEtB,mBAAmB;gCAClB,4BAA4B;AAMjD,gCAAgC,CAACC;QACtCF,2BAAAA,EAA2BE;IAE3B,OAAA,WAAA,GACE,mBAAA,EAACA,MAAMC,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,sBAAAA,EAAAA;YACCK,YAAYF,MAAMG,KAAK;YACvBC,QAAQJ,MAAMI,MAAM;YACpBC,aAAaL,MAAMK,WAAW;YAC9BC,gBAAgBN,MAAMM,cAAc;YACpCC,cAAcP,MAAMO,YAAY;YAChCC,UAAUR,MAAMQ,QAAQ;sBAEvBR,MAAMC,IAAI,CAACQ,QAAQ;;;AAI5B,EAAE"}
+{"version":3,"sources":["../src/components/List/ListItem/renderListItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { ItemLayout } from '../../ItemLayout';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ListItemSlots, ListItemState } from './ListItem.types';\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState): JSXElement => {\n  assertSlots<ListItemSlots>(state);\n\n  return (\n    <state.root>\n      <ItemLayout\n        startMedia={state.media}\n        header={state.header}\n        headerMedia={state.headerMedia}\n        contentWrapper={state.contentWrapper}\n        contentMedia={state.contentMedia}\n        endMedia={state.endMedia}\n      >\n        {state.root.children}\n      </ItemLayout>\n    </state.root>\n  );\n};\n"],"names":["ItemLayout","assertSlots","renderListItem_unstable","state","root","startMedia","media","header","headerMedia","contentWrapper","contentMedia","endMedia","children"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;uBAEtB,4BAAmB;gCAClB,4BAA4B;AAMjD,gCAAgC,CAACC;QACtCF,2BAAAA,EAA2BE;IAE3B,OAAA,WAAA,GACE,mBAAA,EAACA,MAAMC,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,iBAAAA,EAAAA;YACCK,YAAYF,MAAMG,KAAK;YACvBC,QAAQJ,MAAMI,MAAM;YACpBC,aAAaL,MAAMK,WAAW;YAC9BC,gBAAgBN,MAAMM,cAAc;YACpCC,cAAcP,MAAMO,YAAY;YAChCC,UAAUR,MAAMQ,QAAQ;sBAEvBR,MAAMC,IAAI,CAACQ,QAAQ;;;AAI5B,EAAE"}

package/lib-commonjs/components/List/ListItem/{useListItem.js → useListItem.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useListItem_unstable", {
 });
 const _reactaria = require("@fluentui/react-aria");
 const _reactutilities = require("@fluentui/react-utilities");
-const _listContext = require("../List/listContext");
+const _listContext = require("../List/listContext.cjs");
 const DEFAULT_ROOT_EL_TYPE = 'li';
 function validateProperElementTypes(parentRenderedAs, renderedAs) {
     if (process.env.NODE_ENV === 'production') {

package/lib-commonjs/components/List/ListItem/{useListItem.js.map → useListItem.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/useListItem.tsx"],"sourcesContent":["'use client';\n\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { getIntrinsicElementProps, slot, useEventCallback, useId } from '@fluentui/react-utilities';\nimport type * as React from 'react';\nimport { useListContext_unstable } from '../List/listContext';\nimport type { ListItemProps, ListItemState } from './ListItem.types';\n\nconst DEFAULT_ROOT_EL_TYPE = 'li';\n\nfunction validateProperElementTypes(parentRenderedAs?: 'div' | 'ul' | 'ol', renderedAs?: 'div' | 'li') {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n\n  if (renderedAs === 'div' && parentRenderedAs !== 'div') {\n    throw new Error('ListItem cannot be rendered as a div when its parent is not a div.');\n  }\n  if (renderedAs === 'li' && parentRenderedAs === 'div') {\n    throw new Error('ListItem cannot be rendered as a li when its parent is a div.');\n  }\n}\n\nfunction validateNavigableWhenOnClickPresent(navigable: boolean, onClick?: React.MouseEventHandler) {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n\n  if (onClick && !navigable) {\n    throw new Error('ListItem must be navigable when onClick is present. Set navigable={true} on the List.');\n  }\n}\n\n/**\n * Create the state required to render ListItem.\n *\n * The returned state can be modified with hooks such as useListItemStyles_unstable,\n * before being passed to renderListItem_unstable.\n *\n * @param props - props from this instance of ListItem\n * @param ref - reference to root HTMLLIElement | HTMLDivElementof ListItem\n */\nexport const useListItem_unstable = (\n  props: ListItemProps,\n  ref: React.Ref<HTMLLIElement | HTMLDivElement>,\n): ListItemState => {\n  const id = useId('listItem');\n  const { value = id, truncateHeader, truncateContent, onClick, onKeyDown, onKeyUp } = props;\n\n  const navigable = useListContext_unstable(ctx => ctx.navigable);\n  const toggleItem = useListContext_unstable(ctx => ctx.selection?.toggleItem);\n  const isSelectionEnabled = useListContext_unstable(ctx => !!ctx.selection);\n  const isSelected = useListContext_unstable(ctx => ctx.selection?.isSelected(value));\n\n  const truncateHeaderOnList = useListContext_unstable(ctx => ctx.truncateHeader);\n  const truncateContentOnList = useListContext_unstable(ctx => ctx.truncateContent);\n\n  const parentRenderedAs = useListContext_unstable(ctx => ctx.as);\n  const renderedAs = props.as || DEFAULT_ROOT_EL_TYPE;\n\n  validateProperElementTypes(parentRenderedAs, renderedAs);\n\n  validateNavigableWhenOnClickPresent(navigable, onClick);\n\n  const handleClick: React.MouseEventHandler<HTMLLIElement & HTMLDivElement> = useEventCallback(e => {\n    onClick?.(e);\n\n    if (!isSelectionEnabled || e.defaultPrevented) {\n      return;\n    }\n\n    toggleItem?.(e, value);\n  });\n\n  // avoid passing empty onClick to prevent items unnecessary being narrated as clickable\n  // see https://github.com/microsoft/fluentui/issues/20658\n  const passClickHandler = !!onClick || isSelectionEnabled;\n\n  const clickHandlerProps = {\n    onClick: passClickHandler ? handleClick : undefined,\n    onKeyDown: onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n    onKeyUp: onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n  };\n\n  // This will give us the onKeyDown and onKeyUp props for Enter and Space\n  const ariaButtonProps = useARIAButtonProps('div', clickHandlerProps);\n\n  // v0 ListItem adds keyboard handling only for navigable or selectable items\n  const buttonProps = navigable || isSelectionEnabled ? ariaButtonProps : clickHandlerProps;\n\n  const root = slot.always(\n    getIntrinsicElementProps(DEFAULT_ROOT_EL_TYPE, {\n      ref: ref as React.Ref<HTMLLIElement & HTMLDivElement>,\n      tabIndex: navigable || isSelectionEnabled ? 0 : undefined,\n      role: navigable ? 'menuitem' : 'listitem',\n      id: String(value),\n      ...(isSelectionEnabled && {\n        role: 'option',\n        'aria-selected': isSelected,\n      }),\n      ...props,\n      onKeyDown: buttonProps.onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n      onKeyUp: buttonProps.onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n      onClick: buttonProps.onClick as React.MouseEventHandler<HTMLLIElement & HTMLDivElement>,\n    }),\n    { elementType: DEFAULT_ROOT_EL_TYPE },\n  );\n\n  const state: ListItemState = {\n    components: {\n      root: DEFAULT_ROOT_EL_TYPE,\n      media: 'div',\n      header: 'div',\n      contentWrapper: 'div',\n      headerMedia: 'div',\n      contentMedia: 'div',\n      endMedia: 'div',\n    },\n    root,\n    navigable,\n    selectable: isSelectionEnabled,\n    selected: isSelected,\n    media: slot.optional(props.media, { elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { elementType: 'div', renderByDefault: true }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n    truncateHeader: truncateHeader ?? truncateHeaderOnList,\n    truncateContent: truncateContent ?? truncateContentOnList,\n  };\n\n  return state;\n};\n"],"names":["useARIAButtonProps","getIntrinsicElementProps","slot","useEventCallback","useId","useListContext_unstable","DEFAULT_ROOT_EL_TYPE","validateProperElementTypes","parentRenderedAs","renderedAs","process","env","NODE_ENV","Error","validateNavigableWhenOnClickPresent","navigable","onClick","useListItem_unstable","props","ref","id","value","truncateHeader","truncateContent","onKeyDown","onKeyUp","ctx","toggleItem","selection","isSelectionEnabled","isSelected","truncateHeaderOnList","truncateContentOnList","as","handleClick","e","defaultPrevented","passClickHandler","clickHandlerProps","undefined","ariaButtonProps","buttonProps","root","always","tabIndex","role","String","elementType","state","components","media","header","contentWrapper","headerMedia","contentMedia","endMedia","selectable","selected","optional","renderByDefault"],"mappings":"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"}
+{"version":3,"sources":["../src/components/List/ListItem/useListItem.tsx"],"sourcesContent":["'use client';\n\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { getIntrinsicElementProps, slot, useEventCallback, useId } from '@fluentui/react-utilities';\nimport type * as React from 'react';\nimport { useListContext_unstable } from '../List/listContext';\nimport type { ListItemProps, ListItemState } from './ListItem.types';\n\nconst DEFAULT_ROOT_EL_TYPE = 'li';\n\nfunction validateProperElementTypes(parentRenderedAs?: 'div' | 'ul' | 'ol', renderedAs?: 'div' | 'li') {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n\n  if (renderedAs === 'div' && parentRenderedAs !== 'div') {\n    throw new Error('ListItem cannot be rendered as a div when its parent is not a div.');\n  }\n  if (renderedAs === 'li' && parentRenderedAs === 'div') {\n    throw new Error('ListItem cannot be rendered as a li when its parent is a div.');\n  }\n}\n\nfunction validateNavigableWhenOnClickPresent(navigable: boolean, onClick?: React.MouseEventHandler) {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n\n  if (onClick && !navigable) {\n    throw new Error('ListItem must be navigable when onClick is present. Set navigable={true} on the List.');\n  }\n}\n\n/**\n * Create the state required to render ListItem.\n *\n * The returned state can be modified with hooks such as useListItemStyles_unstable,\n * before being passed to renderListItem_unstable.\n *\n * @param props - props from this instance of ListItem\n * @param ref - reference to root HTMLLIElement | HTMLDivElementof ListItem\n */\nexport const useListItem_unstable = (\n  props: ListItemProps,\n  ref: React.Ref<HTMLLIElement | HTMLDivElement>,\n): ListItemState => {\n  const id = useId('listItem');\n  const { value = id, truncateHeader, truncateContent, onClick, onKeyDown, onKeyUp } = props;\n\n  const navigable = useListContext_unstable(ctx => ctx.navigable);\n  const toggleItem = useListContext_unstable(ctx => ctx.selection?.toggleItem);\n  const isSelectionEnabled = useListContext_unstable(ctx => !!ctx.selection);\n  const isSelected = useListContext_unstable(ctx => ctx.selection?.isSelected(value));\n\n  const truncateHeaderOnList = useListContext_unstable(ctx => ctx.truncateHeader);\n  const truncateContentOnList = useListContext_unstable(ctx => ctx.truncateContent);\n\n  const parentRenderedAs = useListContext_unstable(ctx => ctx.as);\n  const renderedAs = props.as || DEFAULT_ROOT_EL_TYPE;\n\n  validateProperElementTypes(parentRenderedAs, renderedAs);\n\n  validateNavigableWhenOnClickPresent(navigable, onClick);\n\n  const handleClick: React.MouseEventHandler<HTMLLIElement & HTMLDivElement> = useEventCallback(e => {\n    onClick?.(e);\n\n    if (!isSelectionEnabled || e.defaultPrevented) {\n      return;\n    }\n\n    toggleItem?.(e, value);\n  });\n\n  // avoid passing empty onClick to prevent items unnecessary being narrated as clickable\n  // see https://github.com/microsoft/fluentui/issues/20658\n  const passClickHandler = !!onClick || isSelectionEnabled;\n\n  const clickHandlerProps = {\n    onClick: passClickHandler ? handleClick : undefined,\n    onKeyDown: onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n    onKeyUp: onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n  };\n\n  // This will give us the onKeyDown and onKeyUp props for Enter and Space\n  const ariaButtonProps = useARIAButtonProps('div', clickHandlerProps);\n\n  // v0 ListItem adds keyboard handling only for navigable or selectable items\n  const buttonProps = navigable || isSelectionEnabled ? ariaButtonProps : clickHandlerProps;\n\n  const root = slot.always(\n    getIntrinsicElementProps(DEFAULT_ROOT_EL_TYPE, {\n      ref: ref as React.Ref<HTMLLIElement & HTMLDivElement>,\n      tabIndex: navigable || isSelectionEnabled ? 0 : undefined,\n      role: navigable ? 'menuitem' : 'listitem',\n      id: String(value),\n      ...(isSelectionEnabled && {\n        role: 'option',\n        'aria-selected': isSelected,\n      }),\n      ...props,\n      onKeyDown: buttonProps.onKeyDown as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n      onKeyUp: buttonProps.onKeyUp as React.KeyboardEventHandler<HTMLLIElement & HTMLDivElement>,\n      onClick: buttonProps.onClick as React.MouseEventHandler<HTMLLIElement & HTMLDivElement>,\n    }),\n    { elementType: DEFAULT_ROOT_EL_TYPE },\n  );\n\n  const state: ListItemState = {\n    components: {\n      root: DEFAULT_ROOT_EL_TYPE,\n      media: 'div',\n      header: 'div',\n      contentWrapper: 'div',\n      headerMedia: 'div',\n      contentMedia: 'div',\n      endMedia: 'div',\n    },\n    root,\n    navigable,\n    selectable: isSelectionEnabled,\n    selected: isSelected,\n    media: slot.optional(props.media, { elementType: 'div' }),\n    header: slot.optional(props.header, { elementType: 'div' }),\n    contentWrapper: slot.optional(props.contentWrapper, { elementType: 'div', renderByDefault: true }),\n    headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n    contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n    endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n    truncateHeader: truncateHeader ?? truncateHeaderOnList,\n    truncateContent: truncateContent ?? truncateContentOnList,\n  };\n\n  return state;\n};\n"],"names":["useARIAButtonProps","getIntrinsicElementProps","slot","useEventCallback","useId","useListContext_unstable","DEFAULT_ROOT_EL_TYPE","validateProperElementTypes","parentRenderedAs","renderedAs","process","env","NODE_ENV","Error","validateNavigableWhenOnClickPresent","navigable","onClick","useListItem_unstable","props","ref","id","value","truncateHeader","truncateContent","onKeyDown","onKeyUp","ctx","toggleItem","selection","isSelectionEnabled","isSelected","truncateHeaderOnList","truncateContentOnList","as","handleClick","e","defaultPrevented","passClickHandler","clickHandlerProps","undefined","ariaButtonProps","buttonProps","root","always","tabIndex","role","String","elementType","state","components","media","header","contentWrapper","headerMedia","contentMedia","endMedia","selectable","selected","optional","renderByDefault"],"mappings":"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"}

package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, makeResetStyles, mergeClasses } from \"@griffel/react\";\nimport { createCustomFocusIndicatorStyle } from \"@fluentui/react-tabster\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const listItemClassNames = {\n    root: 'fui-ListItem',\n    media: 'fui-ListItem__media',\n    header: 'fui-ListItem__header',\n    contentWrapper: 'fui-ListItem__contentWrapper',\n    headerMedia: 'fui-ListItem__headerMedia',\n    contentMedia: 'fui-ListItem__contentMedia',\n    endMedia: 'fui-ListItem__endMedia'\n};\nconst useRootBaseStyles = makeResetStyles({\n    padding: '0 10px',\n    margin: 0,\n    textIndent: 0,\n    listStyleType: 'none',\n    ...createCustomFocusIndicatorStyle({\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        borderRadius: tokens.borderRadiusMedium\n    }, {\n        selector: 'focus'\n    })\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    contentWrapper: {\n        fontSize: tokens.fontSizeBase200\n    },\n    // The content should go all the way to the end if the content media is not present\n    contentWrapperWithoutMedia: {\n        gridColumnEnd: 4\n    },\n    truncate: {\n        overflow: 'hidden',\n        textWrap: 'nowrap',\n        textOverflow: 'ellipsis'\n    },\n    rootSelected: {\n        backgroundColor: tokens.colorNeutralBackground1Selected\n    },\n    rootClickable: {\n        cursor: 'pointer',\n        '&:hover': {\n            backgroundColor: tokens.colorNeutralBackground1Hover\n        }\n    }\n});\n/**\n * Apply styling to the ListItem slots based on the state\n */ export const useListItemStyles_unstable = (state)=>{\n    const rootBaseStyles = useRootBaseStyles();\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(listItemClassNames.root, rootBaseStyles, (state.selectable || state.navigable) && styles.rootClickable, state.selected && styles.rootSelected, state.root.className);\n    if (state.header) {\n        var _state_header;\n        // eslint-disable-next-line react-hooks/immutability\n        state.header.className = mergeClasses(state.truncateHeader && styles.truncate, (_state_header = state.header) === null || _state_header === void 0 ? void 0 : _state_header.className);\n    }\n    if (state.contentWrapper) {\n        var _state_contentWrapper;\n        // eslint-disable-next-line react-hooks/immutability\n        state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.truncateContent && styles.truncate, !state.contentMedia && styles.contentWrapperWithoutMedia, (_state_contentWrapper = state.contentWrapper) === null || _state_contentWrapper === void 0 ? void 0 : _state_contentWrapper.className);\n    }\n    return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","listItemClassNames","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","useStyles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","Bpg54ce","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","p","h","useListItemStyles_unstable","state","rootBaseStyles","styles","className","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,kBAAkB;;;8BAgDY;eAA1B2B;;;uBAnDyC,gBAAgB;AAGnE,2BAA2B;IAC9B1B,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,qBAAqB;IAC5BC,MAAM,EAAE,sBAAsB;IAC9BC,cAAc,EAAE,8BAA8B;IAC9CC,WAAW,EAAE,2BAA2B;IACxCC,YAAY,EAAE,4BAA4B;IAC1CC,QAAQ,EAAE;AACd,CAAC;AACD,MAAMC,iBAAiB,GAAA,WAAA,OAAGZ,oBAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAWzB,CAAC;AACF;;CAEA,GAAI,MAAMa,SAAS,GAAA,WAAA,OAAGd,eAAA,EAAA;IAAAS,cAAA,EAAA;QAAAM,OAAA,EAAA;IAAA;IAAAC,0BAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,aAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAsBrB,CAAC;AAGS,oCAAoCE,KAAK,IAAG;IACnD,MAAMC,cAAc,GAAGrB,iBAAiB,CAAC,CAAC;IAC1C,MAAMsB,MAAM,GAAGrB,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAmB,KAAK,CAAC3B,IAAI,CAAC8B,SAAS,OAAGlC,mBAAY,EAACG,kBAAkB,CAACC,IAAI,EAAE4B,cAAc,EAAE,CAACD,KAAK,CAACI,UAAU,IAAIJ,KAAK,CAACK,SAAAA,AAAS,KAAKH,MAAM,CAACT,aAAa,EAAEO,KAAK,CAACM,QAAQ,IAAIJ,MAAM,CAACX,YAAY,EAAES,KAAK,CAAC3B,IAAI,CAAC8B,SAAS,CAAC;IACxM,IAAIH,KAAK,CAACzB,MAAM,EAAE;QACd,IAAIgC,aAAa;QACjB,oDAAA;QACAP,KAAK,CAACzB,MAAM,CAAC4B,SAAS,OAAGlC,mBAAY,EAAC+B,KAAK,CAACQ,cAAc,IAAIN,MAAM,CAACjB,QAAQ,EAAE,CAACsB,aAAa,GAAGP,KAAK,CAACzB,MAAAA,AAAM,MAAM,IAAI,IAAIgC,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACJ,SAAS,CAAC;IAC1L;IACA,IAAIH,KAAK,CAACxB,cAAc,EAAE;QACtB,IAAIiC,qBAAqB;QACzB,oDAAA;QACAT,KAAK,CAACxB,cAAc,CAAC2B,SAAS,OAAGlC,mBAAY,EAACiC,MAAM,CAAC1B,cAAc,EAAEwB,KAAK,CAACU,eAAe,IAAIR,MAAM,CAACjB,QAAQ,EAAE,CAACe,KAAK,CAACtB,YAAY,IAAIwB,MAAM,CAACnB,0BAA0B,EAAE,CAAC0B,qBAAqB,GAAGT,KAAK,CAACxB,cAAAA,AAAc,MAAM,IAAI,IAAIiC,qBAAqB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,qBAAqB,CAACN,SAAS,CAAC;IACpT;IACA,OAAOH,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/List/hooks/{index.js → index.cjs}

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "useListSelection", {
         return _useListSelection.useListSelection;
     }
 });
-const _useListSelection = require("./useListSelection");
+const _useListSelection = require("./useListSelection.cjs");

package/lib-commonjs/components/List/hooks/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/hooks/index.ts"],"sourcesContent":["export { useListSelection } from './useListSelection';\n"],"names":["useListSelection"],"mappings":";;;;;;;eAASA,kCAAgB;;;kCAAQ,qBAAqB"}
+{"version":3,"sources":["../src/components/List/hooks/index.ts"],"sourcesContent":["export { useListSelection } from './useListSelection';\n"],"names":["useListSelection"],"mappings":";;;;;;;eAASA,kCAAgB;;;kCAAQ,wBAAqB"}

package/lib-commonjs/components/List/{index.js → index.cjs}

@@ -10,39 +10,39 @@ function _export(target, all) {
 }
 _export(exports, {
     List: function() {
-        return _List.List;
+        return _index.List;
     },
     ListItem: function() {
-        return _ListItem.ListItem;
+        return _index1.ListItem;
     },
     listClassNames: function() {
-        return _List.listClassNames;
+        return _index.listClassNames;
     },
     listItemClassNames: function() {
-        return _ListItem.listItemClassNames;
+        return _index1.listItemClassNames;
     },
     renderListItem_unstable: function() {
-        return _ListItem.renderListItem_unstable;
+        return _index1.renderListItem_unstable;
     },
     renderList_unstable: function() {
-        return _List.renderList_unstable;
+        return _index.renderList_unstable;
     },
     useListItemStyles_unstable: function() {
-        return _ListItem.useListItemStyles_unstable;
+        return _index1.useListItemStyles_unstable;
     },
     useListItem_unstable: function() {
-        return _ListItem.useListItem_unstable;
+        return _index1.useListItem_unstable;
     },
     useListSelection: function() {
-        return _hooks.useListSelection;
+        return _index2.useListSelection;
     },
     useListStyles_unstable: function() {
-        return _List.useListStyles_unstable;
+        return _index.useListStyles_unstable;
     },
     useList_unstable: function() {
-        return _List.useList_unstable;
+        return _index.useList_unstable;
     }
 });
-const _List = require("./List");
-const _ListItem = require("./ListItem");
-const _hooks = require("./hooks");
+const _index = require("./List/index.cjs");
+const _index1 = require("./ListItem/index.cjs");
+const _index2 = require("./hooks/index.cjs");

package/lib-commonjs/components/List/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/index.ts"],"sourcesContent":["export { List, listClassNames, renderList_unstable, useListStyles_unstable, useList_unstable } from './List';\nexport type { ListProps, ListSlots, ListState } from './List';\n\nexport {\n  ListItem,\n  listItemClassNames,\n  renderListItem_unstable,\n  useListItemStyles_unstable,\n  useListItem_unstable,\n} from './ListItem';\nexport type { ListItemProps, ListItemSlots, ListItemState } from './ListItem';\n\nexport { useListSelection } from './hooks';\n"],"names":["List","listClassNames","renderList_unstable","useListStyles_unstable","useList_unstable","ListItem","listItemClassNames","renderListItem_unstable","useListItemStyles_unstable","useListItem_unstable","useListSelection"],"mappings":";;;;;;;;;;;IAASA;yBAAI;;IAIXK;iCAAQ;;;eAJKJ,oBAAc;;sBAKT;eAAlBK;;;eACAC,iCAAuB;;;eANML,yBAAmB;;;eAOhDM,oCAA0B;;;eAC1BC,8BAAoB;;;eAIbC,uBAAgB;;;eAZ2BP,4BAAsB;;;eAAEC,sBAAgB;;;sBAAQ,SAAS;0BAStG,aAAa;uBAGa,UAAU"}
+{"version":3,"sources":["../src/components/List/index.ts"],"sourcesContent":["export { List, listClassNames, renderList_unstable, useListStyles_unstable, useList_unstable } from './List';\nexport type { ListProps, ListSlots, ListState } from './List';\n\nexport {\n  ListItem,\n  listItemClassNames,\n  renderListItem_unstable,\n  useListItemStyles_unstable,\n  useListItem_unstable,\n} from './ListItem';\nexport type { ListItemProps, ListItemSlots, ListItemState } from './ListItem';\n\nexport { useListSelection } from './hooks';\n"],"names":["List","listClassNames","renderList_unstable","useListStyles_unstable","useList_unstable","ListItem","listItemClassNames","renderListItem_unstable","useListItemStyles_unstable","useListItem_unstable","useListSelection"],"mappings":";;;;;;;;;;;IAASA;0BAAI;;IAIXK;+BAAQ;;;eAJKJ,qBAAc;;sBAKT;eAAlBK;;;eACAC,+BAAuB;;;eANML,0BAAmB;;;eAOhDM,kCAA0B;;;eAC1BC,4BAAoB;;;eAIbC,wBAAgB;;;eAZ2BP,6BAAsB;;;eAAEC,uBAAgB;;;uBAAQ,kBAAS;wBAStG,sBAAa;wBAGa,mBAAU"}

package/lib-commonjs/components/Primitive/{index.js → index.cjs}

@@ -16,4 +16,4 @@ _export(exports, {
         return _Primitive.primitiveClassName;
     }
 });
-const _Primitive = require("./Primitive");
+const _Primitive = require("./Primitive.cjs");

package/lib-commonjs/components/Primitive/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Primitive/index.tsx"],"sourcesContent":["export { Primitive, primitiveClassName } from './Primitive';\n"],"names":["Primitive","primitiveClassName"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAAEC,6BAAkB;;;2BAAQ,cAAc"}
+{"version":3,"sources":["../src/components/Primitive/index.tsx"],"sourcesContent":["export { Primitive, primitiveClassName } from './Primitive';\n"],"names":["Primitive","primitiveClassName"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAAEC,6BAAkB;;;2BAAQ,iBAAc"}

package/lib-commonjs/components/Segment/{Segment.js → Segment.cjs}

@@ -20,7 +20,7 @@ _export(exports, {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _reactcomponents = require("@fluentui/react-components");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _Segmentstyles = require("./Segment.styles");
+const _Segmentstyles = require("./Segment.styles.cjs");
 const segmentClassName = 'fui-Segment';
 const Segment = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const { children, className, ...rest } = props;

package/lib-commonjs/components/Segment/{Segment.js.map → Segment.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Segment/Segment.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useSegmentStyles } from './Segment.styles';\n\nexport const segmentClassName = 'fui-Segment';\n\nexport const Segment = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n  const { children, className, ...rest } = props;\n  const classes = useSegmentStyles();\n\n  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);\n\n  return (\n    <div ref={ref} className={segmentClasses} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nSegment.displayName = 'Segment';\n"],"names":["mergeClasses","React","useSegmentStyles","segmentClassName","Segment","forwardRef","props","ref","children","className","rest","classes","segmentClasses","segment","div","displayName"],"mappings":"AAAA;;;;;;;;;;;;IASaI,OAAAA;;;oBAFAD;;;;;iCALgB,6BAA6B;iEACnC,QAAQ;+BAEE,mBAAmB;AAE7C,MAAMA,mBAAmB,cAAc;AAEvC,gBAAMC,WAAAA,GAAUH,OAAMI,UAAU,CAAoD,CAACC,OAAOC;IACjG,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,mCAAAA;IAEhB,MAAMU,qBAAiBZ,6BAAAA,EAAaG,kBAAkBQ,QAAQE,OAAO,EAAEJ;IAEvE,OAAA,WAAA,GACE,OAAA,aAAA,CAACK,OAAAA;QAAIP,KAAKA;QAAKE,WAAWG;QAAiB,GAAGF,IAAI;OAC/CF;AAGP,GAAG;AAEHJ,QAAQW,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Segment/Segment.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@fluentui/react-components';\nimport * as React from 'react';\n\nimport { useSegmentStyles } from './Segment.styles';\n\nexport const segmentClassName = 'fui-Segment';\n\nexport const Segment = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement>>((props, ref) => {\n  const { children, className, ...rest } = props;\n  const classes = useSegmentStyles();\n\n  const segmentClasses = mergeClasses(segmentClassName, classes.segment, className);\n\n  return (\n    <div ref={ref} className={segmentClasses} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nSegment.displayName = 'Segment';\n"],"names":["mergeClasses","React","useSegmentStyles","segmentClassName","Segment","forwardRef","props","ref","children","className","rest","classes","segmentClasses","segment","div","displayName"],"mappings":"AAAA;;;;;;;;;;;;IASaI,OAAAA;;;oBAFAD;;;;;iCALgB,6BAA6B;iEACnC,QAAQ;+BAEE,sBAAmB;AAE7C,MAAMA,mBAAmB,cAAc;AAEvC,gBAAMC,WAAAA,GAAUH,OAAMI,UAAU,CAAoD,CAACC,OAAOC;IACjG,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUT,mCAAAA;IAEhB,MAAMU,qBAAiBZ,6BAAAA,EAAaG,kBAAkBQ,QAAQE,OAAO,EAAEJ;IAEvE,OAAA,WAAA,GACE,OAAA,aAAA,CAACK,OAAAA;QAAIP,KAAKA;QAAKE,WAAWG;QAAiB,GAAGF,IAAI;OAC/CF;AAGP,GAAG;AAEHJ,QAAQW,WAAW,GAAG"}

package/lib-commonjs/components/Segment/Segment.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Segment.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, shorthands, tokens } from \"@fluentui/react-components\";\nexport const useSegmentStyles = makeStyles({\n    segment: {\n        padding: '1em',\n        ...shorthands.borderWidth('2px', 0, 0),\n        ...shorthands.borderColor('transparent'),\n        ...shorthands.borderStyle('solid'),\n        backgroundColor: tokens.colorNeutralBackground1,\n        boxShadow: `0 1px 1px 1px ${tokens.colorNeutralShadowKey}`\n    }\n});\n"],"names":["__styles","shorthands","tokens","useSegmentStyles","segment","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d","p"],"mappings":"AAAA,YAAY;;;;;+BAECG,gBAAgB;;;;;;iCADkB,4BAA4B;AACpE,yBAAsB,WAAA,OAAGH,yBAAA,EAAA;IAAAI,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAS/B,CAAC"}

package/lib-commonjs/components/Segment/{index.js → index.cjs}

@@ -16,4 +16,4 @@ _export(exports, {
         return _Segment.segmentClassName;
     }
 });
-const _Segment = require("./Segment");
+const _Segment = require("./Segment.cjs");

package/lib-commonjs/components/Segment/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Segment/index.ts"],"sourcesContent":["export { Segment, segmentClassName } from './Segment';\n"],"names":["Segment","segmentClassName"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAAEC,yBAAgB;;;yBAAQ,YAAY"}
+{"version":3,"sources":["../src/components/Segment/index.ts"],"sourcesContent":["export { Segment, segmentClassName } from './Segment';\n"],"names":["Segment","segmentClassName"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAAEC,yBAAgB;;;yBAAQ,eAAY"}

package/lib-commonjs/components/Slider/{index.js → index.cjs}

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "slider", {
         return _Slidermixins.slider;
     }
 });
-const _Slidermixins = require("./Slider.mixins");
+const _Slidermixins = require("./Slider.mixins.cjs");

package/lib-commonjs/components/Slider/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/index.ts"],"sourcesContent":["export { slider } from './Slider.mixins';\n"],"names":["slider"],"mappings":";;;;;;;eAASA,oBAAM;;;8BAAQ,kBAAkB"}
+{"version":3,"sources":["../src/components/Slider/index.ts"],"sourcesContent":["export { slider } from './Slider.mixins';\n"],"names":["slider"],"mappings":";;;;;;;eAASA,oBAAM;;;8BAAQ,qBAAkB"}

package/lib-commonjs/components/Spinner/{index.js → index.cjs}

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "spinner", {
         return _SpinnerMigrationmixins.spinner;
     }
 });
-const _SpinnerMigrationmixins = require("./SpinnerMigration.mixins");
+const _SpinnerMigrationmixins = require("./SpinnerMigration.mixins.cjs");

package/lib-commonjs/components/Spinner/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Spinner/index.tsx"],"sourcesContent":["export { spinner } from './SpinnerMigration.mixins';\n"],"names":["spinner"],"mappings":";;;;;;;eAASA,+BAAO;;;wCAAQ,4BAA4B"}
+{"version":3,"sources":["../src/components/Spinner/index.tsx"],"sourcesContent":["export { spinner } from './SpinnerMigration.mixins';\n"],"names":["spinner"],"mappings":";;;;;;;eAASA,+BAAO;;;wCAAQ,+BAA4B"}

package/lib-commonjs/components/StyledText/{StyledText.js → StyledText.cjs}

@@ -21,7 +21,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
-const _StyledTextstyles = require("./StyledText.styles");
+const _StyledTextstyles = require("./StyledText.styles.cjs");
 const styledTextClassName = 'fui-StyledText';
 const sizeMap = {
     '100': 'base100',