@fluentui/react-tag-picker 9.2.0 → 9.2.1

package/lib-commonjs/components/TagPickerOption/useTagPickerOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerOption.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useOption_unstable } from '@fluentui/react-combobox';\n/**\n * Create the state required to render TagPickerOption.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionStyles_unstable,\n * before being passed to renderTagPickerOption_unstable.\n *\n * @param props - props from this instance of TagPickerOption\n * @param ref - reference to root HTMLDivElement of TagPickerOption\n */ export const useTagPickerOption_unstable = (props, ref)=>{\n    const optionState = useOption_unstable(props, ref);\n    const state = {\n        components: {\n            ...optionState.components,\n            media: 'div',\n            secondaryContent: 'span'\n        },\n        media: slot.optional(props.media, {\n            elementType: 'div'\n        }),\n        secondaryContent: slot.optional(props.secondaryContent, {\n            elementType: 'span'\n        }),\n        root: slot.always({\n            ...optionState.root,\n            role: 'option',\n            'aria-checked': props['aria-checked']\n        }, {\n            elementType: 'div'\n        })\n    };\n    return state;\n};\n"],"names":["useTagPickerOption_unstable","props","ref","optionState","useOption_unstable","state","components","media","secondaryContent","slot","optional","elementType","root","always","role"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACF;+BACc;AASxB,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAMC,cAAcC,IAAAA,iCAAkB,EAACH,OAAOC;IAC9C,MAAMG,QAAQ;QACVC,YAAY;YACR,GAAGH,YAAYG,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACtB;QACAD,OAAOE,oBAAI,CAACC,QAAQ,CAACT,MAAMM,KAAK,EAAE;YAC9BI,aAAa;QACjB;QACAH,kBAAkBC,oBAAI,CAACC,QAAQ,CAACT,MAAMO,gBAAgB,EAAE;YACpDG,aAAa;QACjB;QACAC,MAAMH,oBAAI,CAACI,MAAM,CAAC;YACd,GAAGV,YAAYS,IAAI;YACnBE,MAAM;YACN,gBAAgBb,KAAK,CAAC,eAAe;QACzC,GAAG;YACCU,aAAa;QACjB;IACJ;IACA,OAAON;AACX"}
+{"version":3,"sources":["useTagPickerOption.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useOption_unstable } from '@fluentui/react-combobox';\nimport type { TagPickerOptionProps, TagPickerOptionState } from './TagPickerOption.types';\n\n/**\n * Create the state required to render TagPickerOption.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionStyles_unstable,\n * before being passed to renderTagPickerOption_unstable.\n *\n * @param props - props from this instance of TagPickerOption\n * @param ref - reference to root HTMLDivElement of TagPickerOption\n */\nexport const useTagPickerOption_unstable = (\n  props: TagPickerOptionProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerOptionState => {\n  const optionState = useOption_unstable(props, ref);\n  const state: TagPickerOptionState = {\n    components: {\n      ...optionState.components,\n      media: 'div',\n      secondaryContent: 'span',\n    },\n    media: slot.optional(props.media, {\n      elementType: 'div',\n    }),\n    secondaryContent: slot.optional(props.secondaryContent, {\n      elementType: 'span',\n    }),\n    root: slot.always(\n      { ...optionState.root, role: 'option', 'aria-checked': props['aria-checked'] },\n      {\n        elementType: 'div',\n      },\n    ),\n  };\n\n  return state;\n};\n"],"names":["useTagPickerOption_unstable","props","ref","optionState","useOption_unstable","state","components","media","secondaryContent","slot","optional","elementType","root","always","role"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACF;+BACc;AAY5B,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAMC,cAAcC,IAAAA,iCAAAA,EAAmBH,OAAOC;IAC9C,MAAMG,QAA8B;QAClCC,YAAY;YACV,GAAGH,YAAYG,UAAU;YACzBC,OAAO;YACPC,kBAAkB;QACpB;QACAD,OAAOE,oBAAAA,CAAKC,QAAQ,CAACT,MAAMM,KAAK,EAAE;YAChCI,aAAa;QACf;QACAH,kBAAkBC,oBAAAA,CAAKC,QAAQ,CAACT,MAAMO,gBAAgB,EAAE;YACtDG,aAAa;QACf;QACAC,MAAMH,oBAAAA,CAAKI,MAAM,CACf;YAAE,GAAGV,YAAYS,IAAI;YAAEE,MAAM;YAAU,gBAAgBb,KAAK,CAAC,eAAe;QAAC,GAC7E;YACEU,aAAa;QACf;IAEJ;IAEA,OAAON;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nexport const tagPickerOptionClassNames = {\n  root: 'fui-TagPickerOption',\n  media: 'fui-TagPickerOption__media',\n  secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f13qh94s\",\n    Budl1dq: \"fjxzuw\",\n    Bt984gj: \"f122n59\"\n  },\n  secondaryContent: {\n    Br312pm: \"fd46tj4\",\n    Ijaq50: \"faunodf\"\n  },\n  media: {\n    Ijaq50: \"fldnz9j\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".fjxzuw{grid-template-columns:auto 1fr;}\", \".f122n59{align-items:center;}\", \".fd46tj4{grid-column-start:2;}\", \".faunodf{grid-row-start:2;}\", \".fldnz9j{grid-row-start:span 2;}\"]\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */\nexport const useTagPickerOptionStyles_unstable = state => {\n  'use no memo';\n\n  useOptionStyles_unstable({\n    ...state,\n    active: false,\n    disabled: false,\n    focusVisible: false,\n    checkIcon: undefined,\n    selected: false\n  });\n  const styles = useStyles();\n  state.root.className = mergeClasses(tagPickerOptionClassNames.root, styles.root, state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(tagPickerOptionClassNames.media, styles.media, state.media.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTagPickerOptionStyles.styles.js.map"],"names":["tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","root","media","secondaryContent","useStyles","__styles","mc9l5x","Budl1dq","Bt984gj","Br312pm","Ijaq50","d","state","useOptionStyles_unstable","active","disabled","focusVisible","checkIcon","undefined","selected","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IA2BAC,iCAAiC;eAAjCA;;;uBA7B0B;+BACE;AAClC,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAL,kBAAkB;QAChBM,SAAS;QACTC,QAAQ;IACV;IACAR,OAAO;QACLQ,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA4C;QAAiC;QAAkC;QAA+B;KAAmC;AACnN;AAIO,MAAMX,oCAAoCY,CAAAA;IAC/C;IAEAC,IAAAA,uCAAwB,EAAC;QACvB,GAAGD,KAAK;QACRE,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACZ;IACA,MAAMC,SAAShB;IACfQ,MAAMX,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEW,MAAMX,IAAI,CAACoB,SAAS;IACrG,IAAIT,MAAMV,KAAK,EAAE;QACfU,MAAMV,KAAK,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BG,KAAK,EAAEkB,OAAOlB,KAAK,EAAEU,MAAMV,KAAK,CAACmB,SAAS;IAC3G;IACA,IAAIT,MAAMT,gBAAgB,EAAE;QAC1BS,MAAMT,gBAAgB,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BI,gBAAgB,EAAEiB,OAAOjB,gBAAgB,EAAES,MAAMT,gBAAgB,CAACkB,SAAS;IACvJ;IACA,OAAOT;AACT,GACA,2DAA2D"}
+{"version":3,"sources":["useTagPickerOptionStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useOptionStyles_unstable } from '@fluentui/react-combobox';\nexport const tagPickerOptionClassNames = {\n    root: 'fui-TagPickerOption',\n    media: 'fui-TagPickerOption__media',\n    secondaryContent: 'fui-TagPickerOption__secondaryContent'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr',\n        alignItems: 'center'\n    },\n    secondaryContent: {\n        gridColumnStart: 2,\n        gridRowStart: 2\n    },\n    media: {\n        gridRowStart: 'span 2'\n    }\n});\n/**\n * Apply styling to the TagPickerOption slots based on the state\n */ export const useTagPickerOptionStyles_unstable = (state)=>{\n    'use no memo';\n    useOptionStyles_unstable({\n        ...state,\n        active: false,\n        disabled: false,\n        focusVisible: false,\n        checkIcon: undefined,\n        selected: false\n    });\n    const styles = useStyles();\n    state.root.className = mergeClasses(tagPickerOptionClassNames.root, styles.root, state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(tagPickerOptionClassNames.media, styles.media, state.media.className);\n    }\n    if (state.secondaryContent) {\n        state.secondaryContent.className = mergeClasses(tagPickerOptionClassNames.secondaryContent, styles.secondaryContent, state.secondaryContent.className);\n    }\n    return state;\n};\n"],"names":["tagPickerOptionClassNames","useTagPickerOptionStyles_unstable","root","media","secondaryContent","useStyles","__styles","mc9l5x","Budl1dq","Bt984gj","Br312pm","Ijaq50","d","state","useOptionStyles_unstable","active","disabled","focusVisible","checkIcon","undefined","selected","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAuBIC,iCAAiC;eAAjCA;;;uBAzBwB;+BACA;AAClC,MAAMD,4BAA4B;IACrCE,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACtB;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,MAAA;QAAAK,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAL,kBAAA;QAAAM,SAAA;QAAAC,QAAA;IAAA;IAAAR,OAAA;QAAAQ,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAgBX,MAAMX,oCAAqCY,CAAAA;IAClD;IACAC,IAAAA,uCAAwB,EAAC;QACrB,GAAGD,KAAK;QACRE,QAAQ;QACRC,UAAU;QACVC,cAAc;QACdC,WAAWC;QACXC,UAAU;IACd;IACA,MAAMC,SAAShB;IACfQ,MAAMX,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEW,MAAMX,IAAI,CAACoB,SAAS;IACrG,IAAIT,MAAMV,KAAK,EAAE;QACbU,MAAMV,KAAK,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BG,KAAK,EAAEkB,OAAOlB,KAAK,EAAEU,MAAMV,KAAK,CAACmB,SAAS;IAC7G;IACA,IAAIT,MAAMT,gBAAgB,EAAE;QACxBS,MAAMT,gBAAgB,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACvB,0BAA0BI,gBAAgB,EAAEiB,OAAOjB,gBAAgB,EAAES,MAAMT,gBAAgB,CAACkB,SAAS;IACzJ;IACA,OAAOT;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerOptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nimport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nimport { useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerOptionGroup component -\n * A TagPickerOptionGroup is a composite component that allows users to group TagPickerOptions.\n */ export const TagPickerOptionGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTagPickerOptionGroup(props, ref);\n    useTagPickerOptionGroupStyles(state);\n    useCustomStyleHook_unstable('useTagPickerOptionGroupStyles_unstable')(state);\n    return renderTagPickerOptionGroup(state);\n});\nTagPickerOptionGroup.displayName = 'TagPickerOptionGroup';\n"],"names":["TagPickerOptionGroup","React","forwardRef","props","ref","state","useTagPickerOptionGroup","useTagPickerOptionGroupStyles","useCustomStyleHook_unstable","renderTagPickerOptionGroup","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;yCACiB;4CACG;qDACG;qCACF;AAIjC,MAAMA,uBAAuB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,gDAAuB,EAACH,OAAOC;IAC7CG,IAAAA,kEAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,0CAA0CH;IACtE,OAAOI,IAAAA,sDAA0B,EAACJ;AACtC;AACAL,qBAAqBU,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTagPickerOptionGroup.js"],"sourcesContent":["  import { renderOptionGroup_unstable } from '@fluentui/react-combobox';\n/**\n * Render the final JSX of TagPickerOptionGroup\n */ export const renderTagPickerOptionGroup = renderOptionGroup_unstable;\n"],"names":["renderTagPickerOptionGroup","renderOptionGroup_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;+BAH4B;AAGlC,MAAMA,6BAA6BC,yCAA0B"}
+{"version":3,"sources":["renderTagPickerOptionGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport 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: (state: TagPickerOptionGroupState) => JSX.Element = renderOptionGroup_unstable;\n"],"names":["renderTagPickerOptionGroup","renderOptionGroup_unstable"],"rangeMappings":";;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;+BARb;AAQO,MAAMA,6BAAgFC,yCAAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerOptionGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useOptionGroup_unstable } from '@fluentui/react-combobox';\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 */ export const useTagPickerOptionGroup = useOptionGroup_unstable;\n"],"names":["useTagPickerOptionGroup","useOptionGroup_unstable"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;+BACiB;AAS7B,MAAMA,0BAA0BC,sCAAuB"}
+{"version":3,"sources":["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"}

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 */\nexport const useTagPickerOptionGroupStyles = state => {\n  'use no memo';\n\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//# sourceMappingURL=useTagPickerOptionGroupStyles.styles.js.map"],"names":["tagPickerOptionGroupClassNames","useTagPickerOptionGroupStyles","root","label","state","useOptionGroupStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,8BAA8B;eAA9BA;;IAOAC,6BAA6B;eAA7BA;;;uBATgB;+BACiB;AACvC,MAAMD,iCAAiC;IAC5CE,MAAM;IACNC,OAAO;AACT;AAIO,MAAMF,gCAAgCG,CAAAA;IAC3C;IAEAC,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;QACfC,MAAMD,KAAK,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACP,+BAA+BG,KAAK,EAAEC,MAAMD,KAAK,CAACG,SAAS;IAClG;IACA,OAAOF;AACT,GACA,gEAAgE"}
+{"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"}

package/lib-commonjs/contexts/TagPickerContext.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    tagPickerContextDefaultValue: function() {
-        return tagPickerContextDefaultValue;
-    },
     TagPickerContextProvider: function() {
         return TagPickerContextProvider;
     },
+    tagPickerContextDefaultValue: function() {
+        return tagPickerContextDefaultValue;
+    },
     useTagPickerContext_unstable: function() {
         return useTagPickerContext_unstable;
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerContext.js"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\n/**\n * @internal\n */ export const tagPickerContextDefaultValue = {\n    triggerRef: React.createRef(),\n    popoverRef: React.createRef(),\n    targetRef: React.createRef(),\n    tagPickerGroupRef: React.createRef(),\n    secondaryActionRef: React.createRef(),\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};\nconst TagPickerContext = createContext(undefined);\nexport const TagPickerContextProvider = TagPickerContext.Provider;\nexport const useTagPickerContext_unstable = (selector)=>useContextSelector(TagPickerContext, (ctx = tagPickerContextDefaultValue)=>selector(ctx));\n"],"names":["tagPickerContextDefaultValue","TagPickerContextProvider","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"],"mappings":";;;;;;;;;;;IAIiBA,4BAA4B;eAA5BA;;IAqBJC,wBAAwB;eAAxBA;;IACAC,4BAA4B;eAA5BA;;;;iEA1BU;sCAC2B;AAGvC,MAAMF,+BAA+B;IAC5CG,0BAAYC,OAAMC,SAAS;IAC3BC,0BAAYF,OAAMC,SAAS;IAC3BE,yBAAWH,OAAMC,SAAS;IAC1BG,iCAAmBJ,OAAMC,SAAS;IAClCI,kCAAoBL,OAAMC,SAAS;IACnCK,MAAM;IACNC,gBAAgB,IAAI;IACpBC,eAAe,IAAIC;IACnBC,iBAAiB,EAAE;IACnBC,cAAc,IAAI;IAClBC,aAAa,IAAI;IACjBC,SAAS,IAAI;IACbC,UAAU,IAAI;IACdC,OAAON;IACPO,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,UAAU;AACd;AACA,MAAMC,mBAAmBC,IAAAA,mCAAa,EAACZ;AAChC,MAAMZ,2BAA2BuB,iBAAiBE,QAAQ;AAC1D,MAAMxB,+BAA+B,CAACyB,WAAWC,IAAAA,wCAAkB,EAACJ,kBAAkB,CAACK,MAAM7B,4BAA4B,GAAG2B,SAASE"}
+{"version":3,"sources":["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}\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":";;;;;;;;;;;IAuDaA,wBAAAA;eAAAA;;IAvBAC,4BAAAA;eAAAA;;IAwBAC,4BAAAA;eAAAA;;;;iEAxDU;sCAC4C;AA+B5D,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"}

package/lib-commonjs/index.js

@@ -12,95 +12,86 @@ _export(exports, {
     TagPicker: function() {
         return _TagPicker.TagPicker;
     },
-    renderTagPicker_unstable: function() {
-        return _TagPicker.renderTagPicker_unstable;
+    TagPickerButton: function() {
+        return _TagPickerButton.TagPickerButton;
     },
-    useTagPicker_unstable: function() {
-        return _TagPicker.useTagPicker_unstable;
+    TagPickerControl: function() {
+        return _TagPickerControl.TagPickerControl;
+    },
+    TagPickerGroup: function() {
+        return _TagPickerGroup.TagPickerGroup;
     },
     TagPickerInput: function() {
         return _TagPickerInput.TagPickerInput;
     },
-    tagPickerInputClassNames: function() {
-        return _TagPickerInput.tagPickerInputClassNames;
+    TagPickerList: function() {
+        return _TagPickerList.TagPickerList;
     },
-    renderTagPickerInput_unstable: function() {
-        return _TagPickerInput.renderTagPickerInput_unstable;
+    TagPickerOption: function() {
+        return _TagPickerOption.TagPickerOption;
     },
-    useTagPickerInputStyles_unstable: function() {
-        return _TagPickerInput.useTagPickerInputStyles_unstable;
+    TagPickerOptionGroup: function() {
+        return _TagPickerOptionGroup.TagPickerOptionGroup;
     },
-    useTagPickerInput_unstable: function() {
-        return _TagPickerInput.useTagPickerInput_unstable;
+    renderTagPickerButton_unstable: function() {
+        return _TagPickerButton.renderTagPickerButton_unstable;
     },
-    TagPickerList: function() {
-        return _TagPickerList.TagPickerList;
+    renderTagPickerControl_unstable: function() {
+        return _TagPickerControl.renderTagPickerControl_unstable;
     },
-    tagPickerListClassNames: function() {
-        return _TagPickerList.tagPickerListClassNames;
+    renderTagPickerGroup_unstable: function() {
+        return _TagPickerGroup.renderTagPickerGroup_unstable;
+    },
+    renderTagPickerInput_unstable: function() {
+        return _TagPickerInput.renderTagPickerInput_unstable;
     },
     renderTagPickerList_unstable: function() {
         return _TagPickerList.renderTagPickerList_unstable;
     },
-    useTagPickerListStyles_unstable: function() {
-        return _TagPickerList.useTagPickerListStyles_unstable;
+    renderTagPickerOptionGroup: function() {
+        return _TagPickerOptionGroup.renderTagPickerOptionGroup;
     },
-    useTagPickerList_unstable: function() {
-        return _TagPickerList.useTagPickerList_unstable;
+    renderTagPickerOption_unstable: function() {
+        return _TagPickerOption.renderTagPickerOption_unstable;
     },
-    TagPickerButton: function() {
-        return _TagPickerButton.TagPickerButton;
+    renderTagPicker_unstable: function() {
+        return _TagPicker.renderTagPicker_unstable;
     },
     tagPickerButtonClassNames: function() {
         return _TagPickerButton.tagPickerButtonClassNames;
     },
-    renderTagPickerButton_unstable: function() {
-        return _TagPickerButton.renderTagPickerButton_unstable;
-    },
-    useTagPickerButtonStyles_unstable: function() {
-        return _TagPickerButton.useTagPickerButtonStyles_unstable;
-    },
-    useTagPickerButton_unstable: function() {
-        return _TagPickerButton.useTagPickerButton_unstable;
-    },
-    TagPickerControl: function() {
-        return _TagPickerControl.TagPickerControl;
-    },
     tagPickerControlClassNames: function() {
         return _TagPickerControl.tagPickerControlClassNames;
     },
-    renderTagPickerControl_unstable: function() {
-        return _TagPickerControl.renderTagPickerControl_unstable;
-    },
-    useTagPickerControlStyles_unstable: function() {
-        return _TagPickerControl.useTagPickerControlStyles_unstable;
+    tagPickerGroupClassNames: function() {
+        return _TagPickerGroup.tagPickerGroupClassNames;
     },
-    useTagPickerControl_unstable: function() {
-        return _TagPickerControl.useTagPickerControl_unstable;
+    tagPickerInputClassNames: function() {
+        return _TagPickerInput.tagPickerInputClassNames;
     },
-    TagPickerOption: function() {
-        return _TagPickerOption.TagPickerOption;
+    tagPickerListClassNames: function() {
+        return _TagPickerList.tagPickerListClassNames;
     },
     tagPickerOptionClassNames: function() {
         return _TagPickerOption.tagPickerOptionClassNames;
     },
-    renderTagPickerOption_unstable: function() {
-        return _TagPickerOption.renderTagPickerOption_unstable;
+    tagPickerOptionGroupClassNames: function() {
+        return _TagPickerOptionGroup.tagPickerOptionGroupClassNames;
     },
-    useTagPickerOptionStyles_unstable: function() {
-        return _TagPickerOption.useTagPickerOptionStyles_unstable;
+    useTagPickerButtonStyles_unstable: function() {
+        return _TagPickerButton.useTagPickerButtonStyles_unstable;
     },
-    useTagPickerOption_unstable: function() {
-        return _TagPickerOption.useTagPickerOption_unstable;
+    useTagPickerButton_unstable: function() {
+        return _TagPickerButton.useTagPickerButton_unstable;
     },
-    TagPickerGroup: function() {
-        return _TagPickerGroup.TagPickerGroup;
+    useTagPickerControlStyles_unstable: function() {
+        return _TagPickerControl.useTagPickerControlStyles_unstable;
     },
-    tagPickerGroupClassNames: function() {
-        return _TagPickerGroup.tagPickerGroupClassNames;
+    useTagPickerControl_unstable: function() {
+        return _TagPickerControl.useTagPickerControl_unstable;
     },
-    renderTagPickerGroup_unstable: function() {
-        return _TagPickerGroup.renderTagPickerGroup_unstable;
+    useTagPickerFilter: function() {
+        return _useTagPickerFilter.useTagPickerFilter;
     },
     useTagPickerGroupStyles_unstable: function() {
         return _TagPickerGroup.useTagPickerGroupStyles_unstable;
@@ -108,23 +99,32 @@ _export(exports, {
     useTagPickerGroup_unstable: function() {
         return _TagPickerGroup.useTagPickerGroup_unstable;
     },
-    TagPickerOptionGroup: function() {
-        return _TagPickerOptionGroup.TagPickerOptionGroup;
+    useTagPickerInputStyles_unstable: function() {
+        return _TagPickerInput.useTagPickerInputStyles_unstable;
     },
-    tagPickerOptionGroupClassNames: function() {
-        return _TagPickerOptionGroup.tagPickerOptionGroupClassNames;
+    useTagPickerInput_unstable: function() {
+        return _TagPickerInput.useTagPickerInput_unstable;
     },
-    renderTagPickerOptionGroup: function() {
-        return _TagPickerOptionGroup.renderTagPickerOptionGroup;
+    useTagPickerListStyles_unstable: function() {
+        return _TagPickerList.useTagPickerListStyles_unstable;
     },
-    useTagPickerOptionGroupStyles: function() {
-        return _TagPickerOptionGroup.useTagPickerOptionGroupStyles;
+    useTagPickerList_unstable: function() {
+        return _TagPickerList.useTagPickerList_unstable;
     },
     useTagPickerOptionGroup: function() {
         return _TagPickerOptionGroup.useTagPickerOptionGroup;
     },
-    useTagPickerFilter: function() {
-        return _useTagPickerFilter.useTagPickerFilter;
+    useTagPickerOptionGroupStyles: function() {
+        return _TagPickerOptionGroup.useTagPickerOptionGroupStyles;
+    },
+    useTagPickerOptionStyles_unstable: function() {
+        return _TagPickerOption.useTagPickerOptionStyles_unstable;
+    },
+    useTagPickerOption_unstable: function() {
+        return _TagPickerOption.useTagPickerOption_unstable;
+    },
+    useTagPicker_unstable: function() {
+        return _TagPicker.useTagPicker_unstable;
     }
 });
 const _TagPicker = require("./TagPicker");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable } from './TagPicker';\nexport { TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable } from './TagPickerInput';\nexport { TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable } from './TagPickerList';\nexport { TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable } from './TagPickerButton';\nexport { TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable } from './TagPickerControl';\nexport { TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable } from './TagPickerOption';\nexport { TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable } from './TagPickerGroup';\nexport { TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup } from './TagPickerOptionGroup';\nexport { useTagPickerFilter } from './utils/useTagPickerFilter';\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"],"mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IAAEC,wBAAwB;eAAxBA,mCAAwB;;IAAEC,qBAAqB;eAArBA,gCAAqB;;IAC1DC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,eAAe;eAAfA,gCAAe;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAC1IC,gBAAgB;eAAhBA,kCAAgB;;IAAEC,0BAA0B;eAA1BA,4CAA0B;;IAAEC,+BAA+B;eAA/BA,iDAA+B;;IAAEC,kCAAkC;eAAlCA,oDAAkC;;IAAEC,4BAA4B;eAA5BA,8CAA4B;;IAC/IC,eAAe;eAAfA,gCAAe;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAC1IC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,oBAAoB;eAApBA,0CAAoB;;IAAEC,8BAA8B;eAA9BA,oDAA8B;;IAAEC,0BAA0B;eAA1BA,gDAA0B;;IAAEC,6BAA6B;eAA7BA,mDAA6B;;IAAEC,uBAAuB;eAAvBA,6CAAuB;;IACxIC,kBAAkB;eAAlBA,sCAAkB;;;2BARgD;gCAC2E;+BACL;iCACU;kCACK;iCACL;gCACL;sCACG;oCACtH"}
+{"version":3,"sources":["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"],"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","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;;IAO3BC,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"}

package/lib-commonjs/utils/tagPicker2Tag.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    tagPickerAppearanceToTagAppearance: function() {
+        return tagPickerAppearanceToTagAppearance;
+    },
     tagPickerSizeToTagSize: function() {
         return tagPickerSizeToTagSize;
     },
     tagSizeToTagPickerSize: function() {
         return tagSizeToTagPickerSize;
-    },
-    tagPickerAppearanceToTagAppearance: function() {
-        return tagPickerAppearanceToTagAppearance;
     }
 });
 function tagPickerSizeToTagSize(size) {

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

@@ -1 +1 @@
-{"version":3,"sources":["tagPicker2Tag.js"],"sourcesContent":["export function tagPickerSizeToTagSize(size) {\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}\nexport function tagSizeToTagPickerSize(size) {\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}\nexport function tagPickerAppearanceToTagAppearance(appearance) {\n    switch(appearance){\n        case 'filled-darker':\n            return 'outline';\n        default:\n            return 'filled';\n    }\n}\n"],"names":["tagPickerSizeToTagSize","tagSizeToTagPickerSize","tagPickerAppearanceToTagAppearance","size","appearance"],"mappings":";;;;;;;;;;;IAAgBA,sBAAsB;eAAtBA;;IAYAC,sBAAsB;eAAtBA;;IAYAC,kCAAkC;eAAlCA;;;AAxBT,SAASF,uBAAuBG,IAAI;IACvC,OAAOA;QACH,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX;YACI,OAAO;IACf;AACJ;AACO,SAASF,uBAAuBE,IAAI;IACvC,OAAOA;QACH,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX;YACI,OAAO;IACf;AACJ;AACO,SAASD,mCAAmCE,UAAU;IACzD,OAAOA;QACH,KAAK;YACD,OAAO;QACX;YACI,OAAO;IACf;AACJ"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["tokens.js"],"sourcesContent":["export const tagPickerInputCSSRules = {\n    width: '--fluent-TagPickerInput__width'\n};\nexport const tagPickerInputTokens = {\n    width: `var(${tagPickerInputCSSRules.width}, 0)`\n};\n"],"names":["tagPickerInputCSSRules","tagPickerInputTokens","width"],"mappings":";;;;;;;;;;;IAAaA,sBAAsB;eAAtBA;;IAGAC,oBAAoB;eAApBA;;;AAHN,MAAMD,yBAAyB;IAClCE,OAAO;AACX;AACO,MAAMD,uBAAuB;IAChCC,OAAO,CAAC,IAAI,EAAEF,uBAAuBE,KAAK,CAAC,IAAI,CAAC;AACpD"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useResizeObserverRef.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const useResizeObserverRef = (callback)=>{\n    const { targetDocument } = useFluent();\n    const [observer] = React.useState(()=>{\n        var _targetDocument_defaultView;\n        const ResizeObserverConstructor = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver;\n        if (ResizeObserverConstructor) {\n            return new ResizeObserverConstructor(callback);\n        }\n    });\n    const ref = React.useCallback((element)=>{\n        if (element) {\n            observer === null || observer === void 0 ? void 0 : observer.observe(element);\n        } else {\n            observer === null || observer === void 0 ? void 0 : observer.disconnect();\n        }\n    }, [\n        observer\n    ]);\n    return ref;\n};\n"],"names":["useResizeObserverRef","callback","targetDocument","useFluent","observer","React","useState","_targetDocument_defaultView","ResizeObserverConstructor","defaultView","ResizeObserver","ref","useCallback","element","observe","disconnect"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;qCACyB;AACzC,MAAMA,uBAAuB,CAACC;IACjC,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAM,CAACC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;QAC9B,IAAIC;QACJ,MAAMC,4BAA4BN,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAI,AAACK,CAAAA,8BAA8BL,eAAeO,WAAW,AAAD,MAAO,QAAQF,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BG,cAAc;QACrQ,IAAIF,2BAA2B;YAC3B,OAAO,IAAIA,0BAA0BP;QACzC;IACJ;IACA,MAAMU,MAAMN,OAAMO,WAAW,CAAC,CAACC;QAC3B,IAAIA,SAAS;YACTT,aAAa,QAAQA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASU,OAAO,CAACD;QACzE,OAAO;YACHT,aAAa,QAAQA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASW,UAAU;QAC3E;IACJ,GAAG;QACCX;KACH;IACD,OAAOO;AACX"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerFilter.js"],"sourcesContent":["import * as React from 'react';\nimport { TagPickerOption } from '../TagPickerOption';\nfunction defaultRenderOption(option) {\n    return /*#__PURE__*/ React.createElement(TagPickerOption, {\n        value: option,\n        key: option\n    }, option);\n}\nexport function useTagPickerFilter({ filter: filterOverride, noOptionsElement, renderOption = defaultRenderOption, query, options }) {\n    const defaultFilter = React.useCallback((option)=>{\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 !== null && filterOverride !== void 0 ? filterOverride : defaultFilter;\n    const filteredOptions = React.useMemo(()=>options.reduce((accumulator, option, index)=>{\n            if (filter(option, index)) {\n                accumulator.push(renderOption(option));\n            }\n            return accumulator;\n        }, []), [\n        options,\n        renderOption,\n        filter\n    ]);\n    return filteredOptions.length === 0 ? [\n        noOptionsElement.key ? noOptionsElement : /*#__PURE__*/ React.cloneElement(noOptionsElement, {\n            key: 'no-options'\n        })\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"],"mappings":";;;;+BAQgBA;;;eAAAA;;;;iEARO;iCACS;AAChC,SAASC,oBAAoBC,MAAM;IAC/B,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,gCAAe,EAAE;QACtDC,OAAOJ;QACPK,KAAKL;IACT,GAAGA;AACP;AACO,SAASF,mBAAmB,EAAEQ,QAAQC,cAAc,EAAEC,gBAAgB,EAAEC,eAAeV,mBAAmB,EAAEW,KAAK,EAAEC,OAAO,EAAE;IAC/H,MAAMC,gBAAgBX,OAAMY,WAAW,CAAC,CAACb;QACrC,MAAMc,eAAeJ,MAAMK,IAAI;QAC/B,IAAID,iBAAiB,IAAI;YACrB,OAAO;QACX;QACA,OAAOd,OAAOgB,WAAW,GAAGC,QAAQ,CAACH,aAAaE,WAAW;IACjE,GAAG;QACCN;KACH;IACD,MAAMJ,SAASC,mBAAmB,QAAQA,mBAAmB,KAAK,IAAIA,iBAAiBK;IACvF,MAAMM,kBAAkBjB,OAAMkB,OAAO,CAAC,IAAIR,QAAQS,MAAM,CAAC,CAACC,aAAarB,QAAQsB;YACvE,IAAIhB,OAAON,QAAQsB,QAAQ;gBACvBD,YAAYE,IAAI,CAACd,aAAaT;YAClC;YACA,OAAOqB;QACX,GAAG,EAAE,GAAG;QACRV;QACAF;QACAH;KACH;IACD,OAAOY,gBAAgBM,MAAM,KAAK,IAAI;QAClChB,iBAAiBH,GAAG,GAAGG,mBAAmB,WAAW,GAAGP,OAAMwB,YAAY,CAACjB,kBAAkB;YACzFH,KAAK;QACT;KACH,GAAGa;AACR"}
+{"version":3,"sources":["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: JSX.Element;\n\n  /** Provides a custom render for the option. */\n  renderOption?: (option: string) => 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<JSX.Element[]>((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":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;iCACS;AAkBhC,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,CAAgB,CAACC,aAAarB,QAAQsB;YAClD,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tag-picker",
-  "version": "9.2.0",
+  "version": "9.2.1",
   "description": "FluentUI TagPicker component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -49,7 +49,7 @@
     "@fluentui/react-tabster": "^9.22.1",
     "@fluentui/react-aria": "^9.13.0",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-combobox": "^9.12.0",
+    "@fluentui/react-combobox": "^9.13.0",
     "@fluentui/react-tags": "^9.3.10",
     "@fluentui/react-context-selector": "^9.1.63",
     "@fluentui/react-positioning": "^9.15.4",