@fluentui/react-tag-picker 9.7.0 → 9.7.2

package/lib-commonjs/components/TagPickerOption/useTagPickerOptionStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOption/useTagPickerOptionStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerOptionSlots, TagPickerOptionState } from './TagPickerOption.types';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const tagPickerOptionClassNames: SlotClassNames<TagPickerOptionSlots> = {\n  root: 'fui-TagPickerOption',\n  media: 'fui-TagPickerOption__media',\n  secondaryContent: 'fui-TagPickerOption__secondaryContent',\n};\n\nconst useRootBaseStyle = makeResetStyles({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst useRootStyles = makeStyles({\n  secondaryContent: {\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr',\n  },\n});\n\nconst useSecondaryContentBaseStyle = makeResetStyles({\n  gridColumnStart: 2,\n  gridRowStart: 2,\n  ...typographyStyles.caption1,\n});\n\nconst useMediaBaseStyle = makeResetStyles({\n  gridRowStart: 'span 2',\n});\n\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */\nexport const useTagPickerOptionStyles_unstable = (state: TagPickerOptionState): TagPickerOptionState => {\n  'use no memo';\n\n  const rootBaseStyle = useRootBaseStyle();\n  const rootStyles = useRootStyles();\n  const secondaryContentBaseStyle = useSecondaryContentBaseStyle();\n  const mediaBaseStyle = useMediaBaseStyle();\n\n  state.root.className = mergeClasses(\n    tagPickerOptionClassNames.root,\n    rootBaseStyle,\n    state.secondaryContent && rootStyles.secondaryContent,\n    state.root.className,\n  );\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    state.media.className = mergeClasses(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      tagPickerOptionClassNames.secondaryContent,\n      secondaryContentBaseStyle,\n      state.secondaryContent.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","root","media","secondaryContent","useRootBaseStyle","makeResetStyles","display","alignItems","useRootStyles","makeStyles","gridTemplateColumns","useSecondaryContentBaseStyle","gridColumnStart","gridRowStart","typographyStyles","caption1","useMediaBaseStyle","state","rootBaseStyle","rootStyles","secondaryContentBaseStyle","mediaBaseStyle","className","mergeClasses","useOptionStyles_unstable","active","disabled","focusVisible","checkIcon","undefined","selected"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,yBAAAA;eAAAA;;IA+BAC,iCAAAA;eAAAA;;;uBArC6C;+BAGjB;4BACR;AAE1B,MAAMD,4BAAkE;IAC7EE,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB;AAEA,MAAMC,mBAAmBC,IAAAA,sBAAAA,EAAgB;IACvCC,SAAS;IACTC,YAAY;AACd;AAEA,MAAMC,gBAAgBC,IAAAA,iBAAAA,EAAW;IAC/BN,kBAAkB;QAChBG,SAAS;QACTI,qBAAqB;IACvB;AACF;AAEA,MAAMC,+BAA+BN,IAAAA,sBAAAA,EAAgB;IACnDO,iBAAiB;IACjBC,cAAc;IACd,GAAGC,4BAAAA,CAAiBC,QAAQ;AAC9B;AAEA,MAAMC,oBAAoBX,IAAAA,sBAAAA,EAAgB;IACxCQ,cAAc;AAChB;AAKO,MAAMb,oCAAoC,CAACiB;IAChD;IAEA,MAAMC,gBAAgBd;IACtB,MAAMe,aAAaX;IACnB,MAAMY,4BAA4BT;IAClC,MAAMU,iBAAiBL;IAEvBC,MAAMhB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAAA,EACrBxB,0BAA0BE,IAAI,EAC9BiB,eACAD,MAAMd,gBAAgB,IAAIgB,WAAWhB,gBAAgB,EACrDc,MAAMhB,IAAI,CAACqB,SAAS;IAEtBE,IAAAA,uCAAAA,EAAyB;QACvB,GAAGP,KAAK;QACRQ,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACZ;IACA,IAAIb,MAAMf,KAAK,EAAE;QACfe,MAAMf,KAAK,CAACoB,SAAS,GAAGC,IAAAA,mBAAAA,EAAaxB,0BAA0BG,KAAK,EAAEmB,gBAAgBJ,MAAMf,KAAK,CAACoB,SAAS;IAC7G;IAEA,IAAIL,MAAMd,gBAAgB,EAAE;QAC1Bc,MAAMd,gBAAgB,CAACmB,SAAS,GAAGC,IAAAA,mBAAAA,EACjCxB,0BAA0BI,gBAAgB,EAC1CiB,2BACAH,MAAMd,gBAAgB,CAACmB,SAAS;IAEpC;IAEA,OAAOL;AACT"}
+{"version":3,"sources":["../src/components/TagPickerOption/useTagPickerOptionStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerOptionSlots, TagPickerOptionState } from './TagPickerOption.types';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const tagPickerOptionClassNames: SlotClassNames<TagPickerOptionSlots> = {\n  root: 'fui-TagPickerOption',\n  media: 'fui-TagPickerOption__media',\n  secondaryContent: 'fui-TagPickerOption__secondaryContent',\n};\n\nconst useRootBaseStyle = makeResetStyles({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst useRootStyles = makeStyles({\n  secondaryContent: {\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr',\n  },\n});\n\nconst useSecondaryContentBaseStyle = makeResetStyles({\n  gridColumnStart: 2,\n  gridRowStart: 2,\n  ...typographyStyles.caption1,\n});\n\nconst useMediaBaseStyle = makeResetStyles({\n  gridRowStart: 'span 2',\n});\n\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */\nexport const useTagPickerOptionStyles_unstable = (state: TagPickerOptionState): TagPickerOptionState => {\n  'use no memo';\n\n  const rootBaseStyle = useRootBaseStyle();\n  const rootStyles = useRootStyles();\n  const secondaryContentBaseStyle = useSecondaryContentBaseStyle();\n  const mediaBaseStyle = useMediaBaseStyle();\n\n  state.root.className = mergeClasses(\n    tagPickerOptionClassNames.root,\n    rootBaseStyle,\n    state.secondaryContent && rootStyles.secondaryContent,\n    state.root.className,\n  );\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    state.media.className = mergeClasses(tagPickerOptionClassNames.media, mediaBaseStyle, state.media.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      tagPickerOptionClassNames.secondaryContent,\n      secondaryContentBaseStyle,\n      state.secondaryContent.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","useOptionStyles_unstable","typographyStyles","tagPickerOptionClassNames","root","media","secondaryContent","useRootBaseStyle","display","alignItems","useRootStyles","gridTemplateColumns","useSecondaryContentBaseStyle","gridColumnStart","gridRowStart","caption1","useMediaBaseStyle","useTagPickerOptionStyles_unstable","state","rootBaseStyle","rootStyles","secondaryContentBaseStyle","mediaBaseStyle","className","active","disabled","focusVisible","checkIcon","undefined","selected"],"mappings":";;;;;;;;;;;IAMaK,yBAAAA;;;IA+BAc,iCAAAA;;;;uBArC6C,iBAAiB;+BAGlC,2BAA2B;4BACnC,wBAAwB;AAElD,kCAAwE;IAC7Eb,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB,EAAE;AAEF,MAAMC,uBAAmBT,sBAAAA,EAAgB;IACvCU,SAAS;IACTC,YAAY;AACd;AAEA,MAAMC,oBAAgBX,iBAAAA,EAAW;IAC/BO,kBAAkB;QAChBE,SAAS;QACTG,qBAAqB;IACvB;AACF;AAEA,MAAMC,mCAA+Bd,sBAAAA,EAAgB;IACnDe,iBAAiB;IACjBC,cAAc;IACd,GAAGZ,4BAAAA,CAAiBa,QAAQ;AAC9B;AAEA,MAAMC,wBAAoBlB,sBAAAA,EAAgB;IACxCgB,cAAc;AAChB;AAKO,0CAA0C,CAACI;IAChD;IAEA,MAAMC,gBAAgBZ;IACtB,MAAMa,aAAaV;IACnB,MAAMW,4BAA4BT;IAClC,MAAMU,iBAAiBN;IAEvBE,MAAMd,IAAI,CAACmB,SAAS,OAAGvB,mBAAAA,EACrBG,0BAA0BC,IAAI,EAC9Be,eACAD,MAAMZ,gBAAgB,IAAIc,WAAWd,gBAAgB,EACrDY,MAAMd,IAAI,CAACmB,SAAS;QAEtBtB,uCAAAA,EAAyB;QACvB,GAAGiB,KAAK;QACRM,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACZ;IACA,IAAIX,MAAMb,KAAK,EAAE;QACfa,MAAMb,KAAK,CAACkB,SAAS,OAAGvB,mBAAAA,EAAaG,0BAA0BE,KAAK,EAAEiB,gBAAgBJ,MAAMb,KAAK,CAACkB,SAAS;IAC7G;IAEA,IAAIL,MAAMZ,gBAAgB,EAAE;QAC1BY,MAAMZ,gBAAgB,CAACiB,SAAS,OAAGvB,mBAAAA,EACjCG,0BAA0BG,gBAAgB,EAC1Ce,2BACAH,MAAMZ,gBAAgB,CAACiB,SAAS;IAEpC;IAEA,OAAOL;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/TagPickerOptionGroup.tsx"],"sourcesContent":["import * 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":["TagPickerOptionGroup","React","forwardRef","props","ref","state","useTagPickerOptionGroup","useTagPickerOptionGroupStyles","useCustomStyleHook_unstable","renderTagPickerOptionGroup","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;yCAEiB;4CACG;qDACG;qCAEF;AAMrC,MAAMA,uBAAAA,WAAAA,GAAuEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQC,IAAAA,gDAAAA,EAAwBH,OAAOC;IAE7CG,IAAAA,kEAAAA,EAA8BF;IAC9BG,IAAAA,gDAAAA,EAA4B,0CAA0CH;IACtE,OAAOI,IAAAA,sDAAAA,EAA2BJ;AACpC;AAEAL,qBAAqBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/TagPickerOptionGroup.tsx"],"sourcesContent":["import * 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":";;;;+BAYaK;;;;;;;iEAZU,QAAQ;yCAES,4BAA4B;4CACzB,+BAA+B;qDAC5B,yCAAyC;qCAE3C,kCAAkC;AAMvE,6BAAMA,WAAAA,GAAuEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQR,oDAAAA,EAAwBM,OAAOC;QAE7CL,kEAAAA,EAA8BM;QAC9BL,gDAAAA,EAA4B,0CAA0CK;IACtE,WAAOP,sDAAAA,EAA2BO;AACpC,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/TagPickerOptionGroup.types.ts"],"sourcesContent":["import { OptionGroupProps, OptionGroupSlots, OptionGroupState } from '@fluentui/react-combobox';\n\nexport type TagPickerOptionGroupSlots = OptionGroupSlots;\n\n/**\n * TagPickerOptionGroup Props\n */\nexport type TagPickerOptionGroupProps = OptionGroupProps;\n\n/**\n * State used in rendering TagPickerOptionGroup\n */\nexport type TagPickerOptionGroupState = OptionGroupState;\n"],"names":[],"rangeMappings":";;","mappings":"AASA;;CAEC"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/TagPickerOptionGroup.types.ts"],"sourcesContent":["import { OptionGroupProps, OptionGroupSlots, OptionGroupState } from '@fluentui/react-combobox';\n\nexport type TagPickerOptionGroupSlots = OptionGroupSlots;\n\n/**\n * TagPickerOptionGroup Props\n */\nexport type TagPickerOptionGroupProps = OptionGroupProps;\n\n/**\n * State used in rendering TagPickerOptionGroup\n */\nexport type TagPickerOptionGroupState = OptionGroupState;\n"],"names":[],"mappings":"AASA;;CAEC,GACD,WAAyD"}

package/lib-commonjs/components/TagPickerOptionGroup/index.js.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","tagPickerOptionGroupClassNames","useTagPickerOptionGroup","useTagPickerOptionGroupStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,oBAAoB;eAApBA,0CAAoB;;IAMpBC,0BAA0B;eAA1BA,sDAA0B;;IAE1BC,8BAA8B;eAA9BA,mEAA8B;;IAD9BC,uBAAuB;eAAvBA,gDAAuB;;IACSC,6BAA6B;eAA7BA,kEAA6B;;;sCARjC;4CAMM;yCACH;qDACsC"}
+{"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"}

package/lib-commonjs/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/renderTagPickerOptionGroup.tsx"],"sourcesContent":["import type { TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { renderOptionGroup_unstable } from '@fluentui/react-combobox';\n\n/**\n * Render the final JSX of TagPickerOptionGroup\n */\nexport const renderTagPickerOptionGroup: (\n  state: TagPickerOptionGroupState,\n) => // eslint-disable-next-line @typescript-eslint/no-deprecated\nJSX.Element = renderOptionGroup_unstable;\n"],"names":["renderTagPickerOptionGroup","renderOptionGroup_unstable"],"rangeMappings":";;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;+BAL8B;AAKpC,MAAMA,6BAGCC,yCAAAA"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/renderTagPickerOptionGroup.tsx"],"sourcesContent":["import type { TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { renderOptionGroup_unstable } from '@fluentui/react-combobox';\n\n/**\n * Render the final JSX of TagPickerOptionGroup\n */\nexport const renderTagPickerOptionGroup: (\n  state: TagPickerOptionGroupState,\n) => // eslint-disable-next-line @typescript-eslint/no-deprecated\nJSX.Element = renderOptionGroup_unstable;\n"],"names":["renderOptionGroup_unstable","renderTagPickerOptionGroup"],"mappings":";;;;;;;;;;+BAC2C,2BAA2B;AAK/D,MAAMC,6BAGCD,yCAAAA,CAA2B"}

package/lib-commonjs/components/TagPickerOptionGroup/useTagPickerOptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/useTagPickerOptionGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerOptionGroupProps, TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { useOptionGroup_unstable } from '@fluentui/react-combobox';\n\n/**\n * Create the state required to render TagPickerOptionGroup.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionGroupStyles_unstable,\n * before being passed to renderTagPickerOptionGroup_unstable.\n *\n * @param props - props from this instance of TagPickerOptionGroup\n * @param ref - reference to root HTMLDivElement of TagPickerOptionGroup\n */\nexport const useTagPickerOptionGroup: (\n  props: TagPickerOptionGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => TagPickerOptionGroupState = useOptionGroup_unstable;\n"],"names":["useTagPickerOptionGroup","useOptionGroup_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;+BAEiB;AAWjC,MAAMA,0BAGoBC,sCAAAA"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/useTagPickerOptionGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerOptionGroupProps, TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { useOptionGroup_unstable } from '@fluentui/react-combobox';\n\n/**\n * Create the state required to render TagPickerOptionGroup.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionGroupStyles_unstable,\n * before being passed to renderTagPickerOptionGroup_unstable.\n *\n * @param props - props from this instance of TagPickerOptionGroup\n * @param ref - reference to root HTMLDivElement of TagPickerOptionGroup\n */\nexport const useTagPickerOptionGroup: (\n  props: TagPickerOptionGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => TagPickerOptionGroupState = useOptionGroup_unstable;\n"],"names":["React","useOptionGroup_unstable","useTagPickerOptionGroup"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;+BAES,2BAA2B;AAW5D,MAAME,0BAGoBD,sCAAAA,CAAwB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerOptionGroupStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    useOptionGroupStyles_unstable(state);\n    state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n    if (state.label) {\n        state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);\n    }\n    return state;\n};\n"],"names":["tagPickerOptionGroupClassNames","useTagPickerOptionGroupStyles","root","label","state","useOptionGroupStyles_unstable","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,8BAA8B;eAA9BA;;IAMIC,6BAA6B;eAA7BA;;;uBARY;+BACiB;AACvC,MAAMD,iCAAiC;IAC1CE,MAAM;IACNC,OAAO;AACX;AAGW,MAAMF,gCAAiCG,CAAAA;IAC9C;IACAC,IAAAA,4CAA6B,EAACD;IAC9BA,MAAMF,IAAI,CAACI,SAAS,GAAGC,IAAAA,mBAAY,EAACP,+BAA+BE,IAAI,EAAEE,MAAMF,IAAI,CAACI,SAAS;IAC7F,IAAIF,MAAMD,KAAK,EAAE;QACbC,MAAMD,KAAK,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACP,+BAA+BG,KAAK,EAAEC,MAAMD,KAAK,CAACG,SAAS;IACpG;IACA,OAAOF;AACX"}
+{"version":3,"sources":["useTagPickerOptionGroupStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    useOptionGroupStyles_unstable(state);\n    state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n    if (state.label) {\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":";;;;;;;;;;;IAEaE,8BAA8B;;;IAM1BG,6BAA6B;;;;uBARjB,gBAAgB;+BACC,0BAA0B;AACjE,uCAAuC;IAC1CF,IAAI,EAAE,0BAA0B;IAChCC,KAAK,EAAE;AACX,CAAC;AAGU,uCAAuCE,KAAK,IAAG;IACtD,aAAa;QACbL,4CAA6B,EAACK,KAAK,CAAC;IACpCA,KAAK,CAACH,IAAI,CAACI,SAAS,OAAGP,mBAAY,EAACE,8BAA8B,CAACC,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACI,SAAS,CAAC;IAC9F,IAAID,KAAK,CAACF,KAAK,EAAE;QACbE,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/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerOptionGroupSlots, TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';\n\nexport const tagPickerOptionGroupClassNames: SlotClassNames<TagPickerOptionGroupSlots> = {\n  root: 'fui-TagPickerOptionGroup',\n  label: 'fui-TagPickerOptionGroup__label',\n};\n\n/**\n * Apply styling to the TagPickerOptionGroup slots based on the state\n */\nexport const useTagPickerOptionGroupStyles = (state: TagPickerOptionGroupState): TagPickerOptionGroupState => {\n  'use no memo';\n\n  useOptionGroupStyles_unstable(state);\n  state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n\n  if (state.label) {\n    state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);\n  }\n\n  return state;\n};\n"],"names":["tagPickerOptionGroupClassNames","useTagPickerOptionGroupStyles","root","label","state","useOptionGroupStyles_unstable","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,8BAAAA;eAAAA;;IAQAC,6BAAAA;eAAAA;;;uBAbgB;+BAGiB;AAEvC,MAAMD,iCAA4E;IACvFE,MAAM;IACNC,OAAO;AACT;AAKO,MAAMF,gCAAgC,CAACG;IAC5C;IAEAC,IAAAA,4CAAAA,EAA8BD;IAC9BA,MAAMF,IAAI,CAACI,SAAS,GAAGC,IAAAA,mBAAAA,EAAaP,+BAA+BE,IAAI,EAAEE,MAAMF,IAAI,CAACI,SAAS;IAE7F,IAAIF,MAAMD,KAAK,EAAE;QACfC,MAAMD,KAAK,CAACG,SAAS,GAAGC,IAAAA,mBAAAA,EAAaP,+BAA+BG,KAAK,EAAEC,MAAMD,KAAK,CAACG,SAAS;IAClG;IAEA,OAAOF;AACT"}
+{"version":3,"sources":["../src/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TagPickerOptionGroupSlots, TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';\n\nexport const tagPickerOptionGroupClassNames: SlotClassNames<TagPickerOptionGroupSlots> = {\n  root: 'fui-TagPickerOptionGroup',\n  label: 'fui-TagPickerOptionGroup__label',\n};\n\n/**\n * Apply styling to the TagPickerOptionGroup slots based on the state\n */\nexport const useTagPickerOptionGroupStyles = (state: TagPickerOptionGroupState): TagPickerOptionGroupState => {\n  'use no memo';\n\n  useOptionGroupStyles_unstable(state);\n  state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n\n  if (state.label) {\n    state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);\n  }\n\n  return state;\n};\n"],"names":["mergeClasses","useOptionGroupStyles_unstable","tagPickerOptionGroupClassNames","root","label","useTagPickerOptionGroupStyles","state","className"],"mappings":";;;;;;;;;;;IAKaE,8BAAAA;;;IAQAG,6BAAAA;;;;uBAbgB,iBAAiB;+BAGA,2BAA2B;AAElE,uCAAkF;IACvFF,MAAM;IACNC,OAAO;AACT,EAAE;AAKK,sCAAsC,CAACE;IAC5C;QAEAL,4CAAAA,EAA8BK;IAC9BA,MAAMH,IAAI,CAACI,SAAS,OAAGP,mBAAAA,EAAaE,+BAA+BC,IAAI,EAAEG,MAAMH,IAAI,CAACI,SAAS;IAE7F,IAAID,MAAMF,KAAK,EAAE;QACfE,MAAMF,KAAK,CAACG,SAAS,OAAGP,mBAAAA,EAAaE,+BAA+BE,KAAK,EAAEE,MAAMF,KAAK,CAACG,SAAS;IAClG;IAEA,OAAOD;AACT,EAAE"}

package/lib-commonjs/contexts/TagPickerContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/TagPickerContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { TagPickerSize } from '../components/TagPicker/TagPicker.types';\nimport { ComboboxBaseState } from '@fluentui/react-combobox';\n\nexport interface TagPickerContextValue\n  extends Pick<\n    ComboboxBaseState,\n    | 'open'\n    | 'clearSelection'\n    | 'getOptionById'\n    | 'selectedOptions'\n    | 'selectOption'\n    | 'setHasFocus'\n    | 'setOpen'\n    | 'setValue'\n    | 'value'\n    | 'appearance'\n    | 'disabled'\n  > {\n  triggerRef: React.RefObject<HTMLInputElement | HTMLButtonElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n  popoverId: string;\n  targetRef: React.RefObject<HTMLDivElement>;\n  secondaryActionRef: React.RefObject<HTMLSpanElement>;\n  tagPickerGroupRef: React.RefObject<HTMLDivElement>;\n  size: TagPickerSize;\n  noPopover?: boolean;\n}\n\n/**\n * @internal\n */\nexport const tagPickerContextDefaultValue: TagPickerContextValue = {\n  triggerRef: React.createRef<HTMLInputElement>(),\n  popoverRef: React.createRef<HTMLDivElement>(),\n  targetRef: React.createRef<HTMLDivElement>(),\n  tagPickerGroupRef: React.createRef<HTMLDivElement>(),\n  secondaryActionRef: React.createRef<HTMLDivElement>(),\n  open: false,\n  clearSelection: () => null,\n  getOptionById: () => undefined,\n  selectedOptions: [],\n  selectOption: () => null,\n  setHasFocus: () => null,\n  setOpen: () => null,\n  setValue: () => null,\n  value: undefined,\n  popoverId: '',\n  size: 'medium',\n  appearance: 'outline',\n  disabled: false,\n};\n\nconst TagPickerContext = createContext<TagPickerContextValue | undefined>(undefined);\n\nexport const TagPickerContextProvider = TagPickerContext.Provider;\nexport const useTagPickerContext_unstable = <T>(selector: ContextSelector<TagPickerContextValue, T>) =>\n  useContextSelector(TagPickerContext, (ctx = tagPickerContextDefaultValue) => selector(ctx));\n"],"names":["TagPickerContextProvider","tagPickerContextDefaultValue","useTagPickerContext_unstable","triggerRef","React","createRef","popoverRef","targetRef","tagPickerGroupRef","secondaryActionRef","open","clearSelection","getOptionById","undefined","selectedOptions","selectOption","setHasFocus","setOpen","setValue","value","popoverId","size","appearance","disabled","TagPickerContext","createContext","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwDaA,wBAAAA;eAAAA;;IAvBAC,4BAAAA;eAAAA;;IAwBAC,4BAAAA;eAAAA;;;;iEAzDU;sCAC4C;AAgC5D,MAAMD,+BAAsD;IACjEE,0BAAYC,OAAMC,SAAS;IAC3BC,0BAAYF,OAAMC,SAAS;IAC3BE,yBAAWH,OAAMC,SAAS;IAC1BG,iCAAmBJ,OAAMC,SAAS;IAClCI,kCAAoBL,OAAMC,SAAS;IACnCK,MAAM;IACNC,gBAAgB,IAAM;IACtBC,eAAe,IAAMC;IACrBC,iBAAiB,EAAE;IACnBC,cAAc,IAAM;IACpBC,aAAa,IAAM;IACnBC,SAAS,IAAM;IACfC,UAAU,IAAM;IAChBC,OAAON;IACPO,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,UAAU;AACZ;AAEA,MAAMC,mBAAmBC,IAAAA,mCAAAA,EAAiDZ;AAEnE,MAAMb,2BAA2BwB,iBAAiBE,QAAQ;AAC1D,MAAMxB,+BAA+B,CAAIyB,WAC9CC,IAAAA,wCAAAA,EAAmBJ,kBAAkB,CAACK,MAAM5B,4BAA4B,GAAK0B,SAASE"}
+{"version":3,"sources":["../src/contexts/TagPickerContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { TagPickerSize } from '../components/TagPicker/TagPicker.types';\nimport { ComboboxBaseState } from '@fluentui/react-combobox';\n\nexport interface TagPickerContextValue\n  extends Pick<\n    ComboboxBaseState,\n    | 'open'\n    | 'clearSelection'\n    | 'getOptionById'\n    | 'selectedOptions'\n    | 'selectOption'\n    | 'setHasFocus'\n    | 'setOpen'\n    | 'setValue'\n    | 'value'\n    | 'appearance'\n    | 'disabled'\n  > {\n  triggerRef: React.RefObject<HTMLInputElement | HTMLButtonElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n  popoverId: string;\n  targetRef: React.RefObject<HTMLDivElement>;\n  secondaryActionRef: React.RefObject<HTMLSpanElement>;\n  tagPickerGroupRef: React.RefObject<HTMLDivElement>;\n  size: TagPickerSize;\n  noPopover?: boolean;\n}\n\n/**\n * @internal\n */\nexport const tagPickerContextDefaultValue: TagPickerContextValue = {\n  triggerRef: React.createRef<HTMLInputElement>(),\n  popoverRef: React.createRef<HTMLDivElement>(),\n  targetRef: React.createRef<HTMLDivElement>(),\n  tagPickerGroupRef: React.createRef<HTMLDivElement>(),\n  secondaryActionRef: React.createRef<HTMLDivElement>(),\n  open: false,\n  clearSelection: () => null,\n  getOptionById: () => undefined,\n  selectedOptions: [],\n  selectOption: () => null,\n  setHasFocus: () => null,\n  setOpen: () => null,\n  setValue: () => null,\n  value: undefined,\n  popoverId: '',\n  size: 'medium',\n  appearance: 'outline',\n  disabled: false,\n};\n\nconst TagPickerContext = createContext<TagPickerContextValue | undefined>(undefined);\n\nexport const TagPickerContextProvider = TagPickerContext.Provider;\nexport const useTagPickerContext_unstable = <T>(selector: ContextSelector<TagPickerContextValue, T>) =>\n  useContextSelector(TagPickerContext, (ctx = tagPickerContextDefaultValue) => selector(ctx));\n"],"names":["React","createContext","useContextSelector","tagPickerContextDefaultValue","triggerRef","createRef","popoverRef","targetRef","tagPickerGroupRef","secondaryActionRef","open","clearSelection","getOptionById","undefined","selectedOptions","selectOption","setHasFocus","setOpen","setValue","value","popoverId","size","appearance","disabled","TagPickerContext","TagPickerContextProvider","Provider","useTagPickerContext_unstable","selector","ctx"],"mappings":";;;;;;;;;;;4BAwDayB;;;IAvBAtB,4BAAAA;;;gCAwBAwB;;;;;iEAzDU,QAAQ;sCACoC,mCAAmC;AAgC/F,qCAA4D;IACjEvB,0BAAYJ,OAAMK,SAAS;IAC3BC,0BAAYN,OAAMK,SAAS;IAC3BE,yBAAWP,OAAMK,SAAS;IAC1BG,iCAAmBR,OAAMK,SAAS;IAClCI,kCAAoBT,OAAMK,SAAS;IACnCK,MAAM;IACNC,gBAAgB,IAAM;IACtBC,eAAe,IAAMC;IACrBC,iBAAiB,EAAE;IACnBC,cAAc,IAAM;IACpBC,aAAa,IAAM;IACnBC,SAAS,IAAM;IACfC,UAAU,IAAM;IAChBC,OAAON;IACPO,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,UAAU;AACZ,EAAE;AAEF,MAAMC,uBAAmBvB,mCAAAA,EAAiDY;AAEnE,MAAMY,2BAA2BD,iBAAiBE,QAAQ,CAAC;AAC3D,MAAMC,+BAA+B,CAAIC,eAC9C1B,wCAAAA,EAAmBsB,kBAAkB,CAACK,MAAM1B,4BAA4B,GAAKyB,SAASC,MAAM"}

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable } from './TagPicker';\nexport type {\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} from './TagPickerInput';\nexport type { TagPickerInputProps, TagPickerInputSlots, TagPickerInputState } 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} from './TagPickerButton';\nexport type { TagPickerButtonProps, TagPickerButtonSlots, TagPickerButtonState } from './TagPickerButton';\nexport {\n  TagPickerControl,\n  tagPickerControlClassNames,\n  renderTagPickerControl_unstable,\n  useTagPickerControlStyles_unstable,\n  useTagPickerControl_unstable,\n} from './TagPickerControl';\nexport type { TagPickerControlProps, TagPickerControlSlots, TagPickerControlState } 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 { useTagPickerContext_unstable } from './contexts/TagPickerContext';\nexport type { TagPickerContextValue } from './contexts/TagPickerContext';\n"],"names":["TagPicker","TagPickerButton","TagPickerControl","TagPickerGroup","TagPickerInput","TagPickerList","TagPickerOption","TagPickerOptionGroup","renderTagPickerButton_unstable","renderTagPickerControl_unstable","renderTagPickerGroup_unstable","renderTagPickerInput_unstable","renderTagPickerList_unstable","renderTagPickerOptionGroup","renderTagPickerOption_unstable","renderTagPicker_unstable","tagPickerButtonClassNames","tagPickerControlClassNames","tagPickerGroupClassNames","tagPickerInputClassNames","tagPickerListClassNames","tagPickerOptionClassNames","tagPickerOptionGroupClassNames","useTagPickerButtonStyles_unstable","useTagPickerButton_unstable","useTagPickerContext_unstable","useTagPickerControlStyles_unstable","useTagPickerControl_unstable","useTagPickerFilter","useTagPickerGroupStyles_unstable","useTagPickerGroup_unstable","useTagPickerInputStyles_unstable","useTagPickerInput_unstable","useTagPickerListStyles_unstable","useTagPickerList_unstable","useTagPickerOptionGroup","useTagPickerOptionGroupStyles","useTagPickerOptionStyles_unstable","useTagPickerOption_unstable","useTagPicker_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IA2BhBC,eAAe;eAAfA,gCAAe;;IAQfC,gBAAgB;eAAhBA,kCAAgB;;IAgBhBC,cAAc;eAAdA,8BAAc;;IAxCdC,cAAc;eAAdA,8BAAc;;IAQdC,aAAa;eAAbA,4BAAa;;IAwBbC,eAAe;eAAfA,gCAAe;;IAiBfC,oBAAoB;eAApBA,0CAAoB;;IA/BpBC,8BAA8B;eAA9BA,+CAA8B;;IAQ9BC,+BAA+B;eAA/BA,iDAA+B;;IAgB/BC,6BAA6B;eAA7BA,6CAA6B;;IAxC7BC,6BAA6B;eAA7BA,6CAA6B;;IAQ7BC,4BAA4B;eAA5BA,2CAA4B;;IAyC5BC,0BAA0B;eAA1BA,gDAA0B;;IAjB1BC,8BAA8B;eAA9BA,+CAA8B;;IA7CZC,wBAAwB;eAAxBA,mCAAwB;;IA4B1CC,yBAAyB;eAAzBA,0CAAyB;;IAQzBC,0BAA0B;eAA1BA,4CAA0B;;IAgB1BC,wBAAwB;eAAxBA,wCAAwB;;IAxCxBC,wBAAwB;eAAxBA,wCAAwB;;IAQxBC,uBAAuB;eAAvBA,sCAAuB;;IAwBvBC,yBAAyB;eAAzBA,0CAAyB;;IAiBzBC,8BAA8B;eAA9BA,oDAA8B;;IA/B9BC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IA2CpBC,4BAA4B;eAA5BA,8CAA4B;;IApCnCC,kCAAkC;eAAlCA,oDAAkC;;IAClCC,4BAA4B;eAA5BA,8CAA4B;;IAiCrBC,kBAAkB;eAAlBA,sCAAkB;;IAlBzBC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAzC1BC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAO1BC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;IAyCzBC,uBAAuB;eAAvBA,6CAAuB;;IADvBC,6BAA6B;eAA7BA,mDAA6B;;IAjB7BC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IA/CiBC,qBAAqB;eAArBA,gCAAqB;;;2BAAQ;gCAgBpE;+BAQA;iCAQA;kCAQA;iCAQA;gCAQA;sCASA;oCAO4B;kCAEU"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable } from './TagPicker';\nexport type {\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} from './TagPickerInput';\nexport type { TagPickerInputProps, TagPickerInputSlots, TagPickerInputState } 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} from './TagPickerButton';\nexport type { TagPickerButtonProps, TagPickerButtonSlots, TagPickerButtonState } from './TagPickerButton';\nexport {\n  TagPickerControl,\n  tagPickerControlClassNames,\n  renderTagPickerControl_unstable,\n  useTagPickerControlStyles_unstable,\n  useTagPickerControl_unstable,\n} from './TagPickerControl';\nexport type { TagPickerControlProps, TagPickerControlSlots, TagPickerControlState } 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 { useTagPickerContext_unstable } from './contexts/TagPickerContext';\nexport type { TagPickerContextValue } from './contexts/TagPickerContext';\n"],"names":["TagPicker","renderTagPicker_unstable","useTagPicker_unstable","TagPickerInput","tagPickerInputClassNames","renderTagPickerInput_unstable","useTagPickerInputStyles_unstable","useTagPickerInput_unstable","TagPickerList","tagPickerListClassNames","renderTagPickerList_unstable","useTagPickerListStyles_unstable","useTagPickerList_unstable","TagPickerButton","tagPickerButtonClassNames","renderTagPickerButton_unstable","useTagPickerButtonStyles_unstable","useTagPickerButton_unstable","TagPickerControl","tagPickerControlClassNames","renderTagPickerControl_unstable","useTagPickerControlStyles_unstable","useTagPickerControl_unstable","TagPickerOption","tagPickerOptionClassNames","renderTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useTagPickerOption_unstable","TagPickerGroup","tagPickerGroupClassNames","renderTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useTagPickerGroup_unstable","TagPickerOptionGroup","tagPickerOptionGroupClassNames","renderTagPickerOptionGroup","useTagPickerOptionGroupStyles","useTagPickerOptionGroup","useTagPickerFilter","useTagPickerContext_unstable"],"mappings":";;;;;;;;;;;aAAkB;eAATA;;;eA2BPa,gCAAe;;;eAQfK,kCAAgB;;;eAgBhBU,8BAAc;;;eAxCdzB,8BAAc;;;eAQdK,4BAAa;;IAwBbe,eAAe;;;wBAiBK;eAApBU;;IA/BAlB;8DAA8B;;;eAQ9BK,iDAA+B;;IAgB/BU,6BAA6B;;;;eAxC7BzB,6CAA6B;;;eAQ7BK,2CAA4B;;IAyC5ByB,0BAA0B;;;;eAjB1BV,+CAA8B;;;eA7CZxB,mCAAwB;;;eA4B1Ca,0CAAyB;;;eAQzBK,4CAA0B;;4BAgBF;eAAxBU;;;eAxCAzB,wCAAwB;;;eAQxBK,sCAAuB;;6BAwBE;eAAzBe;;;eAiBAU,oDAA8B;;qCA/BG;eAAjClB;;;eACAC,4CAA2B;;IA2CpBsB,4BAA4B;;;;eApCnClB,oDAAkC;;IAClCC,4BAA4B;;;sBAiCH;eAAlBgB;;;eAlBPP,gDAAgC;;8BACN;eAA1BC;;;eAzCA1B,gDAAgC;;;eAChCC,0CAA0B;;;eAO1BI,8CAA+B;;;eAC/BC,wCAAyB;;;eAyCzByB,6CAAuB;;;eADvBD,mDAA6B;;;eAjB7BV,kDAAiC;;IACjCC;2DAA2B;;;eA/CiBzB,gCAAqB;;;2BAAQ,cAAc;gCAgBlF,mBAAmB;+BAQnB,kBAAkB;iCAQlB,oBAAoB;kCAQpB,qBAAqB;iCAQrB,oBAAoB;gCAQpB,mBAAmB;sCASnB,yBAAyB;oCAOG,6BAA6B;kCAEnB,8BAA8B"}

package/lib-commonjs/utils/tagPicker2Tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/tagPicker2Tag.ts"],"sourcesContent":["import type { TagAppearance, TagSize } from '@fluentui/react-tags/src/index';\nimport type { TagPickerSize } from '../TagPicker';\nimport { ComboboxBaseProps } from '@fluentui/react-combobox';\n\nexport function tagPickerSizeToTagSize(size: TagPickerSize): TagSize {\n  switch (size) {\n    case 'medium':\n      return 'extra-small';\n    case 'large':\n      return 'small';\n    case 'extra-large':\n      return 'medium';\n    default:\n      return 'extra-small';\n  }\n}\n\nexport function tagSizeToTagPickerSize(size: TagSize): TagPickerSize {\n  switch (size) {\n    case 'extra-small':\n      return 'medium';\n    case 'small':\n      return 'large';\n    case 'medium':\n      return 'extra-large';\n    default:\n      return 'medium';\n  }\n}\n\nexport function tagPickerAppearanceToTagAppearance(appearance: ComboboxBaseProps['appearance']): TagAppearance {\n  switch (appearance) {\n    case 'filled-darker':\n      return 'outline';\n    default:\n      return 'filled';\n  }\n}\n"],"names":["tagPickerAppearanceToTagAppearance","tagPickerSizeToTagSize","tagSizeToTagPickerSize","size","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA8BgBA,kCAAAA;eAAAA;;IA1BAC,sBAAAA;eAAAA;;IAaAC,sBAAAA;eAAAA;;;AAbT,SAASD,uBAAuBE,IAAmB;IACxD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEO,SAASD,uBAAuBC,IAAa;IAClD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEO,SAASH,mCAAmCI,UAA2C;IAC5F,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF"}
+{"version":3,"sources":["../src/utils/tagPicker2Tag.ts"],"sourcesContent":["import type { TagAppearance, TagSize } from '@fluentui/react-tags/src/index';\nimport type { TagPickerSize } from '../TagPicker';\nimport { ComboboxBaseProps } from '@fluentui/react-combobox';\n\nexport function tagPickerSizeToTagSize(size: TagPickerSize): TagSize {\n  switch (size) {\n    case 'medium':\n      return 'extra-small';\n    case 'large':\n      return 'small';\n    case 'extra-large':\n      return 'medium';\n    default:\n      return 'extra-small';\n  }\n}\n\nexport function tagSizeToTagPickerSize(size: TagSize): TagPickerSize {\n  switch (size) {\n    case 'extra-small':\n      return 'medium';\n    case 'small':\n      return 'large';\n    case 'medium':\n      return 'extra-large';\n    default:\n      return 'medium';\n  }\n}\n\nexport function tagPickerAppearanceToTagAppearance(appearance: ComboboxBaseProps['appearance']): TagAppearance {\n  switch (appearance) {\n    case 'filled-darker':\n      return 'outline';\n    default:\n      return 'filled';\n  }\n}\n"],"names":["tagPickerSizeToTagSize","size","tagSizeToTagPickerSize","tagPickerAppearanceToTagAppearance","appearance"],"mappings":";;;;;;;;;;;sCA8BgBG;;;0BA1BAH;;;0BAaAE;;;;AAbT,SAASF,uBAAuBC,IAAmB;IACxD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEO,SAASC,uBAAuBD,IAAa;IAClD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEO,SAASE,mCAAmCC,UAA2C;IAC5F,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF"}

package/lib-commonjs/utils/tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/tokens.ts"],"sourcesContent":["export type TagPickerInputTokens = {\n  width: string;\n};\n\nexport const tagPickerInputCSSRules: { [Key in keyof TagPickerInputTokens]: `--fluent-TagPickerInput__${Key}` } = {\n  width: '--fluent-TagPickerInput__width',\n};\n\nexport const tagPickerInputTokens: Record<keyof TagPickerInputTokens, string> = {\n  width: `var(${tagPickerInputCSSRules.width}, 0)`,\n};\n"],"names":["tagPickerInputCSSRules","tagPickerInputTokens","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,sBAAAA;eAAAA;;IAIAC,oBAAAA;eAAAA;;;AAJN,MAAMD,yBAAqG;IAChHE,OAAO;AACT;AAEO,MAAMD,uBAAmE;IAC9EC,OAAO,CAAC,IAAI,EAAEF,uBAAuBE,KAAK,CAAC,IAAI,CAAC;AAClD"}
+{"version":3,"sources":["../src/utils/tokens.ts"],"sourcesContent":["export type TagPickerInputTokens = {\n  width: string;\n};\n\nexport const tagPickerInputCSSRules: { [Key in keyof TagPickerInputTokens]: `--fluent-TagPickerInput__${Key}` } = {\n  width: '--fluent-TagPickerInput__width',\n};\n\nexport const tagPickerInputTokens: Record<keyof TagPickerInputTokens, string> = {\n  width: `var(${tagPickerInputCSSRules.width}, 0)`,\n};\n"],"names":["tagPickerInputCSSRules","width","tagPickerInputTokens"],"mappings":";;;;;;;;;;;0BAIaA;;;wBAIAE;;;;AAJN,MAAMF,yBAAqG;IAChHC,OAAO;AACT,EAAE;AAEK,MAAMC,uBAAmE;IAC9ED,OAAO,CAAC,IAAI,EAAED,uBAAuBC,KAAK,CAAC,IAAI,CAAC;AAClD,EAAE"}

package/lib-commonjs/utils/useExpandLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useExpandLabel.ts"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerContext_unstable } from '../contexts/TagPickerContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { TagPickerControlState } from '../TagPickerControl';\n\nexport function useExpandLabel(options: { tagPickerId: string; state: Pick<TagPickerControlState, 'expandIcon'> }) {\n  const { tagPickerId, state } = options;\n  const { targetDocument } = useFluent();\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const expandIconRef = React.useRef<HTMLSpanElement>(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":["useExpandLabel","options","tagPickerId","state","targetDocument","useFluent","triggerRef","useTagPickerContext_unstable","ctx","expandIconRef","React","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/utils/useExpandLabel.ts"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerContext_unstable } from '../contexts/TagPickerContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { TagPickerControlState } from '../TagPickerControl';\n\nexport function useExpandLabel(options: { tagPickerId: string; state: Pick<TagPickerControlState, 'expandIcon'> }) {\n  const { tagPickerId, state } = options;\n  const { targetDocument } = useFluent();\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const expandIconRef = React.useRef<HTMLSpanElement>(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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"}

package/lib-commonjs/utils/useResizeObserverRef.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useResizeObserverRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nexport const useResizeObserverRef = <E extends HTMLElement>(callback: ResizeObserverCallback): React.Ref<E> => {\n  const { targetDocument } = useFluent();\n  const [observer] = React.useState(() => {\n    const ResizeObserverConstructor = targetDocument?.defaultView?.ResizeObserver;\n    if (ResizeObserverConstructor) {\n      return new ResizeObserverConstructor(callback);\n    }\n  });\n  const ref: React.RefCallback<E> = React.useCallback(\n    element => {\n      if (element) {\n        observer?.observe(element);\n      } else {\n        observer?.disconnect();\n      }\n    },\n    [observer],\n  );\n  return ref;\n};\n"],"names":["useResizeObserverRef","callback","targetDocument","useFluent","observer","React","useState","ResizeObserverConstructor","defaultView","ResizeObserver","ref","useCallback","element","observe","disconnect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;qCACyB;AAEzC,MAAMA,uBAAuB,CAAwBC;IAC1D,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAC3B,MAAM,CAACC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;YACEJ;QAAlC,MAAMK,4BAA4BL,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,8BAAAA,eAAgBM,WAAW,AAAXA,MAAW,QAA3BN,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAA6BO,cAAc;QAC7E,IAAIF,2BAA2B;YAC7B,OAAO,IAAIA,0BAA0BN;QACvC;IACF;IACA,MAAMS,MAA4BL,OAAMM,WAAW,CACjDC,CAAAA;QACE,IAAIA,SAAS;YACXR,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUS,OAAO,CAACD;QACpB,OAAO;YACLR,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUU,UAAU;QACtB;IACF,GACA;QAACV;KAAS;IAEZ,OAAOM;AACT"}
+{"version":3,"sources":["../src/utils/useResizeObserverRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nexport const useResizeObserverRef = <E extends HTMLElement>(callback: ResizeObserverCallback): React.Ref<E> => {\n  const { targetDocument } = useFluent();\n  const [observer] = React.useState(() => {\n    const ResizeObserverConstructor = targetDocument?.defaultView?.ResizeObserver;\n    if (ResizeObserverConstructor) {\n      return new ResizeObserverConstructor(callback);\n    }\n  });\n  const ref: React.RefCallback<E> = React.useCallback(\n    element => {\n      if (element) {\n        observer?.observe(element);\n      } else {\n        observer?.disconnect();\n      }\n    },\n    [observer],\n  );\n  return ref;\n};\n"],"names":["React","useFluent_unstable","useFluent","useResizeObserverRef","callback","targetDocument","observer","useState","ResizeObserverConstructor","defaultView","ResizeObserver","ref","useCallback","element","observe","disconnect"],"mappings":";;;;+BAGaG;;;;;;;iEAHU,QAAQ;qCACiB,kCAAkC;AAE3E,6BAA6B,CAAwBC;IAC1D,MAAM,EAAEC,cAAc,EAAE,OAAGH,uCAAAA;IAC3B,MAAM,CAACI,SAAS,GAAGN,OAAMO,QAAQ,CAAC;YACEF;QAAlC,MAAMG,4BAA4BH,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,CAAAA,8BAAAA,eAAgBI,WAAAA,AAAW,MAAA,QAA3BJ,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAA6BK,cAAc;QAC7E,IAAIF,2BAA2B;YAC7B,OAAO,IAAIA,0BAA0BJ;QACvC;IACF;IACA,MAAMO,MAA4BX,OAAMY,WAAW,CACjDC,CAAAA;QACE,IAAIA,SAAS;YACXP,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUQ,OAAO,CAACD;QACpB,OAAO;YACLP,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,SAAUS,UAAU;QACtB;IACF,GACA;QAACT;KAAS;IAEZ,OAAOK;AACT,EAAE"}

package/lib-commonjs/utils/useTagPickerFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useTagPickerFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TagPickerOption } from '../TagPickerOption';\n\ntype UseTagPickerFilterConfig = {\n  query: string;\n  options: string[];\n  /**\n   * Provides a custom filter for the option.\n   * By default the filter will check if the option includes the query.\n   */\n  filter?: (option: string, index: number) => boolean;\n\n  /** Provides an element to be displayed when there are no options. */\n  noOptionsElement: // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSX.Element;\n\n  /** Provides a custom render for the option. */\n  renderOption?: (option: string) => // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSX.Element;\n};\n\nfunction defaultRenderOption(option: string) {\n  return (\n    <TagPickerOption value={option} key={option}>\n      {option}\n    </TagPickerOption>\n  );\n}\n\nexport function useTagPickerFilter({\n  filter: filterOverride,\n  noOptionsElement,\n  renderOption = defaultRenderOption,\n  query,\n  options,\n}: UseTagPickerFilterConfig) {\n  const defaultFilter = React.useCallback(\n    (option: string) => {\n      const trimmedQuery = query.trim();\n      if (trimmedQuery === '') {\n        return true;\n      }\n      return option.toLowerCase().includes(trimmedQuery.toLowerCase());\n    },\n    [query],\n  );\n  const filter = filterOverride ?? defaultFilter;\n  const filteredOptions = React.useMemo(\n    () =>\n      options.reduce<\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        JSX.Element[]\n      >((accumulator, option, index) => {\n        if (filter(option, index)) {\n          accumulator.push(renderOption(option));\n        }\n        return accumulator;\n      }, []),\n    [options, renderOption, filter],\n  );\n\n  return filteredOptions.length === 0\n    ? [noOptionsElement.key ? noOptionsElement : React.cloneElement(noOptionsElement, { key: 'no-options' })]\n    : filteredOptions;\n}\n"],"names":["useTagPickerFilter","defaultRenderOption","option","React","createElement","TagPickerOption","value","key","filter","filterOverride","noOptionsElement","renderOption","query","options","defaultFilter","useCallback","trimmedQuery","trim","toLowerCase","includes","filteredOptions","useMemo","reduce","accumulator","index","push","length","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BgBA;;;eAAAA;;;;iEA7BO;iCACS;AAoBhC,SAASC,oBAAoBC,MAAc;IACzC,OAAA,WAAA,GACEC,OAAAC,aAAA,CAACC,gCAAAA,EAAAA;QAAgBC,OAAOJ;QAAQK,KAAKL;OAClCA;AAGP;AAEO,SAASF,mBAAmB,EACjCQ,QAAQC,cAAc,EACtBC,gBAAgB,EAChBC,eAAeV,mBAAmB,EAClCW,KAAK,EACLC,OAAO,EACkB;IACzB,MAAMC,gBAAgBX,OAAMY,WAAW,CACrC,CAACb;QACC,MAAMc,eAAeJ,MAAMK,IAAI;QAC/B,IAAID,iBAAiB,IAAI;YACvB,OAAO;QACT;QACA,OAAOd,OAAOgB,WAAW,GAAGC,QAAQ,CAACH,aAAaE,WAAW;IAC/D,GACA;QAACN;KAAM;IAET,MAAMJ,SAASC,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,iBAAkBK;IACjC,MAAMM,kBAAkBjB,OAAMkB,OAAO,CACnC,IACER,QAAQS,MAAM,CAGZ,CAACC,aAAarB,QAAQsB;YACtB,IAAIhB,OAAON,QAAQsB,QAAQ;gBACzBD,YAAYE,IAAI,CAACd,aAAaT;YAChC;YACA,OAAOqB;QACT,GAAG,EAAE,GACP;QAACV;QAASF;QAAcH;KAAO;IAGjC,OAAOY,gBAAgBM,MAAM,KAAK,IAC9B;QAAChB,iBAAiBH,GAAG,GAAGG,mBAAAA,WAAAA,GAAmBP,OAAMwB,YAAY,CAACjB,kBAAkB;YAAEH,KAAK;QAAa;KAAG,GACvGa;AACN"}
+{"version":3,"sources":["../src/utils/useTagPickerFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TagPickerOption } from '../TagPickerOption';\n\ntype UseTagPickerFilterConfig = {\n  query: string;\n  options: string[];\n  /**\n   * Provides a custom filter for the option.\n   * By default the filter will check if the option includes the query.\n   */\n  filter?: (option: string, index: number) => boolean;\n\n  /** Provides an element to be displayed when there are no options. */\n  noOptionsElement: // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSX.Element;\n\n  /** Provides a custom render for the option. */\n  renderOption?: (option: string) => // eslint-disable-next-line @typescript-eslint/no-deprecated\n  JSX.Element;\n};\n\nfunction defaultRenderOption(option: string) {\n  return (\n    <TagPickerOption value={option} key={option}>\n      {option}\n    </TagPickerOption>\n  );\n}\n\nexport function useTagPickerFilter({\n  filter: filterOverride,\n  noOptionsElement,\n  renderOption = defaultRenderOption,\n  query,\n  options,\n}: UseTagPickerFilterConfig) {\n  const defaultFilter = React.useCallback(\n    (option: string) => {\n      const trimmedQuery = query.trim();\n      if (trimmedQuery === '') {\n        return true;\n      }\n      return option.toLowerCase().includes(trimmedQuery.toLowerCase());\n    },\n    [query],\n  );\n  const filter = filterOverride ?? defaultFilter;\n  const filteredOptions = React.useMemo(\n    () =>\n      options.reduce<\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        JSX.Element[]\n      >((accumulator, option, index) => {\n        if (filter(option, index)) {\n          accumulator.push(renderOption(option));\n        }\n        return accumulator;\n      }, []),\n    [options, renderOption, filter],\n  );\n\n  return filteredOptions.length === 0\n    ? [noOptionsElement.key ? noOptionsElement : React.cloneElement(noOptionsElement, { key: 'no-options' })]\n    : filteredOptions;\n}\n"],"names":["React","TagPickerOption","defaultRenderOption","option","value","key","useTagPickerFilter","filter","filterOverride","noOptionsElement","renderOption","query","options","defaultFilter","useCallback","trimmedQuery","trim","toLowerCase","includes","filteredOptions","useMemo","reduce","accumulator","index","push","length","cloneElement"],"mappings":";;;;+BA6BgBM;;;;;;;iEA7BO,QAAQ;iCACC,qBAAqB;AAoBrD,SAASJ,oBAAoBC,MAAc;IACzC,OAAA,WAAA,GACE,OAAA,aAAA,CAACF,gCAAAA,EAAAA;QAAgBG,OAAOD;QAAQE,KAAKF;OAClCA;AAGP;AAEO,4BAA4B,EACjCI,QAAQC,cAAc,EACtBC,gBAAgB,EAChBC,eAAeR,mBAAmB,EAClCS,KAAK,EACLC,OAAO,EACkB;IACzB,MAAMC,gBAAgBb,OAAMc,WAAW,CACrC,CAACX;QACC,MAAMY,eAAeJ,MAAMK,IAAI;QAC/B,IAAID,iBAAiB,IAAI;YACvB,OAAO;QACT;QACA,OAAOZ,OAAOc,WAAW,GAAGC,QAAQ,CAACH,aAAaE,WAAW;IAC/D,GACA;QAACN;KAAM;IAET,MAAMJ,SAASC,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,iBAAkBK;IACjC,MAAMM,kBAAkBnB,OAAMoB,OAAO,CACnC,IACER,QAAQS,MAAM,CAGZ,CAACC,aAAanB,QAAQoB;YACtB,IAAIhB,OAAOJ,QAAQoB,QAAQ;gBACzBD,YAAYE,IAAI,CAACd,aAAaP;YAChC;YACA,OAAOmB;QACT,GAAG,EAAE,GACP;QAACV;QAASF;QAAcH;KAAO;IAGjC,OAAOY,gBAAgBM,MAAM,KAAK,IAC9B;QAAChB,iBAAiBJ,GAAG,GAAGI,mBAAAA,WAAAA,GAAmBT,OAAM0B,YAAY,CAACjB,kBAAkB;YAAEJ,KAAK;QAAa;KAAG,GACvGc;AACN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tag-picker",
-  "version": "9.7.0",
+  "version": "9.7.2",
   "description": "FluentUI TagPicker component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,20 +28,20 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.1.2",
-    "@fluentui/react-shared-contexts": "^9.24.0",
-    "@fluentui/react-theme": "^9.1.24",
-    "@fluentui/react-utilities": "^9.22.0",
-    "@fluentui/react-portal": "^9.7.0",
-    "@fluentui/react-tabster": "^9.26.0",
-    "@fluentui/react-aria": "^9.15.4",
+    "@fluentui/react-jsx-runtime": "^9.1.4",
+    "@fluentui/react-shared-contexts": "^9.24.1",
+    "@fluentui/react-theme": "^9.2.0",
+    "@fluentui/react-utilities": "^9.23.1",
+    "@fluentui/react-portal": "^9.7.2",
+    "@fluentui/react-tabster": "^9.26.2",
+    "@fluentui/react-aria": "^9.16.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-combobox": "^9.16.0",
-    "@fluentui/react-tags": "^9.7.0",
-    "@fluentui/react-context-selector": "^9.2.2",
-    "@fluentui/react-positioning": "^9.20.0",
+    "@fluentui/react-combobox": "^9.16.2",
+    "@fluentui/react-tags": "^9.7.2",
+    "@fluentui/react-context-selector": "^9.2.4",
+    "@fluentui/react-positioning": "^9.20.2",
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-field": "^9.4.0",
+    "@fluentui/react-field": "^9.4.2",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },