@fluentui/react-migration-v0-v9 9.5.0 → 9.6.0

package/lib-commonjs/components/List/List/useList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/useList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  OnSelectionChangeData,\n  slot,\n  useControllableState,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { 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":["useList_unstable","DEFAULT_ROOT_EL_TYPE","props","ref","layout","navigable","selectable","selectionMode","selectedItems","defaultSelectedItems","as","onSelectionChange","truncateContent","truncateHeader","arrowNavigationAttributes","useArrowNavigationGroup","axis","memorizeCurrent","selectionState","setSelectionState","useControllableState","state","defaultState","initialState","onChange","useEventCallback","e","data","selectedItemsAsArray","Array","from","selection","useListSelection","components","root","slot","always","getIntrinsicElementProps","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBaA;;;eAAAA;;;;iEAvBU;gCAOhB;8BACiC;kCAEP;AAEjC,MAAMC,uBAAuB;AAWtB,MAAMD,mBAAmB,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,4BAA4BC,IAAAA,qCAAAA,EAAwB;QACxDC,MAAMZ,WAAW,SAAS,gBAAgB;QAC1Ca,iBAAiB;IACnB;IAEA,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,IAAAA,oCAAAA,EAAqB;QAC/DC,OAAOb;QACPc,cAAcb;QACdc,cAAc,EAAE;IAClB;IAEA,MAAMC,WAAWC,IAAAA,gCAAAA,EAAiB,CAACC,GAAyBC;QAC1D,MAAMC,uBAAuBC,MAAMC,IAAI,CAACH,KAAKnB,aAAa;QAC1DW,kBAAkBS;QAClBjB,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBe,GAAG;YAAElB,eAAeoB;QAAqB;IAC/D;IAEA,MAAMG,YAAYC,IAAAA,kCAAAA,EAAiB;QACjCrB,mBAAmBa;QACnBjB;QACAC,eAAeU;QACfT;IACF;IAEA,OAAO;QACLwB,YAAY;YACVC,MAAMjC;QACR;QACAiC,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyBpC,sBAAsB;YAC7CE;YACA,GAAIE,aAAa;gBAAEiC,MAAM;YAAO,CAAC;YACjC,GAAIhC,cAAc;gBAChBgC,MAAM;gBACN,wBAAwB/B,kBAAkB,gBAAgB,OAAOgC;YACnE,CAAC;YACD,GAAGzB,yBAAyB;YAC5B,GAAGZ,KAAK;QACV,IACA;YAAEsC,aAAavC;QAAqB;QAEtCG;QACA,WAAW;QACXC;QACAK,IAAIA,MAAMT;QACVW;QACAC;QACA,6FAA6F;QAC7FkB,WAAWzB,aAAayB,YAAYQ;IACtC;AACF"}
+{"version":3,"sources":["../src/components/List/List/useList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  OnSelectionChangeData,\n  slot,\n  useControllableState,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { 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":["React","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":";;;;+BAuBaQ;;;;;;;iEAvBU,QAAQ;gCAOxB,4BAA4B;8BACK,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"}

package/lib-commonjs/components/List/List/useListContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/useListContextValues.ts"],"sourcesContent":["import { ListContextValues, ListState } from './List.types';\n\nexport function useListContextValues_unstable(state: ListState): ListContextValues {\n  const { navigable, selection, as, truncateContent, truncateHeader } = state;\n\n  const listContext = {\n    navigable,\n    selection,\n    as,\n    truncateContent,\n    truncateHeader,\n  };\n\n  return {\n    listContext,\n  };\n}\n"],"names":["useListContextValues_unstable","state","navigable","selection","as","truncateContent","truncateHeader","listContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,8BAA8BC,KAAgB;IAC5D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,EAAE,EAAEC,eAAe,EAAEC,cAAc,EAAE,GAAGL;IAEtE,MAAMM,cAAc;QAClBL;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QACLC;IACF;AACF"}
+{"version":3,"sources":["../src/components/List/List/useListContextValues.ts"],"sourcesContent":["import { ListContextValues, ListState } from './List.types';\n\nexport function useListContextValues_unstable(state: ListState): ListContextValues {\n  const { navigable, selection, as, truncateContent, truncateHeader } = state;\n\n  const listContext = {\n    navigable,\n    selection,\n    as,\n    truncateContent,\n    truncateHeader,\n  };\n\n  return {\n    listContext,\n  };\n}\n"],"names":["useListContextValues_unstable","state","navigable","selection","as","truncateContent","truncateHeader","listContext"],"mappings":";;;;+BAEgBA;;;;;;AAAT,uCAAuCC,KAAgB;IAC5D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,EAAE,EAAEC,eAAe,EAAEC,cAAc,EAAE,GAAGL;IAEtE,MAAMM,cAAc;QAClBL;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QACLC;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    const rootStyles = useRootBaseStyles();\n    const styles = useStyles();\n    const layoutToStyles = {\n        ['horizontal']: styles.rootHorizontal,\n        ['grid']: styles.rootGrid,\n        ['vertical']: undefined\n    };\n    state.root.className = mergeClasses(listClassNames.root, rootStyles, layoutToStyles[state.layout], state.root.className);\n    return state;\n};\n"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","__resetStyles","useStyles","__styles","rootHorizontal","mc9l5x","rootGrid","d","state","rootStyles","styles","layoutToStyles","undefined","className","mergeClasses","layout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAqBIC,sBAAsB;eAAtBA;;;uBAtByC;AACnD,MAAMD,iBAAiB;IAC1BE,MAAM;AACV;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAKzB;AACD;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,gBAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;KAAA;AAAA;AAUX,MAAMT,yBAA0BU,CAAAA;IACvC;IACA,MAAMC,aAAaT;IACnB,MAAMU,SAASR;IACf,MAAMS,iBAAiB;QACnB,CAAC,aAAY,EAAGD,OAAON,cAAc;QACrC,CAAC,OAAM,EAAGM,OAAOJ,QAAQ;QACzB,CAAC,WAAU,EAAGM;IAClB;IACAJ,MAAMT,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,eAAeE,IAAI,EAAEU,YAAYE,cAAc,CAACH,MAAMO,MAAM,CAAC,EAAEP,MAAMT,IAAI,CAACc,SAAS;IACvH,OAAOL;AACX"}
+{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    const rootStyles = useRootBaseStyles();\n    const styles = useStyles();\n    const layoutToStyles = {\n        ['horizontal']: styles.rootHorizontal,\n        ['grid']: styles.rootGrid,\n        ['vertical']: undefined\n    };\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":";;;;;;;;;;;IACaG,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,+BAAgCE,KAAK,IAAG;IAC/C,aAAa;IACb,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;IACDJ,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/List/useListStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List/useListStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { ListSlots, ListState } from './List.types';\n\nexport const listClassNames: SlotClassNames<ListSlots> = {\n  root: 'fui-List',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n  padding: 0,\n  margin: 0,\n  textIndent: 0,\n  listStyleType: 'none',\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  rootHorizontal: {\n    display: 'flex',\n  },\n\n  rootGrid: {\n    display: 'grid',\n  },\n});\n\n/**\n * Apply styling to the List slots based on the state\n */\nexport const useListStyles_unstable = (state: ListState): ListState => {\n  'use no memo';\n\n  const rootStyles = useRootBaseStyles();\n  const styles = useStyles();\n\n  const layoutToStyles = {\n    ['horizontal']: styles.rootHorizontal,\n    ['grid']: styles.rootGrid,\n    ['vertical']: undefined, // no extra styles needed, keep it in for completeness and type safety\n  };\n\n  state.root.className = mergeClasses(\n    listClassNames.root,\n    rootStyles,\n    layoutToStyles[state.layout],\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","makeResetStyles","padding","margin","textIndent","listStyleType","useStyles","makeStyles","rootHorizontal","display","rootGrid","state","rootStyles","styles","layoutToStyles","undefined","className","mergeClasses","layout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,cAAAA;eAAAA;;IA2BAC,sBAAAA;eAAAA;;;uBA9B6C;AAGnD,MAAMD,iBAA4C;IACvDE,MAAM;AACR;AAEA,MAAMC,oBAAoBC,IAAAA,sBAAAA,EAAgB;IACxCC,SAAS;IACTC,QAAQ;IACRC,YAAY;IACZC,eAAe;AACjB;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BC,gBAAgB;QACdC,SAAS;IACX;IAEAC,UAAU;QACRD,SAAS;IACX;AACF;AAKO,MAAMX,yBAAyB,CAACa;IACrC;IAEA,MAAMC,aAAaZ;IACnB,MAAMa,SAASP;IAEf,MAAMQ,iBAAiB;QACrB,CAAC,aAAa,EAAED,OAAOL,cAAc;QACrC,CAAC,OAAO,EAAEK,OAAOH,QAAQ;QACzB,CAAC,WAAW,EAAEK;IAChB;IAEAJ,MAAMZ,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAAA,EACrBpB,eAAeE,IAAI,EACnBa,YACAE,cAAc,CAACH,MAAMO,MAAM,CAAC,EAC5BP,MAAMZ,IAAI,CAACiB,SAAS;IAGtB,OAAOL;AACT"}
+{"version":3,"sources":["../src/components/List/List/useListStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { ListSlots, ListState } from './List.types';\n\nexport const listClassNames: SlotClassNames<ListSlots> = {\n  root: 'fui-List',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n  padding: 0,\n  margin: 0,\n  textIndent: 0,\n  listStyleType: 'none',\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  rootHorizontal: {\n    display: 'flex',\n  },\n\n  rootGrid: {\n    display: 'grid',\n  },\n});\n\n/**\n * Apply styling to the List slots based on the state\n */\nexport const useListStyles_unstable = (state: ListState): ListState => {\n  'use no memo';\n\n  const rootStyles = useRootBaseStyles();\n  const styles = useStyles();\n\n  const layoutToStyles = {\n    ['horizontal']: styles.rootHorizontal,\n    ['grid']: styles.rootGrid,\n    ['vertical']: undefined, // no extra styles needed, keep it in for completeness and type safety\n  };\n\n  state.root.className = mergeClasses(\n    listClassNames.root,\n    rootStyles,\n    layoutToStyles[state.layout],\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","listClassNames","root","useRootBaseStyles","padding","margin","textIndent","listStyleType","useStyles","rootHorizontal","display","rootGrid","useListStyles_unstable","state","rootStyles","styles","layoutToStyles","undefined","className","layout"],"mappings":";;;;;;;;;;;IAIaG,cAAAA;;;IA2BAW,sBAAAA;;;;uBA9B6C,iBAAiB;AAGpE,uBAAkD;IACvDV,MAAM;AACR,EAAE;AAEF,MAAMC,wBAAoBJ,sBAAAA,EAAgB;IACxCK,SAAS;IACTC,QAAQ;IACRC,YAAY;IACZC,eAAe;AACjB;AAEA;;CAEC,GACD,MAAMC,gBAAYV,iBAAAA,EAAW;IAC3BW,gBAAgB;QACdC,SAAS;IACX;IAEAC,UAAU;QACRD,SAAS;IACX;AACF;AAKO,+BAA+B,CAACG;IACrC;IAEA,MAAMC,aAAaX;IACnB,MAAMY,SAASP;IAEf,MAAMQ,iBAAiB;QACrB,CAAC,aAAa,EAAED,OAAON,cAAc;QACrC,CAAC,OAAO,EAAEM,OAAOJ,QAAQ;QACzB,CAAC,WAAW,EAAEM;IAChB;IAEAJ,MAAMX,IAAI,CAACgB,SAAS,OAAGlB,mBAAAA,EACrBC,eAAeC,IAAI,EACnBY,YACAE,cAAc,CAACH,MAAMM,MAAM,CAAC,EAC5BN,MAAMX,IAAI,CAACgB,SAAS;IAGtB,OAAOL;AACT,EAAE"}

package/lib-commonjs/components/List/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import * 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":["ListItem","React","forwardRef","props","ref","state","useListItem_unstable","useListItemStyles_unstable","useCustomStyleHook_unstable","renderListItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;qCAEqB;6BACP;gCACG;yCACG;AAGpC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,gDAAAA,EAA4B,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAGFL,SAASU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import * 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":";;;;+BAQaK;;;;;;;iEARU,QAAQ;qCAEa,kCAAkC;6BACzC,gBAAgB;gCACb,mBAAmB;yCAChB,6BAA6B;AAGjE,iBAAMA,WAAAA,GAA+CL,OAAMM,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,QAAQP,qCAAAA,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/ListItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/ListItem.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ItemLayout } from '../../ItemLayout';\n\nexport type ListItemSlots = {\n  root: NonNullable<Slot<'li', 'div'>>;\n  media?: React.ComponentProps<typeof ItemLayout>['startMedia'];\n  header?: React.ComponentProps<typeof ItemLayout>['header'];\n  contentWrapper?: React.ComponentProps<typeof ItemLayout>['contentWrapper'];\n  headerMedia?: React.ComponentProps<typeof ItemLayout>['headerMedia'];\n  contentMedia?: React.ComponentProps<typeof ItemLayout>['contentMedia'];\n  endMedia?: React.ComponentProps<typeof ItemLayout>['endMedia'];\n};\n\n/**\n * ListItem Props\n */\nexport type ListItemProps = ComponentProps<ListItemSlots> & {\n  value?: string | number;\n  truncateHeader?: boolean;\n  truncateContent?: boolean;\n};\n\n/**\n * State used in rendering ListItem\n */\nexport type ListItemState = ComponentState<ListItemSlots> & {\n  selectable?: boolean;\n  selected?: boolean;\n  navigable?: boolean;\n  truncateHeader?: boolean;\n  truncateContent?: boolean;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../src/components/List/ListItem/ListItem.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ItemLayout } from '../../ItemLayout';\n\nexport type ListItemSlots = {\n  root: NonNullable<Slot<'li', 'div'>>;\n  media?: React.ComponentProps<typeof ItemLayout>['startMedia'];\n  header?: React.ComponentProps<typeof ItemLayout>['header'];\n  contentWrapper?: React.ComponentProps<typeof ItemLayout>['contentWrapper'];\n  headerMedia?: React.ComponentProps<typeof ItemLayout>['headerMedia'];\n  contentMedia?: React.ComponentProps<typeof ItemLayout>['contentMedia'];\n  endMedia?: React.ComponentProps<typeof ItemLayout>['endMedia'];\n};\n\n/**\n * ListItem Props\n */\nexport type ListItemProps = ComponentProps<ListItemSlots> & {\n  value?: string | number;\n  truncateHeader?: boolean;\n  truncateContent?: boolean;\n};\n\n/**\n * State used in rendering ListItem\n */\nexport type ListItemState = ComponentState<ListItemSlots> & {\n  selectable?: boolean;\n  selected?: boolean;\n  navigable?: boolean;\n  truncateHeader?: boolean;\n  truncateContent?: boolean;\n};\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

package/lib-commonjs/components/List/ListItem/index.js.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","listItemClassNames","renderListItem_unstable","useListItemStyles_unstable","useListItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAIRC,kBAAkB;eAAlBA,2CAAkB;;IAFlBC,uBAAuB;eAAvBA,uCAAuB;;IAEHC,0BAA0B;eAA1BA,mDAA0B;;IAD9CC,oBAAoB;eAApBA,iCAAoB;;;0BAHJ;gCAEe;6BACH;yCAC0B"}
+{"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"}

package/lib-commonjs/components/List/ListItem/renderListItem.js.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 { ListItemSlots, ListItemState } from './ListItem.types';\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState) => {\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":["renderListItem_unstable","state","assertSlots","_jsx","root","ItemLayout","startMedia","media","header","headerMedia","contentWrapper","contentMedia","endMedia","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;4BAE2B;gCACC;AAKrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,2BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACE,sBAAAA,EAAAA;YACCC,YAAYL,MAAMM,KAAK;YACvBC,QAAQP,MAAMO,MAAM;YACpBC,aAAaR,MAAMQ,WAAW;YAC9BC,gBAAgBT,MAAMS,cAAc;YACpCC,cAAcV,MAAMU,YAAY;YAChCC,UAAUX,MAAMW,QAAQ;sBAEvBX,MAAMG,IAAI,CAACS,QAAQ;;;AAI5B"}
+{"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 { ListItemSlots, ListItemState } from './ListItem.types';\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState) => {\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":";;;;+BASaE;;;;;;4BARb,gDAAiD;4BAEtB,mBAAmB;gCAClB,4BAA4B;AAKjD,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"}

package/lib-commonjs/components/List/ListItem/useListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/useListItem.tsx"],"sourcesContent":["import { useARIAButtonProps } from '@fluentui/react-aria';\nimport { getIntrinsicElementProps, slot, useEventCallback, useId } from '@fluentui/react-utilities';\nimport * 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":["useListItem_unstable","DEFAULT_ROOT_EL_TYPE","validateProperElementTypes","parentRenderedAs","renderedAs","process","env","NODE_ENV","Error","validateNavigableWhenOnClickPresent","navigable","onClick","props","ref","id","useId","value","truncateHeader","truncateContent","onKeyDown","onKeyUp","useListContext_unstable","ctx","toggleItem","selection","isSelectionEnabled","isSelected","truncateHeaderOnList","truncateContentOnList","as","handleClick","useEventCallback","e","defaultPrevented","passClickHandler","clickHandlerProps","undefined","ariaButtonProps","useARIAButtonProps","buttonProps","root","slot","always","getIntrinsicElementProps","tabIndex","role","String","elementType","state","components","media","header","contentWrapper","headerMedia","contentMedia","endMedia","selectable","selected","optional","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/List/ListItem/useListItem.tsx"],"sourcesContent":["import { useARIAButtonProps } from '@fluentui/react-aria';\nimport { getIntrinsicElementProps, slot, useEventCallback, useId } from '@fluentui/react-utilities';\nimport * 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","React","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.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    const styles = useStyles();\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        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        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":["listItemClassNames","useListItemStyles_unstable","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","__resetStyles","useStyles","__styles","Be2twd7","contentWrapperWithoutMedia","Bw0ie65","truncate","B68tc82","Bmxbyg5","Bpg54ce","j4b8c3","ygn44y","rootSelected","De3pzq","rootClickable","Bceei9c","Jwef8y","d","p","h","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","_state_header","truncateHeader","_state_contentWrapper","truncateContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IAgDIC,0BAA0B;eAA1BA;;;uBAnDyC;AAGnD,MAAMD,qBAAqB;IAC9BE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACd;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAWzB;AACD;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAP,gBAAA;QAAAQ,SAAA;IAAA;IAAAC,4BAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;IAAA;IAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAyBX,MAAM5B,6BAA8B6B,CAAAA;IAC3C;IACA,MAAMC,iBAAiBtB;IACvB,MAAMuB,SAASrB;IACfmB,MAAM5B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,mBAAmBE,IAAI,EAAE6B,gBAAgB,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAATA,KAAcJ,OAAOR,aAAa,EAAEM,MAAMO,QAAQ,IAAIL,OAAOV,YAAY,EAAEQ,MAAM5B,IAAI,CAAC+B,SAAS;IACvM,IAAIH,MAAM1B,MAAM,EAAE;QACd,IAAIkC;QACJR,MAAM1B,MAAM,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMS,cAAc,IAAIP,OAAOhB,QAAQ,EAAE,AAACsB,CAAAA,gBAAgBR,MAAM1B,MAAM,AAANA,MAAY,QAAQkC,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcL,SAAS;IACzL;IACA,IAAIH,MAAMzB,cAAc,EAAE;QACtB,IAAImC;QACJV,MAAMzB,cAAc,CAAC4B,SAAS,GAAGC,IAAAA,mBAAY,EAACF,OAAO3B,cAAc,EAAEyB,MAAMW,eAAe,IAAIT,OAAOhB,QAAQ,EAAE,CAACc,MAAMvB,YAAY,IAAIyB,OAAOlB,0BAA0B,EAAE,AAAC0B,CAAAA,wBAAwBV,MAAMzB,cAAc,AAAdA,MAAoB,QAAQmC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBP,SAAS;IACnT;IACA,OAAOH;AACX"}
+{"version":3,"sources":["useListItemStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    const styles = useStyles();\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        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        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":";;;;;;;;;;;IAGaK,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,aAAa;IACb,MAAMC,cAAc,GAAGrB,iBAAiB,CAAC,CAAC;IAC1C,MAAMsB,MAAM,GAAGrB,SAAS,CAAC,CAAC;IAC1BmB,KAAK,CAAC3B,IAAI,CAAC8B,SAAS,OAAGlC,mBAAY,EAACG,kBAAkB,CAACC,IAAI,EAAE4B,cAAc,EAAGD,AAAD,KAAM,EAACI,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;QACjBP,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;QACzBT,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/ListItem/useListItemStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/ListItem/useListItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { ListItemSlots, ListItemState } from './ListItem.types';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const listItemClassNames: SlotClassNames<ListItemSlots> = {\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};\n\nconst useRootBaseStyles = makeResetStyles({\n  padding: '0 10px',\n  margin: 0,\n  textIndent: 0,\n  listStyleType: 'none',\n  ...createCustomFocusIndicatorStyle(\n    {\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n    },\n    { selector: 'focus' },\n  ),\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  contentWrapper: {\n    fontSize: tokens.fontSizeBase200,\n  },\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\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n    },\n  },\n});\n\n/**\n * Apply styling to the ListItem slots based on the state\n */\nexport const useListItemStyles_unstable = (state: ListItemState): ListItemState => {\n  'use no memo';\n\n  const rootBaseStyles = useRootBaseStyles();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    listItemClassNames.root,\n    rootBaseStyles,\n    (state.selectable || state.navigable) && styles.rootClickable,\n    state.selected && styles.rootSelected,\n    state.root.className,\n  );\n\n  if (state.header) {\n    state.header.className = mergeClasses(state.truncateHeader && styles.truncate, state.header?.className);\n  }\n\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(\n      styles.contentWrapper,\n      state.truncateContent && styles.truncate,\n      !state.contentMedia && styles.contentWrapperWithoutMedia,\n      state.contentWrapper?.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["listItemClassNames","useListItemStyles_unstable","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","makeResetStyles","padding","margin","textIndent","listStyleType","createCustomFocusIndicatorStyle","outline","tokens","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","selector","useStyles","makeStyles","fontSize","fontSizeBase200","contentWrapperWithoutMedia","gridColumnEnd","truncate","overflow","textWrap","textOverflow","rootSelected","backgroundColor","colorNeutralBackground1Selected","rootClickable","cursor","colorNeutralBackground1Hover","state","rootBaseStyles","styles","className","mergeClasses","selectable","navigable","selected","truncateHeader","truncateContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,kBAAAA;eAAAA;;IAwDAC,0BAAAA;eAAAA;;;uBA7D6C;8BACV;4BAEzB;AAEhB,MAAMD,qBAAoD;IAC/DE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACZ;AAEA,MAAMC,oBAAoBC,IAAAA,sBAAAA,EAAgB;IACxCC,SAAS;IACTC,QAAQ;IACRC,YAAY;IACZC,eAAe;IACf,GAAGC,IAAAA,6CAAAA,EACD;QACEC,SAAS,CAAC,EAAEC,kBAAAA,CAAOC,gBAAgB,CAAC,OAAO,EAAED,kBAAAA,CAAOE,iBAAiB,CAAC,CAAC;QACvEC,cAAcH,kBAAAA,CAAOI,kBAAkB;IACzC,GACA;QAAEC,UAAU;IAAQ,EACrB;AACH;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BnB,gBAAgB;QACdoB,UAAUR,kBAAAA,CAAOS,eAAe;IAClC;IAEA,mFAAmF;IACnFC,4BAA4B;QAC1BC,eAAe;IACjB;IACAC,UAAU;QACRC,UAAU;QACVC,UAAU;QACVC,cAAc;IAChB;IACAC,cAAc;QACZC,iBAAiBjB,kBAAAA,CAAOkB,+BAA+B;IACzD;IACAC,eAAe;QACbC,QAAQ;QAER,WAAW;YACTH,iBAAiBjB,kBAAAA,CAAOqB,4BAA4B;QACtD;IACF;AACF;AAKO,MAAMrC,6BAA6B,CAACsC;IACzC;IAEA,MAAMC,iBAAiB/B;IACvB,MAAMgC,SAASlB;IAEfgB,MAAMrC,IAAI,CAACwC,SAAS,GAAGC,IAAAA,mBAAAA,EACrB3C,mBAAmBE,IAAI,EACvBsC,gBACA,AAACD,CAAAA,MAAMK,UAAU,IAAIL,MAAMM,SAAS,AAATA,KAAcJ,OAAOL,aAAa,EAC7DG,MAAMO,QAAQ,IAAIL,OAAOR,YAAY,EACrCM,MAAMrC,IAAI,CAACwC,SAAS;IAGtB,IAAIH,MAAMnC,MAAM,EAAE;YAC+DmC;QAA/EA,MAAMnC,MAAM,CAACsC,SAAS,GAAGC,IAAAA,mBAAAA,EAAaJ,MAAMQ,cAAc,IAAIN,OAAOZ,QAAQ,EAAA,AAAEU,CAAAA,gBAAAA,MAAMnC,MAAM,AAANA,MAAM,QAAZmC,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcG,SAAS;IACxG;IAEA,IAAIH,MAAMlC,cAAc,EAAE;YAKtBkC;QAJFA,MAAMlC,cAAc,CAACqC,SAAS,GAAGC,IAAAA,mBAAAA,EAC/BF,OAAOpC,cAAc,EACrBkC,MAAMS,eAAe,IAAIP,OAAOZ,QAAQ,EACxC,CAACU,MAAMhC,YAAY,IAAIkC,OAAOd,0BAA0B,EAAA,AACxDY,CAAAA,wBAAAA,MAAMlC,cAAc,AAAdA,MAAc,QAApBkC,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAsBG,SAAS;IAEnC;IAEA,OAAOH;AACT"}
+{"version":3,"sources":["../src/components/List/ListItem/useListItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { ListItemSlots, ListItemState } from './ListItem.types';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const listItemClassNames: SlotClassNames<ListItemSlots> = {\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};\n\nconst useRootBaseStyles = makeResetStyles({\n  padding: '0 10px',\n  margin: 0,\n  textIndent: 0,\n  listStyleType: 'none',\n  ...createCustomFocusIndicatorStyle(\n    {\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n    },\n    { selector: 'focus' },\n  ),\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  contentWrapper: {\n    fontSize: tokens.fontSizeBase200,\n  },\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\n    '&:hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n    },\n  },\n});\n\n/**\n * Apply styling to the ListItem slots based on the state\n */\nexport const useListItemStyles_unstable = (state: ListItemState): ListItemState => {\n  'use no memo';\n\n  const rootBaseStyles = useRootBaseStyles();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    listItemClassNames.root,\n    rootBaseStyles,\n    (state.selectable || state.navigable) && styles.rootClickable,\n    state.selected && styles.rootSelected,\n    state.root.className,\n  );\n\n  if (state.header) {\n    state.header.className = mergeClasses(state.truncateHeader && styles.truncate, state.header?.className);\n  }\n\n  if (state.contentWrapper) {\n    state.contentWrapper.className = mergeClasses(\n      styles.contentWrapper,\n      state.truncateContent && styles.truncate,\n      !state.contentMedia && styles.contentWrapperWithoutMedia,\n      state.contentWrapper?.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","listItemClassNames","root","media","header","contentWrapper","headerMedia","contentMedia","endMedia","useRootBaseStyles","padding","margin","textIndent","listStyleType","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","selector","useStyles","fontSize","fontSizeBase200","contentWrapperWithoutMedia","gridColumnEnd","truncate","overflow","textWrap","textOverflow","rootSelected","backgroundColor","colorNeutralBackground1Selected","rootClickable","cursor","colorNeutralBackground1Hover","useListItemStyles_unstable","state","rootBaseStyles","styles","className","selectable","navigable","selected","truncateHeader","truncateContent"],"mappings":";;;;;;;;;;;IAMaK,kBAAAA;;;8BAwDAkC;;;;uBA7D6C,iBAAiB;8BAC3B,0BAA0B;4BAEnD,wBAAwB;AAExC,2BAA0D;IAC/DjC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,gBAAgB;IAChBC,aAAa;IACbC,cAAc;IACdC,UAAU;AACZ,EAAE;AAEF,MAAMC,oBAAoBZ,0BAAAA,EAAgB;IACxCa,SAAS;IACTC,QAAQ;IACRC,YAAY;IACZC,eAAe;IACf,OAAGd,6CAAAA,EACD;QACEe,SAAS,GAAGd,kBAAAA,CAAOe,gBAAgB,CAAC,OAAO,EAAEf,kBAAAA,CAAOgB,iBAAiB,EAAE;QACvEC,cAAcjB,kBAAAA,CAAOkB,kBAAkB;IACzC,GACA;QAAEC,UAAU;IAAQ,EACrB;AACH;AAEA;;CAEC,GACD,MAAMC,gBAAYxB,iBAAAA,EAAW;IAC3BS,gBAAgB;QACdgB,UAAUrB,kBAAAA,CAAOsB,eAAe;IAClC;IAEA,mFAAmF;IACnFC,4BAA4B;QAC1BC,eAAe;IACjB;IACAC,UAAU;QACRC,UAAU;QACVC,UAAU;QACVC,cAAc;IAChB;IACAC,cAAc;QACZC,iBAAiB9B,kBAAAA,CAAO+B,+BAA+B;IACzD;IACAC,eAAe;QACbC,QAAQ;QAER,WAAW;YACTH,iBAAiB9B,kBAAAA,CAAOkC,4BAA4B;QACtD;IACF;AACF;AAKO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAMC,iBAAiB5B;IACvB,MAAM6B,SAASlB;IAEfgB,MAAMlC,IAAI,CAACqC,SAAS,OAAGzC,mBAAAA,EACrBG,mBAAmBC,IAAI,EACvBmC,gBACCD,CAAAA,MAAMI,UAAU,IAAIJ,MAAMK,SAAAA,AAAQ,KAAMH,OAAON,aAAa,EAC7DI,MAAMM,QAAQ,IAAIJ,OAAOT,YAAY,EACrCO,MAAMlC,IAAI,CAACqC,SAAS;IAGtB,IAAIH,MAAMhC,MAAM,EAAE;YAC+DgC;QAA/EA,MAAMhC,MAAM,CAACmC,SAAS,OAAGzC,mBAAAA,EAAasC,MAAMO,cAAc,IAAIL,OAAOb,QAAQ,EAAA,CAAEW,gBAAAA,MAAMhC,MAAAA,AAAM,MAAA,QAAZgC,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcG,SAAS;IACxG;IAEA,IAAIH,MAAM/B,cAAc,EAAE;YAKtB+B;QAJFA,MAAM/B,cAAc,CAACkC,SAAS,OAAGzC,mBAAAA,EAC/BwC,OAAOjC,cAAc,EACrB+B,MAAMQ,eAAe,IAAIN,OAAOb,QAAQ,EACxC,CAACW,MAAM7B,YAAY,IAAI+B,OAAOf,0BAA0B,EAAA,CACxDa,wBAAAA,MAAM/B,cAAAA,AAAc,MAAA,QAApB+B,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAsBG,SAAS;IAEnC;IAEA,OAAOH;AACT,EAAE"}

package/lib-commonjs/components/List/hooks/index.js.map

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

package/lib-commonjs/components/List/hooks/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/hooks/types.ts"],"sourcesContent":["import { SelectionItemId } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type ListSelectionState = {\n  isSelected: (item: string | number) => boolean;\n  toggleItem: (e: React.SyntheticEvent, id: string | number) => void;\n  deselectItem: (e: React.SyntheticEvent, id: string | number) => void;\n  selectItem: (e: React.SyntheticEvent, id: string | number) => void;\n  clearSelection: (e: React.SyntheticEvent) => void;\n  toggleAllItems: (e: React.SyntheticEvent, itemIds: string[] | number[]) => void;\n  setSelectedItems: React.Dispatch<React.SetStateAction<Iterable<SelectionItemId>>>;\n  selectedItems: SelectionItemId[];\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEACuB"}
+{"version":3,"sources":["../src/components/List/hooks/types.ts"],"sourcesContent":["import { SelectionItemId } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type ListSelectionState = {\n  isSelected: (item: string | number) => boolean;\n  toggleItem: (e: React.SyntheticEvent, id: string | number) => void;\n  deselectItem: (e: React.SyntheticEvent, id: string | number) => void;\n  selectItem: (e: React.SyntheticEvent, id: string | number) => void;\n  clearSelection: (e: React.SyntheticEvent) => void;\n  toggleAllItems: (e: React.SyntheticEvent, itemIds: string[] | number[]) => void;\n  setSelectedItems: React.Dispatch<React.SetStateAction<Iterable<SelectionItemId>>>;\n  selectedItems: SelectionItemId[];\n};\n"],"names":["React"],"mappings":";;;;;iEACuB,QAAQ"}

package/lib-commonjs/components/List/hooks/useListSelection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/hooks/useListSelection.tsx"],"sourcesContent":["import { SelectionHookParams, useControllableState, useEventCallback, useSelection } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { ListSelectionState } from './types';\n\nexport function useListSelection(options: SelectionHookParams = { selectionMode: 'multiselect' }): ListSelectionState {\n  const { selectionMode, defaultSelectedItems, onSelectionChange } = options;\n\n  const [selectedItems, setSelectedItems] = useControllableState({\n    state: options.selectedItems,\n    defaultState: defaultSelectedItems,\n    initialState: [],\n  });\n\n  const [selected, selectionMethods] = useSelection({\n    selectionMode,\n    defaultSelectedItems,\n    selectedItems,\n    onSelectionChange: (e, data) => {\n      setSelectedItems(data.selectedItems);\n      onSelectionChange?.(e, data);\n    },\n  });\n\n  const toggleItem: ListSelectionState['toggleItem'] = useEventCallback((e, itemId) =>\n    selectionMethods.toggleItem(e, itemId),\n  );\n\n  const toggleAllItems: ListSelectionState['toggleAllItems'] = useEventCallback((e, itemIds) => {\n    selectionMethods.toggleAllItems(e, itemIds);\n  });\n\n  const deselectItem: ListSelectionState['deselectItem'] = useEventCallback((e, itemId: string | number) =>\n    selectionMethods.deselectItem(e, itemId),\n  );\n\n  const selectItem: ListSelectionState['selectItem'] = useEventCallback((e, itemId: string | number) =>\n    selectionMethods.selectItem(e, itemId),\n  );\n\n  const clearSelection: ListSelectionState['clearSelection'] = useEventCallback(e => selectionMethods.clearItems(e));\n\n  const selectedArray = React.useMemo(() => Array.from(selected), [selected]);\n\n  return {\n    selectedItems: selectedArray,\n    toggleItem,\n    toggleAllItems,\n    deselectItem,\n    selectItem,\n    setSelectedItems,\n    isSelected: (id: string | number) => selectionMethods.isSelected(id),\n    clearSelection,\n  };\n}\n"],"names":["useListSelection","options","selectionMode","defaultSelectedItems","onSelectionChange","selectedItems","setSelectedItems","useControllableState","state","defaultState","initialState","selected","selectionMethods","useSelection","e","data","toggleItem","useEventCallback","itemId","toggleAllItems","itemIds","deselectItem","selectItem","clearSelection","clearItems","selectedArray","React","useMemo","Array","from","isSelected","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;gCAJ0E;iEACnE;AAGhB,SAASA,iBAAiBC,UAA+B;IAAEC,eAAe;AAAc,CAAC;IAC9F,MAAM,EAAEA,aAAa,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAAGH;IAEnE,MAAM,CAACI,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAAA,EAAqB;QAC7DC,OAAOP,QAAQI,aAAa;QAC5BI,cAAcN;QACdO,cAAc,EAAE;IAClB;IAEA,MAAM,CAACC,UAAUC,iBAAiB,GAAGC,IAAAA,4BAAAA,EAAa;QAChDX;QACAC;QACAE;QACAD,mBAAmB,CAACU,GAAGC;YACrBT,iBAAiBS,KAAKV,aAAa;YACnCD,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBU,GAAGC;QACzB;IACF;IAEA,MAAMC,aAA+CC,IAAAA,gCAAAA,EAAiB,CAACH,GAAGI,SACxEN,iBAAiBI,UAAU,CAACF,GAAGI;IAGjC,MAAMC,iBAAuDF,IAAAA,gCAAAA,EAAiB,CAACH,GAAGM;QAChFR,iBAAiBO,cAAc,CAACL,GAAGM;IACrC;IAEA,MAAMC,eAAmDJ,IAAAA,gCAAAA,EAAiB,CAACH,GAAGI,SAC5EN,iBAAiBS,YAAY,CAACP,GAAGI;IAGnC,MAAMI,aAA+CL,IAAAA,gCAAAA,EAAiB,CAACH,GAAGI,SACxEN,iBAAiBU,UAAU,CAACR,GAAGI;IAGjC,MAAMK,iBAAuDN,IAAAA,gCAAAA,EAAiBH,CAAAA,IAAKF,iBAAiBY,UAAU,CAACV;IAE/G,MAAMW,gBAAgBC,OAAMC,OAAO,CAAC,IAAMC,MAAMC,IAAI,CAAClB,WAAW;QAACA;KAAS;IAE1E,OAAO;QACLN,eAAeoB;QACfT;QACAG;QACAE;QACAC;QACAhB;QACAwB,YAAY,CAACC,KAAwBnB,iBAAiBkB,UAAU,CAACC;QACjER;IACF;AACF"}
+{"version":3,"sources":["../src/components/List/hooks/useListSelection.tsx"],"sourcesContent":["import { SelectionHookParams, useControllableState, useEventCallback, useSelection } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { ListSelectionState } from './types';\n\nexport function useListSelection(options: SelectionHookParams = { selectionMode: 'multiselect' }): ListSelectionState {\n  const { selectionMode, defaultSelectedItems, onSelectionChange } = options;\n\n  const [selectedItems, setSelectedItems] = useControllableState({\n    state: options.selectedItems,\n    defaultState: defaultSelectedItems,\n    initialState: [],\n  });\n\n  const [selected, selectionMethods] = useSelection({\n    selectionMode,\n    defaultSelectedItems,\n    selectedItems,\n    onSelectionChange: (e, data) => {\n      setSelectedItems(data.selectedItems);\n      onSelectionChange?.(e, data);\n    },\n  });\n\n  const toggleItem: ListSelectionState['toggleItem'] = useEventCallback((e, itemId) =>\n    selectionMethods.toggleItem(e, itemId),\n  );\n\n  const toggleAllItems: ListSelectionState['toggleAllItems'] = useEventCallback((e, itemIds) => {\n    selectionMethods.toggleAllItems(e, itemIds);\n  });\n\n  const deselectItem: ListSelectionState['deselectItem'] = useEventCallback((e, itemId: string | number) =>\n    selectionMethods.deselectItem(e, itemId),\n  );\n\n  const selectItem: ListSelectionState['selectItem'] = useEventCallback((e, itemId: string | number) =>\n    selectionMethods.selectItem(e, itemId),\n  );\n\n  const clearSelection: ListSelectionState['clearSelection'] = useEventCallback(e => selectionMethods.clearItems(e));\n\n  const selectedArray = React.useMemo(() => Array.from(selected), [selected]);\n\n  return {\n    selectedItems: selectedArray,\n    toggleItem,\n    toggleAllItems,\n    deselectItem,\n    selectItem,\n    setSelectedItems,\n    isSelected: (id: string | number) => selectionMethods.isSelected(id),\n    clearSelection,\n  };\n}\n"],"names":["useControllableState","useEventCallback","useSelection","React","useListSelection","options","selectionMode","defaultSelectedItems","onSelectionChange","selectedItems","setSelectedItems","state","defaultState","initialState","selected","selectionMethods","e","data","toggleItem","itemId","toggleAllItems","itemIds","deselectItem","selectItem","clearSelection","clearItems","selectedArray","useMemo","Array","from","isSelected","id"],"mappings":";;;;+BAIgBI;;;;;;;gCAJ0E,4BAA4B;iEAC/F,QAAQ;AAGxB,0BAA0BC,UAA+B;IAAEC,eAAe;AAAc,CAAC;IAC9F,MAAM,EAAEA,aAAa,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAAGH;IAEnE,MAAM,CAACI,eAAeC,iBAAiB,OAAGV,oCAAAA,EAAqB;QAC7DW,OAAON,QAAQI,aAAa;QAC5BG,cAAcL;QACdM,cAAc,EAAE;IAClB;IAEA,MAAM,CAACC,UAAUC,iBAAiB,OAAGb,4BAAAA,EAAa;QAChDI;QACAC;QACAE;QACAD,mBAAmB,CAACQ,GAAGC;YACrBP,iBAAiBO,KAAKR,aAAa;YACnCD,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBQ,GAAGC;QACzB;IACF;IAEA,MAAMC,iBAA+CjB,gCAAAA,EAAiB,CAACe,GAAGG,SACxEJ,iBAAiBG,UAAU,CAACF,GAAGG;IAGjC,MAAMC,qBAAuDnB,gCAAAA,EAAiB,CAACe,GAAGK;QAChFN,iBAAiBK,cAAc,CAACJ,GAAGK;IACrC;IAEA,MAAMC,mBAAmDrB,gCAAAA,EAAiB,CAACe,GAAGG,SAC5EJ,iBAAiBO,YAAY,CAACN,GAAGG;IAGnC,MAAMI,aAA+CtB,oCAAAA,EAAiB,CAACe,GAAGG,SACxEJ,iBAAiBQ,UAAU,CAACP,GAAGG;IAGjC,MAAMK,qBAAuDvB,gCAAAA,EAAiBe,CAAAA,IAAKD,iBAAiBU,UAAU,CAACT;IAE/G,MAAMU,gBAAgBvB,OAAMwB,OAAO,CAAC,IAAMC,MAAMC,IAAI,CAACf,WAAW;QAACA;KAAS;IAE1E,OAAO;QACLL,eAAeiB;QACfR;QACAE;QACAE;QACAC;QACAb;QACAoB,YAAY,CAACC,KAAwBhB,iBAAiBe,UAAU,CAACC;QACjEP;IACF;AACF"}

package/lib-commonjs/components/List/index.js.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","ListItem","listClassNames","listItemClassNames","renderListItem_unstable","renderList_unstable","useListItemStyles_unstable","useListItem_unstable","useListSelection","useListStyles_unstable","useList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAIXC,QAAQ;eAARA,kBAAQ;;IAJKC,cAAc;eAAdA,oBAAc;;IAK3BC,kBAAkB;eAAlBA,4BAAkB;;IAClBC,uBAAuB;eAAvBA,iCAAuB;;IANMC,mBAAmB;eAAnBA,yBAAmB;;IAOhDC,0BAA0B;eAA1BA,oCAA0B;;IAC1BC,oBAAoB;eAApBA,8BAAoB;;IAIbC,gBAAgB;eAAhBA,uBAAgB;;IAZ2BC,sBAAsB;eAAtBA,4BAAsB;;IAAEC,gBAAgB;eAAhBA,sBAAgB;;;sBAAQ;0BAS7F;uBAG0B"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Primitive/Primitive.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\n\n// Simplified version from https://github.com/reach/reach-ui/blob/55d28eda39afc4c667e97f5f62a48d1de034b93f/packages/utils/src/polymorphic.ts\ninterface PrimitiveComponent {\n  /**\n   * Infers props from JSX.IntrinsicElements based on \"as\" value. Explicitly avoids `React.ElementType` and manually\n   * narrow the prop types so that events are typed when using JSX.IntrinsicElements.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  <As extends keyof JSX.IntrinsicElements>(props: { as?: As } & JSX.IntrinsicElements[As]): React.ReactElement | null;\n\n  displayName: string;\n}\n\nexport const primitiveClassName = 'fui-Primitive';\n\nexport const Primitive = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & { as: 'div' }>(\n  (props, ref) => {\n    const { as: Component = 'div', ...rest } = props;\n\n    const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n    const className = mergeClasses(primitiveClassName, props.className);\n\n    return <Component dir={dir} {...rest} className={className} ref={ref} />;\n  },\n) as PrimitiveComponent;\n\nPrimitive.displayName = 'Primitive';\n"],"names":["Primitive","primitiveClassName","React","forwardRef","props","ref","as","Component","rest","dir","children","undefined","className","mergeClasses","createElement","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiBaA,SAAAA;eAAAA;;IAFAC,kBAAAA;eAAAA;;;;iEAfU;iCACM;AActB,MAAMA,qBAAqB;AAE3B,MAAMD,YAAAA,WAAAA,GAAYE,OAAMC,UAAU,CACvC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAIC,YAAY,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAE3C,MAAMK,MAAM,OAAOL,MAAMM,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,YAAYC,IAAAA,6BAAAA,EAAaZ,oBAAoBG,MAAMQ,SAAS;IAElE,OAAA,WAAA,GAAOV,OAAAY,aAAA,CAACP,WAAAA;QAAUE,KAAKA;QAAM,GAAGD,IAAI;QAAEI,WAAWA;QAAWP,KAAKA;;AACnE;AAGFL,UAAUe,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Primitive/Primitive.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport type { JSXIntrinsicElement, JSXIntrinsicElementKeys } from '@fluentui/react-utilities';\n\n// Simplified version from https://github.com/reach/reach-ui/blob/55d28eda39afc4c667e97f5f62a48d1de034b93f/packages/utils/src/polymorphic.ts\ninterface PrimitiveComponent {\n  /**\n   * Infers props from JSX.IntrinsicElements based on \"as\" value. Explicitly avoids `React.ElementType` and manually\n   * narrow the prop types so that events are typed when using JSX.IntrinsicElements.\n   */\n  <As extends JSXIntrinsicElementKeys>(props: { as?: As } & JSXIntrinsicElement<As>): React.ReactElement | null;\n\n  displayName: string;\n}\n\nexport const primitiveClassName = 'fui-Primitive';\n\nexport const Primitive = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLElement> & { as: 'div' }>(\n  (props, ref) => {\n    const { as: Component = 'div', ...rest } = props;\n\n    const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n    const className = mergeClasses(primitiveClassName, props.className);\n\n    return <Component dir={dir} {...rest} className={className} ref={ref} />;\n  },\n) as PrimitiveComponent;\n\nPrimitive.displayName = 'Primitive';\n"],"names":["React","mergeClasses","primitiveClassName","Primitive","forwardRef","props","ref","as","Component","rest","dir","children","undefined","className","displayName"],"mappings":";;;;;;;;;;;IAiBaG,SAAAA;;;sBAFAD;;;;;iEAfU,QAAQ;iCACF,6BAA6B;AAcnD,MAAMA,qBAAqB,gBAAgB;AAE3C,kBAAMC,WAAAA,GAAYH,OAAMI,UAAU,CACvC,CAACC,OAAOC;IACN,MAAM,EAAEC,IAAIC,YAAY,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAE3C,MAAMK,MAAM,OAAOL,MAAMM,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,gBAAYZ,6BAAAA,EAAaC,oBAAoBG,MAAMQ,SAAS;IAElE,OAAA,WAAA,GAAO,OAAA,aAAA,CAACL,WAAAA;QAAUE,KAAKA;QAAM,GAAGD,IAAI;QAAEI,WAAWA;QAAWP,KAAKA;;AACnE,GACsB;AAExBH,UAAUW,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Primitive/index.tsx"],"sourcesContent":["export { Primitive, primitiveClassName } from './Primitive';\n"],"names":["Primitive","primitiveClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IAAEC,kBAAkB;eAAlBA,6BAAkB;;;2BAAQ"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Segment/Segment.tsx"],"sourcesContent":["import { 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":["Segment","segmentClassName","React","forwardRef","props","ref","children","className","rest","classes","useSegmentStyles","segmentClasses","mergeClasses","segment","createElement","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,OAAAA;eAAAA;;IAFAC,gBAAAA;eAAAA;;;;iCALgB;iEACN;+BAEU;AAE1B,MAAMA,mBAAmB;AAEzB,MAAMD,UAAAA,WAAAA,GAAUE,OAAMC,UAAU,CAAoD,CAACC,OAAOC;IACjG,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGJ;IACzC,MAAMK,UAAUC,IAAAA,+BAAAA;IAEhB,MAAMC,iBAAiBC,IAAAA,6BAAAA,EAAaX,kBAAkBQ,QAAQI,OAAO,EAAEN;IAEvE,OAAA,WAAA,GACEL,OAAAY,aAAA,CAACC,OAAAA;QAAIV,KAAKA;QAAKE,WAAWI;QAAiB,GAAGH,IAAI;OAC/CF;AAGP;AAEAN,QAAQgB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Segment/Segment.tsx"],"sourcesContent":["import { 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":";;;;;;;;;;;IAOaI,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,cAAUT,+BAAAA;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.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Segment.styles.js"],"sourcesContent":["import { 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":["useSegmentStyles","__styles","segment","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","icvyot","vrafjx","oivjwe","wvpqe5","De3pzq","E5pizo","d","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADkC;AACxC,MAAMA,mBAAgB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["Segment.styles.js"],"sourcesContent":["import { 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":";;;;+BACaG,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/Segment.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Segment/Segment.styles.ts"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\n\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":["useSegmentStyles","makeStyles","segment","padding","shorthands","borderWidth","borderColor","borderStyle","backgroundColor","tokens","colorNeutralBackground1","boxShadow","colorNeutralShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;iCAFkC;AAExC,MAAMA,mBAAmBC,IAAAA,2BAAAA,EAAW;IACzCC,SAAS;QACPC,SAAS;QACT,GAAGC,2BAAAA,CAAWC,WAAW,CAAC,OAAO,GAAG,EAAE;QACtC,GAAGD,2BAAAA,CAAWE,WAAW,CAAC,cAAc;QACxC,GAAGF,2BAAAA,CAAWG,WAAW,CAAC,QAAQ;QAClCC,iBAAiBC,uBAAAA,CAAOC,uBAAuB;QAC/CC,WAAW,CAAC,cAAc,EAAEF,uBAAAA,CAAOG,qBAAqB,CAAC,CAAC;IAC5D;AACF"}
+{"version":3,"sources":["../src/components/Segment/Segment.styles.ts"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\n\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":["makeStyles","shorthands","tokens","useSegmentStyles","segment","padding","borderWidth","borderColor","borderStyle","backgroundColor","colorNeutralBackground1","boxShadow","colorNeutralShadowKey"],"mappings":";;;;+BAEaG;;;;;;iCAFkC,6BAA6B;AAErE,6BAAyBH,2BAAAA,EAAW;IACzCI,SAAS;QACPC,SAAS;QACT,GAAGJ,2BAAAA,CAAWK,WAAW,CAAC,OAAO,GAAG,EAAE;QACtC,GAAGL,2BAAAA,CAAWM,WAAW,CAAC,cAAc;QACxC,GAAGN,2BAAAA,CAAWO,WAAW,CAAC,QAAQ;QAClCC,iBAAiBP,uBAAAA,CAAOQ,uBAAuB;QAC/CC,WAAW,CAAC,cAAc,EAAET,uBAAAA,CAAOU,qBAAqB,EAAE;IAC5D;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Segment/index.ts"],"sourcesContent":["export { Segment, segmentClassName } from './Segment';\n"],"names":["Segment","segmentClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAAEC,gBAAgB;eAAhBA,yBAAgB;;;yBAAQ"}
+{"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"}

package/lib-commonjs/components/Slider/Slider.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/Slider.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nexport const slider = {\n  fluid,\n};\n"],"names":["slider","fluid","width"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;AAFb,MAAMC,QAAQ,IAAqB,CAAA;QAAEC,OAAO;IAAO,CAAA;AAE5C,MAAMF,SAAS;IACpBC;AACF"}
+{"version":3,"sources":["../src/components/Slider/Slider.mixins.ts"],"sourcesContent":["import { GriffelStyle } from '@fluentui/react-components';\n\nconst fluid = (): GriffelStyle => ({ width: '100%' });\n\nexport const slider = {\n  fluid,\n};\n"],"names":["fluid","width","slider"],"mappings":";;;;;;;;;;AAEA,MAAMA,QAAQ,IAAqB,CAAA;QAAEC,OAAO;KAAO,CAAA;AAE5C,MAAMC,SAAS;IACpBF;AACF,EAAE"}

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

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

package/lib-commonjs/components/Spinner/SpinnerMigration.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Spinner/SpinnerMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens, labelClassNames } from '@fluentui/react-components';\n\nconst v0Inline = (): GriffelStyle => ({ display: 'inline-flex' });\n\nconst v0SpinnerLabelStyle = (): GriffelStyle => ({\n  [`& .${labelClassNames.root}`]: {\n    fontSize: '14px',\n    fontWeight: tokens.fontWeightMedium,\n  },\n});\n\nexport const spinner = {\n  v0Inline,\n  v0SpinnerLabelStyle,\n};\n"],"names":["spinner","v0Inline","display","v0SpinnerLabelStyle","labelClassNames","root","fontSize","fontWeight","tokens","fontWeightMedium"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;iCAXyC;AAEtD,MAAMC,WAAW,IAAqB,CAAA;QAAEC,SAAS;IAAc,CAAA;AAE/D,MAAMC,sBAAsB,IAAqB,CAAA;QAC/C,CAAC,CAAC,GAAG,EAAEC,gCAAAA,CAAgBC,IAAI,CAAC,CAAC,CAAC,EAAE;YAC9BC,UAAU;YACVC,YAAYC,uBAAAA,CAAOC,gBAAgB;QACrC;IACF,CAAA;AAEO,MAAMT,UAAU;IACrBC;IACAE;AACF"}
+{"version":3,"sources":["../src/components/Spinner/SpinnerMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, tokens, labelClassNames } from '@fluentui/react-components';\n\nconst v0Inline = (): GriffelStyle => ({ display: 'inline-flex' });\n\nconst v0SpinnerLabelStyle = (): GriffelStyle => ({\n  [`& .${labelClassNames.root}`]: {\n    fontSize: '14px',\n    fontWeight: tokens.fontWeightMedium,\n  },\n});\n\nexport const spinner = {\n  v0Inline,\n  v0SpinnerLabelStyle,\n};\n"],"names":["tokens","labelClassNames","v0Inline","display","v0SpinnerLabelStyle","root","fontSize","fontWeight","fontWeightMedium","spinner"],"mappings":";;;;;;;;;;iCAAsD,6BAA6B;AAEnF,MAAME,WAAW,IAAqB,CAAA;QAAEC,SAAS;KAAc,CAAA;AAE/D,MAAMC,sBAAsB,IAAqB,CAAA;QAC/C,CAAC,CAAC,GAAG,EAAEH,gCAAAA,CAAgBI,IAAI,EAAE,CAAC,EAAE;YAC9BC,UAAU;YACVC,YAAYP,uBAAAA,CAAOQ,gBAAgB;QACrC;KACF,CAAA;AAEO,MAAMC,UAAU;IACrBP;IACAE;AACF,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StyledText/StyledText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, Slot, ComponentProps, slot } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * At mentions can be formatted to draw users' attention.\n   * Mentions for \"me\" can be formatted to appear differently.\n   */\n  atMention?: 'me' | boolean;\n\n  /**\n   * Set as disabled StyledText component\n   */\n  disabled?: boolean;\n\n  /**\n   * Set as error StyledText component\n   */\n  error?: boolean;\n\n  /**\n   * The StyledText can appear more important and draw user's attention\n   */\n  important?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   */\n  size?:\n    | 'smaller'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'large500'\n    | 'larger'\n    | 'largest'\n    | 100\n    | 200\n    | 300\n    | 400\n    | 500\n    | 600\n    | 700;\n\n  /**\n   * Set as success StyledText component\n   */\n  success?: boolean;\n\n  /**\n   * The text can signify a temporary state\n   */\n  temporary?: boolean;\n\n  /**\n   * Set as timestamp StyledText component\n   */\n  timestamp?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   */\n  weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n  '100': 'base100',\n  '200': 'base200',\n  '300': 'base300',\n  '400': 'base400',\n  '500': 'base500',\n  '600': 'base600',\n  '700': 'hero700',\n  smaller: 'base100',\n  small: 'base200',\n  medium: 'base300',\n  large: 'base400',\n  large500: 'base500',\n  larger: 'base600',\n  largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n  const {\n    align,\n    atMention,\n    disabled,\n    error,\n    important,\n    success,\n    temporary,\n    timestamp,\n    truncate,\n    weight,\n    wrap = true,\n  } = props;\n\n  const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n  const sizeStyles = useSizeStyles();\n  const weightStyles = useWeightStyles();\n  const styles = useStyles();\n\n  const size = props.size ? sizeMap[props.size] : props.size;\n\n  const RootSlot = slot.always(\n    getIntrinsicElementProps('span', {\n      ref,\n      ...props,\n      dir,\n      className: mergeClasses(\n        styledTextClassName,\n        size && sizeStyles[size],\n        weight && weightStyles[weight],\n        wrap === false && styles.nowrap,\n        truncate && styles.truncate,\n        align === 'center' && styles.alignCenter,\n        align === 'end' && styles.alignEnd,\n        align === 'justify' && styles.alignJustify,\n\n        atMention && styles.mention,\n        atMention === 'me' && styles.mentionMe,\n        disabled && styles.disabled,\n        error && styles.error,\n        important && styles.important,\n        success && styles.success,\n        temporary && styles.temporary,\n        timestamp && styles.timestamp,\n        props.className,\n      ),\n    }),\n    { elementType: 'span' },\n  );\n\n  return <RootSlot />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"names":["StyledText","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","React","forwardRef","props","ref","align","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","sizeStyles","useSizeStyles","weightStyles","useWeightStyles","styles","useStyles","size","RootSlot","slot","always","getIntrinsicElementProps","className","mergeClasses","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","elementType","_jsx","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA6GaA,UAAAA;eAAAA;;IAnBAC,mBAAAA;eAAAA;;;;4BAzFb;iEAEuB;iCAC4D;kCACzB;AAqFnD,MAAMA,sBAAsB;AAEnC,MAAMC,UAA6G;IACjH,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACX;AAEO,MAAMT,aAAAA,WAAAA,GAAaU,OAAMC,UAAU,CAAmC,CAACC,OAAOC;IACnF,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,IAAI,EACZ,GAAGZ;IAEJ,MAAMa,MAAM,OAAOb,MAAMc,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,aAAaC,IAAAA,+BAAAA;IACnB,MAAMC,eAAeC,IAAAA,iCAAAA;IACrB,MAAMC,SAASC,IAAAA,2BAAAA;IAEf,MAAMC,OAAOtB,MAAMsB,IAAI,GAAGhC,OAAO,CAACU,MAAMsB,IAAI,CAAC,GAAGtB,MAAMsB,IAAI;IAE1D,MAAMC,WAAWC,qBAAAA,CAAKC,MAAM,CAC1BC,IAAAA,yCAAAA,EAAyB,QAAQ;QAC/BzB;QACA,GAAGD,KAAK;QACRa;QACAc,WAAWC,IAAAA,6BAAAA,EACTvC,qBACAiC,QAAQN,UAAU,CAACM,KAAK,EACxBX,UAAUO,YAAY,CAACP,OAAO,EAC9BC,SAAS,SAASQ,OAAOS,MAAM,EAC/BnB,YAAYU,OAAOV,QAAQ,EAC3BR,UAAU,YAAYkB,OAAOU,WAAW,EACxC5B,UAAU,SAASkB,OAAOW,QAAQ,EAClC7B,UAAU,aAAakB,OAAOY,YAAY,EAE1C7B,aAAaiB,OAAOa,OAAO,EAC3B9B,cAAc,QAAQiB,OAAOc,SAAS,EACtC9B,YAAYgB,OAAOhB,QAAQ,EAC3BC,SAASe,OAAOf,KAAK,EACrBC,aAAac,OAAOd,SAAS,EAC7BC,WAAWa,OAAOb,OAAO,EACzBC,aAAaY,OAAOZ,SAAS,EAC7BC,aAAaW,OAAOX,SAAS,EAC7BT,MAAM2B,SAAS;IAEnB,IACA;QAAEQ,aAAa;IAAO;IAGxB,OAAA,WAAA,GAAOC,IAAAA,eAAA,EAACb,UAAAA,CAAAA;AACV;AAEAnC,WAAWiD,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/StyledText/StyledText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, Slot, ComponentProps, slot } from '@fluentui/react-components';\nimport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n\nexport type StyledTextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'time'>;\n};\n\nexport type StyledTextProps = ComponentProps<StyledTextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * At mentions can be formatted to draw users' attention.\n   * Mentions for \"me\" can be formatted to appear differently.\n   */\n  atMention?: 'me' | boolean;\n\n  /**\n   * Set as disabled StyledText component\n   */\n  disabled?: boolean;\n\n  /**\n   * Set as error StyledText component\n   */\n  error?: boolean;\n\n  /**\n   * The StyledText can appear more important and draw user's attention\n   */\n  important?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   */\n  size?:\n    | 'smaller'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'large500'\n    | 'larger'\n    | 'largest'\n    | 100\n    | 200\n    | 300\n    | 400\n    | 500\n    | 600\n    | 700;\n\n  /**\n   * Set as success StyledText component\n   */\n  success?: boolean;\n\n  /**\n   * The text can signify a temporary state\n   */\n  temporary?: boolean;\n\n  /**\n   * Set as timestamp StyledText component\n   */\n  timestamp?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   */\n  weight?: 'light' | 'semilight' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\nexport const styledTextClassName = 'fui-StyledText';\n\nconst sizeMap: Record<string, 'base100' | 'base200' | 'base300' | 'base400' | 'base500' | 'base600' | 'hero700'> = {\n  '100': 'base100',\n  '200': 'base200',\n  '300': 'base300',\n  '400': 'base400',\n  '500': 'base500',\n  '600': 'base600',\n  '700': 'hero700',\n  smaller: 'base100',\n  small: 'base200',\n  medium: 'base300',\n  large: 'base400',\n  large500: 'base500',\n  larger: 'base600',\n  largest: 'hero700',\n};\n\nexport const StyledText = React.forwardRef<HTMLSpanElement, StyledTextProps>((props, ref) => {\n  const {\n    align,\n    atMention,\n    disabled,\n    error,\n    important,\n    success,\n    temporary,\n    timestamp,\n    truncate,\n    weight,\n    wrap = true,\n  } = props;\n\n  const dir = typeof props.children === 'string' ? 'auto' : undefined;\n\n  const sizeStyles = useSizeStyles();\n  const weightStyles = useWeightStyles();\n  const styles = useStyles();\n\n  const size = props.size ? sizeMap[props.size] : props.size;\n\n  const RootSlot = slot.always(\n    getIntrinsicElementProps('span', {\n      ref,\n      ...props,\n      dir,\n      className: mergeClasses(\n        styledTextClassName,\n        size && sizeStyles[size],\n        weight && weightStyles[weight],\n        wrap === false && styles.nowrap,\n        truncate && styles.truncate,\n        align === 'center' && styles.alignCenter,\n        align === 'end' && styles.alignEnd,\n        align === 'justify' && styles.alignJustify,\n\n        atMention && styles.mention,\n        atMention === 'me' && styles.mentionMe,\n        disabled && styles.disabled,\n        error && styles.error,\n        important && styles.important,\n        success && styles.success,\n        temporary && styles.temporary,\n        timestamp && styles.timestamp,\n        props.className,\n      ),\n    }),\n    { elementType: 'span' },\n  );\n\n  return <RootSlot />;\n});\n\nStyledText.displayName = 'StyledText';\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useSizeStyles","useStyles","useWeightStyles","styledTextClassName","sizeMap","smaller","small","medium","large","large500","larger","largest","StyledText","forwardRef","props","ref","align","atMention","disabled","error","important","success","temporary","timestamp","truncate","weight","wrap","dir","children","undefined","sizeStyles","weightStyles","styles","size","RootSlot","always","className","nowrap","alignCenter","alignEnd","alignJustify","mention","mentionMe","elementType","displayName"],"mappings":";;;;;;;;;;;IA6GagB,UAAAA;;;IAnBAT,mBAAAA;;;;;4BAzFb,gDAAiD;iEAE1B,QAAQ;iCACoD,6BAA6B;kCACtD,sBAAsB;AAqFzE,4BAA4B,iBAAiB;AAEpD,MAAMC,UAA6G;IACjH,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRC,SAAS;AACX;AAEO,mBAAMC,WAAAA,GAAahB,OAAMiB,UAAU,CAAmC,CAACC,OAAOC;IACnF,MAAM,EACJC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,IAAI,EACZ,GAAGZ;IAEJ,MAAMa,MAAM,OAAOb,MAAMc,QAAQ,KAAK,WAAW,SAASC;IAE1D,MAAMC,iBAAa9B,+BAAAA;IACnB,MAAM+B,mBAAe7B,iCAAAA;IACrB,MAAM8B,aAAS/B,2BAAAA;IAEf,MAAMgC,OAAOnB,MAAMmB,IAAI,GAAG7B,OAAO,CAACU,MAAMmB,IAAI,CAAC,GAAGnB,MAAMmB,IAAI;IAE1D,MAAMC,WAAWnC,qBAAAA,CAAKoC,MAAM,CAC1BtC,6CAAAA,EAAyB,QAAQ;QAC/BkB;QACA,GAAGD,KAAK;QACRa;QACAS,eAAWtC,6BAAAA,EACTK,qBACA8B,QAAQH,UAAU,CAACG,KAAK,EACxBR,UAAUM,YAAY,CAACN,OAAO,EAC9BC,SAAS,SAASM,OAAOK,MAAM,EAC/Bb,YAAYQ,OAAOR,QAAQ,EAC3BR,UAAU,YAAYgB,OAAOM,WAAW,EACxCtB,UAAU,SAASgB,OAAOO,QAAQ,EAClCvB,UAAU,aAAagB,OAAOQ,YAAY,EAE1CvB,aAAae,OAAOS,OAAO,EAC3BxB,cAAc,QAAQe,OAAOU,SAAS,EACtCxB,YAAYc,OAAOd,QAAQ,EAC3BC,SAASa,OAAOb,KAAK,EACrBC,aAAaY,OAAOZ,SAAS,EAC7BC,WAAWW,OAAOX,OAAO,EACzBC,aAAaU,OAAOV,SAAS,EAC7BC,aAAaS,OAAOT,SAAS,EAC7BT,MAAMsB,SAAS;IAEnB,IACA;QAAEO,aAAa;IAAO;IAGxB,OAAA,WAAA,OAAO,eAAA,EAACT,UAAAA,CAAAA;AACV,GAAG;AAEHtB,WAAWgC,WAAW,GAAG"}

package/lib-commonjs/components/StyledText/StyledText.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StyledText.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = makeStyles({\n    base100: {\n        fontSize: tokens.fontSizeBase100,\n        lineHeight: tokens.lineHeightBase100\n    },\n    base200: {\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200\n    },\n    base300: {\n        fontSize: tokens.fontSizeBase300,\n        lineHeight: tokens.lineHeightBase300\n    },\n    base400: {\n        fontSize: tokens.fontSizeBase400,\n        lineHeight: tokens.lineHeightBase400\n    },\n    base500: {\n        fontSize: tokens.fontSizeBase500,\n        lineHeight: tokens.lineHeightBase500\n    },\n    base600: {\n        fontSize: tokens.fontSizeBase600,\n        lineHeight: tokens.lineHeightBase600\n    },\n    hero700: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: tokens.lineHeightHero700\n    }\n});\nexport const useWeightStyles = makeStyles({\n    light: {\n        fontWeight: 200\n    },\n    semilight: {\n        fontWeight: 300\n    },\n    regular: {\n        fontWeight: 400\n    },\n    medium: {\n        fontWeight: 500\n    },\n    semibold: {\n        fontWeight: 600\n    },\n    bold: {\n        fontWeight: 700\n    }\n});\nexport const useStyles = makeStyles({\n    mention: {\n        color: tokens.colorBrandForegroundLink\n    },\n    mentionMe: {\n        color: tokens.colorPalettePumpkinBorderActive,\n        fontWeight: 700\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    error: {\n        color: tokens.colorPaletteRedForeground3\n    },\n    important: {\n        color: tokens.colorPaletteDarkOrangeForeground3,\n        fontWeight: 700\n    },\n    success: {\n        color: tokens.colorPaletteGreenForeground3\n    },\n    temporary: {\n        fontStyle: 'italic'\n    },\n    timestamp: {\n        color: tokens.colorNeutralForeground3\n    },\n    nowrap: {\n        whiteSpace: 'nowrap',\n        overflow: 'hidden'\n    },\n    truncate: {\n        textOverflow: 'ellipsis'\n    },\n    alignCenter: {\n        textAlign: 'center'\n    },\n    alignEnd: {\n        textAlign: 'end'\n    },\n    alignJustify: {\n        textAlign: 'justify'\n    }\n});\n"],"names":["useSizeStyles","useStyles","useWeightStyles","__styles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","light","Bhrd7zp","semilight","regular","medium","semibold","bold","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","Bpg54ce","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,aAAa;eAAbA;;IAkDAC,SAAS;eAATA;;IApBAC,eAAe;eAAfA;;;iCA/BsB;AAC5B,MAAMF,gBAAa,WAAA,GAAGG,IAAAA,yBAAA,EAAA;IAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAF,SAAA;QAAAC,SAAA;IAAA;IAAAE,SAAA;QAAAH,SAAA;QAAAC,SAAA;IAAA;IAAAG,SAAA;QAAAJ,SAAA;QAAAC,SAAA;IAAA;IAAAI,SAAA;QAAAL,SAAA;QAAAC,SAAA;IAAA;IAAAK,SAAA;QAAAN,SAAA;QAAAC,SAAA;IAAA;IAAAM,SAAA;QAAAP,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAO,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA8BtB,MAAMX,kBAAe,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAW,OAAA;QAAAC,SAAA;IAAA;IAAAC,WAAA;QAAAD,SAAA;IAAA;IAAAE,SAAA;QAAAF,SAAA;IAAA;IAAAG,QAAA;QAAAH,SAAA;IAAA;IAAAI,UAAA;QAAAJ,SAAA;IAAA;IAAAK,MAAA;QAAAL,SAAA;IAAA;AAAA,GAAA;IAAAF,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoBxB,MAAMZ,YAAS,WAAA,GAAGE,IAAAA,yBAAA,EAAA;IAAAkB,SAAA;QAAAC,QAAA;IAAA;IAAAC,WAAA;QAAAD,QAAA;QAAAP,SAAA;IAAA;IAAAS,UAAA;QAAAF,QAAA;IAAA;IAAAG,OAAA;QAAAH,QAAA;IAAA;IAAAI,WAAA;QAAAJ,QAAA;QAAAP,SAAA;IAAA;IAAAY,SAAA;QAAAL,QAAA;IAAA;IAAAM,WAAA;QAAAC,SAAA;IAAA;IAAAC,WAAA;QAAAR,QAAA;IAAA;IAAAS,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAC,QAAA;IAAA;IAAAC,aAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;IAAA;IAAAE,cAAA;QAAAF,QAAA;IAAA;AAAA,GAAA;IAAA1B,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAA6B,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["StyledText.styles.js"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\nexport const useSizeStyles = makeStyles({\n    base100: {\n        fontSize: tokens.fontSizeBase100,\n        lineHeight: tokens.lineHeightBase100\n    },\n    base200: {\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200\n    },\n    base300: {\n        fontSize: tokens.fontSizeBase300,\n        lineHeight: tokens.lineHeightBase300\n    },\n    base400: {\n        fontSize: tokens.fontSizeBase400,\n        lineHeight: tokens.lineHeightBase400\n    },\n    base500: {\n        fontSize: tokens.fontSizeBase500,\n        lineHeight: tokens.lineHeightBase500\n    },\n    base600: {\n        fontSize: tokens.fontSizeBase600,\n        lineHeight: tokens.lineHeightBase600\n    },\n    hero700: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: tokens.lineHeightHero700\n    }\n});\nexport const useWeightStyles = makeStyles({\n    light: {\n        fontWeight: 200\n    },\n    semilight: {\n        fontWeight: 300\n    },\n    regular: {\n        fontWeight: 400\n    },\n    medium: {\n        fontWeight: 500\n    },\n    semibold: {\n        fontWeight: 600\n    },\n    bold: {\n        fontWeight: 700\n    }\n});\nexport const useStyles = makeStyles({\n    mention: {\n        color: tokens.colorBrandForegroundLink\n    },\n    mentionMe: {\n        color: tokens.colorPalettePumpkinBorderActive,\n        fontWeight: 700\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    error: {\n        color: tokens.colorPaletteRedForeground3\n    },\n    important: {\n        color: tokens.colorPaletteDarkOrangeForeground3,\n        fontWeight: 700\n    },\n    success: {\n        color: tokens.colorPaletteGreenForeground3\n    },\n    temporary: {\n        fontStyle: 'italic'\n    },\n    timestamp: {\n        color: tokens.colorNeutralForeground3\n    },\n    nowrap: {\n        whiteSpace: 'nowrap',\n        overflow: 'hidden'\n    },\n    truncate: {\n        textOverflow: 'ellipsis'\n    },\n    alignCenter: {\n        textAlign: 'center'\n    },\n    alignEnd: {\n        textAlign: 'end'\n    },\n    alignJustify: {\n        textAlign: 'justify'\n    }\n});\n"],"names":["__styles","tokens","useSizeStyles","base100","Be2twd7","Bg96gwp","base200","base300","base400","base500","base600","hero700","d","useWeightStyles","light","Bhrd7zp","semilight","regular","medium","semibold","bold","useStyles","mention","sj55zd","mentionMe","disabled","error","important","success","temporary","B80ckks","timestamp","nowrap","Huce71","B68tc82","Bmxbyg5","Bpg54ce","truncate","ygn44y","alignCenter","fsow6f","alignEnd","alignJustify","p"],"mappings":";;;;;;;;;;;IACaE,aAAa;;;aAkDJ;eAATmB;;mBApBe;eAAfR;;;iCA/BsB,4BAA4B;AACxD,sBAAmB,WAAA,OAAGb,yBAAA,EAAA;IAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,OAAA,EAAA;QAAAF,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAE,OAAA,EAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAG,OAAA,EAAA;QAAAJ,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAI,OAAA,EAAA;QAAAL,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAK,OAAA,EAAA;QAAAN,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAM,OAAA,EAAA;QAAAP,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAO,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA6B5B,CAAC;AACK,wBAAqB,WAAA,OAAGZ,yBAAA,EAAA;IAAAc,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,OAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,MAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,QAAA,EAAA;QAAAJ,OAAA,EAAA;IAAA;IAAAK,IAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAH,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAmB9B,CAAC;AACK,kBAAe,WAAA,OAAGZ,yBAAA,EAAA;IAAAsB,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAD,MAAA,EAAA;QAAAR,OAAA,EAAA;IAAA;IAAAU,QAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,KAAA,EAAA;QAAAH,MAAA,EAAA;IAAA;IAAAI,SAAA,EAAA;QAAAJ,MAAA,EAAA;QAAAR,OAAA,EAAA;IAAA;IAAAa,OAAA,EAAA;QAAAL,MAAA,EAAA;IAAA;IAAAM,SAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAR,MAAA,EAAA;IAAA;IAAAS,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,WAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,YAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;AAAA,GAAA;IAAA5B,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAA+B,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA2CxB,CAAC"}

package/lib-commonjs/components/StyledText/StyledText.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StyledText/StyledText.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useSizeStyles = makeStyles({\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base300: {\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n});\n\nexport const useWeightStyles = makeStyles({\n  light: {\n    fontWeight: 200,\n  },\n  semilight: {\n    fontWeight: 300,\n  },\n  regular: {\n    fontWeight: 400,\n  },\n  medium: {\n    fontWeight: 500,\n  },\n  semibold: {\n    fontWeight: 600,\n  },\n  bold: {\n    fontWeight: 700,\n  },\n});\n\nexport const useStyles = makeStyles({\n  mention: {\n    color: tokens.colorBrandForegroundLink,\n  },\n  mentionMe: {\n    color: tokens.colorPalettePumpkinBorderActive,\n    fontWeight: 700,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  error: {\n    color: tokens.colorPaletteRedForeground3,\n  },\n  important: {\n    color: tokens.colorPaletteDarkOrangeForeground3,\n    fontWeight: 700,\n  },\n  success: {\n    color: tokens.colorPaletteGreenForeground3,\n  },\n  temporary: {\n    fontStyle: 'italic',\n  },\n  timestamp: {\n    color: tokens.colorNeutralForeground3,\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n"],"names":["useSizeStyles","useStyles","useWeightStyles","makeStyles","base100","fontSize","tokens","fontSizeBase100","lineHeight","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base300","fontSizeBase300","lineHeightBase300","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","light","fontWeight","semilight","regular","medium","semibold","bold","mention","color","colorBrandForegroundLink","mentionMe","colorPalettePumpkinBorderActive","disabled","colorNeutralForegroundDisabled","error","colorPaletteRedForeground3","important","colorPaletteDarkOrangeForeground3","success","colorPaletteGreenForeground3","temporary","fontStyle","timestamp","colorNeutralForeground3","nowrap","whiteSpace","overflow","truncate","textOverflow","alignCenter","textAlign","alignEnd","alignJustify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,aAAAA;eAAAA;;IAoDAC,SAAAA;eAAAA;;IArBAC,eAAAA;eAAAA;;;iCAjCsB;AAE5B,MAAMF,gBAAgBG,IAAAA,2BAAAA,EAAW;IACtCC,SAAS;QACPC,UAAUC,uBAAAA,CAAOC,eAAe;QAChCC,YAAYF,uBAAAA,CAAOG,iBAAiB;IACtC;IACAC,SAAS;QACPL,UAAUC,uBAAAA,CAAOK,eAAe;QAChCH,YAAYF,uBAAAA,CAAOM,iBAAiB;IACtC;IACAC,SAAS;QACPR,UAAUC,uBAAAA,CAAOQ,eAAe;QAChCN,YAAYF,uBAAAA,CAAOS,iBAAiB;IACtC;IACAC,SAAS;QACPX,UAAUC,uBAAAA,CAAOW,eAAe;QAChCT,YAAYF,uBAAAA,CAAOY,iBAAiB;IACtC;IACAC,SAAS;QACPd,UAAUC,uBAAAA,CAAOc,eAAe;QAChCZ,YAAYF,uBAAAA,CAAOe,iBAAiB;IACtC;IACAC,SAAS;QACPjB,UAAUC,uBAAAA,CAAOiB,eAAe;QAChCf,YAAYF,uBAAAA,CAAOkB,iBAAiB;IACtC;IACAC,SAAS;QACPpB,UAAUC,uBAAAA,CAAOoB,eAAe;QAChClB,YAAYF,uBAAAA,CAAOqB,iBAAiB;IACtC;AACF;AAEO,MAAMzB,kBAAkBC,IAAAA,2BAAAA,EAAW;IACxCyB,OAAO;QACLC,YAAY;IACd;IACAC,WAAW;QACTD,YAAY;IACd;IACAE,SAAS;QACPF,YAAY;IACd;IACAG,QAAQ;QACNH,YAAY;IACd;IACAI,UAAU;QACRJ,YAAY;IACd;IACAK,MAAM;QACJL,YAAY;IACd;AACF;AAEO,MAAM5B,YAAYE,IAAAA,2BAAAA,EAAW;IAClCgC,SAAS;QACPC,OAAO9B,uBAAAA,CAAO+B,wBAAwB;IACxC;IACAC,WAAW;QACTF,OAAO9B,uBAAAA,CAAOiC,+BAA+B;QAC7CV,YAAY;IACd;IACAW,UAAU;QACRJ,OAAO9B,uBAAAA,CAAOmC,8BAA8B;IAC9C;IACAC,OAAO;QACLN,OAAO9B,uBAAAA,CAAOqC,0BAA0B;IAC1C;IACAC,WAAW;QACTR,OAAO9B,uBAAAA,CAAOuC,iCAAiC;QAC/ChB,YAAY;IACd;IACAiB,SAAS;QACPV,OAAO9B,uBAAAA,CAAOyC,4BAA4B;IAC5C;IACAC,WAAW;QACTC,WAAW;IACb;IACAC,WAAW;QACTd,OAAO9B,uBAAAA,CAAO6C,uBAAuB;IACvC;IACAC,QAAQ;QACNC,YAAY;QACZC,UAAU;IACZ;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,aAAa;QACXC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,cAAc;QACZF,WAAW;IACb;AACF"}
+{"version":3,"sources":["../src/components/StyledText/StyledText.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useSizeStyles = makeStyles({\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base300: {\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n});\n\nexport const useWeightStyles = makeStyles({\n  light: {\n    fontWeight: 200,\n  },\n  semilight: {\n    fontWeight: 300,\n  },\n  regular: {\n    fontWeight: 400,\n  },\n  medium: {\n    fontWeight: 500,\n  },\n  semibold: {\n    fontWeight: 600,\n  },\n  bold: {\n    fontWeight: 700,\n  },\n});\n\nexport const useStyles = makeStyles({\n  mention: {\n    color: tokens.colorBrandForegroundLink,\n  },\n  mentionMe: {\n    color: tokens.colorPalettePumpkinBorderActive,\n    fontWeight: 700,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  error: {\n    color: tokens.colorPaletteRedForeground3,\n  },\n  important: {\n    color: tokens.colorPaletteDarkOrangeForeground3,\n    fontWeight: 700,\n  },\n  success: {\n    color: tokens.colorPaletteGreenForeground3,\n  },\n  temporary: {\n    fontStyle: 'italic',\n  },\n  timestamp: {\n    color: tokens.colorNeutralForeground3,\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n"],"names":["makeStyles","tokens","useSizeStyles","base100","fontSize","fontSizeBase100","lineHeight","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base300","fontSizeBase300","lineHeightBase300","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","useWeightStyles","light","fontWeight","semilight","regular","medium","semibold","bold","useStyles","mention","color","colorBrandForegroundLink","mentionMe","colorPalettePumpkinBorderActive","disabled","colorNeutralForegroundDisabled","error","colorPaletteRedForeground3","important","colorPaletteDarkOrangeForeground3","success","colorPaletteGreenForeground3","temporary","fontStyle","timestamp","colorNeutralForeground3","nowrap","whiteSpace","overflow","truncate","textOverflow","alignCenter","textAlign","alignEnd","alignJustify"],"mappings":";;;;;;;;;;;IAEaE,aAAAA;;;aAoDAgC;eAAAA;;mBArBAR;eAAAA;;;iCAjCsB,6BAA6B;AAEzD,0BAAsB1B,2BAAAA,EAAW;IACtCG,SAAS;QACPC,UAAUH,uBAAAA,CAAOI,eAAe;QAChCC,YAAYL,uBAAAA,CAAOM,iBAAiB;IACtC;IACAC,SAAS;QACPJ,UAAUH,uBAAAA,CAAOQ,eAAe;QAChCH,YAAYL,uBAAAA,CAAOS,iBAAiB;IACtC;IACAC,SAAS;QACPP,UAAUH,uBAAAA,CAAOW,eAAe;QAChCN,YAAYL,uBAAAA,CAAOY,iBAAiB;IACtC;IACAC,SAAS;QACPV,UAAUH,uBAAAA,CAAOc,eAAe;QAChCT,YAAYL,uBAAAA,CAAOe,iBAAiB;IACtC;IACAC,SAAS;QACPb,UAAUH,uBAAAA,CAAOiB,eAAe;QAChCZ,YAAYL,uBAAAA,CAAOkB,iBAAiB;IACtC;IACAC,SAAS;QACPhB,UAAUH,uBAAAA,CAAOoB,eAAe;QAChCf,YAAYL,uBAAAA,CAAOqB,iBAAiB;IACtC;IACAC,SAAS;QACPnB,UAAUH,uBAAAA,CAAOuB,eAAe;QAChClB,YAAYL,uBAAAA,CAAOwB,iBAAiB;IACtC;AACF,GAAG;AAEI,4BAAwBzB,2BAAAA,EAAW;IACxC2B,OAAO;QACLC,YAAY;IACd;IACAC,WAAW;QACTD,YAAY;IACd;IACAE,SAAS;QACPF,YAAY;IACd;IACAG,QAAQ;QACNH,YAAY;IACd;IACAI,UAAU;QACRJ,YAAY;IACd;IACAK,MAAM;QACJL,YAAY;IACd;AACF,GAAG;AAEI,sBAAkB5B,2BAAAA,EAAW;IAClCmC,SAAS;QACPC,OAAOnC,uBAAAA,CAAOoC,wBAAwB;IACxC;IACAC,WAAW;QACTF,OAAOnC,uBAAAA,CAAOsC,+BAA+B;QAC7CX,YAAY;IACd;IACAY,UAAU;QACRJ,OAAOnC,uBAAAA,CAAOwC,8BAA8B;IAC9C;IACAC,OAAO;QACLN,OAAOnC,uBAAAA,CAAO0C,0BAA0B;IAC1C;IACAC,WAAW;QACTR,OAAOnC,uBAAAA,CAAO4C,iCAAiC;QAC/CjB,YAAY;IACd;IACAkB,SAAS;QACPV,OAAOnC,uBAAAA,CAAO8C,4BAA4B;IAC5C;IACAC,WAAW;QACTC,WAAW;IACb;IACAC,WAAW;QACTd,OAAOnC,uBAAAA,CAAOkD,uBAAuB;IACvC;IACAC,QAAQ;QACNC,YAAY;QACZC,UAAU;IACZ;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,aAAa;QACXC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,cAAc;QACZF,WAAW;IACb;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StyledText/index.tsx"],"sourcesContent":["export type { StyledTextProps, StyledTextSlots } from './StyledText';\nexport { StyledText, styledTextClassName } from './StyledText';\nexport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n"],"names":["StyledText","styledTextClassName","useSizeStyles","useStyles","useWeightStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,UAAU;eAAVA,sBAAU;;IAAEC,mBAAmB;eAAnBA,+BAAmB;;IAC/BC,aAAa;eAAbA,+BAAa;;IAAEC,SAAS;eAATA,2BAAS;;IAAEC,eAAe;eAAfA,iCAAe;;;4BADF;kCACU"}
+{"version":3,"sources":["../src/components/StyledText/index.tsx"],"sourcesContent":["export type { StyledTextProps, StyledTextSlots } from './StyledText';\nexport { StyledText, styledTextClassName } from './StyledText';\nexport { useSizeStyles, useStyles, useWeightStyles } from './StyledText.styles';\n"],"names":["StyledText","styledTextClassName","useSizeStyles","useStyles","useWeightStyles"],"mappings":";;;;;;;;;;;;eACSA,sBAAU;;;eAAEC,+BAAmB;;;eAC/BC,+BAAa;;;eAAEC,2BAAS;;;eAAEC,iCAAe;;;4BADF,eAAe;kCACL,sBAAsB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Video/Video.tsx"],"sourcesContent":["import { mergeClasses, useMergedRefs } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useVideoStyles } from './Video.styles';\n\nexport const videoClassName = 'fui-Video';\n\n/**\n * Video component props\n */\nexport interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {\n  /**\n   * The source URL of the video\n   */\n  src: string;\n\n  /**\n   * Whether the video should start playing automatically\n   * @default false\n   */\n  autoPlay?: boolean;\n\n  /**\n   * Whether the video should display controls\n   * @default true\n   */\n  controls?: boolean;\n\n  /**\n   * Whether the video should loop\n   */\n  loop?: boolean;\n\n  /**\n   * Whether the video should be muted\n   */\n  muted?: boolean;\n\n  /**\n   * The URL of an image to display while the video is loading\n   */\n  poster?: string;\n}\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>((props, ref) => {\n  'use no memo';\n\n  const { className, muted, ...rest } = props;\n\n  const videoRef = React.useRef<HTMLVideoElement>();\n\n  const classes = useVideoStyles();\n  React.useEffect(() => {\n    // this is a workaround for a potential memory leak in Chromium which retains a Detached HTMLVideoElement when <video autoplay> is unmounted\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=969049\n    return () => {\n      if (videoRef?.current) {\n        // we want to perform the cleanup on the latest element rendered\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        videoRef.current.src = '';\n      }\n    };\n  }, [videoRef]);\n\n  React.useEffect(() => {\n    // React doesn't guarantee that props will be set:\n    // https://github.com/facebook/react/issues/10389\n    if (videoRef.current) {\n      videoRef.current.muted = !!muted;\n    }\n  }, [muted]);\n\n  return (\n    <video\n      ref={useMergedRefs(ref, videoRef) as React.Ref<HTMLVideoElement>}\n      role=\"application\"\n      className={mergeClasses(videoClassName, classes.root, className)}\n      controls={true}\n      autoPlay={false}\n      muted={muted}\n      {...rest}\n    />\n  );\n});\n\nVideo.displayName = 'Video';\n"],"names":["Video","videoClassName","React","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useVideoStyles","useEffect","current","src","createElement","video","useMergedRefs","role","mergeClasses","root","controls","autoPlay","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA2CaA,KAAAA;eAAAA;;IAvCAC,cAAAA;eAAAA;;;;iCAJ+B;iEACrB;6BACQ;AAExB,MAAMA,iBAAiB;AAuCvB,MAAMD,QAAAA,WAAAA,GAAQE,OAAMC,UAAU,CAA+B,CAACC,OAAOC;IAC1E;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWP,OAAMQ,MAAM;IAE7B,MAAMC,UAAUC,IAAAA,2BAAAA;IAChBV,OAAMW,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIJ,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUK,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDL,SAASK,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACN;KAAS;IAEbP,OAAMW,SAAS,CAAC;QACd,kDAAkD;QAClD,iDAAiD;QACjD,IAAIJ,SAASK,OAAO,EAAE;YACpBL,SAASK,OAAO,CAACP,KAAK,GAAG,CAAC,CAACA;QAC7B;IACF,GAAG;QAACA;KAAM;IAEV,OAAA,WAAA,GACEL,OAAAc,aAAA,CAACC,SAAAA;QACCZ,KAAKa,IAAAA,8BAAAA,EAAcb,KAAKI;QACxBU,MAAK;QACLb,WAAWc,IAAAA,6BAAAA,EAAanB,gBAAgBU,QAAQU,IAAI,EAAEf;QACtDgB,UAAU;QACVC,UAAU;QACVhB,OAAOA;QACN,GAAGC,IAAI;;AAGd;AAEAR,MAAMwB,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Video/Video.tsx"],"sourcesContent":["import { mergeClasses, useMergedRefs } from '@fluentui/react-components';\nimport * as React from 'react';\nimport { useVideoStyles } from './Video.styles';\n\nexport const videoClassName = 'fui-Video';\n\n/**\n * Video component props\n */\nexport interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {\n  /**\n   * The source URL of the video\n   */\n  src: string;\n\n  /**\n   * Whether the video should start playing automatically\n   * @default false\n   */\n  autoPlay?: boolean;\n\n  /**\n   * Whether the video should display controls\n   * @default true\n   */\n  controls?: boolean;\n\n  /**\n   * Whether the video should loop\n   */\n  loop?: boolean;\n\n  /**\n   * Whether the video should be muted\n   */\n  muted?: boolean;\n\n  /**\n   * The URL of an image to display while the video is loading\n   */\n  poster?: string;\n}\n\nexport const Video = React.forwardRef<HTMLVideoElement, VideoProps>((props, ref) => {\n  'use no memo';\n\n  const { className, muted, ...rest } = props;\n\n  const videoRef = React.useRef<HTMLVideoElement>();\n\n  const classes = useVideoStyles();\n  React.useEffect(() => {\n    // this is a workaround for a potential memory leak in Chromium which retains a Detached HTMLVideoElement when <video autoplay> is unmounted\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=969049\n    return () => {\n      if (videoRef?.current) {\n        // we want to perform the cleanup on the latest element rendered\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        videoRef.current.src = '';\n      }\n    };\n  }, [videoRef]);\n\n  React.useEffect(() => {\n    // React doesn't guarantee that props will be set:\n    // https://github.com/facebook/react/issues/10389\n    if (videoRef.current) {\n      videoRef.current.muted = !!muted;\n    }\n  }, [muted]);\n\n  return (\n    <video\n      ref={useMergedRefs(ref, videoRef) as React.Ref<HTMLVideoElement>}\n      role=\"application\"\n      className={mergeClasses(videoClassName, classes.root, className)}\n      controls={true}\n      autoPlay={false}\n      muted={muted}\n      {...rest}\n    />\n  );\n});\n\nVideo.displayName = 'Video';\n"],"names":["mergeClasses","useMergedRefs","React","useVideoStyles","videoClassName","Video","forwardRef","props","ref","className","muted","rest","videoRef","useRef","classes","useEffect","current","src","video","role","root","controls","autoPlay","displayName"],"mappings":";;;;;;;;;;;IA2CaK,KAAAA;;;kBAvCAD;;;;;iCAJ+B,6BAA6B;iEAClD,QAAQ;6BACA,iBAAiB;AAEzC,MAAMA,iBAAiB,YAAY;AAuCnC,cAAMC,WAAAA,GAAQH,OAAMI,UAAU,CAA+B,CAACC,OAAOC;IAC1E;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAEtC,MAAMK,WAAWV,OAAMW,MAAM;IAE7B,MAAMC,cAAUX,2BAAAA;IAChBD,OAAMa,SAAS,CAAC;QACd,4IAA4I;QAC5I,+DAA+D;QAC/D,OAAO;YACL,IAAIH,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUI,OAAO,EAAE;gBACrB,gEAAgE;gBAChE,uDAAuD;gBACvDJ,SAASI,OAAO,CAACC,GAAG,GAAG;YACzB;QACF;IACF,GAAG;QAACL;KAAS;IAEbV,OAAMa,SAAS,CAAC;QACd,kDAAkD;QAClD,iDAAiD;QACjD,IAAIH,SAASI,OAAO,EAAE;YACpBJ,SAASI,OAAO,CAACN,KAAK,GAAG,CAAC,CAACA;QAC7B;IACF,GAAG;QAACA;KAAM;IAEV,OAAA,WAAA,GACE,OAAA,aAAA,CAACQ,SAAAA;QACCV,KAAKP,kCAAAA,EAAcO,KAAKI;QACxBO,MAAK;QACLV,eAAWT,6BAAAA,EAAaI,gBAAgBU,QAAQM,IAAI,EAAEX;QACtDY,UAAU;QACVC,UAAU;QACVZ,OAAOA;QACN,GAAGC,IAAI;;AAGd,GAAG;AAEHN,MAAMkB,WAAW,GAAG"}

package/lib-commonjs/components/Video/Video.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Video.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useVideoStyles = makeStyles({\n    root: {\n        display: 'inline-block',\n        verticalAlign: 'middle',\n        width: '100%',\n        height: 'auto'\n    }\n});\n"],"names":["useVideoStyles","__styles","root","mc9l5x","ha4doy","a9b677","Bqenvij","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,iBAAc,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
+{"version":3,"sources":["Video.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useVideoStyles = makeStyles({\n    root: {\n        display: 'inline-block',\n        verticalAlign: 'middle',\n        width: '100%',\n        height: 'auto'\n    }\n});\n"],"names":["__styles","useVideoStyles","root","mc9l5x","ha4doy","a9b677","Bqenvij","d"],"mappings":";;;;;;;;;;iCAA2B,4BAA4B;AAChD,MAAMC,cAAc,GAAA,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAO7B,CAAC"}

package/lib-commonjs/components/Video/Video.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Video/Video.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useVideoStyles = makeStyles({\n  root: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    width: '100%',\n    height: 'auto',\n  },\n});\n"],"names":["useVideoStyles","makeStyles","root","display","verticalAlign","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;iCAFc;AAEpB,MAAMA,iBAAiBC,IAAAA,2BAAAA,EAAW;IACvCC,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;IACV;AACF"}
+{"version":3,"sources":["../src/components/Video/Video.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useVideoStyles = makeStyles({\n  root: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    width: '100%',\n    height: 'auto',\n  },\n});\n"],"names":["makeStyles","useVideoStyles","root","display","verticalAlign","width","height"],"mappings":";;;;;;;;;;iCAA2B,6BAA6B;AAEjD,MAAMC,qBAAiBD,2BAAAA,EAAW;IACvCE,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;IACV;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,KAAK;eAALA,YAAK;;IAAEC,cAAc;eAAdA,qBAAc;;;uBAAQ"}
+{"version":3,"sources":["../src/components/Video/index.ts"],"sourcesContent":["export type { VideoProps } from './Video';\nexport { Video, videoClassName } from './Video';\n"],"names":["Video","videoClassName"],"mappings":";;;;;;;;;;;;eACSA,YAAK;;;eAAEC,qBAAc;;;uBAAQ,UAAU"}