@fluentui/react-tag-picker 9.9.0 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerGroup/useTagPickerGroup.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { TagPickerGroupProps, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroup_unstable } from '@fluentui/react-tags';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { isHTMLElement, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { tagPickerAppearanceToTagAppearance, tagPickerSizeToTagSize } from '../../utils/tagPicker2Tag';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ArrowRight } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render TagPickerGroup.\n *\n * The returned state can be modified with hooks such as usePickerTagGroupStyles_unstable,\n * before being passed to renderPickerTagGroup_unstable.\n *\n * @param props - props from this instance of TagPickerGroup\n * @param ref - reference to root HTMLDivElement of TagPickerGroup\n */\nexport const useTagPickerGroup_unstable = (\n  props: TagPickerGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerGroupState => {\n  const hasSelectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length > 0);\n  const hasOneSelectedOption = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length === 1);\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n  const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n  const size = useTagPickerContext_unstable(ctx => tagPickerSizeToTagSize(ctx.size));\n  const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n  const disabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: false,\n    axis: 'both',\n    memorizeCurrent: true,\n  });\n\n  const state = useTagGroup_unstable(\n    {\n      role: 'listbox',\n      disabled,\n      ...props,\n      ...arrowNavigationProps,\n      size,\n      appearance: tagPickerAppearanceToTagAppearance(appearance),\n      dismissible: true,\n      onKeyDown: useEventCallback(event => {\n        props.onKeyDown?.(event);\n        if (isHTMLElement(event.target) && event.key === ArrowRight) {\n          triggerRef.current?.focus();\n        }\n      }),\n      onDismiss: useEventCallback((event, data) => {\n        selectOption(event as React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, {\n          value: data.value,\n          // These values no longer exist because the option has unregistered itself\n          // for the purposes of selection - these values aren't actually used\n          id: 'ERROR_DO_NOT_USE',\n          text: 'ERROR_DO_NOT_USE',\n        });\n        if (hasOneSelectedOption && !event.isDefaultPrevented()) {\n          triggerRef.current?.focus();\n        }\n      }),\n    },\n    useMergedRefs(ref, tagPickerGroupRef),\n  );\n\n  return {\n    ...state,\n    hasSelectedOptions,\n  };\n};\n"],"names":["useTagGroup_unstable","useTagPickerContext_unstable","isHTMLElement","useEventCallback","useMergedRefs","tagPickerAppearanceToTagAppearance","tagPickerSizeToTagSize","useArrowNavigationGroup","ArrowRight","useTagPickerGroup_unstable","props","ref","hasSelectedOptions","ctx","selectedOptions","length","hasOneSelectedOption","triggerRef","tagPickerGroupRef","selectOption","size","appearance","disabled","arrowNavigationProps","circular","axis","memorizeCurrent","state","role","dismissible","onKeyDown","event","target","key","current","focus","onDismiss","data","value","id","text","isDefaultPrevented"],"mappings":"AAAA;;;;;+BAoBaS;;;;;;2BAhBwB,uBAAuB;kCACf,kCAAkC;gCAChB,4BAA4B;+BAChB,4BAA4B;8BAC/D,0BAA0B;8BACvC,0BAA0B;AAW9C,mCAAmC,CACxCC,OACAC;IAEA,MAAMC,yBAAqBX,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,GAAG;IAC5F,MAAMC,2BAAuBf,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,KAAK;IAChG,MAAME,iBAAahB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAII,UAAU;IACrE,MAAMC,wBAAoBjB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIK,iBAAiB;IACnF,MAAMC,mBAAelB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIM,YAAY;IACzE,MAAMC,WAAOnB,8CAAAA,EAA6BY,CAAAA,UAAOP,qCAAAA,EAAuBO,IAAIO,IAAI;IAChF,MAAMC,iBAAapB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIQ,UAAU;IACrE,MAAMC,eAAWrB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIS,QAAQ;IAEjE,MAAMC,2BAAuBhB,qCAAAA,EAAwB;QACnDiB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,MAAMC,YAAQ3B,+BAAAA,EACZ;QACE4B,MAAM;QACNN;QACA,GAAGZ,KAAK;QACR,GAAGa,oBAAoB;QACvBH;QACAC,gBAAYhB,iDAAAA,EAAmCgB;QAC/CQ,aAAa;QACbC,eAAW3B,gCAAAA,EAAiB4B,CAAAA;gBAC1BrB;aAAAA,mBAAAA,MAAMoB,SAAAA,AAAS,MAAA,QAAfpB,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,IAAAA,CAAAA,OAAkBqB;YAClB,QAAI7B,6BAAAA,EAAc6B,MAAMC,MAAM,KAAKD,MAAME,GAAG,KAAKzB,wBAAAA,EAAY;oBAC3DS;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;QACAC,eAAWjC,gCAAAA,EAAiB,CAAC4B,OAAOM;YAClClB,aAAaY,OAAiF;gBAC5FO,OAAOD,KAAKC,KAAK;gBACjB,0EAA0E;gBAC1E,oEAAoE;gBACpEC,IAAI;gBACJC,MAAM;YACR;YACA,IAAIxB,wBAAwB,CAACe,MAAMU,kBAAkB,IAAI;oBACvDxB;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;IACF,OACA/B,6BAAAA,EAAcO,KAAKO;IAGrB,OAAO;QACL,GAAGS,KAAK;QACRf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TagPickerGroup/useTagPickerGroup.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { TagPickerGroupProps, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroup_unstable } from '@fluentui/react-tags';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { isHTMLElement, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { tagPickerAppearanceToTagAppearance, tagPickerSizeToTagSize } from '../../utils/tagPicker2Tag';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ArrowRight } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render TagPickerGroup.\n *\n * The returned state can be modified with hooks such as usePickerTagGroupStyles_unstable,\n * before being passed to renderPickerTagGroup_unstable.\n *\n * @param props - props from this instance of TagPickerGroup\n * @param ref - reference to root HTMLDivElement of TagPickerGroup\n */\nexport const useTagPickerGroup_unstable = (\n  props: TagPickerGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerGroupState => {\n  const hasSelectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length > 0);\n  const hasOneSelectedOption = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length === 1);\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n  const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n  const size = useTagPickerContext_unstable(ctx => tagPickerSizeToTagSize(ctx.size));\n  const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n  const disabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: false,\n    axis: 'both',\n    memorizeCurrent: true,\n  });\n\n  const state = useTagGroup_unstable(\n    {\n      role: 'listbox',\n      disabled,\n      ...props,\n      ...arrowNavigationProps,\n      size,\n      appearance: tagPickerAppearanceToTagAppearance(appearance),\n      dismissible: true,\n      onKeyDown: useEventCallback(event => {\n        props.onKeyDown?.(event);\n        if (isHTMLElement(event.target) && event.key === ArrowRight) {\n          triggerRef.current?.focus();\n        }\n      }),\n      onDismiss: useEventCallback((event, data) => {\n        selectOption(event as React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, {\n          value: data.value,\n          // These values no longer exist because the option has unregistered itself\n          // for the purposes of selection - these values aren't actually used\n          id: 'ERROR_DO_NOT_USE',\n          text: 'ERROR_DO_NOT_USE',\n        });\n        if (hasOneSelectedOption && !event.isDefaultPrevented()) {\n          triggerRef.current?.focus();\n        }\n      }),\n    },\n    useMergedRefs(ref, tagPickerGroupRef),\n  );\n\n  return {\n    ...state,\n    hasSelectedOptions,\n  };\n};\n"],"names":["useTagGroup_unstable","useTagPickerContext_unstable","isHTMLElement","useEventCallback","useMergedRefs","tagPickerAppearanceToTagAppearance","tagPickerSizeToTagSize","useArrowNavigationGroup","ArrowRight","useTagPickerGroup_unstable","props","ref","hasSelectedOptions","ctx","selectedOptions","length","hasOneSelectedOption","triggerRef","tagPickerGroupRef","selectOption","size","appearance","disabled","arrowNavigationProps","circular","axis","memorizeCurrent","state","role","dismissible","onKeyDown","event","target","key","current","focus","onDismiss","data","value","id","text","isDefaultPrevented"],"mappings":"AAAA;;;;;+BAoBaS;;;;;;2BAhBwB,uBAAuB;kCACf,qCAAkC;gCAChB,4BAA4B;+BAChB,+BAA4B;8BAC/D,0BAA0B;8BACvC,0BAA0B;AAW9C,mCAAmC,CACxCC,OACAC;IAEA,MAAMC,yBAAqBX,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,GAAG;IAC5F,MAAMC,2BAAuBf,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,KAAK;IAChG,MAAME,iBAAahB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAII,UAAU;IACrE,MAAMC,wBAAoBjB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIK,iBAAiB;IACnF,MAAMC,mBAAelB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIM,YAAY;IACzE,MAAMC,WAAOnB,8CAAAA,EAA6BY,CAAAA,UAAOP,qCAAAA,EAAuBO,IAAIO,IAAI;IAChF,MAAMC,iBAAapB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIQ,UAAU;IACrE,MAAMC,eAAWrB,8CAAAA,EAA6BY,CAAAA,MAAOA,IAAIS,QAAQ;IAEjE,MAAMC,2BAAuBhB,qCAAAA,EAAwB;QACnDiB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,MAAMC,YAAQ3B,+BAAAA,EACZ;QACE4B,MAAM;QACNN;QACA,GAAGZ,KAAK;QACR,GAAGa,oBAAoB;QACvBH;QACAC,gBAAYhB,iDAAAA,EAAmCgB;QAC/CQ,aAAa;QACbC,eAAW3B,gCAAAA,EAAiB4B,CAAAA;gBAC1BrB;aAAAA,mBAAAA,MAAMoB,SAAAA,AAAS,MAAA,QAAfpB,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,IAAAA,CAAAA,OAAkBqB;YAClB,QAAI7B,6BAAAA,EAAc6B,MAAMC,MAAM,KAAKD,MAAME,GAAG,KAAKzB,wBAAAA,EAAY;oBAC3DS;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;QACAC,eAAWjC,gCAAAA,EAAiB,CAAC4B,OAAOM;YAClClB,aAAaY,OAAiF;gBAC5FO,OAAOD,KAAKC,KAAK;gBACjB,0EAA0E;gBAC1E,oEAAoE;gBACpEC,IAAI;gBACJC,MAAM;YACR;YACA,IAAIxB,wBAAwB,CAACe,MAAMU,kBAAkB,IAAI;oBACvDxB;iBAAAA,sBAAAA,WAAWiB,OAAAA,AAAO,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBkB,KAAK;YAC3B;QACF;IACF,OACA/B,6BAAAA,EAAcO,KAAKO;IAGrB,OAAO;QACL,GAAGS,KAAK;QACRf;IACF;AACF,EAAE"}

package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroupStyles.styles.js → useTagPickerGroupStyles.styles.cjs}

@@ -19,7 +19,7 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttags = require("@fluentui/react-tags");
-const _tagPicker2Tag = require("../../utils/tagPicker2Tag");
+const _tagPicker2Tag = require("../../utils/tagPicker2Tag.cjs");
 const tagPickerGroupClassNames = {
     root: 'fui-TagPickerGroup'
 };

package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerGroupStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useTagGroupStyles_unstable } from \"@fluentui/react-tags\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { tagSizeToTagPickerSize } from \"../../utils/tagPicker2Tag.js\";\nexport const tagPickerGroupClassNames = {\n    root: 'fui-TagPickerGroup'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        flexWrap: 'wrap',\n        boxSizing: 'border-box',\n        cursor: 'text'\n    },\n    // size variants\n    medium: {\n        padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n        gap: tokens.spacingHorizontalXS\n    },\n    large: {\n        padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n        gap: tokens.spacingHorizontalSNudge\n    },\n    'extra-large': {\n        padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n        gap: tokens.spacingHorizontalSNudge\n    }\n});\n/**\n * Apply styling to the TagPickerGroup slots based on the state\n */ export const useTagPickerGroupStyles_unstable = (state)=>{\n    useTagGroupStyles_unstable(state);\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tagPickerGroupClassNames.root, styles[tagSizeToTagPickerSize(state.size)], styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","useTagGroupStyles_unstable","tokens","tagSizeToTagPickerSize","tagPickerGroupClassNames","root","useStyles","Eh141a","B7ck84d","Bceei9c","medium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","large","d","p","useTagPickerGroupStyles_unstable","state","styles","className","size"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKCK,wBAAwB;;;IA2BpBkB,gCAAgC;;;;uBA/BR,gBAAgB;2BACd,sBAAsB;+BAE1B,8BAA8B;AAC9D,iCAAiC;IACpCjB,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAR,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAA,eAAA;QAAAP,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAmBrB,CAAC;AAGS,0CAA0CE,KAAK,IAAG;QACzDtB,qCAA0B,EAACsB,KAAK,CAAC;IACjC,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAiB,KAAK,CAAClB,IAAI,CAACoB,SAAS,GAAGzB,uBAAY,EAACI,wBAAwB,CAACC,IAAI,EAAEmB,MAAM,KAACrB,qCAAsB,EAACoB,KAAK,CAACG,IAAI,CAAC,CAAC,EAAEF,MAAM,CAACnB,IAAI,EAAEkB,KAAK,CAAClB,IAAI,CAACoB,SAAS,CAAC;IACjJ,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroupStyles.styles.raw.js → useTagPickerGroupStyles.styles.raw.cjs}

@@ -20,7 +20,7 @@ _export(exports, {
 const _react = require("@griffel/react");
 const _reacttags = require("@fluentui/react-tags");
 const _reacttheme = require("@fluentui/react-theme");
-const _tagPicker2Tag = require("../../utils/tagPicker2Tag");
+const _tagPicker2Tag = require("../../utils/tagPicker2Tag.cjs");
 const tagPickerGroupClassNames = {
     root: 'fui-TagPickerGroup'
 };

package/lib-commonjs/components/TagPickerGroup/{useTagPickerGroupStyles.styles.raw.js.map → useTagPickerGroupStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerGroup/useTagPickerGroupStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerGroupSlots, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroupStyles_unstable } from '@fluentui/react-tags';\nimport { tokens } from '@fluentui/react-theme';\nimport { tagSizeToTagPickerSize } from '../../utils/tagPicker2Tag';\n\nexport const tagPickerGroupClassNames: SlotClassNames<TagPickerGroupSlots> = {\n  root: 'fui-TagPickerGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    flexWrap: 'wrap',\n    boxSizing: 'border-box',\n    cursor: 'text',\n  },\n  // size variants\n  medium: {\n    padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n    gap: tokens.spacingHorizontalXS,\n  },\n  large: {\n    padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n    gap: tokens.spacingHorizontalSNudge,\n  },\n  'extra-large': {\n    padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n    gap: tokens.spacingHorizontalSNudge,\n  },\n});\n\n/**\n * Apply styling to the TagPickerGroup slots based on the state\n */\nexport const useTagPickerGroupStyles_unstable = (state: TagPickerGroupState): TagPickerGroupState => {\n  useTagGroupStyles_unstable(state);\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    tagPickerGroupClassNames.root,\n    styles[tagSizeToTagPickerSize(state.size)],\n    styles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useTagGroupStyles_unstable","tokens","tagSizeToTagPickerSize","tagPickerGroupClassNames","root","useStyles","flexWrap","boxSizing","cursor","medium","padding","spacingVerticalSNudge","gap","spacingHorizontalXS","large","spacingVerticalS","spacingHorizontalSNudge","useTagPickerGroupStyles_unstable","state","styles","className","size"],"mappings":"AAAA;;;;;;;;;;;;IASaK,wBAAAA;;;oCA+BAc;eAAAA;;;uBAtC4B,iBAAiB;2BAGf,uBAAuB;4BAC3C,wBAAwB;+BACR,4BAA4B;AAE5D,iCAAsE;IAC3Eb,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BM,MAAM;QACJE,UAAU;QACVC,WAAW;QACXC,QAAQ;IACV;IACA,gBAAgB;IAChBC,QAAQ;QACNC,SAAS,GAAGT,kBAAAA,CAAOU,qBAAqB,CAAC,GAAG,EAAEV,kBAAAA,CAAOU,qBAAqB,CAAC,EAAE,CAAC;QAC9EC,KAAKX,kBAAAA,CAAOY,mBAAmB;IACjC;IACAC,OAAO;QACLJ,SAAS,GAAGT,kBAAAA,CAAOc,gBAAgB,CAAC,GAAG,EAAEd,kBAAAA,CAAOc,gBAAgB,CAAC,EAAE,CAAC;QACpEH,KAAKX,kBAAAA,CAAOe,uBAAuB;IACrC;IACA,eAAe;QACbN,SAAS,GAAGT,kBAAAA,CAAOc,gBAAgB,CAAC,GAAG,EAAEd,kBAAAA,CAAOc,gBAAgB,CAAC,EAAE,CAAC;QACpEH,KAAKX,kBAAAA,CAAOe,uBAAuB;IACrC;AACF;AAKO,yCAAyC,CAACE;QAC/ClB,qCAAAA,EAA2BkB;IAC3B,MAAMC,SAASd;IACf,oDAAoD;IACpDa,MAAMd,IAAI,CAACgB,SAAS,OAAGrB,mBAAAA,EACrBI,yBAAyBC,IAAI,EAC7Be,MAAM,KAACjB,qCAAAA,EAAuBgB,MAAMG,IAAI,EAAE,EAC1CF,OAAOf,IAAI,EACXc,MAAMd,IAAI,CAACgB,SAAS;IAGtB,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TagPickerGroup/useTagPickerGroupStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerGroupSlots, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroupStyles_unstable } from '@fluentui/react-tags';\nimport { tokens } from '@fluentui/react-theme';\nimport { tagSizeToTagPickerSize } from '../../utils/tagPicker2Tag';\n\nexport const tagPickerGroupClassNames: SlotClassNames<TagPickerGroupSlots> = {\n  root: 'fui-TagPickerGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    flexWrap: 'wrap',\n    boxSizing: 'border-box',\n    cursor: 'text',\n  },\n  // size variants\n  medium: {\n    padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n    gap: tokens.spacingHorizontalXS,\n  },\n  large: {\n    padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n    gap: tokens.spacingHorizontalSNudge,\n  },\n  'extra-large': {\n    padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n    gap: tokens.spacingHorizontalSNudge,\n  },\n});\n\n/**\n * Apply styling to the TagPickerGroup slots based on the state\n */\nexport const useTagPickerGroupStyles_unstable = (state: TagPickerGroupState): TagPickerGroupState => {\n  useTagGroupStyles_unstable(state);\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    tagPickerGroupClassNames.root,\n    styles[tagSizeToTagPickerSize(state.size)],\n    styles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useTagGroupStyles_unstable","tokens","tagSizeToTagPickerSize","tagPickerGroupClassNames","root","useStyles","flexWrap","boxSizing","cursor","medium","padding","spacingVerticalSNudge","gap","spacingHorizontalXS","large","spacingVerticalS","spacingHorizontalSNudge","useTagPickerGroupStyles_unstable","state","styles","className","size"],"mappings":"AAAA;;;;;;;;;;;;IASaK,wBAAAA;;;oCA+BAc;eAAAA;;;uBAtC4B,iBAAiB;2BAGf,uBAAuB;4BAC3C,wBAAwB;+BACR,+BAA4B;AAE5D,iCAAsE;IAC3Eb,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BM,MAAM;QACJE,UAAU;QACVC,WAAW;QACXC,QAAQ;IACV;IACA,gBAAgB;IAChBC,QAAQ;QACNC,SAAS,GAAGT,kBAAAA,CAAOU,qBAAqB,CAAC,GAAG,EAAEV,kBAAAA,CAAOU,qBAAqB,CAAC,EAAE,CAAC;QAC9EC,KAAKX,kBAAAA,CAAOY,mBAAmB;IACjC;IACAC,OAAO;QACLJ,SAAS,GAAGT,kBAAAA,CAAOc,gBAAgB,CAAC,GAAG,EAAEd,kBAAAA,CAAOc,gBAAgB,CAAC,EAAE,CAAC;QACpEH,KAAKX,kBAAAA,CAAOe,uBAAuB;IACrC;IACA,eAAe;QACbN,SAAS,GAAGT,kBAAAA,CAAOc,gBAAgB,CAAC,GAAG,EAAEd,kBAAAA,CAAOc,gBAAgB,CAAC,EAAE,CAAC;QACpEH,KAAKX,kBAAAA,CAAOe,uBAAuB;IACrC;AACF;AAKO,yCAAyC,CAACE;QAC/ClB,qCAAAA,EAA2BkB;IAC3B,MAAMC,SAASd;IACf,oDAAoD;IACpDa,MAAMd,IAAI,CAACgB,SAAS,OAAGrB,mBAAAA,EACrBI,yBAAyBC,IAAI,EAC7Be,MAAM,KAACjB,qCAAAA,EAAuBgB,MAAMG,IAAI,EAAE,EAC1CF,OAAOf,IAAI,EACXc,MAAMd,IAAI,CAACgB,SAAS;IAGtB,OAAOF;AACT,EAAE"}

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

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPickerInput", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useTagPickerInput = require("./useTagPickerInput");
-const _renderTagPickerInput = require("./renderTagPickerInput");
-const _useTagPickerInputStylesstyles = require("./useTagPickerInputStyles.styles");
+const _useTagPickerInput = require("./useTagPickerInput.cjs");
+const _renderTagPickerInput = require("./renderTagPickerInput.cjs");
+const _useTagPickerInputStylesstyles = require("./useTagPickerInputStyles.styles.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const TagPickerInput = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTagPickerInput.useTagPickerInput_unstable)(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerInput/TagPickerInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerInput_unstable } from './useTagPickerInput';\nimport { renderTagPickerInput_unstable } from './renderTagPickerInput';\nimport { useTagPickerInputStyles_unstable } from './useTagPickerInputStyles.styles';\nimport type { TagPickerInputProps } from './TagPickerInput.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerInput component -\n * A TagPickerInput is a composite component that allows users to query tags.\n */\nexport const TagPickerInput: ForwardRefComponent<TagPickerInputProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerInput_unstable(props, ref);\n\n  useTagPickerInputStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerInputStyles_unstable')(state);\n\n  return renderTagPickerInput_unstable(state);\n});\n\nTagPickerInput.displayName = 'TagPickerInput';\n"],"names":["React","useTagPickerInput_unstable","renderTagPickerInput_unstable","useTagPickerInputStyles_unstable","useCustomStyleHook_unstable","TagPickerInput","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCAEY,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;qCAExC,kCAAkC;AAMvE,MAAMK,iBAAAA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;QAEhDL,+DAAAA,EAAiCM;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOP,mDAAAA,EAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TagPickerInput/TagPickerInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerInput_unstable } from './useTagPickerInput';\nimport { renderTagPickerInput_unstable } from './renderTagPickerInput';\nimport { useTagPickerInputStyles_unstable } from './useTagPickerInputStyles.styles';\nimport type { TagPickerInputProps } from './TagPickerInput.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerInput component -\n * A TagPickerInput is a composite component that allows users to query tags.\n */\nexport const TagPickerInput: ForwardRefComponent<TagPickerInputProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerInput_unstable(props, ref);\n\n  useTagPickerInputStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerInputStyles_unstable')(state);\n\n  return renderTagPickerInput_unstable(state);\n});\n\nTagPickerInput.displayName = 'TagPickerInput';\n"],"names":["React","useTagPickerInput_unstable","renderTagPickerInput_unstable","useTagPickerInputStyles_unstable","useCustomStyleHook_unstable","TagPickerInput","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCAEY,yBAAsB;sCACnB,4BAAyB;+CACtB,sCAAmC;qCAExC,kCAAkC;AAMvE,MAAMK,iBAAAA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;QAEhDL,+DAAAA,EAAiCM;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOP,mDAAAA,EAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

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

@@ -28,7 +28,7 @@ _export(exports, {
         return _useTagPickerInput.useTagPickerInput_unstable;
     }
 });
-const _TagPickerInput = require("./TagPickerInput");
-const _renderTagPickerInput = require("./renderTagPickerInput");
-const _useTagPickerInput = require("./useTagPickerInput");
-const _useTagPickerInputStylesstyles = require("./useTagPickerInputStyles.styles");
+const _TagPickerInput = require("./TagPickerInput.cjs");
+const _renderTagPickerInput = require("./renderTagPickerInput.cjs");
+const _useTagPickerInput = require("./useTagPickerInput.cjs");
+const _useTagPickerInputStylesstyles = require("./useTagPickerInputStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerInput/index.ts"],"sourcesContent":["export { TagPickerInput } from './TagPickerInput';\nexport type {\n  TagPickerInputBaseProps,\n  TagPickerInputBaseState,\n  TagPickerInputProps,\n  TagPickerInputSlots,\n  TagPickerInputState,\n} from './TagPickerInput.types';\nexport { renderTagPickerInput_unstable } from './renderTagPickerInput';\nexport { useTagPickerInput_unstable, useTagPickerInputBase_unstable } from './useTagPickerInput';\nexport { tagPickerInputClassNames, useTagPickerInputStyles_unstable } from './useTagPickerInputStyles.styles';\n"],"names":["TagPickerInput","renderTagPickerInput_unstable","useTagPickerInput_unstable","useTagPickerInputBase_unstable","tagPickerInputClassNames","useTagPickerInputStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAQdC,mDAA6B;;;eAE7BG,uDAAwB;;;eADID,iDAA8B;;;eAChCE,+DAAgC;;;eAD1DH,6CAA0B;;;gCATJ,mBAAmB;sCAQJ,yBAAyB;mCACI,sBAAsB;+CACtB,mCAAmC"}
+{"version":3,"sources":["../src/components/TagPickerInput/index.ts"],"sourcesContent":["export { TagPickerInput } from './TagPickerInput';\nexport type {\n  TagPickerInputBaseProps,\n  TagPickerInputBaseState,\n  TagPickerInputProps,\n  TagPickerInputSlots,\n  TagPickerInputState,\n} from './TagPickerInput.types';\nexport { renderTagPickerInput_unstable } from './renderTagPickerInput';\nexport { useTagPickerInput_unstable, useTagPickerInputBase_unstable } from './useTagPickerInput';\nexport { tagPickerInputClassNames, useTagPickerInputStyles_unstable } from './useTagPickerInputStyles.styles';\n"],"names":["TagPickerInput","renderTagPickerInput_unstable","useTagPickerInput_unstable","useTagPickerInputBase_unstable","tagPickerInputClassNames","useTagPickerInputStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAQdC,mDAA6B;;;eAE7BG,uDAAwB;;;eADID,iDAA8B;;;eAChCE,+DAAgC;;;eAD1DH,6CAA0B;;;gCATJ,sBAAmB;sCAQJ,4BAAyB;mCACI,yBAAsB;+CACtB,sCAAmC"}

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

@@ -21,12 +21,12 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(require("react-dom"));
 const _reactaria = require("@fluentui/react-aria");
-const _TagPickerContext = require("../../contexts/TagPickerContext");
+const _TagPickerContext = require("../../contexts/TagPickerContext.cjs");
 const _reactutilities = require("@fluentui/react-utilities");
 const _keyboardkeys = require("@fluentui/keyboard-keys");
 const _reactcombobox = require("@fluentui/react-combobox");
 const _reactfield = require("@fluentui/react-field");
-const _tokens = require("../../utils/tokens");
+const _tokens = require("../../utils/tokens.cjs");
 const _reacttabster = require("@fluentui/react-tabster");
 const useTagPickerInputBase_unstable = (props, ref)=>{
     const fieldProps = (0, _reactfield.useFieldControlProps_unstable)(props, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerInput/useTagPickerInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport type {\n  TagPickerInputBaseProps,\n  TagPickerInputBaseState,\n  TagPickerInputProps,\n  TagPickerInputState,\n} from './TagPickerInput.types';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport {\n  useMergedRefs,\n  getIntrinsicElementProps,\n  useEventCallback,\n  useIsomorphicLayoutEffect,\n} from '@fluentui/react-utilities';\nimport { ArrowLeft, Backspace, Enter, Space } from '@fluentui/keyboard-keys';\nimport { useInputTriggerSlot } from '@fluentui/react-combobox';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { tagPickerInputCSSRules } from '../../utils/tokens';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\n/**\n * Create the base state required to render TagPickerInput, without design-only props.\n * The Base hook omits Tabster-driven focus management; consumers can re-add it via the\n * styled wrapper {@link useTagPickerInput_unstable} or by composing their own keydown handler.\n *\n * @param props - props from this instance of TagPickerInput (without appearance)\n * @param ref - reference to root HTMLInputElement of TagPickerInput\n */\nexport const useTagPickerInputBase_unstable = (\n  props: TagPickerInputBaseProps,\n  ref: React.Ref<HTMLInputElement>,\n): TagPickerInputBaseState => {\n  const fieldProps = useFieldControlProps_unstable(props, {\n    supportsLabelFor: true,\n    supportsRequired: true,\n    supportsSize: true,\n  });\n  const { controller: activeDescendantController } = useActiveDescendantContext();\n  const contextDisabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef as React.RefObject<HTMLInputElement>);\n  const selectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions);\n  const setValue = useTagPickerContext_unstable(ctx => ctx.setValue);\n  const setOpen = useTagPickerContext_unstable(ctx => ctx.setOpen);\n  const setHasFocus = useTagPickerContext_unstable(ctx => ctx.setHasFocus);\n  const clearSelection = useTagPickerContext_unstable(ctx => ctx.clearSelection);\n  const open = useTagPickerContext_unstable(ctx => ctx.open);\n  const popoverId = useTagPickerContext_unstable(ctx => (ctx.noPopover ? undefined : ctx.popoverId));\n  const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n  const getOptionById = useTagPickerContext_unstable(ctx => ctx.getOptionById);\n  const contextValue = useTagPickerContext_unstable(ctx => ctx.value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    setTagPickerInputStretchStyle(triggerRef.current);\n  }, [selectedOptions, triggerRef]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (triggerRef.current) {\n      const input = triggerRef.current;\n      const cb = () => setTagPickerInputStretchStyle(input);\n      input.addEventListener('input', cb);\n      return () => {\n        input.removeEventListener('input', cb);\n      };\n    }\n  }, [triggerRef]);\n\n  const { value = contextValue, disabled = contextDisabled } = fieldProps;\n\n  const isTypingRef = React.useRef(false);\n\n  const root = useInputTriggerSlot(\n    {\n      type: 'text',\n      value: value ?? '',\n      'aria-controls': open ? popoverId : undefined,\n      disabled,\n      ...getIntrinsicElementProps('input', fieldProps),\n      onKeyDown: useEventCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n        fieldProps.onKeyDown?.(event);\n        if (event.key === Space) {\n          if (open && !isTypingRef.current) {\n            setOpen(event, false);\n          }\n        } else if (event.key === Enter) {\n          if (open) {\n            ReactDOM.unstable_batchedUpdates(() => {\n              setValue(undefined);\n              setOpen(event, false);\n            });\n          } else {\n            setOpen(event, true);\n          }\n        }\n        isTypingRef.current =\n          event.key.length === 1 && event.code !== Space && !event.altKey && !event.ctrlKey && !event.metaKey;\n      }),\n    },\n    useMergedRefs(triggerRef, ref),\n    {\n      activeDescendantController,\n      freeform: false,\n      state: {\n        clearSelection,\n        getOptionById,\n        open,\n        selectedOptions,\n        selectOption,\n        setHasFocus,\n        setOpen,\n        setValue,\n        multiselect: true,\n        value: fieldProps.value,\n      },\n    },\n  );\n\n  return {\n    components: {\n      root: 'input',\n    },\n    root,\n    disabled,\n  };\n};\n\n/**\n * Create the state required to render TagPickerInput.\n *\n * The returned state can be modified with hooks such as useTagPickerInputStyles_unstable,\n * before being passed to renderTagPickerInput_unstable.\n *\n * @param props - props from this instance of TagPickerInput\n * @param ref - reference to root HTMLInputElement of TagPickerInput\n */\nexport const useTagPickerInput_unstable = (\n  props: TagPickerInputProps,\n  ref: React.Ref<HTMLInputElement>,\n): TagPickerInputState => {\n  const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n  const { findLastFocusable } = useFocusFinders();\n\n  const onKeyDown = useEventCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    props.onKeyDown?.(event);\n    if (\n      (event.key === ArrowLeft || event.key === Backspace) &&\n      event.currentTarget.selectionStart === 0 &&\n      event.currentTarget.selectionEnd === 0 &&\n      tagPickerGroupRef.current\n    ) {\n      findLastFocusable(tagPickerGroupRef.current)?.focus();\n    }\n  });\n\n  const baseState = useTagPickerInputBase_unstable({ ...props, onKeyDown }, ref);\n  const size = useTagPickerContext_unstable(ctx => ctx.size);\n\n  return {\n    ...baseState,\n    size,\n  };\n};\n\n/**\n * while typing the user might need a bit more of space to see the text,\n * which means the input should stretch to 100% width\n * occupying a whole new line.\n *\n * This function will set the CSS variable `--width` to `100%` if the scrollWidth is greater than the offsetWidth,\n * meaning the text is overflowing the input.\n *\n * @param input - input element to apply the style\n * @returns void\n */\nconst setTagPickerInputStretchStyle = (input: HTMLInputElement) => {\n  // first we need to remove the CSS variable\n  // to properly calculate the difference between scrollWidth and offsetWidth\n  input.style.removeProperty(tagPickerInputCSSRules.width);\n  if (input.scrollWidth > input.offsetWidth + 1) {\n    input.style.setProperty(tagPickerInputCSSRules.width, '100%');\n  } else {\n    input.style.removeProperty(tagPickerInputCSSRules.width);\n  }\n};\n"],"names":["React","ReactDOM","useActiveDescendantContext","useTagPickerContext_unstable","useMergedRefs","getIntrinsicElementProps","useEventCallback","useIsomorphicLayoutEffect","ArrowLeft","Backspace","Enter","Space","useInputTriggerSlot","useFieldControlProps_unstable","tagPickerInputCSSRules","useFocusFinders","useTagPickerInputBase_unstable","props","ref","fieldProps","supportsLabelFor","supportsRequired","supportsSize","controller","activeDescendantController","contextDisabled","ctx","disabled","triggerRef","selectedOptions","setValue","setOpen","setHasFocus","clearSelection","open","popoverId","noPopover","undefined","selectOption","getOptionById","contextValue","value","current","setTagPickerInputStretchStyle","input","cb","addEventListener","removeEventListener","isTypingRef","useRef","root","type","onKeyDown","event","key","unstable_batchedUpdates","length","code","altKey","ctrlKey","metaKey","freeform","state","multiselect","components","useTagPickerInput_unstable","tagPickerGroupRef","findLastFocusable","currentTarget","selectionStart","selectionEnd","focus","baseState","size","style","removeProperty","width","scrollWidth","offsetWidth","setProperty"],"mappings":"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"}
+{"version":3,"sources":["../src/components/TagPickerInput/useTagPickerInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport type {\n  TagPickerInputBaseProps,\n  TagPickerInputBaseState,\n  TagPickerInputProps,\n  TagPickerInputState,\n} from './TagPickerInput.types';\nimport { useActiveDescendantContext } from '@fluentui/react-aria';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport {\n  useMergedRefs,\n  getIntrinsicElementProps,\n  useEventCallback,\n  useIsomorphicLayoutEffect,\n} from '@fluentui/react-utilities';\nimport { ArrowLeft, Backspace, Enter, Space } from '@fluentui/keyboard-keys';\nimport { useInputTriggerSlot } from '@fluentui/react-combobox';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { tagPickerInputCSSRules } from '../../utils/tokens';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\n/**\n * Create the base state required to render TagPickerInput, without design-only props.\n * The Base hook omits Tabster-driven focus management; consumers can re-add it via the\n * styled wrapper {@link useTagPickerInput_unstable} or by composing their own keydown handler.\n *\n * @param props - props from this instance of TagPickerInput (without appearance)\n * @param ref - reference to root HTMLInputElement of TagPickerInput\n */\nexport const useTagPickerInputBase_unstable = (\n  props: TagPickerInputBaseProps,\n  ref: React.Ref<HTMLInputElement>,\n): TagPickerInputBaseState => {\n  const fieldProps = useFieldControlProps_unstable(props, {\n    supportsLabelFor: true,\n    supportsRequired: true,\n    supportsSize: true,\n  });\n  const { controller: activeDescendantController } = useActiveDescendantContext();\n  const contextDisabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef as React.RefObject<HTMLInputElement>);\n  const selectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions);\n  const setValue = useTagPickerContext_unstable(ctx => ctx.setValue);\n  const setOpen = useTagPickerContext_unstable(ctx => ctx.setOpen);\n  const setHasFocus = useTagPickerContext_unstable(ctx => ctx.setHasFocus);\n  const clearSelection = useTagPickerContext_unstable(ctx => ctx.clearSelection);\n  const open = useTagPickerContext_unstable(ctx => ctx.open);\n  const popoverId = useTagPickerContext_unstable(ctx => (ctx.noPopover ? undefined : ctx.popoverId));\n  const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n  const getOptionById = useTagPickerContext_unstable(ctx => ctx.getOptionById);\n  const contextValue = useTagPickerContext_unstable(ctx => ctx.value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    setTagPickerInputStretchStyle(triggerRef.current);\n  }, [selectedOptions, triggerRef]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (triggerRef.current) {\n      const input = triggerRef.current;\n      const cb = () => setTagPickerInputStretchStyle(input);\n      input.addEventListener('input', cb);\n      return () => {\n        input.removeEventListener('input', cb);\n      };\n    }\n  }, [triggerRef]);\n\n  const { value = contextValue, disabled = contextDisabled } = fieldProps;\n\n  const isTypingRef = React.useRef(false);\n\n  const root = useInputTriggerSlot(\n    {\n      type: 'text',\n      value: value ?? '',\n      'aria-controls': open ? popoverId : undefined,\n      disabled,\n      ...getIntrinsicElementProps('input', fieldProps),\n      onKeyDown: useEventCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n        fieldProps.onKeyDown?.(event);\n        if (event.key === Space) {\n          if (open && !isTypingRef.current) {\n            setOpen(event, false);\n          }\n        } else if (event.key === Enter) {\n          if (open) {\n            ReactDOM.unstable_batchedUpdates(() => {\n              setValue(undefined);\n              setOpen(event, false);\n            });\n          } else {\n            setOpen(event, true);\n          }\n        }\n        isTypingRef.current =\n          event.key.length === 1 && event.code !== Space && !event.altKey && !event.ctrlKey && !event.metaKey;\n      }),\n    },\n    useMergedRefs(triggerRef, ref),\n    {\n      activeDescendantController,\n      freeform: false,\n      state: {\n        clearSelection,\n        getOptionById,\n        open,\n        selectedOptions,\n        selectOption,\n        setHasFocus,\n        setOpen,\n        setValue,\n        multiselect: true,\n        value: fieldProps.value,\n      },\n    },\n  );\n\n  return {\n    components: {\n      root: 'input',\n    },\n    root,\n    disabled,\n  };\n};\n\n/**\n * Create the state required to render TagPickerInput.\n *\n * The returned state can be modified with hooks such as useTagPickerInputStyles_unstable,\n * before being passed to renderTagPickerInput_unstable.\n *\n * @param props - props from this instance of TagPickerInput\n * @param ref - reference to root HTMLInputElement of TagPickerInput\n */\nexport const useTagPickerInput_unstable = (\n  props: TagPickerInputProps,\n  ref: React.Ref<HTMLInputElement>,\n): TagPickerInputState => {\n  const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n  const { findLastFocusable } = useFocusFinders();\n\n  const onKeyDown = useEventCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    props.onKeyDown?.(event);\n    if (\n      (event.key === ArrowLeft || event.key === Backspace) &&\n      event.currentTarget.selectionStart === 0 &&\n      event.currentTarget.selectionEnd === 0 &&\n      tagPickerGroupRef.current\n    ) {\n      findLastFocusable(tagPickerGroupRef.current)?.focus();\n    }\n  });\n\n  const baseState = useTagPickerInputBase_unstable({ ...props, onKeyDown }, ref);\n  const size = useTagPickerContext_unstable(ctx => ctx.size);\n\n  return {\n    ...baseState,\n    size,\n  };\n};\n\n/**\n * while typing the user might need a bit more of space to see the text,\n * which means the input should stretch to 100% width\n * occupying a whole new line.\n *\n * This function will set the CSS variable `--width` to `100%` if the scrollWidth is greater than the offsetWidth,\n * meaning the text is overflowing the input.\n *\n * @param input - input element to apply the style\n * @returns void\n */\nconst setTagPickerInputStretchStyle = (input: HTMLInputElement) => {\n  // first we need to remove the CSS variable\n  // to properly calculate the difference between scrollWidth and offsetWidth\n  input.style.removeProperty(tagPickerInputCSSRules.width);\n  if (input.scrollWidth > input.offsetWidth + 1) {\n    input.style.setProperty(tagPickerInputCSSRules.width, '100%');\n  } else {\n    input.style.removeProperty(tagPickerInputCSSRules.width);\n  }\n};\n"],"names":["React","ReactDOM","useActiveDescendantContext","useTagPickerContext_unstable","useMergedRefs","getIntrinsicElementProps","useEventCallback","useIsomorphicLayoutEffect","ArrowLeft","Backspace","Enter","Space","useInputTriggerSlot","useFieldControlProps_unstable","tagPickerInputCSSRules","useFocusFinders","useTagPickerInputBase_unstable","props","ref","fieldProps","supportsLabelFor","supportsRequired","supportsSize","controller","activeDescendantController","contextDisabled","ctx","disabled","triggerRef","selectedOptions","setValue","setOpen","setHasFocus","clearSelection","open","popoverId","noPopover","undefined","selectOption","getOptionById","contextValue","value","current","setTagPickerInputStretchStyle","input","cb","addEventListener","removeEventListener","isTypingRef","useRef","root","type","onKeyDown","event","key","unstable_batchedUpdates","length","code","altKey","ctrlKey","metaKey","freeform","state","multiselect","components","useTagPickerInput_unstable","tagPickerGroupRef","findLastFocusable","currentTarget","selectionStart","selectionEnd","focus","baseState","size","style","removeProperty","width","scrollWidth","offsetWidth","setProperty"],"mappings":"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"}

package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { typographyStyles, tokens } from \"@fluentui/react-theme\";\nimport { tagPickerInputTokens } from \"../../utils/tokens.js\";\nexport const tagPickerInputClassNames = {\n    root: 'fui-TagPickerInput'\n};\nconst useBaseStyle = makeResetStyles({\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground1,\n    fontFamily: tokens.fontFamilyBase,\n    boxSizing: 'border-box',\n    '&:focus': {\n        outlineStyle: 'none'\n    },\n    '&::placeholder': {\n        color: tokens.colorNeutralForeground4,\n        opacity: 1\n    },\n    '&::after': {\n        visibility: 'hidden',\n        whiteSpace: 'pre-wrap'\n    },\n    border: 'none',\n    minWidth: '24px',\n    maxWidth: '100%',\n    // by default width is 0,\n    // it will be calculated based on the requirement of stretching the component to 100% width\n    // see setTagPickerInputStretchStyle method for more details\n    width: tagPickerInputTokens.width,\n    flexGrow: 1\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    // size variants\n    medium: {\n        ...typographyStyles.body1,\n        padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`\n    },\n    large: {\n        ...typographyStyles.body1,\n        padding: `${tokens.spacingVerticalMNudge} 0 ${tokens.spacingVerticalMNudge} 0`\n    },\n    'extra-large': {\n        ...typographyStyles.body1,\n        padding: `${tokens.spacingVerticalM} 0 ${tokens.spacingVerticalM} 0`\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        backgroundColor: tokens.colorTransparentBackground,\n        cursor: 'not-allowed',\n        '::placeholder': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */ export const useTagPickerInputStyles_unstable = (state)=>{\n    const baseStyle = useBaseStyle();\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tagPickerInputClassNames.root, baseStyle, styles[state.size], state.disabled && styles.disabled, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","typographyStyles","tokens","tagPickerInputTokens","tagPickerInputClassNames","root","useBaseStyle","useStyles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","p","useTagPickerInputStyles_unstable","state","baseStyle","styles","className","size"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICM,wBAAwB;;;oCAuDY;;;;uBA1DS,gBAAgB;AAGnE,iCAAiC;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,YAAY,GAAA,WAAA,OAAGR,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAwBpB,CAAC;AACF;;CAEA,GAAI,MAAMS,SAAS,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAS,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAT,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAA,eAAA;QAAAR,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAE,QAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAsBrB,CAAC;AAGS,MAAMC,oCAAoCC,KAAK,IAAG;IACzD,MAAMC,SAAS,GAAGtB,YAAY,CAAC,CAAC;IAChC,MAAMuB,MAAM,GAAGtB,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAoB,KAAK,CAACtB,IAAI,CAACyB,SAAS,GAAG9B,uBAAY,EAACI,wBAAwB,CAACC,IAAI,EAAEuB,SAAS,EAAEC,MAAM,CAACF,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACR,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAAEQ,KAAK,CAACtB,IAAI,CAACyB,SAAS,CAAC;IAC1J,OAAOH,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TagPickerInput/{useTagPickerInputStyles.styles.raw.js → useTagPickerInputStyles.styles.raw.cjs}

@@ -19,7 +19,7 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
-const _tokens = require("../../utils/tokens");
+const _tokens = require("../../utils/tokens.cjs");
 const tagPickerInputClassNames = {
     root: 'fui-TagPickerInput'
 };

package/lib-commonjs/components/TagPickerInput/{useTagPickerInputStyles.styles.raw.js.map → useTagPickerInputStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerInput/useTagPickerInputStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles, tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerInputSlots, TagPickerInputState } from './TagPickerInput.types';\nimport { tagPickerInputTokens } from '../../utils/tokens';\n\nexport const tagPickerInputClassNames: SlotClassNames<TagPickerInputSlots> = {\n  root: 'fui-TagPickerInput',\n};\n\nconst useBaseStyle = makeResetStyles({\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  boxSizing: 'border-box',\n\n  '&:focus': {\n    outlineStyle: 'none',\n  },\n  '&::placeholder': {\n    color: tokens.colorNeutralForeground4,\n    opacity: 1,\n  },\n  '&::after': {\n    visibility: 'hidden',\n    whiteSpace: 'pre-wrap',\n  },\n  border: 'none',\n  minWidth: '24px',\n  maxWidth: '100%',\n  // by default width is 0,\n  // it will be calculated based on the requirement of stretching the component to 100% width\n  // see setTagPickerInputStretchStyle method for more details\n  width: tagPickerInputTokens.width,\n  flexGrow: 1,\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  // size variants\n  medium: {\n    ...typographyStyles.body1,\n    padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n  },\n  large: {\n    ...typographyStyles.body1,\n    padding: `${tokens.spacingVerticalMNudge} 0 ${tokens.spacingVerticalMNudge} 0`,\n  },\n  'extra-large': {\n    ...typographyStyles.body1,\n    padding: `${tokens.spacingVerticalM} 0 ${tokens.spacingVerticalM} 0`,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n    backgroundColor: tokens.colorTransparentBackground,\n    cursor: 'not-allowed',\n    '::placeholder': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */\nexport const useTagPickerInputStyles_unstable = (state: TagPickerInputState): TagPickerInputState => {\n  const baseStyle = useBaseStyle();\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    tagPickerInputClassNames.root,\n    baseStyle,\n    styles[state.size],\n    state.disabled && styles.disabled,\n    state.root.className,\n  );\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","tagPickerInputTokens","tagPickerInputClassNames","root","useBaseStyle","backgroundColor","colorTransparentBackground","color","colorNeutralForeground1","fontFamily","fontFamilyBase","boxSizing","outlineStyle","colorNeutralForeground4","opacity","visibility","whiteSpace","border","minWidth","maxWidth","width","flexGrow","useStyles","medium","body1","padding","spacingVerticalSNudge","large","spacingVerticalMNudge","spacingVerticalM","disabled","colorNeutralForegroundDisabled","cursor","useTagPickerInputStyles_unstable","state","baseStyle","styles","className","size"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,wBAAAA;;;oCA6DA+B;eAAAA;;;uBAnE6C,iBAAiB;4BAClC,wBAAwB;wBAG5B,qBAAqB;AAEnD,iCAAsE;IAC3E9B,MAAM;AACR,EAAE;AAEF,MAAMC,mBAAeR,sBAAAA,EAAgB;IACnCS,iBAAiBL,kBAAAA,CAAOM,0BAA0B;IAClDC,OAAOP,kBAAAA,CAAOQ,uBAAuB;IACrCC,YAAYT,kBAAAA,CAAOU,cAAc;IACjCC,WAAW;IAEX,WAAW;QACTC,cAAc;IAChB;IACA,kBAAkB;QAChBL,OAAOP,kBAAAA,CAAOa,uBAAuB;QACrCC,SAAS;IACX;IACA,YAAY;QACVC,YAAY;QACZC,YAAY;IACd;IACAC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACV,yBAAyB;IACzB,2FAA2F;IAC3F,4DAA4D;IAC5DC,OAAOnB,4BAAAA,CAAqBmB,KAAK;IACjCC,UAAU;AACZ;AAEA;;CAEC,GACD,MAAMC,gBAAYzB,iBAAAA,EAAW;IAC3B,gBAAgB;IAChB0B,QAAQ;QACN,GAAGxB,4BAAAA,CAAiByB,KAAK;QACzBC,SAAS,GAAGzB,kBAAAA,CAAO0B,qBAAqB,CAAC,GAAG,EAAE1B,kBAAAA,CAAO0B,qBAAqB,CAAC,EAAE,CAAC;IAChF;IACAC,OAAO;QACL,GAAG5B,4BAAAA,CAAiByB,KAAK;QACzBC,SAAS,GAAGzB,kBAAAA,CAAO4B,qBAAqB,CAAC,GAAG,EAAE5B,kBAAAA,CAAO4B,qBAAqB,CAAC,EAAE,CAAC;IAChF;IACA,eAAe;QACb,GAAG7B,4BAAAA,CAAiByB,KAAK;QACzBC,SAAS,GAAGzB,kBAAAA,CAAO6B,gBAAgB,CAAC,GAAG,EAAE7B,kBAAAA,CAAO6B,gBAAgB,CAAC,EAAE,CAAC;IACtE;IACAC,UAAU;QACRvB,OAAOP,kBAAAA,CAAO+B,8BAA8B;QAC5C1B,iBAAiBL,kBAAAA,CAAOM,0BAA0B;QAClD0B,QAAQ;QACR,iBAAiB;YACfzB,OAAOP,kBAAAA,CAAO+B,8BAA8B;QAC9C;IACF;AACF;AAKO,yCAAyC,CAACG;IAC/C,MAAMC,YAAY/B;IAClB,MAAMgC,SAASd;IACf,oDAAoD;IACpDY,MAAM/B,IAAI,CAACkC,SAAS,OAAGvC,mBAAAA,EACrBI,yBAAyBC,IAAI,EAC7BgC,WACAC,MAAM,CAACF,MAAMI,IAAI,CAAC,EAClBJ,MAAMJ,QAAQ,IAAIM,OAAON,QAAQ,EACjCI,MAAM/B,IAAI,CAACkC,SAAS;IAEtB,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TagPickerInput/useTagPickerInputStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles, tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerInputSlots, TagPickerInputState } from './TagPickerInput.types';\nimport { tagPickerInputTokens } from '../../utils/tokens';\n\nexport const tagPickerInputClassNames: SlotClassNames<TagPickerInputSlots> = {\n  root: 'fui-TagPickerInput',\n};\n\nconst useBaseStyle = makeResetStyles({\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground1,\n  fontFamily: tokens.fontFamilyBase,\n  boxSizing: 'border-box',\n\n  '&:focus': {\n    outlineStyle: 'none',\n  },\n  '&::placeholder': {\n    color: tokens.colorNeutralForeground4,\n    opacity: 1,\n  },\n  '&::after': {\n    visibility: 'hidden',\n    whiteSpace: 'pre-wrap',\n  },\n  border: 'none',\n  minWidth: '24px',\n  maxWidth: '100%',\n  // by default width is 0,\n  // it will be calculated based on the requirement of stretching the component to 100% width\n  // see setTagPickerInputStretchStyle method for more details\n  width: tagPickerInputTokens.width,\n  flexGrow: 1,\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  // size variants\n  medium: {\n    ...typographyStyles.body1,\n    padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n  },\n  large: {\n    ...typographyStyles.body1,\n    padding: `${tokens.spacingVerticalMNudge} 0 ${tokens.spacingVerticalMNudge} 0`,\n  },\n  'extra-large': {\n    ...typographyStyles.body1,\n    padding: `${tokens.spacingVerticalM} 0 ${tokens.spacingVerticalM} 0`,\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n    backgroundColor: tokens.colorTransparentBackground,\n    cursor: 'not-allowed',\n    '::placeholder': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */\nexport const useTagPickerInputStyles_unstable = (state: TagPickerInputState): TagPickerInputState => {\n  const baseStyle = useBaseStyle();\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    tagPickerInputClassNames.root,\n    baseStyle,\n    styles[state.size],\n    state.disabled && styles.disabled,\n    state.root.className,\n  );\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","tagPickerInputTokens","tagPickerInputClassNames","root","useBaseStyle","backgroundColor","colorTransparentBackground","color","colorNeutralForeground1","fontFamily","fontFamilyBase","boxSizing","outlineStyle","colorNeutralForeground4","opacity","visibility","whiteSpace","border","minWidth","maxWidth","width","flexGrow","useStyles","medium","body1","padding","spacingVerticalSNudge","large","spacingVerticalMNudge","spacingVerticalM","disabled","colorNeutralForegroundDisabled","cursor","useTagPickerInputStyles_unstable","state","baseStyle","styles","className","size"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,wBAAAA;;;oCA6DA+B;eAAAA;;;uBAnE6C,iBAAiB;4BAClC,wBAAwB;wBAG5B,wBAAqB;AAEnD,iCAAsE;IAC3E9B,MAAM;AACR,EAAE;AAEF,MAAMC,mBAAeR,sBAAAA,EAAgB;IACnCS,iBAAiBL,kBAAAA,CAAOM,0BAA0B;IAClDC,OAAOP,kBAAAA,CAAOQ,uBAAuB;IACrCC,YAAYT,kBAAAA,CAAOU,cAAc;IACjCC,WAAW;IAEX,WAAW;QACTC,cAAc;IAChB;IACA,kBAAkB;QAChBL,OAAOP,kBAAAA,CAAOa,uBAAuB;QACrCC,SAAS;IACX;IACA,YAAY;QACVC,YAAY;QACZC,YAAY;IACd;IACAC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACV,yBAAyB;IACzB,2FAA2F;IAC3F,4DAA4D;IAC5DC,OAAOnB,4BAAAA,CAAqBmB,KAAK;IACjCC,UAAU;AACZ;AAEA;;CAEC,GACD,MAAMC,gBAAYzB,iBAAAA,EAAW;IAC3B,gBAAgB;IAChB0B,QAAQ;QACN,GAAGxB,4BAAAA,CAAiByB,KAAK;QACzBC,SAAS,GAAGzB,kBAAAA,CAAO0B,qBAAqB,CAAC,GAAG,EAAE1B,kBAAAA,CAAO0B,qBAAqB,CAAC,EAAE,CAAC;IAChF;IACAC,OAAO;QACL,GAAG5B,4BAAAA,CAAiByB,KAAK;QACzBC,SAAS,GAAGzB,kBAAAA,CAAO4B,qBAAqB,CAAC,GAAG,EAAE5B,kBAAAA,CAAO4B,qBAAqB,CAAC,EAAE,CAAC;IAChF;IACA,eAAe;QACb,GAAG7B,4BAAAA,CAAiByB,KAAK;QACzBC,SAAS,GAAGzB,kBAAAA,CAAO6B,gBAAgB,CAAC,GAAG,EAAE7B,kBAAAA,CAAO6B,gBAAgB,CAAC,EAAE,CAAC;IACtE;IACAC,UAAU;QACRvB,OAAOP,kBAAAA,CAAO+B,8BAA8B;QAC5C1B,iBAAiBL,kBAAAA,CAAOM,0BAA0B;QAClD0B,QAAQ;QACR,iBAAiB;YACfzB,OAAOP,kBAAAA,CAAO+B,8BAA8B;QAC9C;IACF;AACF;AAKO,yCAAyC,CAACG;IAC/C,MAAMC,YAAY/B;IAClB,MAAMgC,SAASd;IACf,oDAAoD;IACpDY,MAAM/B,IAAI,CAACkC,SAAS,OAAGvC,mBAAAA,EACrBI,yBAAyBC,IAAI,EAC7BgC,WACAC,MAAM,CAACF,MAAMI,IAAI,CAAC,EAClBJ,MAAMJ,QAAQ,IAAIM,OAAON,QAAQ,EACjCI,MAAM/B,IAAI,CAACkC,SAAS;IAEtB,OAAOH;AACT,EAAE"}

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

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPickerList", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useTagPickerList = require("./useTagPickerList");
-const _renderTagPickerList = require("./renderTagPickerList");
-const _useTagPickerListStylesstyles = require("./useTagPickerListStyles.styles");
+const _useTagPickerList = require("./useTagPickerList.cjs");
+const _renderTagPickerList = require("./renderTagPickerList.cjs");
+const _useTagPickerListStylesstyles = require("./useTagPickerListStyles.styles.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const TagPickerList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTagPickerList.useTagPickerList_unstable)(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerList/TagPickerList.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerList_unstable } from './useTagPickerList';\nimport { renderTagPickerList_unstable } from './renderTagPickerList';\nimport { useTagPickerListStyles_unstable } from './useTagPickerListStyles.styles';\nimport type { TagPickerListProps } from './TagPickerList.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerList component -\n * A TagPickerList is a composite component that allows users to display a list of tag options to be selected.\n */\nexport const TagPickerList: ForwardRefComponent<TagPickerListProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerList_unstable(props, ref);\n\n  useTagPickerListStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerListStyles_unstable')(state);\n  return renderTagPickerList_unstable(state);\n});\n\nTagPickerList.displayName = 'TagPickerList';\n"],"names":["React","useTagPickerList_unstable","renderTagPickerList_unstable","useTagPickerListStyles_unstable","useCustomStyleHook_unstable","TagPickerList","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCAEW,qBAAqB;qCAClB,wBAAwB;8CACrB,kCAAkC;qCAEtC,kCAAkC;AAMvE,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQR,2CAAAA,EAA0BM,OAAOC;QAE/CL,6DAAAA,EAAgCM;QAChCL,gDAAAA,EAA4B,mCAAmCK;IAC/D,WAAOP,iDAAAA,EAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TagPickerList/TagPickerList.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerList_unstable } from './useTagPickerList';\nimport { renderTagPickerList_unstable } from './renderTagPickerList';\nimport { useTagPickerListStyles_unstable } from './useTagPickerListStyles.styles';\nimport type { TagPickerListProps } from './TagPickerList.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerList component -\n * A TagPickerList is a composite component that allows users to display a list of tag options to be selected.\n */\nexport const TagPickerList: ForwardRefComponent<TagPickerListProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerList_unstable(props, ref);\n\n  useTagPickerListStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerListStyles_unstable')(state);\n  return renderTagPickerList_unstable(state);\n});\n\nTagPickerList.displayName = 'TagPickerList';\n"],"names":["React","useTagPickerList_unstable","renderTagPickerList_unstable","useTagPickerListStyles_unstable","useCustomStyleHook_unstable","TagPickerList","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCAEW,wBAAqB;qCAClB,2BAAwB;8CACrB,qCAAkC;qCAEtC,kCAAkC;AAMvE,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQR,2CAAAA,EAA0BM,OAAOC;QAE/CL,6DAAAA,EAAgCM;QAChCL,gDAAAA,EAA4B,mCAAmCK;IAC/D,WAAOP,iDAAAA,EAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

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

@@ -25,7 +25,7 @@ _export(exports, {
         return _useTagPickerList.useTagPickerList_unstable;
     }
 });
-const _TagPickerList = require("./TagPickerList");
-const _renderTagPickerList = require("./renderTagPickerList");
-const _useTagPickerList = require("./useTagPickerList");
-const _useTagPickerListStylesstyles = require("./useTagPickerListStyles.styles");
+const _TagPickerList = require("./TagPickerList.cjs");
+const _renderTagPickerList = require("./renderTagPickerList.cjs");
+const _useTagPickerList = require("./useTagPickerList.cjs");
+const _useTagPickerListStylesstyles = require("./useTagPickerListStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerList/index.ts"],"sourcesContent":["export { TagPickerList } from './TagPickerList';\nexport type { TagPickerListProps, TagPickerListSlots, TagPickerListState } from './TagPickerList.types';\nexport { renderTagPickerList_unstable } from './renderTagPickerList';\nexport { useTagPickerList_unstable } from './useTagPickerList';\nexport { tagPickerListClassNames, useTagPickerListStyles_unstable } from './useTagPickerListStyles.styles';\n"],"names":["TagPickerList","renderTagPickerList_unstable","useTagPickerList_unstable","tagPickerListClassNames","useTagPickerListStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAEbC,iDAA4B;;;eAE5BE,qDAAuB;;;eAAEC,6DAA+B;;;eADxDF,2CAAyB;;;+BAHJ,kBAAkB;qCAEH,wBAAwB;kCAC3B,qBAAqB;8CACU,kCAAkC"}
+{"version":3,"sources":["../src/components/TagPickerList/index.ts"],"sourcesContent":["export { TagPickerList } from './TagPickerList';\nexport type { TagPickerListProps, TagPickerListSlots, TagPickerListState } from './TagPickerList.types';\nexport { renderTagPickerList_unstable } from './renderTagPickerList';\nexport { useTagPickerList_unstable } from './useTagPickerList';\nexport { tagPickerListClassNames, useTagPickerListStyles_unstable } from './useTagPickerListStyles.styles';\n"],"names":["TagPickerList","renderTagPickerList_unstable","useTagPickerList_unstable","tagPickerListClassNames","useTagPickerListStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAEbC,iDAA4B;;;eAE5BE,qDAAuB;;;eAAEC,6DAA+B;;;eADxDF,2CAAyB;;;+BAHJ,qBAAkB;qCAEH,2BAAwB;kCAC3B,wBAAqB;8CACU,qCAAkC"}

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useTagPickerList_unstable", {
     }
 });
 const _reactcombobox = require("@fluentui/react-combobox");
-const _TagPickerContext = require("../../contexts/TagPickerContext");
+const _TagPickerContext = require("../../contexts/TagPickerContext.cjs");
 const _reactutilities = require("@fluentui/react-utilities");
 const useTagPickerList_unstable = (props, ref)=>{
     const triggerRef = (0, _TagPickerContext.useTagPickerContext_unstable)((ctx)=>ctx.triggerRef);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerList/useTagPickerList.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { TagPickerListProps, TagPickerListState } from './TagPickerList.types';\nimport { Listbox } from '@fluentui/react-combobox';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useListboxSlot } from '@fluentui/react-combobox';\n\n/**\n * Create the state required to render TagPickerList.\n *\n * The returned state can be modified with hooks such as useTagPickerListStyles_unstable,\n * before being passed to renderTagPickerList_unstable.\n *\n * @param props - props from this instance of TagPickerList\n * @param ref - reference to root HTMLDivElement of TagPickerList\n */\nexport const useTagPickerList_unstable = (\n  props: TagPickerListProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerListState => {\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef) as\n    | React.RefObject<HTMLInputElement>\n    | React.RefObject<HTMLButtonElement>;\n  const popoverRef = useTagPickerContext_unstable(ctx => ctx.popoverRef);\n  const popoverId = useTagPickerContext_unstable(ctx => ctx.popoverId);\n  const open = useTagPickerContext_unstable(ctx => ctx.open);\n\n  return {\n    open,\n    components: {\n      root: Listbox,\n    },\n    root: slot.always(\n      {\n        ...useListboxSlot(props, useMergedRefs(popoverRef, ref), {\n          state: { multiselect: true },\n          triggerRef,\n          defaultProps: { id: popoverId },\n        }),\n        role: 'listbox',\n      },\n      { elementType: Listbox },\n    ),\n  };\n};\n"],"names":["Listbox","useTagPickerContext_unstable","slot","useMergedRefs","useListboxSlot","useTagPickerList_unstable","props","ref","triggerRef","ctx","popoverRef","popoverId","open","components","root","always","state","multiselect","defaultProps","id","role","elementType"],"mappings":"AAAA;;;;;+BAkBaK;;;;;;+BAdW,2BAA2B;kCACN,kCAAkC;gCAC3C,4BAA4B;AAYzD,kCAAkC,CACvCC,OACAC;IAEA,MAAMC,iBAAaP,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAID,UAAU;IAGrE,MAAME,iBAAaT,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAIC,UAAU;IACrE,MAAMC,gBAAYV,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAIE,SAAS;IACnE,MAAMC,WAAOX,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAIG,IAAI;IAEzD,OAAO;QACLA;QACAC,YAAY;YACVC,MAAMd,sBAAAA;QACR;QACAc,MAAMZ,oBAAAA,CAAKa,MAAM,CACf;YACE,OAAGX,6BAAAA,EAAeE,WAAOH,6BAAAA,EAAcO,YAAYH,MAAM;gBACvDS,OAAO;oBAAEC,aAAa;gBAAK;gBAC3BT;gBACAU,cAAc;oBAAEC,IAAIR;gBAAU;YAChC,EAAE;YACFS,MAAM;QACR,GACA;YAAEC,aAAarB,sBAAAA;QAAQ;IAE3B;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TagPickerList/useTagPickerList.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { TagPickerListProps, TagPickerListState } from './TagPickerList.types';\nimport { Listbox } from '@fluentui/react-combobox';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useListboxSlot } from '@fluentui/react-combobox';\n\n/**\n * Create the state required to render TagPickerList.\n *\n * The returned state can be modified with hooks such as useTagPickerListStyles_unstable,\n * before being passed to renderTagPickerList_unstable.\n *\n * @param props - props from this instance of TagPickerList\n * @param ref - reference to root HTMLDivElement of TagPickerList\n */\nexport const useTagPickerList_unstable = (\n  props: TagPickerListProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerListState => {\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef) as\n    | React.RefObject<HTMLInputElement>\n    | React.RefObject<HTMLButtonElement>;\n  const popoverRef = useTagPickerContext_unstable(ctx => ctx.popoverRef);\n  const popoverId = useTagPickerContext_unstable(ctx => ctx.popoverId);\n  const open = useTagPickerContext_unstable(ctx => ctx.open);\n\n  return {\n    open,\n    components: {\n      root: Listbox,\n    },\n    root: slot.always(\n      {\n        ...useListboxSlot(props, useMergedRefs(popoverRef, ref), {\n          state: { multiselect: true },\n          triggerRef,\n          defaultProps: { id: popoverId },\n        }),\n        role: 'listbox',\n      },\n      { elementType: Listbox },\n    ),\n  };\n};\n"],"names":["Listbox","useTagPickerContext_unstable","slot","useMergedRefs","useListboxSlot","useTagPickerList_unstable","props","ref","triggerRef","ctx","popoverRef","popoverId","open","components","root","always","state","multiselect","defaultProps","id","role","elementType"],"mappings":"AAAA;;;;;+BAkBaK;;;;;;+BAdW,2BAA2B;kCACN,qCAAkC;gCAC3C,4BAA4B;AAYzD,kCAAkC,CACvCC,OACAC;IAEA,MAAMC,iBAAaP,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAID,UAAU;IAGrE,MAAME,iBAAaT,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAIC,UAAU;IACrE,MAAMC,gBAAYV,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAIE,SAAS;IACnE,MAAMC,WAAOX,8CAAAA,EAA6BQ,CAAAA,MAAOA,IAAIG,IAAI;IAEzD,OAAO;QACLA;QACAC,YAAY;YACVC,MAAMd,sBAAAA;QACR;QACAc,MAAMZ,oBAAAA,CAAKa,MAAM,CACf;YACE,OAAGX,6BAAAA,EAAeE,WAAOH,6BAAAA,EAAcO,YAAYH,MAAM;gBACvDS,OAAO;oBAAEC,aAAa;gBAAK;gBAC3BT;gBACAU,cAAc;oBAAEC,IAAIR;gBAAU;YAChC,EAAE;YACFS,MAAM;QACR,GACA;YAAEC,aAAarB,sBAAAA;QAAQ;IAE3B;AACF,EAAE"}

package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerListStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const tagPickerListClassNames = {\n    root: 'fui-TagPickerList'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        boxShadow: `${tokens.shadow16}`,\n        borderRadius: tokens.borderRadiusMedium,\n        maxHeight: '80vh',\n        boxSizing: 'border-box'\n    },\n    collapsed: {\n        display: 'none'\n    }\n});\n/**\n * Apply styling to the TagPickerList slots based on the state\n */ export const useTagPickerListStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tokens","tagPickerListClassNames","root","useStyles","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bxyxcbc","B7ck84d","collapsed","mc9l5x","d","p","useTagPickerListStyles_unstable","state","styles","className","open"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,uBAAuB;;;mCAkBY;eAA/Be;;;uBApBwB,gBAAgB;AAElD,gCAAgC;IACnCd,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,yCAAyCE,KAAK,IAAG;IACxD,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAc,KAAK,CAACf,IAAI,CAACiB,SAAS,OAAGpB,mBAAY,EAACE,uBAAuB,CAACC,IAAI,EAAEgB,MAAM,CAAChB,IAAI,EAAE,CAACe,KAAK,CAACG,IAAI,IAAIF,MAAM,CAACN,SAAS,EAAEK,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;IACrI,OAAOF,KAAK;AAChB,CAAC"}

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

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPickerOption", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useTagPickerOption = require("./useTagPickerOption");
-const _renderTagPickerOption = require("./renderTagPickerOption");
-const _useTagPickerOptionStylesstyles = require("./useTagPickerOptionStyles.styles");
+const _useTagPickerOption = require("./useTagPickerOption.cjs");
+const _renderTagPickerOption = require("./renderTagPickerOption.cjs");
+const _useTagPickerOptionStylesstyles = require("./useTagPickerOptionStyles.styles.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const TagPickerOption = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTagPickerOption.useTagPickerOption_unstable)(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOption/TagPickerOption.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerOption_unstable } from './useTagPickerOption';\nimport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nimport { useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\nimport type { TagPickerOptionProps } from './TagPickerOption.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerOption component -\n * A TagPickerOption is a composite component that allows users to select tags.\n */\nexport const TagPickerOption: ForwardRefComponent<TagPickerOptionProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerOption_unstable(props, ref);\n\n  useTagPickerOptionStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerOptionStyles_unstable')(state);\n  return renderTagPickerOption_unstable(state);\n});\n\nTagPickerOption.displayName = 'TagPickerOption';\n"],"names":["React","useTagPickerOption_unstable","renderTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useCustomStyleHook_unstable","TagPickerOption","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;oCAEa,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;qCAE1C,kCAAkC;AAMvE,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQR,+CAAAA,EAA4BM,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCL,gDAAAA,EAA4B,qCAAqCK;IACjE,WAAOP,qDAAAA,EAA+BO;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TagPickerOption/TagPickerOption.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerOption_unstable } from './useTagPickerOption';\nimport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nimport { useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\nimport type { TagPickerOptionProps } from './TagPickerOption.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerOption component -\n * A TagPickerOption is a composite component that allows users to select tags.\n */\nexport const TagPickerOption: ForwardRefComponent<TagPickerOptionProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerOption_unstable(props, ref);\n\n  useTagPickerOptionStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerOptionStyles_unstable')(state);\n  return renderTagPickerOption_unstable(state);\n});\n\nTagPickerOption.displayName = 'TagPickerOption';\n"],"names":["React","useTagPickerOption_unstable","renderTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useCustomStyleHook_unstable","TagPickerOption","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;oCAEa,0BAAuB;uCACpB,6BAA0B;gDACvB,uCAAoC;qCAE1C,kCAAkC;AAMvE,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQR,+CAAAA,EAA4BM,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCL,gDAAAA,EAA4B,qCAAqCK;IACjE,WAAOP,qDAAAA,EAA+BO;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -25,7 +25,7 @@ _export(exports, {
         return _useTagPickerOption.useTagPickerOption_unstable;
     }
 });
