@fluentui/react-tag-picker 9.2.0 → 9.2.1

package/lib-commonjs/components/TagPickerControl/useTagPickerControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerControl.js"],"sourcesContent":["import * as React from 'react';\nimport { elementContains, getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { useResizeObserverRef } from '../../utils/useResizeObserverRef';\nimport { tagPickerControlAsideWidthToken } from './useTagPickerControlStyles.styles';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\n/**\n * Create the state required to render PickerControl.\n *\n * The returned state can be modified with hooks such as usePickerControlStyles_unstable,\n * before being passed to renderPickerControl_unstable.\n *\n * @param props - props from this instance of PickerControl\n * @param ref - reference to root HTMLDivElement of PickerControl\n */ export const useTagPickerControl_unstable = (props, ref)=>{\n    var _useFieldContext_unstable;\n    const targetRef = useTagPickerContext_unstable((ctx)=>ctx.targetRef);\n    const triggerRef = useTagPickerContext_unstable((ctx)=>ctx.triggerRef);\n    const tagPickerGroupRef = useTagPickerContext_unstable((ctx)=>ctx.tagPickerGroupRef);\n    const open = useTagPickerContext_unstable((ctx)=>ctx.open);\n    const popoverId = useTagPickerContext_unstable((ctx)=>ctx.popoverId);\n    const setOpen = useTagPickerContext_unstable((ctx)=>ctx.setOpen);\n    const secondaryInnerActionRef = useTagPickerContext_unstable((ctx)=>ctx.secondaryActionRef);\n    const size = useTagPickerContext_unstable((ctx)=>ctx.size);\n    const appearance = useTagPickerContext_unstable((ctx)=>ctx.appearance);\n    const disabled = useTagPickerContext_unstable((ctx)=>ctx.disabled);\n    const invalid = ((_useFieldContext_unstable = useFieldContext_unstable()) === null || _useFieldContext_unstable === void 0 ? void 0 : _useFieldContext_unstable.validationState) === 'error';\n    const innerRef = React.useRef(null);\n    const expandIconRef = React.useRef(null);\n    const asideRef = React.useRef(null);\n    const secondaryAction = slot.optional(props.secondaryAction, {\n        elementType: 'span'\n    });\n    const secondaryActionRef = useMergedRefs(secondaryInnerActionRef, secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction.ref);\n    if (secondaryAction) {\n        secondaryAction.ref = secondaryActionRef;\n    }\n    const expandIcon = slot.optional(props.expandIcon, {\n        renderByDefault: true,\n        defaultProps: {\n            'aria-expanded': open,\n            children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null),\n            role: 'button'\n        },\n        elementType: 'span'\n    });\n    const expandIconMergeRef = useMergedRefs(expandIcon === null || expandIcon === void 0 ? void 0 : expandIcon.ref, expandIconRef);\n    if (expandIcon) {\n        expandIcon.ref = expandIconMergeRef;\n    }\n    const observerRef = useResizeObserverRef(([entry])=>{\n        var _innerRef_current;\n        (_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.style.setProperty(tagPickerControlAsideWidthToken, `${entry.contentRect.width}px`);\n    });\n    const aside = slot.optional(undefined, {\n        elementType: 'span',\n        renderByDefault: Boolean(secondaryAction || expandIcon),\n        defaultProps: {\n            ref: observerRef\n        }\n    });\n    const mergedAsideRefs = useMergedRefs(asideRef, aside === null || aside === void 0 ? void 0 : aside.ref);\n    if (aside) {\n        aside.ref = mergedAsideRefs;\n    }\n    const handleMouseDown = useEventCallback((event)=>{\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        if (elementContains(expandIconRef.current, event.target) || event.target === innerRef.current || event.target === tagPickerGroupRef.current || event.target === asideRef.current) {\n            var _triggerRef_current;\n            event.preventDefault();\n            setOpen(event, !open);\n            (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n        }\n    });\n    return {\n        components: {\n            root: 'div',\n            expandIcon: 'span',\n            secondaryAction: 'span',\n            aside: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref: useMergedRefs(ref, targetRef, innerRef),\n            'aria-owns': open ? popoverId : undefined,\n            ...props,\n            onMouseDown: handleMouseDown\n        }), {\n            elementType: 'div'\n        }),\n        aside,\n        expandIcon,\n        secondaryAction,\n        size,\n        appearance,\n        disabled,\n        invalid\n    };\n};\n"],"names":["useTagPickerControl_unstable","props","ref","_useFieldContext_unstable","targetRef","useTagPickerContext_unstable","ctx","triggerRef","tagPickerGroupRef","open","popoverId","setOpen","secondaryInnerActionRef","secondaryActionRef","size","appearance","disabled","invalid","useFieldContext_unstable","validationState","innerRef","React","useRef","expandIconRef","asideRef","secondaryAction","slot","optional","elementType","useMergedRefs","expandIcon","renderByDefault","defaultProps","children","createElement","ChevronDownRegular","role","expandIconMergeRef","observerRef","useResizeObserverRef","entry","_innerRef_current","current","style","setProperty","tagPickerControlAsideWidthToken","contentRect","width","aside","undefined","Boolean","mergedAsideRefs","handleMouseDown","useEventCallback","event","isDefaultPrevented","elementContains","target","_triggerRef_current","preventDefault","focus","components","root","always","getIntrinsicElementProps","onMouseDown"],"mappings":"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"}
+{"version":3,"sources":["useTagPickerControl.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ExtractSlotProps,\n  Slot,\n  elementContains,\n  getIntrinsicElementProps,\n  slot,\n  useEventCallback,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport type { TagPickerControlProps, TagPickerControlState } from './TagPickerControl.types';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { useResizeObserverRef } from '../../utils/useResizeObserverRef';\nimport { tagPickerControlAsideWidthToken } from './useTagPickerControlStyles.styles';\nimport { useFieldContext_unstable } from '@fluentui/react-field';\n\n/**\n * Create the state required to render PickerControl.\n *\n * The returned state can be modified with hooks such as usePickerControlStyles_unstable,\n * before being passed to renderPickerControl_unstable.\n *\n * @param props - props from this instance of PickerControl\n * @param ref - reference to root HTMLDivElement of PickerControl\n */\nexport const useTagPickerControl_unstable = (\n  props: TagPickerControlProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerControlState => {\n  const targetRef = useTagPickerContext_unstable(ctx => ctx.targetRef);\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n  const open = useTagPickerContext_unstable(ctx => ctx.open);\n  const popoverId = useTagPickerContext_unstable(ctx => ctx.popoverId);\n  const setOpen = useTagPickerContext_unstable(ctx => ctx.setOpen);\n  const secondaryInnerActionRef = useTagPickerContext_unstable(ctx => ctx.secondaryActionRef);\n  const size = useTagPickerContext_unstable(ctx => ctx.size);\n  const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n  const disabled = useTagPickerContext_unstable(ctx => ctx.disabled);\n  const invalid = useFieldContext_unstable()?.validationState === 'error';\n\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const expandIconRef = React.useRef<HTMLSpanElement>(null);\n  const asideRef = React.useRef<HTMLSpanElement>(null);\n\n  const secondaryAction = slot.optional(props.secondaryAction, {\n    elementType: 'span',\n  });\n  const secondaryActionRef = useMergedRefs(secondaryInnerActionRef, secondaryAction?.ref);\n  if (secondaryAction) {\n    secondaryAction.ref = secondaryActionRef;\n  }\n\n  const expandIcon = slot.optional(props.expandIcon, {\n    renderByDefault: true,\n    defaultProps: {\n      'aria-expanded': open,\n      children: <ChevronDownRegular />,\n      role: 'button',\n    },\n    elementType: 'span',\n  });\n\n  const expandIconMergeRef = useMergedRefs(expandIcon?.ref, expandIconRef);\n  if (expandIcon) {\n    expandIcon.ref = expandIconMergeRef;\n  }\n\n  const observerRef = useResizeObserverRef<HTMLSpanElement>(([entry]) => {\n    innerRef.current?.style.setProperty(tagPickerControlAsideWidthToken, `${entry.contentRect.width}px`);\n  });\n  const aside = slot.optional<ExtractSlotProps<Slot<'span'>>>(undefined, {\n    elementType: 'span',\n    renderByDefault: Boolean(secondaryAction || expandIcon),\n    defaultProps: {\n      ref: observerRef,\n    },\n  });\n  const mergedAsideRefs = useMergedRefs(asideRef, aside?.ref);\n  if (aside) {\n    aside.ref = mergedAsideRefs;\n  }\n\n  const handleMouseDown = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n    if (\n      elementContains(expandIconRef.current, event.target as Node) ||\n      event.target === innerRef.current ||\n      event.target === tagPickerGroupRef.current ||\n      event.target === asideRef.current\n    ) {\n      event.preventDefault();\n      setOpen(event, !open);\n      triggerRef.current?.focus();\n    }\n  });\n  return {\n    components: {\n      root: 'div',\n      expandIcon: 'span',\n      secondaryAction: 'span',\n      aside: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, targetRef, innerRef),\n        'aria-owns': open ? popoverId : undefined,\n        ...props,\n        onMouseDown: handleMouseDown,\n      }),\n      { elementType: 'div' },\n    ),\n    aside,\n    expandIcon,\n    secondaryAction,\n    size,\n    appearance,\n    disabled,\n    invalid,\n  };\n};\n"],"names":["useTagPickerControl_unstable","props","ref","useFieldContext_unstable","targetRef","useTagPickerContext_unstable","ctx","triggerRef","tagPickerGroupRef","open","popoverId","setOpen","secondaryInnerActionRef","secondaryActionRef","size","appearance","disabled","invalid","validationState","innerRef","React","useRef","expandIconRef","asideRef","secondaryAction","slot","optional","elementType","useMergedRefs","expandIcon","renderByDefault","defaultProps","children","createElement","ChevronDownRegular","role","expandIconMergeRef","observerRef","useResizeObserverRef","entry","current","style","setProperty","tagPickerControlAsideWidthToken","contentRect","width","aside","undefined","Boolean","mergedAsideRefs","handleMouseDown","useEventCallback","event","isDefaultPrevented","elementContains","target","preventDefault","focus","components","root","always","getIntrinsicElementProps","onMouseDown"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    tagPickerControlClassNames: function() {
-        return tagPickerControlClassNames;
+    iconSizes: function() {
+        return iconSizes;
     },
     tagPickerControlAsideWidthToken: function() {
         return tagPickerControlAsideWidthToken;
     },
-    iconSizes: function() {
-        return iconSizes;
+    tagPickerControlClassNames: function() {
+        return tagPickerControlClassNames;
     },
     useTagPickerControlStyles_unstable: function() {
         return useTagPickerControlStyles_unstable;

package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerControlStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerControlClassNames = {\n  root: 'fui-TagPickerControl',\n  expandIcon: 'fui-TagPickerControl__expandIcon',\n  secondaryAction: 'fui-TagPickerControl__secondaryAction',\n  aside: 'fui-TagPickerControl__aside'\n};\nexport const tagPickerControlAsideWidthToken = '--fui-TagPickerControl-aside-width';\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ft85np5\",\n    z189sj: [\"f1d8q41i\", \"f8lqu5g\"],\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"f14mj54c\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    Bf4jedk: \"f1exfvgq\",\n    qhf8xq: \"f10pi13n\",\n    Eh141a: \"fni485r\",\n    Bbr2w1p: \"f14a1fxs\",\n    Bduesf4: \"f3e99gv\",\n    Bpq79vn: \"fhljsf7\",\n    li1rpt: \"f1gw3sf2\",\n    Bsft5z2: \"f13zj6fq\",\n    E3zdtr: \"f1mdlcz9\",\n    Eqx8gd: [\"f1a7op3\", \"f1cjjd47\"],\n    By385i5: \"f1gboi2j\",\n    B1piin3: [\"f1cjjd47\", \"f1a7op3\"],\n    Dlnsje: \"f145g4dw\",\n    d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n    B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n    B1q35kw: 0,\n    Bw17bha: 0,\n    Bcgy8vk: 0,\n    Bjuhk93: \"f1mnjydx\",\n    Gjdm7m: \"f13evtba\",\n    b1kco5: \"f1yk9hq\",\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f14ee0xe\",\n    lck23g: \"f1xhbsuh\",\n    df92cz: \"fv8e3ye\",\n    I188md: \"ftb5wc6\",\n    umuwi5: \"fjw5xc1\",\n    Blcqepd: \"f1xdyd5c\",\n    nplu4u: \"fatpbeo\",\n    Bioka5o: \"fb7uyps\",\n    H713fs: \"f1cmft4k\",\n    B9ooomg: \"f1x58t8o\",\n    Bercvud: \"f1ibeo51\"\n  },\n  listbox: {\n    E5pizo: \"f1hg901r\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ft85np5\",\n    Bxyxcbc: \"fmmk62d\",\n    B7ck84d: \"f1ewtqcl\"\n  },\n  listboxCollapsed: {\n    mc9l5x: \"fjseox\"\n  },\n  medium: {\n    sshi5w: \"f1nxs5xn\"\n  },\n  large: {\n    sshi5w: \"f1w5jphr\"\n  },\n  \"extra-large\": {\n    sshi5w: \"f5pgtk9\"\n  },\n  outline: {\n    De3pzq: \"fxugw4r\",\n    Bgfg5da: 0,\n    B9xav0g: \"f1c1zstj\",\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"fhz96rm\"\n  },\n  outlineInteractive: {\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"flmw63s\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    B6oc9vd: \"fvs00aa\",\n    ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n    wmxk5l: \"fqhmt4z\",\n    B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n  },\n  underline: {\n    De3pzq: \"f1c21dwh\",\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    Bgfg5da: \"f9ez7ne\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"fokr779\"\n  },\n  \"filled-lighter\": {\n    De3pzq: \"fxugw4r\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f88035w\"\n  },\n  \"filled-darker\": {\n    De3pzq: \"f16xq7d1\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f88035w\"\n  },\n  invalid: {\n    tvckwq: \"fs4k3qj\",\n    gk2u95: [\"fcee079\", \"fmyw78r\"],\n    hhx65j: \"f1fgmyf4\",\n    Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n  },\n  invalidUnderline: {\n    hhx65j: \"f1fgmyf4\"\n  },\n  disabled: {\n    Bceei9c: \"fdrzuqr\",\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n  }\n}, {\n  d: [[\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f1d8q41i{padding-right:calc(var(--spacingHorizontalM) + var(--fui-TagPickerControl-aside-width, 0px));}\", \".f8lqu5g{padding-left:calc(var(--spacingHorizontalM) + var(--fui-TagPickerControl-aside-width, 0px));}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f122n59{align-items:center;}\", \".f14mj54c{column-gap:var(--spacingHorizontalXXS);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1exfvgq{min-width:250px;}\", \".f10pi13n{position:relative;}\", \".fni485r{flex-wrap:wrap;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".f1a7op3::after{left:-1px;}\", \".f1cjjd47::after{right:-1px;}\", \".f1gboi2j::after{bottom:-1px;}\", \".f145g4dw::after{height:max(2px, var(--borderRadiusMedium));}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", [\".f1mnjydx::after{border-bottom:var(--strokeWidthThick) solid var(--colorCompoundBrandStroke);}\", {\n    p: -1\n  }], \".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}\", \".f1yk9hq::after{transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\", \".f1hg901r{box-shadow:var(--shadow16);}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".fmmk62d{max-height:80vh;}\", \".fjseox{display:none;}\", \".f1nxs5xn{min-height:32px;}\", \".f1w5jphr{min-height:40px;}\", \".f5pgtk9{min-height:44px;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", [\".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}\", {\n    p: -2\n  }], \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", [\".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}\", {\n    p: -1\n  }], [\".fokr779{border-radius:0;}\", {\n    p: -1\n  }], [\".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n    p: -2\n  }], \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", [\".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}\", {\n    p: -2\n  }], \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\"],\n  w: [\".f14a1fxs:focus-within{outline-width:2px;}\", \".f3e99gv:focus-within{outline-style:solid;}\", \".fhljsf7:focus-within{outline-color:transparent;}\", \".fjw5xc1:focus-within::after{transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\", \".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}\"],\n  m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n    m: \"screen and (prefers-reduced-motion: reduce)\"\n  }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n  a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useAsideStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f13qh94s\",\n    Bt984gj: \"f122n59\",\n    qhf8xq: \"f1euv43f\",\n    Bhzewxz: \"f15twtuk\",\n    j35jbq: [\"f8b87gs\", \"fedtrts\"],\n    Budl1dq: \"f13p5kfd\",\n    wkccdc: \"fjg31ve\",\n    Bqenvij: \"f1l02sjl\",\n    Bceei9c: \"f113hnb5\"\n  },\n  medium: {\n    sshi5w: \"f1nxs5xn\"\n  },\n  large: {\n    sshi5w: \"f1w5jphr\"\n  },\n  \"extra-large\": {\n    sshi5w: \"f5pgtk9\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f122n59{align-items:center;}\", \".f1euv43f{position:absolute;}\", \".f15twtuk{top:0;}\", \".f8b87gs{right:var(--spacingHorizontalM);}\", \".fedtrts{left:var(--spacingHorizontalM);}\", \".f13p5kfd{grid-template-columns:repeat(2, auto);}\", \".fjg31ve{grid-template-rows:minmax(32px, auto) 1fr;}\", \".f1l02sjl{height:100%;}\", \".f113hnb5{cursor:text;}\", \".f1nxs5xn{min-height:32px;}\", \".f1w5jphr{min-height:40px;}\", \".f5pgtk9{min-height:44px;}\"]\n});\nexport const iconSizes = {\n  small: '16px',\n  medium: '20px',\n  large: '24px'\n};\nconst useIconStyles = /*#__PURE__*/__styles({\n  icon: {\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxkbij4\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"ftgm304\",\n    Be2twd7: \"f1pp30po\",\n    Bo70h7d: \"fvc9v3g\"\n  },\n  medium: {\n    Be2twd7: \"f4ybsrx\",\n    Frg6f3: [\"f1h9en5y\", \"f1xk557c\"]\n  },\n  large: {\n    Be2twd7: \"fe5j1ua\",\n    Frg6f3: [\"f1h9en5y\", \"f1xk557c\"]\n  },\n  \"extra-large\": {\n    Be2twd7: \"f1rt2boy\",\n    Frg6f3: [\"f1t5qyk5\", \"f1ikr372\"]\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\"\n  }\n}, {\n  d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".f1k6fduh{cursor:pointer;}\", \".ftgm304{display:block;}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".fvc9v3g svg{display:block;}\", \".f4ybsrx{font-size:16px;}\", \".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}\", \".f1xk557c{margin-right:var(--spacingHorizontalXXS);}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}\", \".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\"]\n});\n/**\n * Apply styling to the PickerControl slots based on the state\n */\nexport const useTagPickerControlStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const asideStyles = useAsideStyles();\n  state.root.className = mergeClasses(tagPickerControlClassNames.root, styles.root, styles[state.size], styles[state.appearance], !state.disabled && state.appearance === 'outline' && styles.outlineInteractive, state.invalid && state.appearance !== 'underline' && styles.invalid, state.invalid && state.appearance === 'underline' && styles.invalidUnderline, state.disabled && styles.disabled, state.root.className);\n  if (state.aside) {\n    state.aside.className = mergeClasses(tagPickerControlClassNames.aside, asideStyles.root, asideStyles[state.size], state.aside.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(tagPickerControlClassNames.expandIcon, iconStyles.icon, iconStyles[state.size], state.disabled && iconStyles.disabled, state.expandIcon.className);\n  }\n  if (state.secondaryAction) {\n    state.secondaryAction.className = mergeClasses(tagPickerControlClassNames.secondaryAction, state.secondaryAction.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTagPickerControlStyles.styles.js.map"],"names":["tagPickerControlClassNames","tagPickerControlAsideWidthToken","iconSizes","useTagPickerControlStyles_unstable","root","expandIcon","secondaryAction","aside","useStyles","__styles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","z189sj","uwmqm3","Bt984gj","i8kkvl","B7ck84d","mc9l5x","Bf4jedk","qhf8xq","Eh141a","Bbr2w1p","Bduesf4","Bpq79vn","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","B1q35kw","Bw17bha","Bcgy8vk","Bjuhk93","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","listbox","E5pizo","Bxyxcbc","listboxCollapsed","medium","sshi5w","large","outline","De3pzq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","d","p","w","m","h","a","useAsideStyles","Bhzewxz","j35jbq","Budl1dq","wkccdc","Bqenvij","small","useIconStyles","icon","sj55zd","Be2twd7","Bo70h7d","Frg6f3","state","styles","iconStyles","asideStyles","className","mergeClasses","size","appearance"],"mappings":"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"}
+{"version":3,"sources":["useTagPickerControlStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerControlClassNames = {\n    root: 'fui-TagPickerControl',\n    expandIcon: 'fui-TagPickerControl__expandIcon',\n    secondaryAction: 'fui-TagPickerControl__secondaryAction',\n    aside: 'fui-TagPickerControl__aside'\n};\nexport const tagPickerControlAsideWidthToken = '--fui-TagPickerControl-aside-width';\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        borderRadius: tokens.borderRadiusMedium,\n        paddingRight: `calc(${tokens.spacingHorizontalM} + var(${tagPickerControlAsideWidthToken}, 0px))`,\n        paddingLeft: tokens.spacingHorizontalM,\n        alignItems: 'center',\n        columnGap: tokens.spacingHorizontalXXS,\n        boxSizing: 'border-box',\n        display: 'flex',\n        minWidth: '250px',\n        position: 'relative',\n        flexWrap: 'wrap',\n        // windows high contrast mode focus indicator\n        ':focus-within': {\n            outlineWidth: '2px',\n            outlineStyle: 'solid',\n            outlineColor: 'transparent'\n        },\n        // bottom focus border, shared with Input, Select, and SpinButton\n        '::after': {\n            boxSizing: 'border-box',\n            content: '\"\"',\n            position: 'absolute',\n            left: '-1px',\n            bottom: '-1px',\n            right: '-1px',\n            height: `max(2px, ${tokens.borderRadiusMedium})`,\n            borderBottomLeftRadius: tokens.borderRadiusMedium,\n            borderBottomRightRadius: tokens.borderRadiusMedium,\n            borderBottom: `${tokens.strokeWidthThick} solid ${tokens.colorCompoundBrandStroke}`,\n            clipPath: 'inset(calc(100% - 2px) 0 0 0)',\n            transform: 'scaleX(0)',\n            transitionProperty: 'transform',\n            transitionDuration: tokens.durationUltraFast,\n            transitionDelay: tokens.curveAccelerateMid,\n            '@media screen and (prefers-reduced-motion: reduce)': {\n                transitionDuration: '0.01ms',\n                transitionDelay: '0.01ms'\n            }\n        },\n        ':focus-within::after': {\n            transform: 'scaleX(1)',\n            transitionProperty: 'transform',\n            transitionDuration: tokens.durationNormal,\n            transitionDelay: tokens.curveDecelerateMid,\n            '@media screen and (prefers-reduced-motion: reduce)': {\n                transitionDuration: '0.01ms',\n                transitionDelay: '0.01ms'\n            }\n        },\n        ':focus-within:active::after': {\n            borderBottomColor: tokens.colorCompoundBrandStrokePressed\n        }\n    },\n    listbox: {\n        boxShadow: `${tokens.shadow16}`,\n        borderRadius: tokens.borderRadiusMedium,\n        maxHeight: '80vh',\n        boxSizing: 'border-box'\n    },\n    listboxCollapsed: {\n        display: 'none'\n    },\n    // size variants\n    medium: {\n        minHeight: '32px'\n    },\n    large: {\n        minHeight: '40px'\n    },\n    'extra-large': {\n        minHeight: '44px'\n    },\n    // appearance variants\n    outline: {\n        backgroundColor: tokens.colorNeutralBackground1,\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n        borderBottomColor: tokens.colorNeutralStrokeAccessible\n    },\n    outlineInteractive: {\n        '&:hover': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n            borderBottomColor: tokens.colorNeutralStrokeAccessible\n        },\n        '&:active': {\n            ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n            borderBottomColor: tokens.colorNeutralStrokeAccessible\n        }\n    },\n    underline: {\n        backgroundColor: tokens.colorTransparentBackground,\n        borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStrokeAccessible}`,\n        borderRadius: '0'\n    },\n    'filled-lighter': {\n        backgroundColor: tokens.colorNeutralBackground1,\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n    },\n    'filled-darker': {\n        backgroundColor: tokens.colorNeutralBackground3,\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n    },\n    invalid: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n        }\n    },\n    invalidUnderline: {\n        ':not(:focus-within),:hover:not(:focus-within)': {\n            borderBottomColor: tokens.colorPaletteRedBorder2\n        }\n    },\n    disabled: {\n        cursor: 'not-allowed',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n        '@media (forced-colors: active)': {\n            ...shorthands.borderColor('GrayText')\n        }\n    }\n});\nconst useAsideStyles = makeStyles({\n    root: {\n        display: 'grid',\n        alignItems: 'center',\n        position: 'absolute',\n        top: '0',\n        right: tokens.spacingHorizontalM,\n        gridTemplateColumns: 'repeat(2, auto)',\n        gridTemplateRows: 'minmax(32px, auto) 1fr',\n        height: '100%',\n        cursor: 'text'\n    },\n    // size variants\n    medium: {\n        minHeight: '32px'\n    },\n    large: {\n        minHeight: '40px'\n    },\n    'extra-large': {\n        minHeight: '44px'\n    }\n});\nexport const iconSizes = {\n    small: '16px',\n    medium: '20px',\n    large: '24px'\n};\nconst useIconStyles = makeStyles({\n    icon: {\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralStrokeAccessible,\n        cursor: 'pointer',\n        display: 'block',\n        fontSize: tokens.fontSizeBase500,\n        // the SVG must have display: block for accurate positioning\n        // otherwise an extra inline space is inserted after the svg element\n        '& svg': {\n            display: 'block'\n        }\n    },\n    // icon size variants\n    medium: {\n        fontSize: iconSizes.small,\n        marginLeft: tokens.spacingHorizontalXXS\n    },\n    large: {\n        fontSize: iconSizes.medium,\n        marginLeft: tokens.spacingHorizontalXXS\n    },\n    'extra-large': {\n        fontSize: iconSizes.large,\n        marginLeft: tokens.spacingHorizontalSNudge\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed'\n    }\n});\n/**\n * Apply styling to the PickerControl slots based on the state\n */ export const useTagPickerControlStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const asideStyles = useAsideStyles();\n    state.root.className = mergeClasses(tagPickerControlClassNames.root, styles.root, styles[state.size], styles[state.appearance], !state.disabled && state.appearance === 'outline' && styles.outlineInteractive, state.invalid && state.appearance !== 'underline' && styles.invalid, state.invalid && state.appearance === 'underline' && styles.invalidUnderline, state.disabled && styles.disabled, state.root.className);\n    if (state.aside) {\n        state.aside.className = mergeClasses(tagPickerControlClassNames.aside, asideStyles.root, asideStyles[state.size], state.aside.className);\n    }\n    if (state.expandIcon) {\n        state.expandIcon.className = mergeClasses(tagPickerControlClassNames.expandIcon, iconStyles.icon, iconStyles[state.size], state.disabled && iconStyles.disabled, state.expandIcon.className);\n    }\n    if (state.secondaryAction) {\n        state.secondaryAction.className = mergeClasses(tagPickerControlClassNames.secondaryAction, state.secondaryAction.className);\n    }\n    return state;\n};\n"],"names":["iconSizes","tagPickerControlAsideWidthToken","tagPickerControlClassNames","useTagPickerControlStyles_unstable","root","expandIcon","secondaryAction","aside","useStyles","__styles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","z189sj","uwmqm3","Bt984gj","i8kkvl","B7ck84d","mc9l5x","Bf4jedk","qhf8xq","Eh141a","Bbr2w1p","Bduesf4","Bpq79vn","li1rpt","Bsft5z2","E3zdtr","Eqx8gd","By385i5","B1piin3","Dlnsje","d9w3h3","B3778ie","B1q35kw","Bw17bha","Bcgy8vk","Bjuhk93","Gjdm7m","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","Bercvud","listbox","E5pizo","Bxyxcbc","listboxCollapsed","medium","sshi5w","large","outline","De3pzq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bceei9c","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","d","p","w","m","h","a","useAsideStyles","Bhzewxz","j35jbq","Budl1dq","wkccdc","Bqenvij","small","useIconStyles","icon","sj55zd","Be2twd7","Bo70h7d","Frg6f3","state","styles","iconStyles","asideStyles","className","mergeClasses","size","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerGroup_unstable } from './useTagPickerGroup';\nimport { useTagGroupContextValues_unstable } from '@fluentui/react-tags';\nimport { renderTagPickerGroup_unstable } from './renderTagPickerGroup';\nimport { useTagPickerGroupStyles_unstable } from './useTagPickerGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerGroup component -\n * A TagPickerGroup is a composite component that allows users to group tags together.\n */ export const TagPickerGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTagPickerGroup_unstable(props, ref);\n    useTagPickerGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useTagPickerGroupStyles_unstable')(state);\n    return renderTagPickerGroup_unstable(state, useTagGroupContextValues_unstable(state));\n});\nTagPickerGroup.displayName = 'TagPickerGroup';\n"],"names":["TagPickerGroup","React","forwardRef","props","ref","state","useTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useCustomStyleHook_unstable","renderTagPickerGroup_unstable","useTagGroupContextValues_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;mCACoB;2BACO;sCACJ;+CACG;qCACL;AAIjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ,OAAOK,IAAAA,4CAAiC,EAACL;AAClF;AACAL,eAAeW,WAAW,GAAG"}
+{"version":3,"sources":["TagPickerGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerGroup_unstable } from './useTagPickerGroup';\nimport type { TagPickerGroupProps } from './TagPickerGroup.types';\nimport { useTagGroupContextValues_unstable } from '@fluentui/react-tags';\nimport { renderTagPickerGroup_unstable } from './renderTagPickerGroup';\nimport { useTagPickerGroupStyles_unstable } from './useTagPickerGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerGroup component -\n * A TagPickerGroup is a composite component that allows users to group tags together.\n */\nexport const TagPickerGroup: ForwardRefComponent<TagPickerGroupProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerGroup_unstable(props, ref);\n\n  useTagPickerGroupStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerGroupStyles_unstable')(state);\n  return renderTagPickerGroup_unstable(state, useTagGroupContextValues_unstable(state));\n});\n\nTagPickerGroup.displayName = 'TagPickerGroup';\n"],"names":["TagPickerGroup","React","forwardRef","props","ref","state","useTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useCustomStyleHook_unstable","renderTagPickerGroup_unstable","useTagGroupContextValues_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;mCAEoB;2BAEO;sCACJ;+CACG;qCACL;AAMrC,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IACjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAChE,OAAOI,IAAAA,mDAAAA,EAA8BJ,OAAOK,IAAAA,4CAAAA,EAAkCL;AAChF;AAEAL,eAAeW,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TagPickerGroup.types.ts"],"sourcesContent":["import type { TagGroupSlots, TagGroupState } from '@fluentui/react-tags';\nimport type { ComponentProps } from '@fluentui/react-utilities';\n\nexport type TagPickerGroupSlots = TagGroupSlots;\n\n/**\n * TagPickerGroup Props\n */\nexport type TagPickerGroupProps = ComponentProps<TagPickerGroupSlots>;\n\n/**\n * State used in rendering TagPickerGroup\n */\nexport type TagPickerGroupState = TagGroupState & {\n  hasSelectedOptions: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAUA;;CAEC"}

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

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

package/lib-commonjs/components/TagPickerGroup/renderTagPickerGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTagPickerGroup.js"],"sourcesContent":["import { renderTagGroup_unstable } from '@fluentui/react-tags';\nexport function renderTagPickerGroup_unstable(state, contexts) {\n    if (!state.hasSelectedOptions) {\n        return null;\n    }\n    return renderTagGroup_unstable(state, contexts);\n}\n"],"names":["renderTagPickerGroup_unstable","state","contexts","hasSelectedOptions","renderTagGroup_unstable"],"mappings":";;;;+BACgBA;;;eAAAA;;;2BADwB;AACjC,SAASA,8BAA8BC,KAAK,EAAEC,QAAQ;IACzD,IAAI,CAACD,MAAME,kBAAkB,EAAE;QAC3B,OAAO;IACX;IACA,OAAOC,IAAAA,kCAAuB,EAACH,OAAOC;AAC1C"}
+{"version":3,"sources":["renderTagPickerGroup.ts"],"sourcesContent":["import { TagPickerGroupState } from './TagPickerGroup.types';\nimport { renderTagGroup_unstable, type TagGroupContextValues } from '@fluentui/react-tags';\n\nexport function renderTagPickerGroup_unstable(state: TagPickerGroupState, contexts: TagGroupContextValues) {\n  if (!state.hasSelectedOptions) {\n    return null;\n  }\n\n  return renderTagGroup_unstable(state, contexts);\n}\n"],"names":["renderTagPickerGroup_unstable","state","contexts","hasSelectedOptions","renderTagGroup_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;2BAFoD;AAE7D,SAASA,8BAA8BC,KAA0B,EAAEC,QAA+B;IACvG,IAAI,CAACD,MAAME,kBAAkB,EAAE;QAC7B,OAAO;IACT;IAEA,OAAOC,IAAAA,kCAAAA,EAAwBH,OAAOC;AACxC"}

package/lib-commonjs/components/TagPickerGroup/useTagPickerGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagGroup_unstable } from '@fluentui/react-tags';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { isHTMLElement, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { tagPickerAppearanceToTagAppearance, tagPickerSizeToTagSize } from '../../utils/tagPicker2Tag';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ArrowRight } from '@fluentui/keyboard-keys';\n/**\n * Create the state required to render TagPickerGroup.\n *\n * The returned state can be modified with hooks such as usePickerTagGroupStyles_unstable,\n * before being passed to renderPickerTagGroup_unstable.\n *\n * @param props - props from this instance of TagPickerGroup\n * @param ref - reference to root HTMLDivElement of TagPickerGroup\n */ export const useTagPickerGroup_unstable = (props, ref)=>{\n    const hasSelectedOptions = useTagPickerContext_unstable((ctx)=>ctx.selectedOptions.length > 0);\n    const hasOneSelectedOption = useTagPickerContext_unstable((ctx)=>ctx.selectedOptions.length === 1);\n    const triggerRef = useTagPickerContext_unstable((ctx)=>ctx.triggerRef);\n    const tagPickerGroupRef = useTagPickerContext_unstable((ctx)=>ctx.tagPickerGroupRef);\n    const selectOption = useTagPickerContext_unstable((ctx)=>ctx.selectOption);\n    const size = useTagPickerContext_unstable((ctx)=>tagPickerSizeToTagSize(ctx.size));\n    const appearance = useTagPickerContext_unstable((ctx)=>ctx.appearance);\n    const arrowNavigationProps = useArrowNavigationGroup({\n        circular: false,\n        axis: 'both',\n        memorizeCurrent: true\n    });\n    const state = useTagGroup_unstable({\n        role: 'listbox',\n        ...props,\n        ...arrowNavigationProps,\n        size,\n        appearance: tagPickerAppearanceToTagAppearance(appearance),\n        dismissible: true,\n        onKeyDown: useEventCallback((event)=>{\n            var _props_onKeyDown;\n            (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, event);\n            if (isHTMLElement(event.target) && event.key === ArrowRight) {\n                var _triggerRef_current;\n                (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n            }\n        }),\n        onDismiss: useEventCallback((event, data)=>{\n            selectOption(event, {\n                value: data.value,\n                // These values no longer exist because the option has unregistered itself\n                // for the purposes of selection - these values aren't actually used\n                id: 'ERROR_DO_NOT_USE',\n                text: 'ERROR_DO_NOT_USE'\n            });\n            if (hasOneSelectedOption && !event.isDefaultPrevented()) {\n                var _triggerRef_current;\n                (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();\n            }\n        })\n    }, useMergedRefs(ref, tagPickerGroupRef));\n    return {\n        ...state,\n        hasSelectedOptions\n    };\n};\n"],"names":["useTagPickerGroup_unstable","props","ref","hasSelectedOptions","useTagPickerContext_unstable","ctx","selectedOptions","length","hasOneSelectedOption","triggerRef","tagPickerGroupRef","selectOption","size","tagPickerSizeToTagSize","appearance","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","state","useTagGroup_unstable","role","tagPickerAppearanceToTagAppearance","dismissible","onKeyDown","useEventCallback","event","_props_onKeyDown","call","isHTMLElement","target","key","ArrowRight","_triggerRef_current","current","focus","onDismiss","data","value","id","text","isDefaultPrevented","useMergedRefs"],"mappings":";;;;+BAeiBA;;;eAAAA;;;;iEAfM;2BACc;kCACQ;gCACkB;+BACY;8BACnC;8BACb;AAShB,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,MAAMC,qBAAqBC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIC,eAAe,CAACC,MAAM,GAAG;IAC5F,MAAMC,uBAAuBJ,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIC,eAAe,CAACC,MAAM,KAAK;IAChG,MAAME,aAAaL,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAII,UAAU;IACrE,MAAMC,oBAAoBN,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIK,iBAAiB;IACnF,MAAMC,eAAeP,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIM,YAAY;IACzE,MAAMC,OAAOR,IAAAA,8CAA4B,EAAC,CAACC,MAAMQ,IAAAA,qCAAsB,EAACR,IAAIO,IAAI;IAChF,MAAME,aAAaV,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIS,UAAU;IACrE,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACrB;IACA,MAAMC,QAAQC,IAAAA,+BAAoB,EAAC;QAC/BC,MAAM;QACN,GAAGrB,KAAK;QACR,GAAGc,oBAAoB;QACvBH;QACAE,YAAYS,IAAAA,iDAAkC,EAACT;QAC/CU,aAAa;QACbC,WAAWC,IAAAA,gCAAgB,EAAC,CAACC;YACzB,IAAIC;YACHA,CAAAA,mBAAmB3B,MAAMwB,SAAS,AAAD,MAAO,QAAQG,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBC,IAAI,CAAC5B,OAAO0B;YACrH,IAAIG,IAAAA,6BAAa,EAACH,MAAMI,MAAM,KAAKJ,MAAMK,GAAG,KAAKC,wBAAU,EAAE;gBACzD,IAAIC;gBACHA,CAAAA,sBAAsBzB,WAAW0B,OAAO,AAAD,MAAO,QAAQD,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,KAAK;YAC9H;QACJ;QACAC,WAAWX,IAAAA,gCAAgB,EAAC,CAACC,OAAOW;YAChC3B,aAAagB,OAAO;gBAChBY,OAAOD,KAAKC,KAAK;gBACjB,0EAA0E;gBAC1E,oEAAoE;gBACpEC,IAAI;gBACJC,MAAM;YACV;YACA,IAAIjC,wBAAwB,CAACmB,MAAMe,kBAAkB,IAAI;gBACrD,IAAIR;gBACHA,CAAAA,sBAAsBzB,WAAW0B,OAAO,AAAD,MAAO,QAAQD,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,KAAK;YAC9H;QACJ;IACJ,GAAGO,IAAAA,6BAAa,EAACzC,KAAKQ;IACtB,OAAO;QACH,GAAGU,KAAK;QACRjB;IACJ;AACJ"}
+{"version":3,"sources":["useTagPickerGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerGroupProps, TagPickerGroupState } from './TagPickerGroup.types';\nimport { useTagGroup_unstable } from '@fluentui/react-tags';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { isHTMLElement, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { tagPickerAppearanceToTagAppearance, tagPickerSizeToTagSize } from '../../utils/tagPicker2Tag';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { ArrowRight } from '@fluentui/keyboard-keys';\n\n/**\n * Create the state required to render TagPickerGroup.\n *\n * The returned state can be modified with hooks such as usePickerTagGroupStyles_unstable,\n * before being passed to renderPickerTagGroup_unstable.\n *\n * @param props - props from this instance of TagPickerGroup\n * @param ref - reference to root HTMLDivElement of TagPickerGroup\n */\nexport const useTagPickerGroup_unstable = (\n  props: TagPickerGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerGroupState => {\n  const hasSelectedOptions = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length > 0);\n  const hasOneSelectedOption = useTagPickerContext_unstable(ctx => ctx.selectedOptions.length === 1);\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef);\n  const tagPickerGroupRef = useTagPickerContext_unstable(ctx => ctx.tagPickerGroupRef);\n  const selectOption = useTagPickerContext_unstable(ctx => ctx.selectOption);\n  const size = useTagPickerContext_unstable(ctx => tagPickerSizeToTagSize(ctx.size));\n  const appearance = useTagPickerContext_unstable(ctx => ctx.appearance);\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: false,\n    axis: 'both',\n    memorizeCurrent: true,\n  });\n\n  const state = useTagGroup_unstable(\n    {\n      role: 'listbox',\n      ...props,\n      ...arrowNavigationProps,\n      size,\n      appearance: tagPickerAppearanceToTagAppearance(appearance),\n      dismissible: true,\n      onKeyDown: useEventCallback(event => {\n        props.onKeyDown?.(event);\n        if (isHTMLElement(event.target) && event.key === ArrowRight) {\n          triggerRef.current?.focus();\n        }\n      }),\n      onDismiss: useEventCallback((event, data) => {\n        selectOption(event as React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, {\n          value: data.value,\n          // These values no longer exist because the option has unregistered itself\n          // for the purposes of selection - these values aren't actually used\n          id: 'ERROR_DO_NOT_USE',\n          text: 'ERROR_DO_NOT_USE',\n        });\n        if (hasOneSelectedOption && !event.isDefaultPrevented()) {\n          triggerRef.current?.focus();\n        }\n      }),\n    },\n    useMergedRefs(ref, tagPickerGroupRef),\n  );\n\n  return {\n    ...state,\n    hasSelectedOptions,\n  };\n};\n"],"names":["useTagPickerGroup_unstable","props","ref","hasSelectedOptions","useTagPickerContext_unstable","ctx","selectedOptions","length","hasOneSelectedOption","triggerRef","tagPickerGroupRef","selectOption","size","tagPickerSizeToTagSize","appearance","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","state","useTagGroup_unstable","role","tagPickerAppearanceToTagAppearance","dismissible","onKeyDown","useEventCallback","event","isHTMLElement","target","key","ArrowRight","current","focus","onDismiss","data","value","id","text","isDefaultPrevented","useMergedRefs"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;iEAlBU;2BAEc;kCACQ;gCACkB;+BACY;8BACnC;8BACb;AAWpB,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,GAAG;IAC5F,MAAMC,uBAAuBJ,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIC,eAAe,CAACC,MAAM,KAAK;IAChG,MAAME,aAAaL,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAII,UAAU;IACrE,MAAMC,oBAAoBN,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIK,iBAAiB;IACnF,MAAMC,eAAeP,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIM,YAAY;IACzE,MAAMC,OAAOR,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOQ,IAAAA,qCAAAA,EAAuBR,IAAIO,IAAI;IAChF,MAAME,aAAaV,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIS,UAAU;IAErE,MAAMC,uBAAuBC,IAAAA,qCAAAA,EAAwB;QACnDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,MAAMC,QAAQC,IAAAA,+BAAAA,EACZ;QACEC,MAAM;QACN,GAAGrB,KAAK;QACR,GAAGc,oBAAoB;QACvBH;QACAE,YAAYS,IAAAA,iDAAAA,EAAmCT;QAC/CU,aAAa;QACbC,WAAWC,IAAAA,gCAAAA,EAAiBC,CAAAA;gBAC1B1B;YAAAA,CAAAA,mBAAAA,MAAMwB,SAAS,AAATA,MAAS,QAAfxB,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAAA,IAAAA,CAAAA,OAAkB0B;YAClB,IAAIC,IAAAA,6BAAAA,EAAcD,MAAME,MAAM,KAAKF,MAAMG,GAAG,KAAKC,wBAAAA,EAAY;oBAC3DtB;gBAAAA,CAAAA,sBAAAA,WAAWuB,OAAO,AAAPA,MAAO,QAAlBvB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBwB,KAAK;YAC3B;QACF;QACAC,WAAWR,IAAAA,gCAAAA,EAAiB,CAACC,OAAOQ;YAClCxB,aAAagB,OAAiF;gBAC5FS,OAAOD,KAAKC,KAAK;gBACjB,0EAA0E;gBAC1E,oEAAoE;gBACpEC,IAAI;gBACJC,MAAM;YACR;YACA,IAAI9B,wBAAwB,CAACmB,MAAMY,kBAAkB,IAAI;oBACvD9B;gBAAAA,CAAAA,sBAAAA,WAAWuB,OAAO,AAAPA,MAAO,QAAlBvB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBwB,KAAK;YAC3B;QACF;IACF,GACAO,IAAAA,6BAAAA,EAActC,KAAKQ;IAGrB,OAAO;QACL,GAAGU,KAAK;QACRjB;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useTagGroupStyles_unstable } from '@fluentui/react-tags';\nimport { tokens } from '@fluentui/react-theme';\nimport { tagSizeToTagPickerSize } from '../../utils/tagPicker2Tag';\nexport const tagPickerGroupClassNames = {\n  root: 'fui-TagPickerGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Eh141a: \"fni485r\",\n    B7ck84d: \"f1ewtqcl\",\n    Bceei9c: \"f113hnb5\"\n  },\n  medium: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"fa2pw7h\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"fkln5zr\"\n  },\n  large: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"fc0zr7g\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f1eyhf9v\"\n  },\n  \"extra-large\": {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"fc0zr7g\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f1eyhf9v\"\n  }\n}, {\n  d: [\".fni485r{flex-wrap:wrap;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f113hnb5{cursor:text;}\", [\".fa2pw7h{padding:var(--spacingVerticalSNudge) 0 var(--spacingVerticalSNudge) 0;}\", {\n    p: -1\n  }], [\".fkln5zr{gap:var(--spacingHorizontalXS);}\", {\n    p: -1\n  }], [\".fc0zr7g{padding:var(--spacingVerticalS) 0 var(--spacingVerticalS) 0;}\", {\n    p: -1\n  }], [\".f1eyhf9v{gap:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], [\".fc0zr7g{padding:var(--spacingVerticalS) 0 var(--spacingVerticalS) 0;}\", {\n    p: -1\n  }], [\".f1eyhf9v{gap:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }]]\n});\n/**\n * Apply styling to the TagPickerGroup slots based on the state\n */\nexport const useTagPickerGroupStyles_unstable = state => {\n  'use no memo';\n\n  useTagGroupStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(tagPickerGroupClassNames.root, styles[tagSizeToTagPickerSize(state.size)], styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTagPickerGroupStyles.styles.js.map"],"names":["tagPickerGroupClassNames","useTagPickerGroupStyles_unstable","root","useStyles","__styles","Eh141a","B7ck84d","Bceei9c","medium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","large","d","p","state","useTagGroupStyles_unstable","styles","className","mergeClasses","tagSizeToTagPickerSize","size"],"mappings":";;;;;;;;;;;IAIaA,wBAAwB;eAAxBA;;IA4DAC,gCAAgC;eAAhCA;;;uBAhE0B;2BACI;+BAEJ;AAChC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,QAAQ;QACNC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLR,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACA,eAAe;QACbP,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAA6B;QAAqC;QAA2B;YAAC;YAAoF;gBACpLC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA6C;gBAChDA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAkD;gBACrDA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAkD;gBACrDA,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMlB,mCAAmCmB,CAAAA;IAC9C;IAEAC,IAAAA,qCAA0B,EAACD;IAC3B,MAAME,SAASnB;IACfiB,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,yBAAyBE,IAAI,EAAEoB,MAAM,CAACG,IAAAA,qCAAsB,EAACL,MAAMM,IAAI,EAAE,EAAEJ,OAAOpB,IAAI,EAAEkB,MAAMlB,IAAI,CAACqB,SAAS;IAChJ,OAAOH;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useTagPickerGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useTagGroupStyles_unstable } from '@fluentui/react-tags';\nimport { tokens } from '@fluentui/react-theme';\nimport { tagSizeToTagPickerSize } from '../../utils/tagPicker2Tag';\nexport const tagPickerGroupClassNames = {\n    root: 'fui-TagPickerGroup'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        flexWrap: 'wrap',\n        boxSizing: 'border-box',\n        cursor: 'text'\n    },\n    // size variants\n    medium: {\n        padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`,\n        gap: tokens.spacingHorizontalXS\n    },\n    large: {\n        padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n        gap: tokens.spacingHorizontalSNudge\n    },\n    'extra-large': {\n        padding: `${tokens.spacingVerticalS} 0 ${tokens.spacingVerticalS} 0`,\n        gap: tokens.spacingHorizontalSNudge\n    }\n});\n/**\n * Apply styling to the TagPickerGroup slots based on the state\n */ export const useTagPickerGroupStyles_unstable = (state)=>{\n    'use no memo';\n    useTagGroupStyles_unstable(state);\n    const styles = useStyles();\n    state.root.className = mergeClasses(tagPickerGroupClassNames.root, styles[tagSizeToTagPickerSize(state.size)], styles.root, state.root.className);\n    return state;\n};\n"],"names":["tagPickerGroupClassNames","useTagPickerGroupStyles_unstable","root","useStyles","__styles","Eh141a","B7ck84d","Bceei9c","medium","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","i8kkvl","Belr9w4","rmohyg","large","d","p","state","useTagGroupStyles_unstable","styles","className","mergeClasses","tagSizeToTagPickerSize","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAwB;eAAxBA;;IA2BIC,gCAAgC;eAAhCA;;;uBA/BwB;2BACE;+BAEJ;AAChC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAR,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAA,eAAA;QAAAP,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAsBX,MAAMlB,mCAAoCmB,CAAAA;IACjD;IACAC,IAAAA,qCAA0B,EAACD;IAC3B,MAAME,SAASnB;IACfiB,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,yBAAyBE,IAAI,EAAEoB,MAAM,CAACG,IAAAA,qCAAsB,EAACL,MAAMM,IAAI,EAAE,EAAEJ,OAAOpB,IAAI,EAAEkB,MAAMlB,IAAI,CAACqB,SAAS;IAChJ,OAAOH;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerInput.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerInput_unstable } from './useTagPickerInput';\nimport { renderTagPickerInput_unstable } from './renderTagPickerInput';\nimport { useTagPickerInputStyles_unstable } from './useTagPickerInputStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerInput component -\n * A TagPickerInput is a composite component that allows users to query tags.\n */ export const TagPickerInput = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTagPickerInput_unstable(props, ref);\n    useTagPickerInputStyles_unstable(state);\n    useCustomStyleHook_unstable('useTagPickerInputStyles_unstable')(state);\n    return renderTagPickerInput_unstable(state);\n});\nTagPickerInput.displayName = 'TagPickerInput';\n"],"names":["TagPickerInput","React","forwardRef","props","ref","state","useTagPickerInput_unstable","useTagPickerInputStyles_unstable","useCustomStyleHook_unstable","renderTagPickerInput_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;mCACoB;sCACG;+CACG;qCACL;AAIjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACzC;AACAL,eAAeU,WAAW,GAAG"}
+{"version":3,"sources":["TagPickerInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerInput_unstable } from './useTagPickerInput';\nimport { renderTagPickerInput_unstable } from './renderTagPickerInput';\nimport { useTagPickerInputStyles_unstable } from './useTagPickerInputStyles.styles';\nimport type { TagPickerInputProps } from './TagPickerInput.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerInput component -\n * A TagPickerInput is a composite component that allows users to query tags.\n */\nexport const TagPickerInput: ForwardRefComponent<TagPickerInputProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerInput_unstable(props, ref);\n\n  useTagPickerInputStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerInputStyles_unstable')(state);\n\n  return renderTagPickerInput_unstable(state);\n});\n\nTagPickerInput.displayName = 'TagPickerInput';\n"],"names":["TagPickerInput","React","forwardRef","props","ref","state","useTagPickerInput_unstable","useTagPickerInputStyles_unstable","useCustomStyleHook_unstable","renderTagPickerInput_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;mCAEoB;sCACG;+CACG;qCAEL;AAMrC,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IACjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAEhE,OAAOI,IAAAA,mDAAAA,EAA8BJ;AACvC;AAEAL,eAAeU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TagPickerInput.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ComboboxProps } from '@fluentui/react-combobox';\nimport { TagPickerContextValue } from '../../contexts/TagPickerContext';\n\nexport type TagPickerInputSlots = {\n  root: NonNullable<Slot<'input'>>;\n};\n\n/**\n * TagPickerInput Props\n */\nexport type TagPickerInputProps = Omit<\n  ComponentProps<Partial<TagPickerInputSlots>>,\n  'children' | 'size' | 'defaultValue'\n> &\n  Pick<ComboboxProps, 'clearable' | 'appearance'> & {\n    disabled?: boolean;\n    value?: string;\n  };\n\n/**\n * State used in rendering TagPickerInput\n */\nexport type TagPickerInputState = ComponentState<TagPickerInputSlots> &\n  Pick<TagPickerContextValue, 'size' | 'disabled'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAoBA;;CAEC"}

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

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

package/lib-commonjs/components/TagPickerInput/renderTagPickerInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTagPickerInput.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TagPickerInput\n */ export const renderTagPickerInput_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTagPickerInput_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,gCAAgC,CAACC;IAC9CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTagPickerInput.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TagPickerInputState, TagPickerInputSlots } from './TagPickerInput.types';\n\n/**\n * Render the final JSX of TagPickerInput\n */\nexport const renderTagPickerInput_unstable = (state: TagPickerInputState) => {\n  assertSlots<TagPickerInputSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderTagPickerInput_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,gCAAgC,CAACC;IAC5CC,IAAAA,2BAAAA,EAAiCD;IAEjC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/TagPickerInput/useTagPickerInput.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { typographyStyles, tokens } from '@fluentui/react-theme';\nimport { tagPickerInputTokens } from '../../utils/tokens';\nexport const tagPickerInputClassNames = {\n  root: 'fui-TagPickerInput'\n};\nconst useBaseStyle = /*#__PURE__*/__resetStyles(\"r1hdk6fw\", null, [\".r1hdk6fw{background-color:var(--colorTransparentBackground);color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);box-sizing:border-box;border:none;min-width:24px;max-width:100%;width:var(--fluent-TagPickerInput__width, 0);flex-grow:1;}\", \".r1hdk6fw:focus{outline-style:none;}\", \".r1hdk6fw::-webkit-input-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1hdk6fw::-moz-placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1hdk6fw::placeholder{color:var(--colorNeutralForeground4);opacity:1;}\", \".r1hdk6fw::after{visibility:hidden;white-space:pre-wrap;}\"]);\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"fa2pw7h\"\n  },\n  large: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"ft37c3\"\n  },\n  \"extra-large\": {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f3abo53\"\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    De3pzq: \"f1c21dwh\",\n    Bceei9c: \"fdrzuqr\",\n    yvdlaj: \"fahhnxm\"\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", [\".fa2pw7h{padding:var(--spacingVerticalSNudge) 0 var(--spacingVerticalSNudge) 0;}\", {\n    p: -1\n  }], [\".ft37c3{padding:var(--spacingVerticalMNudge) 0 var(--spacingVerticalMNudge) 0;}\", {\n    p: -1\n  }], [\".f3abo53{padding:var(--spacingVerticalM) 0 var(--spacingVerticalM) 0;}\", {\n    p: -1\n  }], \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fahhnxm::-webkit-input-placeholder{color:var(--colorNeutralForegroundDisabled);}\", \".fahhnxm::-moz-placeholder{color:var(--colorNeutralForegroundDisabled);}\"]\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */\nexport const useTagPickerInputStyles_unstable = state => {\n  'use no memo';\n\n  const baseStyle = useBaseStyle();\n  const styles = useStyles();\n  state.root.className = mergeClasses(tagPickerInputClassNames.root, baseStyle, styles[state.size], state.disabled && styles.disabled, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTagPickerInputStyles.styles.js.map"],"names":["tagPickerInputClassNames","useTagPickerInputStyles_unstable","root","useBaseStyle","__resetStyles","useStyles","__styles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","p","state","baseStyle","styles","className","mergeClasses","size"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB;eAAxBA;;IA2DAC,gCAAgC;eAAhCA;;;uBA9DyC;AAG/C,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,eAAe,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;IAAkQ;IAAwC;IAAyF;IAAgF;IAA2E;CAA4D;AAC7pB;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,QAAQ;QACNC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,OAAO;QACLT,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACA,eAAe;QACbR,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAE,UAAU;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAgD;QAA+C;QAAmD;QAAoD;YAAC;YAAoF;gBAC7RC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAmF;gBACtFA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2D;QAAkE;QAAiC;QAAqF;KAA2E;AACpU;AAIO,MAAMvB,mCAAmCwB,CAAAA;IAC9C;IAEA,MAAMC,YAAYvB;IAClB,MAAMwB,SAAStB;IACfoB,MAAMvB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,mBAAY,EAAC7B,yBAAyBE,IAAI,EAAEwB,WAAWC,MAAM,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAMP,QAAQ,IAAIS,OAAOT,QAAQ,EAAEO,MAAMvB,IAAI,CAAC0B,SAAS;IACzJ,OAAOH;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useTagPickerInputStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles, tokens } from '@fluentui/react-theme';\nimport { tagPickerInputTokens } from '../../utils/tokens';\nexport const tagPickerInputClassNames = {\n    root: 'fui-TagPickerInput'\n};\nconst useBaseStyle = makeResetStyles({\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground1,\n    fontFamily: tokens.fontFamilyBase,\n    boxSizing: 'border-box',\n    '&:focus': {\n        outlineStyle: 'none'\n    },\n    '&::placeholder': {\n        color: tokens.colorNeutralForeground4,\n        opacity: 1\n    },\n    '&::after': {\n        visibility: 'hidden',\n        whiteSpace: 'pre-wrap'\n    },\n    border: 'none',\n    minWidth: '24px',\n    maxWidth: '100%',\n    // by default width is 0,\n    // it will be calculated based on the requirement of stretching the component to 100% width\n    // see setTagPickerInputStretchStyle method for more details\n    width: tagPickerInputTokens.width,\n    flexGrow: 1\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    // size variants\n    medium: {\n        ...typographyStyles.body1,\n        padding: `${tokens.spacingVerticalSNudge} 0 ${tokens.spacingVerticalSNudge} 0`\n    },\n    large: {\n        ...typographyStyles.body1,\n        padding: `${tokens.spacingVerticalMNudge} 0 ${tokens.spacingVerticalMNudge} 0`\n    },\n    'extra-large': {\n        ...typographyStyles.body1,\n        padding: `${tokens.spacingVerticalM} 0 ${tokens.spacingVerticalM} 0`\n    },\n    disabled: {\n        color: tokens.colorNeutralForegroundDisabled,\n        backgroundColor: tokens.colorTransparentBackground,\n        cursor: 'not-allowed',\n        '::placeholder': {\n            color: tokens.colorNeutralForegroundDisabled\n        }\n    }\n});\n/**\n * Apply styling to the TagPickerInput slots based on the state\n */ export const useTagPickerInputStyles_unstable = (state)=>{\n    'use no memo';\n    const baseStyle = useBaseStyle();\n    const styles = useStyles();\n    state.root.className = mergeClasses(tagPickerInputClassNames.root, baseStyle, styles[state.size], state.disabled && styles.disabled, state.root.className);\n    return state;\n};\n"],"names":["tagPickerInputClassNames","useTagPickerInputStyles_unstable","root","useBaseStyle","__resetStyles","useStyles","__styles","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","large","disabled","sj55zd","De3pzq","Bceei9c","yvdlaj","d","p","state","baseStyle","styles","className","mergeClasses","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,wBAAwB;eAAxBA;;IAuDIC,gCAAgC;eAAhCA;;;uBA1DyC;AAGnD,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA,MAAMC,eAAY,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAwBpB;AACD;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,OAAA;QAAAT,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAA,eAAA;QAAAR,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAE,UAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAyBX,MAAMvB,mCAAoCwB,CAAAA;IACjD;IACA,MAAMC,YAAYvB;IAClB,MAAMwB,SAAStB;IACfoB,MAAMvB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,mBAAY,EAAC7B,yBAAyBE,IAAI,EAAEwB,WAAWC,MAAM,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAMP,QAAQ,IAAIS,OAAOT,QAAQ,EAAEO,MAAMvB,IAAI,CAAC0B,SAAS;IACzJ,OAAOH;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerList.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerList_unstable } from './useTagPickerList';\nimport { renderTagPickerList_unstable } from './renderTagPickerList';\nimport { useTagPickerListStyles_unstable } from './useTagPickerListStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerList component -\n * A TagPickerList is a composite component that allows users to display a list of tag options to be selected.\n */ export const TagPickerList = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTagPickerList_unstable(props, ref);\n    useTagPickerListStyles_unstable(state);\n    useCustomStyleHook_unstable('useTagPickerListStyles_unstable')(state);\n    return renderTagPickerList_unstable(state);\n});\nTagPickerList.displayName = 'TagPickerList';\n"],"names":["TagPickerList","React","forwardRef","props","ref","state","useTagPickerList_unstable","useTagPickerListStyles_unstable","useCustomStyleHook_unstable","renderTagPickerList_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}
+{"version":3,"sources":["TagPickerList.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerList_unstable } from './useTagPickerList';\nimport { renderTagPickerList_unstable } from './renderTagPickerList';\nimport { useTagPickerListStyles_unstable } from './useTagPickerListStyles.styles';\nimport type { TagPickerListProps } from './TagPickerList.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerList component -\n * A TagPickerList is a composite component that allows users to display a list of tag options to be selected.\n */\nexport const TagPickerList: ForwardRefComponent<TagPickerListProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerList_unstable(props, ref);\n\n  useTagPickerListStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerListStyles_unstable')(state);\n  return renderTagPickerList_unstable(state);\n});\n\nTagPickerList.displayName = 'TagPickerList';\n"],"names":["TagPickerList","React","forwardRef","props","ref","state","useTagPickerList_unstable","useTagPickerListStyles_unstable","useCustomStyleHook_unstable","renderTagPickerList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;kCAEmB;qCACG;8CACG;qCAEJ;AAMrC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,gDAAAA,EAA4B,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TagPickerList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { Listbox } from '@fluentui/react-combobox';\nimport { TagPickerContextValue } from '../../contexts/TagPickerContext';\n\nexport type TagPickerListSlots = {\n  root: Slot<typeof Listbox>;\n};\n\n/**\n * TagPickerList Props\n */\nexport type TagPickerListProps = ComponentProps<TagPickerListSlots>;\n\n/**\n * State used in rendering TagPickerList\n */\nexport type TagPickerListState = ComponentState<TagPickerListSlots> & Pick<TagPickerContextValue, 'open'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAaA;;CAEC"}

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

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

package/lib-commonjs/components/TagPickerList/renderTagPickerList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTagPickerList.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TagPickerList\n */ export const renderTagPickerList_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTagPickerList_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,+BAA+B,CAACC;IAC7CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTagPickerList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TagPickerListState, TagPickerListSlots } from './TagPickerList.types';\n\n/**\n * Render the final JSX of TagPickerList\n */\nexport const renderTagPickerList_unstable = (state: TagPickerListState) => {\n  assertSlots<TagPickerListSlots>(state);\n  return <state.root />;\n};\n"],"names":["renderTagPickerList_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,2BAAAA,EAAgCD;IAChC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/TagPickerList/useTagPickerList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerList.js"],"sourcesContent":["import * as React from 'react';\nimport { Listbox } from '@fluentui/react-combobox';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useListboxSlot } from '@fluentui/react-combobox';\n/**\n * Create the state required to render TagPickerList.\n *\n * The returned state can be modified with hooks such as useTagPickerListStyles_unstable,\n * before being passed to renderTagPickerList_unstable.\n *\n * @param props - props from this instance of TagPickerList\n * @param ref - reference to root HTMLDivElement of TagPickerList\n */ export const useTagPickerList_unstable = (props, ref)=>{\n    const triggerRef = useTagPickerContext_unstable((ctx)=>ctx.triggerRef);\n    const popoverRef = useTagPickerContext_unstable((ctx)=>ctx.popoverRef);\n    const popoverId = useTagPickerContext_unstable((ctx)=>ctx.popoverId);\n    const open = useTagPickerContext_unstable((ctx)=>ctx.open);\n    return {\n        open,\n        components: {\n            root: Listbox\n        },\n        root: slot.always({\n            ...useListboxSlot(props, useMergedRefs(popoverRef, ref), {\n                state: {\n                    multiselect: true\n                },\n                triggerRef,\n                defaultProps: {\n                    id: popoverId\n                }\n            }),\n            role: 'listbox'\n        }, {\n            elementType: Listbox\n        })\n    };\n};\n"],"names":["useTagPickerList_unstable","props","ref","triggerRef","useTagPickerContext_unstable","ctx","popoverRef","popoverId","open","components","root","Listbox","slot","always","useListboxSlot","useMergedRefs","state","multiselect","defaultProps","id","role","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;+BACC;kCACqB;gCACT;AAUzB,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAMC,aAAaC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACrE,MAAMG,aAAaF,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIC,UAAU;IACrE,MAAMC,YAAYH,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIE,SAAS;IACnE,MAAMC,OAAOJ,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIG,IAAI;IACzD,OAAO;QACHA;QACAC,YAAY;YACRC,MAAMC,sBAAO;QACjB;QACAD,MAAME,oBAAI,CAACC,MAAM,CAAC;YACd,GAAGC,IAAAA,6BAAc,EAACb,OAAOc,IAAAA,6BAAa,EAACT,YAAYJ,MAAM;gBACrDc,OAAO;oBACHC,aAAa;gBACjB;gBACAd;gBACAe,cAAc;oBACVC,IAAIZ;gBACR;YACJ,EAAE;YACFa,MAAM;QACV,GAAG;YACCC,aAAaV,sBAAO;QACxB;IACJ;AACJ"}
+{"version":3,"sources":["useTagPickerList.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerListProps, TagPickerListState } from './TagPickerList.types';\nimport { Listbox } from '@fluentui/react-combobox';\nimport { useTagPickerContext_unstable } from '../../contexts/TagPickerContext';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useListboxSlot } from '@fluentui/react-combobox';\n\n/**\n * Create the state required to render TagPickerList.\n *\n * The returned state can be modified with hooks such as useTagPickerListStyles_unstable,\n * before being passed to renderTagPickerList_unstable.\n *\n * @param props - props from this instance of TagPickerList\n * @param ref - reference to root HTMLDivElement of TagPickerList\n */\nexport const useTagPickerList_unstable = (\n  props: TagPickerListProps,\n  ref: React.Ref<HTMLDivElement>,\n): TagPickerListState => {\n  const triggerRef = useTagPickerContext_unstable(ctx => ctx.triggerRef) as\n    | React.RefObject<HTMLInputElement>\n    | React.RefObject<HTMLButtonElement>;\n  const popoverRef = useTagPickerContext_unstable(ctx => ctx.popoverRef);\n  const popoverId = useTagPickerContext_unstable(ctx => ctx.popoverId);\n  const open = useTagPickerContext_unstable(ctx => ctx.open);\n\n  return {\n    open,\n    components: {\n      root: Listbox,\n    },\n    root: slot.always(\n      {\n        ...useListboxSlot(props, useMergedRefs(popoverRef, ref), {\n          state: { multiselect: true },\n          triggerRef,\n          defaultProps: { id: popoverId },\n        }),\n        role: 'listbox',\n      },\n      { elementType: Listbox },\n    ),\n  };\n};\n"],"names":["useTagPickerList_unstable","props","ref","triggerRef","useTagPickerContext_unstable","ctx","popoverRef","popoverId","open","components","root","Listbox","slot","always","useListboxSlot","useMergedRefs","state","multiselect","defaultProps","id","role","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;+BAEC;kCACqB;gCACT;AAY7B,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIF,UAAU;IAGrE,MAAMG,aAAaF,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIC,UAAU;IACrE,MAAMC,YAAYH,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIE,SAAS;IACnE,MAAMC,OAAOJ,IAAAA,8CAAAA,EAA6BC,CAAAA,MAAOA,IAAIG,IAAI;IAEzD,OAAO;QACLA;QACAC,YAAY;YACVC,MAAMC,sBAAAA;QACR;QACAD,MAAME,oBAAAA,CAAKC,MAAM,CACf;YACE,GAAGC,IAAAA,6BAAAA,EAAeb,OAAOc,IAAAA,6BAAAA,EAAcT,YAAYJ,MAAM;gBACvDc,OAAO;oBAAEC,aAAa;gBAAK;gBAC3Bd;gBACAe,cAAc;oBAAEC,IAAIZ;gBAAU;YAChC,EAAE;YACFa,MAAM;QACR,GACA;YAAEC,aAAaV,sBAAAA;QAAQ;IAE3B;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerListClassNames = {\n  root: 'fui-TagPickerList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    E5pizo: \"f1hg901r\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ft85np5\",\n    Bxyxcbc: \"fmmk62d\",\n    B7ck84d: \"f1ewtqcl\"\n  },\n  collapsed: {\n    mc9l5x: \"fjseox\"\n  }\n}, {\n  d: [\".f1hg901r{box-shadow:var(--shadow16);}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".fmmk62d{max-height:80vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Apply styling to the TagPickerList slots based on the state\n */\nexport const useTagPickerListStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTagPickerListStyles.styles.js.map"],"names":["tagPickerListClassNames","useTagPickerListStyles_unstable","root","useStyles","__styles","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bxyxcbc","B7ck84d","collapsed","mc9l5x","d","p","state","styles","className","mergeClasses","open"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IA4BAC,+BAA+B;eAA/BA;;;uBA9B0B;AAEhC,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA0C;YAAC;YAAsD;gBACnGC,GAAG,CAAC;YACN;SAAE;QAAE;QAA8B;QAAqC;KAAyB;AAClG;AAIO,MAAMf,kCAAkCgB,CAAAA;IAC7C;IAEA,MAAMC,SAASf;IACfc,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wBAAwBE,IAAI,EAAEgB,OAAOhB,IAAI,EAAE,CAACe,MAAMI,IAAI,IAAIH,OAAOL,SAAS,EAAEI,MAAMf,IAAI,CAACiB,SAAS;IACpI,OAAOF;AACT,GACA,yDAAyD"}
+{"version":3,"sources":["useTagPickerListStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagPickerListClassNames = {\n    root: 'fui-TagPickerList'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        boxShadow: `${tokens.shadow16}`,\n        borderRadius: tokens.borderRadiusMedium,\n        maxHeight: '80vh',\n        boxSizing: 'border-box'\n    },\n    collapsed: {\n        display: 'none'\n    }\n});\n/**\n * Apply styling to the TagPickerList slots based on the state\n */ export const useTagPickerListStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(tagPickerListClassNames.root, styles.root, !state.open && styles.collapsed, state.root.className);\n    return state;\n};\n"],"names":["tagPickerListClassNames","useTagPickerListStyles_unstable","root","useStyles","__styles","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bxyxcbc","B7ck84d","collapsed","mc9l5x","d","p","state","styles","className","mergeClasses","open"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IAkBIC,+BAA+B;eAA/BA;;;uBApBwB;AAElC,MAAMD,0BAA0B;IACnCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,WAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAaX,MAAMf,kCAAmCgB,CAAAA;IAChD;IACA,MAAMC,SAASf;IACfc,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wBAAwBE,IAAI,EAAEgB,OAAOhB,IAAI,EAAE,CAACe,MAAMI,IAAI,IAAIH,OAAOL,SAAS,EAAEI,MAAMf,IAAI,CAACiB,SAAS;IACpI,OAAOF;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerOption.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPickerOption_unstable } from './useTagPickerOption';\nimport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nimport { useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TagPickerOption component -\n * A TagPickerOption is a composite component that allows users to select tags.\n */ export const TagPickerOption = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTagPickerOption_unstable(props, ref);\n    useTagPickerOptionStyles_unstable(state);\n    useCustomStyleHook_unstable('useTagPickerOptionStyles_unstable')(state);\n    return renderTagPickerOption_unstable(state);\n});\nTagPickerOption.displayName = 'TagPickerOption';\n"],"names":["TagPickerOption","React","forwardRef","props","ref","state","useTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useCustomStyleHook_unstable","renderTagPickerOption_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;oCACqB;uCACG;gDACG;qCACN;AAIjC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}
+{"version":3,"sources":["TagPickerOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerOption_unstable } from './useTagPickerOption';\nimport { renderTagPickerOption_unstable } from './renderTagPickerOption';\nimport { useTagPickerOptionStyles_unstable } from './useTagPickerOptionStyles.styles';\nimport type { TagPickerOptionProps } from './TagPickerOption.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerOption component -\n * A TagPickerOption is a composite component that allows users to select tags.\n */\nexport const TagPickerOption: ForwardRefComponent<TagPickerOptionProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerOption_unstable(props, ref);\n\n  useTagPickerOptionStyles_unstable(state);\n  useCustomStyleHook_unstable('useTagPickerOptionStyles_unstable')(state);\n  return renderTagPickerOption_unstable(state);\n});\n\nTagPickerOption.displayName = 'TagPickerOption';\n"],"names":["TagPickerOption","React","forwardRef","props","ref","state","useTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useCustomStyleHook_unstable","renderTagPickerOption_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;oCAEqB;uCACG;gDACG;qCAEN;AAMrC,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IACjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TagPickerOption.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["TagPickerOption.types.ts"],"sourcesContent":["import { OptionSlots, OptionState } from '@fluentui/react-combobox';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type TagPickerOptionSlots = Pick<OptionSlots, 'root'> & {\n  media?: Slot<'div'>;\n  secondaryContent?: Slot<'span'>;\n};\n\n/**\n * TagPickerOption Props\n */\nexport type TagPickerOptionProps = ComponentProps<TagPickerOptionSlots> & {\n  value: string;\n} & (\n    | {\n        /**\n         * An optional override the string value of the Option's display text,\n         * defaulting to the Option's child content.\n         * This is used as the Dropdown button's or Combobox input's value when the option is selected,\n         * and as the comparison for type-to-find keyboard functionality.\n         */\n        text?: string;\n        children: string;\n      }\n    | {\n        /**\n         * The string value of the Option's display text when the Option's children are not a string.\n         * This is used as the Dropdown button's or Combobox input's value when the option is selected,\n         * and as the comparison for type-to-find keyboard functionality.\n         */\n        text: string;\n        children?: React.ReactNode;\n      }\n  );\n\n/**\n * State used in rendering TagPickerOption\n */\nexport type TagPickerOptionState = ComponentState<TagPickerOptionSlots> & Pick<OptionState, 'components' | 'root'>;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAEuB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTagPickerOption.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TagPickerOption\n */ export const renderTagPickerOption_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.media && /*#__PURE__*/ _jsx(state.media, {}),\n            state.root.children,\n            state.secondaryContent && /*#__PURE__*/ _jsx(state.secondaryContent, {})\n        ]\n    });\n};\n"],"names":["renderTagPickerOption_unstable","state","assertSlots","_jsxs","root","children","media","_jsx","secondaryContent"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,KAAK,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC;YAChDL,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMO,gBAAgB,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,gBAAgB,EAAE,CAAC;SACzE;IACL;AACJ"}
+{"version":3,"sources":["renderTagPickerOption.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TagPickerOptionState, TagPickerOptionSlots } from './TagPickerOption.types';\n\n/**\n * Render the final JSX of TagPickerOption\n */\nexport const renderTagPickerOption_unstable = (state: TagPickerOptionState) => {\n  assertSlots<TagPickerOptionSlots>(state);\n\n  return (\n    <state.root>\n      {state.media && <state.media />}\n      {state.root.children}\n      {state.secondaryContent && <state.secondaryContent />}\n    </state.root>\n  );\n};\n"],"names":["renderTagPickerOption_unstable","state","assertSlots","_jsxs","root","media","_jsx","children","secondaryContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,KAAK,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,KAAK,EAAA,CAAA;YAC3BJ,MAAMG,IAAI,CAACG,QAAQ;YACnBN,MAAMO,gBAAgB,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMO,gBAAgB,EAAA,CAAA;;;AAGxD"}