-const _TagPickerOption = require("./TagPickerOption");
-const _renderTagPickerOption = require("./renderTagPickerOption");
-const _useTagPickerOption = require("./useTagPickerOption");
-const _useTagPickerOptionStylesstyles = require("./useTagPickerOptionStyles.styles");
+const _TagPickerOption = require("./TagPickerOption.cjs");
+const _renderTagPickerOption = require("./renderTagPickerOption.cjs");
+const _useTagPickerOption = require("./useTagPickerOption.cjs");
+const _useTagPickerOptionStylesstyles = require("./useTagPickerOptionStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOption/index.ts"],"sourcesContent":["export { TagPickerOption } from './TagPickerOption';\nexport type { TagPickerOptionProps, TagPickerOptionSlots, TagPickerOptionState } from './TagPickerOption.types';\nexport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nexport { useTagPickerOption_unstable } from './useTagPickerOption';\nexport { tagPickerOptionClassNames, useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\n"],"names":["TagPickerOption","renderTagPickerOption_unstable","useTagPickerOption_unstable","tagPickerOptionClassNames","useTagPickerOptionStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAEfC,qDAA8B;;;eAE9BE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAHJ,oBAAoB;uCAEL,0BAA0B;oCAC7B,uBAAuB;gDACU,oCAAoC"}
+{"version":3,"sources":["../src/components/TagPickerOption/index.ts"],"sourcesContent":["export { TagPickerOption } from './TagPickerOption';\nexport type { TagPickerOptionProps, TagPickerOptionSlots, TagPickerOptionState } from './TagPickerOption.types';\nexport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nexport { useTagPickerOption_unstable } from './useTagPickerOption';\nexport { tagPickerOptionClassNames, useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\n"],"names":["TagPickerOption","renderTagPickerOption_unstable","useTagPickerOption_unstable","tagPickerOptionClassNames","useTagPickerOptionStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAEfC,qDAA8B;;;eAE9BE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAHJ,uBAAoB;uCAEL,6BAA0B;oCAC7B,0BAAuB;gDACU,uCAAoC"}

package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useOptionStyles_unstable } from \"@fluentui/react-combobox\";\nimport { typographyStyles } from \"@fluentui/react-theme\";\nexport const tagPickerOptionClassNames = {\n    root: 'fui-TagPickerOption',\n    media: 'fui-TagPickerOption__media',\n    secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\nconst useRootBaseStyle = makeResetStyles({\n    display: 'flex',\n    alignItems: 'center'\n});\nconst useRootStyles = makeStyles({\n    secondaryContent: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr'\n    }\n});\nconst useSecondaryContentBaseStyle = makeResetStyles({\n    gridColumnStart: 2,\n    gridRowStart: 2,\n    ...typographyStyles.caption1\n});\nconst useMediaBaseStyle = makeResetStyles({\n    gridRowStart: 'span 2'\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */ export const useTagPickerOptionStyles_unstable = (state)=>{\n    const rootBaseStyle = useRootBaseStyle();\n    const rootStyles = useRootStyles();\n    const secondaryContentBaseStyle = useSecondaryContentBaseStyle();\n    const mediaBaseStyle = useMediaBaseStyle();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tagPickerOptionClassNames.root, rootBaseStyle, state.secondaryContent && rootStyles.secondaryContent, state.root.className);\n    useOptionStyles_unstable({\n        ...state,\n        active: false,\n        disabled: false,\n        focusVisible: false,\n        checkIcon: undefined,\n        selected: false\n    });\n    if (state.media) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.media.className = mergeClasses(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);\n    }\n    if (state.secondaryContent) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, secondaryContentBaseStyle, state.secondaryContent.className);\n    }\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","useOptionStyles_unstable","typographyStyles","tagPickerOptionClassNames","root","media","secondaryContent","useRootBaseStyle","useRootStyles","mc9l5x","Budl1dq","d","useSecondaryContentBaseStyle","useMediaBaseStyle","useTagPickerOptionStyles_unstable","state","rootBaseStyle","rootStyles","secondaryContentBaseStyle","mediaBaseStyle","className","active","disabled","focusVisible","checkIcon","undefined","selected"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,yBAAyB;;;qCAyBY;eAAjCW;;;uBA5ByC,gBAAgB;+BACjC,0BAA0B;AAE5D,kCAAkC;IACrCV,IAAI,EAAE,qBAAqB;IAC3BC,KAAK,EAAE,4BAA4B;IACnCC,gBAAgB,EAAE;AACtB,CAAC;AACD,MAAMC,gBAAgB,GAAA,WAAA,OAAGT,oBAAA,EAAA,WAAA,MAAA;IAAA;CAGxB,CAAC;AACF,MAAMU,aAAa,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAO,gBAAA,EAAA;QAAAG,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAKrB,CAAC;AACF,MAAMC,4BAA4B,GAAA,WAAA,OAAGd,oBAAA,EAAA,YAAA,MAAA;IAAA;CAIpC,CAAC;AACF,MAAMe,iBAAiB,GAAA,WAAA,OAAGf,oBAAA,EAAA,WAAA,MAAA;IAAA;CAEzB,CAAC;AAGS,2CAA2CiB,KAAK,IAAG;IAC1D,MAAMC,aAAa,GAAGT,gBAAgB,CAAC,CAAC;IACxC,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;IAClC,MAAMU,yBAAyB,GAAGN,4BAA4B,CAAC,CAAC;IAChE,MAAMO,cAAc,GAAGN,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAE,KAAK,CAACX,IAAI,CAACgB,SAAS,GAAGpB,uBAAY,EAACG,yBAAyB,CAACC,IAAI,EAAEY,aAAa,EAAED,KAAK,CAACT,gBAAgB,IAAIW,UAAU,CAACX,gBAAgB,EAAES,KAAK,CAACX,IAAI,CAACgB,SAAS,CAAC;QAC/JnB,uCAAwB,EAAC;QACrB,GAAGc,KAAK;QACRM,MAAM,EAAE,KAAK;QACbC,QAAQ,EAAE,KAAK;QACfC,YAAY,EAAE,KAAK;QACnBC,SAAS,EAAEC,SAAS;QACpBC,QAAQ,EAAE;IACd,CAAC,CAAC;IACF,IAAIX,KAAK,CAACV,KAAK,EAAE;QACb,oDAAA;QACAU,KAAK,CAACV,KAAK,CAACe,SAAS,OAAGpB,mBAAY,EAACG,yBAAyB,CAACE,KAAK,EAAEc,cAAc,EAAEJ,KAAK,CAACV,KAAK,CAACe,SAAS,CAAC;IAChH;IACA,IAAIL,KAAK,CAACT,gBAAgB,EAAE;QACxB,oDAAA;QACAS,KAAK,CAACT,gBAAgB,CAACc,SAAS,OAAGpB,mBAAY,EAACG,yBAAyB,CAACG,gBAAgB,EAAEY,yBAAyB,EAAEH,KAAK,CAACT,gBAAgB,CAACc,SAAS,CAAC;IAC5J;IACA,OAAOL,KAAK;AAChB,CAAC"}

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

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "TagPickerOptionGroup", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useTagPickerOptionGroup = require("./useTagPickerOptionGroup");
-const _renderTagPickerOptionGroup = require("./renderTagPickerOptionGroup");
-const _useTagPickerOptionGroupStylesstyles = require("./useTagPickerOptionGroupStyles.styles");
+const _useTagPickerOptionGroup = require("./useTagPickerOptionGroup.cjs");
+const _renderTagPickerOptionGroup = require("./renderTagPickerOptionGroup.cjs");
+const _useTagPickerOptionGroupStylesstyles = require("./useTagPickerOptionGroupStyles.styles.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const TagPickerOptionGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTagPickerOptionGroup.useTagPickerOptionGroup)(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/TagPickerOptionGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nimport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nimport { useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\nimport type { TagPickerOptionGroupProps } from './TagPickerOptionGroup.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerOptionGroup component -\n * A TagPickerOptionGroup is a composite component that allows users to group TagPickerOptions.\n */\nexport const TagPickerOptionGroup: ForwardRefComponent<TagPickerOptionGroupProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerOptionGroup(props, ref);\n\n  useTagPickerOptionGroupStyles(state);\n  useCustomStyleHook_unstable('useTagPickerOptionGroupStyles_unstable')(state);\n  return renderTagPickerOptionGroup(state);\n});\n\nTagPickerOptionGroup.displayName = 'TagPickerOptionGroup';\n"],"names":["React","useTagPickerOptionGroup","renderTagPickerOptionGroup","useTagPickerOptionGroupStyles","useCustomStyleHook_unstable","TagPickerOptionGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yCAES,4BAA4B;4CACzB,+BAA+B;qDAC5B,yCAAyC;qCAE3C,kCAAkC;AAMvE,MAAMK,uBAAAA,WAAAA,GAAuEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,YAAQR,gDAAAA,EAAwBM,OAAOC;QAE7CL,kEAAAA,EAA8BM;QAC9BL,gDAAAA,EAA4B,0CAA0CK;IACtE,WAAOP,sDAAAA,EAA2BO;AACpC,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/TagPickerOptionGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nimport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nimport { useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\nimport type { TagPickerOptionGroupProps } from './TagPickerOptionGroup.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerOptionGroup component -\n * A TagPickerOptionGroup is a composite component that allows users to group TagPickerOptions.\n */\nexport const TagPickerOptionGroup: ForwardRefComponent<TagPickerOptionGroupProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerOptionGroup(props, ref);\n\n  useTagPickerOptionGroupStyles(state);\n  useCustomStyleHook_unstable('useTagPickerOptionGroupStyles_unstable')(state);\n  return renderTagPickerOptionGroup(state);\n});\n\nTagPickerOptionGroup.displayName = 'TagPickerOptionGroup';\n"],"names":["React","useTagPickerOptionGroup","renderTagPickerOptionGroup","useTagPickerOptionGroupStyles","useCustomStyleHook_unstable","TagPickerOptionGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yCAES,+BAA4B;4CACzB,kCAA+B;qDAC5B,4CAAyC;qCAE3C,kCAAkC;AAMvE,MAAMK,uBAAAA,WAAAA,GAAuEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,YAAQR,gDAAAA,EAAwBM,OAAOC;QAE7CL,kEAAAA,EAA8BM;QAC9BL,gDAAAA,EAA4B,0CAA0CK;IACtE,WAAOP,sDAAAA,EAA2BO;AACpC,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

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

@@ -25,7 +25,7 @@ _export(exports, {
         return _useTagPickerOptionGroupStylesstyles.useTagPickerOptionGroupStyles;
     }
 });
-const _TagPickerOptionGroup = require("./TagPickerOptionGroup");
-const _renderTagPickerOptionGroup = require("./renderTagPickerOptionGroup");
-const _useTagPickerOptionGroup = require("./useTagPickerOptionGroup");
-const _useTagPickerOptionGroupStylesstyles = require("./useTagPickerOptionGroupStyles.styles");
+const _TagPickerOptionGroup = require("./TagPickerOptionGroup.cjs");
+const _renderTagPickerOptionGroup = require("./renderTagPickerOptionGroup.cjs");
+const _useTagPickerOptionGroup = require("./useTagPickerOptionGroup.cjs");
+const _useTagPickerOptionGroupStylesstyles = require("./useTagPickerOptionGroupStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/index.ts"],"sourcesContent":["export { TagPickerOptionGroup } from './TagPickerOptionGroup';\nexport type {\n  TagPickerOptionGroupProps,\n  TagPickerOptionGroupSlots,\n  TagPickerOptionGroupState,\n} from './TagPickerOptionGroup.types';\nexport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nexport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nexport { tagPickerOptionGroupClassNames, useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\n"],"names":["TagPickerOptionGroup","renderTagPickerOptionGroup","useTagPickerOptionGroup","tagPickerOptionGroupClassNames","useTagPickerOptionGroupStyles"],"mappings":";;;;;;;;;;;;eAASA,0CAAoB;;;eAMpBC,sDAA0B;;;eAE1BE,mEAA8B;;;eAD9BD,gDAAuB;;;eACSE,kEAA6B;;;sCARjC,yBAAyB;4CAMnB,+BAA+B;yCAClC,4BAA4B;qDACU,yCAAyC"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/index.ts"],"sourcesContent":["export { TagPickerOptionGroup } from './TagPickerOptionGroup';\nexport type {\n  TagPickerOptionGroupProps,\n  TagPickerOptionGroupSlots,\n  TagPickerOptionGroupState,\n} from './TagPickerOptionGroup.types';\nexport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nexport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nexport { tagPickerOptionGroupClassNames, useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\n"],"names":["TagPickerOptionGroup","renderTagPickerOptionGroup","useTagPickerOptionGroup","tagPickerOptionGroupClassNames","useTagPickerOptionGroupStyles"],"mappings":";;;;;;;;;;;;eAASA,0CAAoB;;;eAMpBC,sDAA0B;;;eAE1BE,mEAA8B;;;eAD9BD,gDAAuB;;;eACSE,kEAA6B;;;sCARjC,4BAAyB;4CAMnB,kCAA+B;yCAClC,+BAA4B;qDACU,4CAAyC"}

package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerOptionGroupStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses } from \"@griffel/react\";\nimport { useOptionGroupStyles_unstable } from \"@fluentui/react-combobox\";\nexport const tagPickerOptionGroupClassNames = {\n    root: 'fui-TagPickerOptionGroup',\n    label: 'fui-TagPickerOptionGroup__label'\n};\n/**\n * Apply styling to the TagPickerOptionGroup slots based on the state\n */ export const useTagPickerOptionGroupStyles = (state)=>{\n    useOptionGroupStyles_unstable(state);\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n    if (state.label) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);\n    }\n    return state;\n};\n"],"names":["mergeClasses","useOptionGroupStyles_unstable","tagPickerOptionGroupClassNames","root","label","useTagPickerOptionGroupStyles","state","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCE,8BAA8B;;;iCAMG;eAA7BG;;;uBARY,gBAAgB;+BACC,0BAA0B;AACjE,uCAAuC;IAC1CF,IAAI,EAAE,0BAA0B;IAChCC,KAAK,EAAE;AACX,CAAC;AAGU,uCAAuCE,KAAK,IAAG;QACtDL,4CAA6B,EAACK,KAAK,CAAC;IACpC,oDAAA;IACAA,KAAK,CAACH,IAAI,CAACI,SAAS,OAAGP,mBAAY,EAACE,8BAA8B,CAACC,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACI,SAAS,CAAC;IAC9F,IAAID,KAAK,CAACF,KAAK,EAAE;QACb,oDAAA;QACAE,KAAK,CAACF,KAAK,CAACG,SAAS,OAAGP,mBAAY,EAACE,8BAA8B,CAACE,KAAK,EAAEE,KAAK,CAACF,KAAK,CAACG,SAAS,CAAC;IACrG;IACA,OAAOD,KAAK;AAChB,CAAC"}

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

@@ -93,6 +93,9 @@ _export(exports, {
     useTagPickerButton_unstable: function() {
         return _TagPickerButton.useTagPickerButton_unstable;
     },
+    useTagPickerContextValues: function() {
+        return _TagPicker.useTagPickerContextValues;
+    },
     useTagPickerContext_unstable: function() {
         return _TagPickerContext.useTagPickerContext_unstable;
     },
@@ -145,13 +148,13 @@ _export(exports, {
         return _TagPicker.useTagPicker_unstable;
     }
 });
-const _TagPicker = require("./TagPicker");
-const _TagPickerInput = require("./TagPickerInput");
-const _TagPickerList = require("./TagPickerList");
-const _TagPickerButton = require("./TagPickerButton");
-const _TagPickerControl = require("./TagPickerControl");
-const _TagPickerOption = require("./TagPickerOption");
-const _TagPickerGroup = require("./TagPickerGroup");
-const _TagPickerOptionGroup = require("./TagPickerOptionGroup");
-const _useTagPickerFilter = require("./utils/useTagPickerFilter");
-const _TagPickerContext = require("./contexts/TagPickerContext");
+const _TagPicker = require("./TagPicker.cjs");
+const _TagPickerInput = require("./TagPickerInput.cjs");
+const _TagPickerList = require("./TagPickerList.cjs");
+const _TagPickerButton = require("./TagPickerButton.cjs");
+const _TagPickerControl = require("./TagPickerControl.cjs");
+const _TagPickerOption = require("./TagPickerOption.cjs");
+const _TagPickerGroup = require("./TagPickerGroup.cjs");
+const _TagPickerOptionGroup = require("./TagPickerOptionGroup.cjs");
+const _useTagPickerFilter = require("./utils/useTagPickerFilter.cjs");
+const _TagPickerContext = require("./contexts/TagPickerContext.cjs");

package/lib-commonjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  TagPicker,\n  renderTagPicker_unstable,\n  useTagPicker_unstable,\n  useTagPickerBase_unstable,\n  useTagPickerContextValues,\n} from './TagPicker';\nexport type {\n  TagPickerBaseProps,\n  TagPickerBaseState,\n  TagPickerContextValues,\n  TagPickerProps,\n  TagPickerSlots,\n  TagPickerState,\n  TagPickerOnOpenChangeData,\n  TagPickerOnOptionSelectData,\n  TagPickerSize,\n} from './TagPicker';\nexport {\n  TagPickerInput,\n  tagPickerInputClassNames,\n  renderTagPickerInput_unstable,\n  useTagPickerInputStyles_unstable,\n  useTagPickerInput_unstable,\n  useTagPickerInputBase_unstable,\n} from './TagPickerInput';\nexport type {\n  TagPickerInputBaseProps,\n  TagPickerInputBaseState,\n  TagPickerInputProps,\n  TagPickerInputSlots,\n  TagPickerInputState,\n} from './TagPickerInput';\nexport {\n  TagPickerList,\n  tagPickerListClassNames,\n  renderTagPickerList_unstable,\n  useTagPickerListStyles_unstable,\n  useTagPickerList_unstable,\n} from './TagPickerList';\nexport type { TagPickerListProps, TagPickerListSlots, TagPickerListState } from './TagPickerList';\nexport {\n  TagPickerButton,\n  tagPickerButtonClassNames,\n  renderTagPickerButton_unstable,\n  useTagPickerButtonStyles_unstable,\n  useTagPickerButton_unstable,\n  useTagPickerButtonBase_unstable,\n} from './TagPickerButton';\nexport type {\n  TagPickerButtonBaseProps,\n  TagPickerButtonBaseState,\n  TagPickerButtonProps,\n  TagPickerButtonSlots,\n  TagPickerButtonState,\n} from './TagPickerButton';\nexport {\n  TagPickerControl,\n  tagPickerControlClassNames,\n  renderTagPickerControl_unstable,\n  useTagPickerControlStyles_unstable,\n  useTagPickerControl_unstable,\n  useTagPickerControlBase_unstable,\n} from './TagPickerControl';\nexport type {\n  TagPickerControlBaseState,\n  TagPickerControlInternalSlots,\n  TagPickerControlProps,\n  TagPickerControlSlots,\n  TagPickerControlState,\n} from './TagPickerControl';\nexport {\n  TagPickerOption,\n  tagPickerOptionClassNames,\n  renderTagPickerOption_unstable,\n  useTagPickerOptionStyles_unstable,\n  useTagPickerOption_unstable,\n} from './TagPickerOption';\nexport type { TagPickerOptionProps, TagPickerOptionSlots, TagPickerOptionState } from './TagPickerOption';\nexport {\n  TagPickerGroup,\n  tagPickerGroupClassNames,\n  renderTagPickerGroup_unstable,\n  useTagPickerGroupStyles_unstable,\n  useTagPickerGroup_unstable,\n} from './TagPickerGroup';\nexport type { TagPickerGroupProps, TagPickerGroupSlots, TagPickerGroupState } from './TagPickerGroup';\n\nexport {\n  TagPickerOptionGroup,\n  tagPickerOptionGroupClassNames,\n  renderTagPickerOptionGroup,\n  useTagPickerOptionGroupStyles,\n  useTagPickerOptionGroup,\n} from './TagPickerOptionGroup';\nexport type {\n  TagPickerOptionGroupProps,\n  TagPickerOptionGroupSlots,\n  TagPickerOptionGroupState,\n} from './TagPickerOptionGroup';\n\nexport { useTagPickerFilter } from './utils/useTagPickerFilter';\n\nexport { TagPickerContextProvider, useTagPickerContext_unstable } from './contexts/TagPickerContext';\nexport type { TagPickerContextValue } from './contexts/TagPickerContext';\n"],"names":["TagPicker","renderTagPicker_unstable","useTagPicker_unstable","useTagPickerBase_unstable","useTagPickerContextValues","TagPickerInput","tagPickerInputClassNames","renderTagPickerInput_unstable","useTagPickerInputStyles_unstable","useTagPickerInput_unstable","useTagPickerInputBase_unstable","TagPickerList","tagPickerListClassNames","renderTagPickerList_unstable","useTagPickerListStyles_unstable","useTagPickerList_unstable","TagPickerButton","tagPickerButtonClassNames","renderTagPickerButton_unstable","useTagPickerButtonStyles_unstable","useTagPickerButton_unstable","useTagPickerButtonBase_unstable","TagPickerControl","tagPickerControlClassNames","renderTagPickerControl_unstable","useTagPickerControlStyles_unstable","useTagPickerControl_unstable","useTagPickerControlBase_unstable","TagPickerOption","tagPickerOptionClassNames","renderTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useTagPickerOption_unstable","TagPickerGroup","tagPickerGroupClassNames","renderTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useTagPickerGroup_unstable","TagPickerOptionGroup","tagPickerOptionGroupClassNames","renderTagPickerOptionGroup","useTagPickerOptionGroupStyles","useTagPickerOptionGroup","useTagPickerFilter","TagPickerContextProvider","useTagPickerContext_unstable"],"mappings":";;;;;;;;;;;aACW;eAATA;;;eAyCAgB,gCAAe;;4BA6DgB;eAAxB4B;;;eA9CPtB,kCAAgB;;;eAuBhBW,8BAAc;;;eA7Dd5B,8BAAc;;;eAedM,4BAAa;;;eAsCbiB,gCAAe;;;eAiBfU,0CAAoB;;;eA7CpBpB,+CAA8B;;IAe9BM,+BAA+B;;;;eAuB/BW,6CAA6B;;iCA7DA;eAA7B5B;;;eAeAM,2CAA4B;;IAuD5B2B;+DAA0B;;;eAjB1BV,+CAA8B;;;eAxE9B7B,mCAAwB;;IAyCxBgB;yDAAyB;;;eAezBM,4CAA0B;;;eAuB1BW,wCAAwB;;4BA7DA;eAAxB5B;;;eAeAM,sCAAuB;;6BAsCE;eAAzBiB;;kCAiB8B;eAA9BU;;;eAtFApC,oCAAyB;;;eA2CzBkB,gDAA+B;;;eAF/BF,kDAAiC;;;eACjCC,4CAA2B;;;eAzC3BhB,oCAAyB;;;eAkGQyC,8CAA4B;;oCAzC7B;eAAhClB;;IAFAF;mEAAkC;;;eAClCC,8CAA4B;;;eAwCrBiB,sCAAkB;;oCAlBO;eAAhCP;;;eACAC,0CAA0B;;;eA5D1B3B,8CAA8B;;IAF9BF;+DAAgC;;;eAChCC,0CAA0B;;;eAc1BK,8CAA+B;;;eAC/BC,wCAAyB;;IAuDzB2B;4DAAuB;;iCADM;eAA7BD;;;eAjBAV,kDAAiC;;+BACN;eAA3BC;;;eAzEA9B,gCAAqB;;;2BAGhB,iBAAc;gCAmBd,sBAAmB;+BAcnB,qBAAkB;iCASlB,uBAAoB;kCAepB,wBAAqB;iCAcrB,uBAAoB;gCAQpB,sBAAmB;sCASnB,4BAAyB;oCAOG,gCAA6B;kCAEO,iCAA8B"}

package/lib-commonjs/utils/{useExpandLabel.js → useExpandLabel.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useExpandLabel", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _TagPickerContext = require("../contexts/TagPickerContext");
+const _TagPickerContext = require("../contexts/TagPickerContext.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 function useExpandLabel(options) {
     const { tagPickerId, state } = options;

package/lib-commonjs/utils/{useExpandLabel.js.map → useExpandLabel.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useExpandLabel.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTagPickerContext_unstable } from '../contexts/TagPickerContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport type { TagPickerControlState } from '../TagPickerControl';\n\nexport function useExpandLabel(options: {\n  tagPickerId: string;\n  state: Pick<TagPickerControlState, 'expandIcon'>;\n}): React.RefObject<HTMLSpanElement | null> {\n  const { tagPickerId, state } = options;\n  const { targetDocument } = useFluent();\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const expandIconRef = React.useRef<HTMLSpanElement | null>(null);\n\n  const hasExpandIcon = !!state.expandIcon;\n  const {\n    'aria-label': expandIconAriaLabel,\n    'aria-labelledby': expandIconAriaLabelledby,\n    id: expandIconId,\n  } = state.expandIcon || {};\n\n  // If aria-label or aria-labelledby changes, recalculate aria-label and aria-labelledby for the expandIcon\n  // The expandIcon's label is calculated based on the input's label\n  // TODO: investigate ways to enforce client to provide a label rather than need to calculate it\n  const getExpandLabel = React.useCallback(\n    (ariaLabel?: string | null, ariaLabelledBy?: string | null) => {\n      let expandAriaLabel = undefined;\n      let expandAriaLabelledBy = undefined;\n      let expandId = undefined;\n\n      if (hasExpandIcon) {\n        const hasExpandLabel = expandIconAriaLabel || expandIconAriaLabelledby;\n        // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,\n        // using the following steps:\n        // 1. If there is an aria-label, it is \"Open [aria-label]\"\n        // 2. If there is an aria-labelledby, it is \"Open [aria-labelledby target]\" (using aria-labelledby + ids)\n        // 3. If there is no aria-label/ledby attr, it falls back to \"Open\"\n        // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179\n        const defaultOpenString = 'Open'; // this is english-only since it is the fallback\n        if (!hasExpandLabel) {\n          if (ariaLabelledBy) {\n            expandAriaLabel = defaultOpenString;\n            expandId = expandIconId ?? `${tagPickerId}-chevron`;\n            expandAriaLabelledBy = `${expandId} ${ariaLabelledBy}`;\n          } else if (ariaLabel) {\n            expandAriaLabel = `${defaultOpenString} ${ariaLabel}`;\n          } else {\n            expandAriaLabel = defaultOpenString;\n          }\n        }\n      }\n\n      return { expandAriaLabel, expandAriaLabelledBy, expandId };\n    },\n    [expandIconAriaLabel, expandIconAriaLabelledby, expandIconId, hasExpandIcon, tagPickerId],\n  );\n\n  const setExpandLabel = React.useCallback(() => {\n    const inputAriaLabel = triggerRef.current?.getAttribute('aria-label');\n    const inputAriaLabelledBy = triggerRef.current?.getAttribute('aria-labelledby');\n\n    const { expandAriaLabel, expandAriaLabelledBy, expandId } = getExpandLabel(inputAriaLabel, inputAriaLabelledBy);\n\n    if (expandAriaLabelledBy) {\n      expandIconRef.current?.setAttribute('aria-labelledby', expandAriaLabelledBy);\n    }\n    if (expandAriaLabel) {\n      expandIconRef.current?.setAttribute('aria-label', expandAriaLabel);\n    }\n    if (expandId) {\n      expandIconRef.current?.setAttribute('id', expandId);\n    }\n  }, [getExpandLabel, triggerRef]);\n\n  React.useEffect(() => {\n    const hasExpandLabel = expandIconAriaLabel || expandIconAriaLabelledby;\n    if (!targetDocument?.defaultView || !triggerRef.current || !hasExpandIcon || hasExpandLabel) {\n      return;\n    }\n\n    const win = targetDocument.defaultView;\n\n    // On first render, calculate the default aria-label and aria-labelledby for the expandIcon\n    setExpandLabel();\n\n    const observer = new win.MutationObserver(setExpandLabel);\n    observer.observe(triggerRef.current, {\n      attributes: true,\n      attributeFilter: ['aria-label', 'aria-labelledby'],\n    });\n\n    return () => observer.disconnect();\n  }, [\n    getExpandLabel,\n    setExpandLabel,\n    expandIconAriaLabel,\n    expandIconAriaLabelledby,\n    hasExpandIcon,\n    tagPickerId,\n    triggerRef,\n    targetDocument,\n  ]);\n\n  return expandIconRef;\n}\n"],"names":["React","useTagPickerContext_unstable","useFluent_unstable","useFluent","useExpandLabel","options","tagPickerId","state","targetDocument","triggerRef","ctx","expandIconRef","useRef","hasExpandIcon","expandIcon","expandIconAriaLabel","expandIconAriaLabelledby","id","expandIconId","getExpandLabel","useCallback","ariaLabel","ariaLabelledBy","expandAriaLabel","undefined","expandAriaLabelledBy","expandId","hasExpandLabel","defaultOpenString","setExpandLabel","inputAriaLabel","current","getAttribute","inputAriaLabelledBy","setAttribute","useEffect","defaultView","win","observer","MutationObserver","observe","attributes","attributeFilter","disconnect"],"mappings":"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"}
+{"version":3,"sources":["../src/utils/useExpandLabel.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTagPickerContext_unstable } from '../contexts/TagPickerContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport type { TagPickerControlState } from '../TagPickerControl';\n\nexport function useExpandLabel(options: {\n  tagPickerId: string;\n  state: Pick<TagPickerControlState, 'expandIcon'>;\n}): React.RefObject<HTMLSpanElement | null> {\n  const { tagPickerId, state } = options;\n  const { targetDocument } = useFluent();\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const expandIconRef = React.useRef<HTMLSpanElement | null>(null);\n\n  const hasExpandIcon = !!state.expandIcon;\n  const {\n    'aria-label': expandIconAriaLabel,\n    'aria-labelledby': expandIconAriaLabelledby,\n    id: expandIconId,\n  } = state.expandIcon || {};\n\n  // If aria-label or aria-labelledby changes, recalculate aria-label and aria-labelledby for the expandIcon\n  // The expandIcon's label is calculated based on the input's label\n  // TODO: investigate ways to enforce client to provide a label rather than need to calculate it\n  const getExpandLabel = React.useCallback(\n    (ariaLabel?: string | null, ariaLabelledBy?: string | null) => {\n      let expandAriaLabel = undefined;\n      let expandAriaLabelledBy = undefined;\n      let expandId = undefined;\n\n      if (hasExpandIcon) {\n        const hasExpandLabel = expandIconAriaLabel || expandIconAriaLabelledby;\n        // If there is no explicit aria-label, calculate default accName attribute for expandIcon button,\n        // using the following steps:\n        // 1. If there is an aria-label, it is \"Open [aria-label]\"\n        // 2. If there is an aria-labelledby, it is \"Open [aria-labelledby target]\" (using aria-labelledby + ids)\n        // 3. If there is no aria-label/ledby attr, it falls back to \"Open\"\n        // We can't fall back to a label/htmlFor name because of https://github.com/w3c/accname/issues/179\n        const defaultOpenString = 'Open'; // this is english-only since it is the fallback\n        if (!hasExpandLabel) {\n          if (ariaLabelledBy) {\n            expandAriaLabel = defaultOpenString;\n            expandId = expandIconId ?? `${tagPickerId}-chevron`;\n            expandAriaLabelledBy = `${expandId} ${ariaLabelledBy}`;\n          } else if (ariaLabel) {\n            expandAriaLabel = `${defaultOpenString} ${ariaLabel}`;\n          } else {\n            expandAriaLabel = defaultOpenString;\n          }\n        }\n      }\n\n      return { expandAriaLabel, expandAriaLabelledBy, expandId };\n    },\n    [expandIconAriaLabel, expandIconAriaLabelledby, expandIconId, hasExpandIcon, tagPickerId],\n  );\n\n  const setExpandLabel = React.useCallback(() => {\n    const inputAriaLabel = triggerRef.current?.getAttribute('aria-label');\n    const inputAriaLabelledBy = triggerRef.current?.getAttribute('aria-labelledby');\n\n    const { expandAriaLabel, expandAriaLabelledBy, expandId } = getExpandLabel(inputAriaLabel, inputAriaLabelledBy);\n\n    if (expandAriaLabelledBy) {\n      expandIconRef.current?.setAttribute('aria-labelledby', expandAriaLabelledBy);\n    }\n    if (expandAriaLabel) {\n      expandIconRef.current?.setAttribute('aria-label', expandAriaLabel);\n    }\n    if (expandId) {\n      expandIconRef.current?.setAttribute('id', expandId);\n    }\n  }, [getExpandLabel, triggerRef]);\n\n  React.useEffect(() => {\n    const hasExpandLabel = expandIconAriaLabel || expandIconAriaLabelledby;\n    if (!targetDocument?.defaultView || !triggerRef.current || !hasExpandIcon || hasExpandLabel) {\n      return;\n    }\n\n    const win = targetDocument.defaultView;\n\n    // On first render, calculate the default aria-label and aria-labelledby for the expandIcon\n    setExpandLabel();\n\n    const observer = new win.MutationObserver(setExpandLabel);\n    observer.observe(triggerRef.current, {\n      attributes: true,\n      attributeFilter: ['aria-label', 'aria-labelledby'],\n    });\n\n    return () => observer.disconnect();\n  }, [\n    getExpandLabel,\n    setExpandLabel,\n    expandIconAriaLabel,\n    expandIconAriaLabelledby,\n    hasExpandIcon,\n    tagPickerId,\n    triggerRef,\n    targetDocument,\n  ]);\n\n  return expandIconRef;\n}\n"],"names":["React","useTagPickerContext_unstable","useFluent_unstable","useFluent","useExpandLabel","options","tagPickerId","state","targetDocument","triggerRef","ctx","expandIconRef","useRef","hasExpandIcon","expandIcon","expandIconAriaLabel","expandIconAriaLabelledby","id","expandIconId","getExpandLabel","useCallback","ariaLabel","ariaLabelledBy","expandAriaLabel","undefined","expandAriaLabelledBy","expandId","hasExpandLabel","defaultOpenString","setExpandLabel","inputAriaLabel","current","getAttribute","inputAriaLabelledBy","setAttribute","useEffect","defaultView","win","observer","MutationObserver","observe","attributes","attributeFilter","disconnect"],"mappings":"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"}