@fluentui/react-tags 0.0.0-nightly-20231004-0414.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/TagGroup/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TagGroup"), exports);
+_export_star._(require("./TagGroup.types"), exports);
+_export_star._(require("./renderTagGroup"), exports);
+_export_star._(require("./useTagGroup"), exports);
+_export_star._(require("./useTagGroupStyles.styles"), exports);
+_export_star._(require("./useTagGroupContextValues"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TagGroup';\nexport * from './TagGroup.types';\nexport * from './renderTagGroup';\nexport * from './useTagGroup';\nexport * from './useTagGroupStyles.styles';\nexport * from './useTagGroupContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TagGroup/renderTagGroup.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTagGroup_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTagGroup_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _tagGroupContext = require("../../contexts/tagGroupContext");
+const renderTagGroup_unstable = (state, contextValue)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_tagGroupContext.TagGroupContextProvider, {
+        value: contextValue.tagGroup,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
+};

package/lib-commonjs/components/TagGroup/renderTagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTagGroup.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TagGroupContextProvider } from '../../contexts/tagGroupContext';\n/**\n * Render the final JSX of TagGroup\n */ export const renderTagGroup_unstable = (state, contextValue)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(TagGroupContextProvider, {\n        value: contextValue.tagGroup,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderTagGroup_unstable","state","contextValue","assertSlots","_jsx","TagGroupContextProvider","value","tagGroup","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;iCACY;AAG7B,MAAMA,0BAA0B,CAACC,OAAOC;IAC/CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,wCAAuB,EAAE;QAC/CC,OAAOJ,aAAaK,QAAQ;QAC5BC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}

package/lib-commonjs/components/TagGroup/useTagGroup.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTagGroup_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTagGroup_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useInteractionTagSecondaryStylesstyles = require("../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles");
+const useTagGroup_unstable = (props, ref)=>{
+    const { onDismiss, size = 'medium' } = props;
+    const innerRef = _react.useRef();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const { findNextFocusable, findPrevFocusable } = (0, _reacttabster.useFocusFinders)();
+    const handleTagDismiss = (0, _reactutilities.useEventCallback)((e, data)=>{
+        var _innerRef_current;
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(e, data);
+        // set focus after tag dismiss
+        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+        if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {
+            // focus on next tag only if the active element is within the current tag group
+            const next = findNextFocusable(activeElement, {
+                container: innerRef.current
+            });
+            if (next) {
+                next.focus();
+                return;
+            }
+            // if there is no next focusable, focus on the previous focusable
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.className.includes(_useInteractionTagSecondaryStylesstyles.interactionTagSecondaryClassNames.root)) {
+                const prev = findPrevFocusable(activeElement.parentElement, {
+                    container: innerRef.current
+                });
+                prev === null || prev === void 0 ? void 0 : prev.focus();
+            } else {
+                const prev = findPrevFocusable(activeElement, {
+                    container: innerRef.current
+                });
+                prev === null || prev === void 0 ? void 0 : prev.focus();
+            }
+        }
+    });
+    const arrowNavigationProps = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: true,
+        axis: 'both',
+        memorizeCurrent: true
+    });
+    return {
+        handleTagDismiss,
+        size,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, innerRef),
+            role: 'toolbar',
+            ...arrowNavigationProps,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+};

package/lib-commonjs/components/TagGroup/useTagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { interactionTagSecondaryClassNames } from '../InteractionTagSecondary/useInteractionTagSecondaryStyles.styles';\n/**\n * Create the state required to render TagGroup.\n *\n * The returned state can be modified with hooks such as useTagGroupStyles_unstable,\n * before being passed to renderTagGroup_unstable.\n *\n * @param props - props from this instance of TagGroup\n * @param ref - reference to root HTMLDivElement of TagGroup\n */ export const useTagGroup_unstable = (props, ref)=>{\n    const { onDismiss, size = 'medium' } = props;\n    const innerRef = React.useRef();\n    const { targetDocument } = useFluent();\n    const { findNextFocusable, findPrevFocusable } = useFocusFinders();\n    const handleTagDismiss = useEventCallback((e, data)=>{\n        var _innerRef_current;\n        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(e, data);\n        // set focus after tag dismiss\n        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n        if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {\n            // focus on next tag only if the active element is within the current tag group\n            const next = findNextFocusable(activeElement, {\n                container: innerRef.current\n            });\n            if (next) {\n                next.focus();\n                return;\n            }\n            // if there is no next focusable, focus on the previous focusable\n            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.className.includes(interactionTagSecondaryClassNames.root)) {\n                const prev = findPrevFocusable(activeElement.parentElement, {\n                    container: innerRef.current\n                });\n                prev === null || prev === void 0 ? void 0 : prev.focus();\n            } else {\n                const prev = findPrevFocusable(activeElement, {\n                    container: innerRef.current\n                });\n                prev === null || prev === void 0 ? void 0 : prev.focus();\n            }\n        }\n    });\n    const arrowNavigationProps = useArrowNavigationGroup({\n        circular: true,\n        axis: 'both',\n        memorizeCurrent: true\n    });\n    return {\n        handleTagDismiss,\n        size,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref: useMergedRefs(ref, innerRef),\n            role: 'toolbar',\n            ...arrowNavigationProps,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useTagGroup_unstable","props","ref","onDismiss","size","innerRef","React","useRef","targetDocument","useFluent","findNextFocusable","findPrevFocusable","useFocusFinders","handleTagDismiss","useEventCallback","e","data","_innerRef_current","activeElement","current","contains","next","container","focus","className","includes","interactionTagSecondaryClassNames","root","prev","parentElement","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","components","slot","always","getNativeElementProps","useMergedRefs","role","elementType"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACsD;8BACpB;qCACT;wDACE;AASvC,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAE,GAAGH;IACvC,MAAMI,WAAWC,OAAMC,MAAM;IAC7B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,6BAAe;IAChE,MAAMC,mBAAmBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC;QAC1C,IAAIC;QACJd,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUY,GAAGC;QACnE,8BAA8B;QAC9B,MAAME,gBAAgBV,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeU,aAAa;QAClH,IAAI,AAACD,CAAAA,oBAAoBZ,SAASc,OAAO,AAAD,MAAO,QAAQF,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBG,QAAQ,CAACF,gBAAgB;YACtI,+EAA+E;YAC/E,MAAMG,OAAOX,kBAAkBQ,eAAe;gBAC1CI,WAAWjB,SAASc,OAAO;YAC/B;YACA,IAAIE,MAAM;gBACNA,KAAKE,KAAK;gBACV;YACJ;YACA,iEAAiE;YACjE,IAAIL,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcM,SAAS,CAACC,QAAQ,CAACC,yEAAiC,CAACC,IAAI,GAAG;gBACxI,MAAMC,OAAOjB,kBAAkBO,cAAcW,aAAa,EAAE;oBACxDP,WAAWjB,SAASc,OAAO;gBAC/B;gBACAS,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKL,KAAK;YAC1D,OAAO;gBACH,MAAMK,OAAOjB,kBAAkBO,eAAe;oBAC1CI,WAAWjB,SAASc,OAAO;gBAC/B;gBACAS,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKL,KAAK;YAC1D;QACJ;IACJ;IACA,MAAMO,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACrB;IACA,OAAO;QACHrB;QACAT;QACA+B,YAAY;YACRR,MAAM;QACV;QACAA,MAAMS,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CpC,KAAKqC,IAAAA,6BAAa,EAACrC,KAAKG;YACxBmC,MAAM;YACN,GAAGV,oBAAoB;YACvB,GAAG7B,KAAK;QACZ,IAAI;YACAwC,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTagGroupContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTagGroupContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useTagGroupContextValues_unstable(state) {
+    const { handleTagDismiss, size } = state;
+    return {
+        tagGroup: _react.useMemo(()=>({
+                handleTagDismiss,
+                size
+            }), [
+            handleTagDismiss,
+            size
+        ])
+    };
+}

package/lib-commonjs/components/TagGroup/useTagGroupContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagGroupContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTagGroupContextValues_unstable(state) {\n    const { handleTagDismiss, size } = state;\n    return {\n        tagGroup: React.useMemo(()=>({\n                handleTagDismiss,\n                size\n            }), [\n            handleTagDismiss,\n            size\n        ])\n    };\n}\n"],"names":["useTagGroupContextValues_unstable","state","handleTagDismiss","size","tagGroup","React","useMemo"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,kCAAkCC,KAAK;IACnD,MAAM,EAAEC,gBAAgB,EAAEC,IAAI,EAAE,GAAGF;IACnC,OAAO;QACHG,UAAUC,OAAMC,OAAO,CAAC,IAAK,CAAA;gBACrBJ;gBACAC;YACJ,CAAA,GAAI;YACJD;YACAC;SACH;IACL;AACJ"}

package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    tagGroupClassNames: function() {
+        return tagGroupClassNames;
+    },
+    useTagGroupStyles_unstable: function() {
+        return useTagGroupStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const tagGroupClassNames = {
+    root: 'fui-TagGroup'
+};
+/**
+ * Styles for the root slot
+ */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "ftuwxu6"
+    },
+    medium: {
+        i8kkvl: "fsnqrgy"
+    },
+    small: {
+        i8kkvl: "f1rjii52"
+    },
+    "extra-small": {
+        i8kkvl: "f1ufnopg"
+    }
+}, {
+    d: [
+        ".ftuwxu6{display:inline-flex;}",
+        ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
+        ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}",
+        ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}"
+    ]
+});
+const useTagGroupStyles_unstable = (state)=>{
+    const styles = useRootStyles();
+    const { size } = state;
+    state.root.className = (0, _react.mergeClasses)(tagGroupClassNames.root, styles.base, styles[size], state.root.className);
+    return state;
+}; //# sourceMappingURL=useTagGroupStyles.styles.js.map

package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tagGroupClassNames = {\n  root: 'fui-TagGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  medium: {\n    i8kkvl: \"fsnqrgy\"\n  },\n  small: {\n    i8kkvl: \"f1rjii52\"\n  },\n  \"extra-small\": {\n    i8kkvl: \"f1ufnopg\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TagGroup slots based on the state\n */\nexport const useTagGroupStyles_unstable = state => {\n  const styles = useRootStyles();\n  const {\n    size\n  } = state;\n  state.root.className = mergeClasses(tagGroupClassNames.root, styles.base, styles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTagGroupStyles.styles.js.map"],"names":["tagGroupClassNames","useTagGroupStyles_unstable","root","useRootStyles","__styles","base","mc9l5x","medium","i8kkvl","small","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,kBAAkB;eAAlBA;;IAyBAC,0BAA0B;eAA1BA;;;uBA3B0B;AAEhC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;IACV;IACAC,OAAO;QACLD,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAmD;QAAyD;KAAoD;AACxM;AAIO,MAAMT,6BAA6BU,CAAAA;IACxC,MAAMC,SAAST;IACf,MAAM,EACJU,IAAI,EACL,GAAGF;IACJA,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,mBAAmBE,IAAI,EAAEU,OAAOP,IAAI,EAAEO,MAAM,CAACC,KAAK,EAAEF,MAAMT,IAAI,CAACY,SAAS;IAC5G,OAAOH;AACT,GACA,oDAAoD"}

package/lib-commonjs/contexts/interactionTagContext.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InteractionTagContext: function() {
+        return InteractionTagContext;
+    },
+    InteractionTagContextProvider: function() {
+        return InteractionTagContextProvider;
+    },
+    useInteractionTagContext_unstable: function() {
+        return useInteractionTagContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const InteractionTagContext = /*#__PURE__*/ _react.createContext(undefined);
+const interactionTagContextDefaultValue = {
+    appearance: 'filled',
+    disabled: false,
+    handleTagDismiss: ()=>({}),
+    interactionTagPrimaryId: '',
+    shape: 'rounded',
+    size: 'medium',
+    value: ''
+};
+const InteractionTagContextProvider = InteractionTagContext.Provider;
+const useInteractionTagContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(InteractionTagContext)) !== null && _React_useContext !== void 0 ? _React_useContext : interactionTagContextDefaultValue;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["interactionTagContext.js"],"sourcesContent":["import * as React from 'react';\nexport const InteractionTagContext = /*#__PURE__*/ React.createContext(undefined);\nconst interactionTagContextDefaultValue = {\n    appearance: 'filled',\n    disabled: false,\n    handleTagDismiss: ()=>({}),\n    interactionTagPrimaryId: '',\n    shape: 'rounded',\n    size: 'medium',\n    value: ''\n};\nexport const InteractionTagContextProvider = InteractionTagContext.Provider;\nexport const useInteractionTagContext_unstable = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(InteractionTagContext)) !== null && _React_useContext !== void 0 ? _React_useContext : interactionTagContextDefaultValue;\n};\n"],"names":["InteractionTagContext","InteractionTagContextProvider","useInteractionTagContext_unstable","React","createContext","undefined","interactionTagContextDefaultValue","appearance","disabled","handleTagDismiss","interactionTagPrimaryId","shape","size","value","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,qBAAqB;eAArBA;;IAUAC,6BAA6B;eAA7BA;;IACAC,iCAAiC;eAAjCA;;;;iEAZU;AAChB,MAAMF,wBAAwB,WAAW,GAAGG,OAAMC,aAAa,CAACC;AACvE,MAAMC,oCAAoC;IACtCC,YAAY;IACZC,UAAU;IACVC,kBAAkB,IAAK,CAAA,CAAC,CAAA;IACxBC,yBAAyB;IACzBC,OAAO;IACPC,MAAM;IACNC,OAAO;AACX;AACO,MAAMZ,gCAAgCD,sBAAsBc,QAAQ;AACpE,MAAMZ,oCAAoC;IAC7C,IAAIa;IACJ,OAAO,AAACA,CAAAA,oBAAoBZ,OAAMa,UAAU,CAAChB,sBAAqB,MAAO,QAAQe,sBAAsB,KAAK,IAAIA,oBAAoBT;AACxI"}

package/lib-commonjs/contexts/tagGroupContext.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TagGroupContext: function() {
+        return TagGroupContext;
+    },
+    TagGroupContextProvider: function() {
+        return TagGroupContextProvider;
+    },
+    useTagGroupContext_unstable: function() {
+        return useTagGroupContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const TagGroupContext = /*#__PURE__*/ _react.createContext(undefined);
+const tagGroupContextDefaultValue = {
+    handleTagDismiss: ()=>({}),
+    size: 'medium'
+};
+const TagGroupContextProvider = TagGroupContext.Provider;
+const useTagGroupContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(TagGroupContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tagGroupContextDefaultValue;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tagGroupContext.js"],"sourcesContent":["import * as React from 'react';\nexport const TagGroupContext = /*#__PURE__*/ React.createContext(undefined);\nconst tagGroupContextDefaultValue = {\n    handleTagDismiss: ()=>({}),\n    size: 'medium'\n};\nexport const TagGroupContextProvider = TagGroupContext.Provider;\nexport const useTagGroupContext_unstable = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(TagGroupContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tagGroupContextDefaultValue;\n};\n"],"names":["TagGroupContext","TagGroupContextProvider","useTagGroupContext_unstable","React","createContext","undefined","tagGroupContextDefaultValue","handleTagDismiss","size","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,eAAe;eAAfA;;IAKAC,uBAAuB;eAAvBA;;IACAC,2BAA2B;eAA3BA;;;;iEAPU;AAChB,MAAMF,kBAAkB,WAAW,GAAGG,OAAMC,aAAa,CAACC;AACjE,MAAMC,8BAA8B;IAChCC,kBAAkB,IAAK,CAAA,CAAC,CAAA;IACxBC,MAAM;AACV;AACO,MAAMP,0BAA0BD,gBAAgBS,QAAQ;AACxD,MAAMP,8BAA8B;IACvC,IAAIQ;IACJ,OAAO,AAACA,CAAAA,oBAAoBP,OAAMQ,UAAU,CAACX,gBAAe,MAAO,QAAQU,sBAAsB,KAAK,IAAIA,oBAAoBJ;AAClI"}

package/lib-commonjs/index.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Tag: function() {
+        return _Tag.Tag;
+    },
+    renderTag_unstable: function() {
+        return _Tag.renderTag_unstable;
+    },
+    tagClassNames: function() {
+        return _Tag.tagClassNames;
+    },
+    useTagStyles_unstable: function() {
+        return _Tag.useTagStyles_unstable;
+    },
+    useTag_unstable: function() {
+        return _Tag.useTag_unstable;
+    },
+    InteractionTag: function() {
+        return _InteractionTag.InteractionTag;
+    },
+    renderInteractionTag_unstable: function() {
+        return _InteractionTag.renderInteractionTag_unstable;
+    },
+    interactionTagClassNames: function() {
+        return _InteractionTag.interactionTagClassNames;
+    },
+    useInteractionTagStyles_unstable: function() {
+        return _InteractionTag.useInteractionTagStyles_unstable;
+    },
+    useInteractionTag_unstable: function() {
+        return _InteractionTag.useInteractionTag_unstable;
+    },
+    useInteractionTagContextValues_unstable: function() {
+        return _InteractionTag.useInteractionTagContextValues_unstable;
+    },
+    InteractionTagPrimary: function() {
+        return _InteractionTagPrimary.InteractionTagPrimary;
+    },
+    interactionTagPrimaryClassNames: function() {
+        return _InteractionTagPrimary.interactionTagPrimaryClassNames;
+    },
+    renderInteractionTagPrimary_unstable: function() {
+        return _InteractionTagPrimary.renderInteractionTagPrimary_unstable;
+    },
+    useInteractionTagPrimaryStyles_unstable: function() {
+        return _InteractionTagPrimary.useInteractionTagPrimaryStyles_unstable;
+    },
+    useInteractionTagPrimary_unstable: function() {
+        return _InteractionTagPrimary.useInteractionTagPrimary_unstable;
+    },
+    InteractionTagSecondary: function() {
+        return _InteractionTagSecondary.InteractionTagSecondary;
+    },
+    renderInteractionTagSecondary_unstable: function() {
+        return _InteractionTagSecondary.renderInteractionTagSecondary_unstable;
+    },
+    interactionTagSecondaryClassNames: function() {
+        return _InteractionTagSecondary.interactionTagSecondaryClassNames;
+    },
+    useInteractionTagSecondaryStyles_unstable: function() {
+        return _InteractionTagSecondary.useInteractionTagSecondaryStyles_unstable;
+    },
+    useInteractionTagSecondary_unstable: function() {
+        return _InteractionTagSecondary.useInteractionTagSecondary_unstable;
+    },
+    TagGroup: function() {
+        return _TagGroup.TagGroup;
+    },
+    renderTagGroup_unstable: function() {
+        return _TagGroup.renderTagGroup_unstable;
+    },
+    tagGroupClassNames: function() {
+        return _TagGroup.tagGroupClassNames;
+    },
+    useTagGroupStyles_unstable: function() {
+        return _TagGroup.useTagGroupStyles_unstable;
+    },
+    useTagGroup_unstable: function() {
+        return _TagGroup.useTagGroup_unstable;
+    },
+    useTagGroupContextValues_unstable: function() {
+        return _TagGroup.useTagGroupContextValues_unstable;
+    },
+    useTagAvatarContextValues_unstable: function() {
+        return _utils.useTagAvatarContextValues_unstable;
+    }
+});
+const _Tag = require("./Tag");
+const _InteractionTag = require("./InteractionTag");
+const _InteractionTagPrimary = require("./InteractionTagPrimary");
+const _InteractionTagSecondary = require("./InteractionTagSecondary");
+const _TagGroup = require("./TagGroup");
+const _utils = require("./utils");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export { Tag, renderTag_unstable, tagClassNames, useTagStyles_unstable, useTag_unstable } from './Tag';\nexport { InteractionTag, renderInteractionTag_unstable, interactionTagClassNames, useInteractionTagStyles_unstable, useInteractionTag_unstable, useInteractionTagContextValues_unstable } from './InteractionTag';\nexport { InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimary_unstable } from './InteractionTagPrimary';\nexport { InteractionTagSecondary, renderInteractionTagSecondary_unstable, interactionTagSecondaryClassNames, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondary_unstable } from './InteractionTagSecondary';\nexport { TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupStyles_unstable, useTagGroup_unstable, useTagGroupContextValues_unstable } from './TagGroup';\nexport { useTagAvatarContextValues_unstable } from './utils';\n"],"names":["Tag","renderTag_unstable","tagClassNames","useTagStyles_unstable","useTag_unstable","InteractionTag","renderInteractionTag_unstable","interactionTagClassNames","useInteractionTagStyles_unstable","useInteractionTag_unstable","useInteractionTagContextValues_unstable","InteractionTagPrimary","interactionTagPrimaryClassNames","renderInteractionTagPrimary_unstable","useInteractionTagPrimaryStyles_unstable","useInteractionTagPrimary_unstable","InteractionTagSecondary","renderInteractionTagSecondary_unstable","interactionTagSecondaryClassNames","useInteractionTagSecondaryStyles_unstable","useInteractionTagSecondary_unstable","TagGroup","renderTagGroup_unstable","tagGroupClassNames","useTagGroupStyles_unstable","useTagGroup_unstable","useTagGroupContextValues_unstable","useTagAvatarContextValues_unstable"],"mappings":";;;;;;;;;;;IAASA,GAAG;eAAHA,QAAG;;IAAEC,kBAAkB;eAAlBA,uBAAkB;;IAAEC,aAAa;eAAbA,kBAAa;;IAAEC,qBAAqB;eAArBA,0BAAqB;;IAAEC,eAAe;eAAfA,oBAAe;;IAC9EC,cAAc;eAAdA,8BAAc;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IAAEC,uCAAuC;eAAvCA,uDAAuC;;IAC9KC,qBAAqB;eAArBA,4CAAqB;;IAAEC,+BAA+B;eAA/BA,sDAA+B;;IAAEC,oCAAoC;eAApCA,2DAAoC;;IAAEC,uCAAuC;eAAvCA,8DAAuC;;IAAEC,iCAAiC;eAAjCA,wDAAiC;;IACxKC,uBAAuB;eAAvBA,gDAAuB;;IAAEC,sCAAsC;eAAtCA,+DAAsC;;IAAEC,iCAAiC;eAAjCA,0DAAiC;;IAAEC,yCAAyC;eAAzCA,kEAAyC;;IAAEC,mCAAmC;eAAnCA,4DAAmC;;IAClLC,QAAQ;eAARA,kBAAQ;;IAAEC,uBAAuB;eAAvBA,iCAAuB;;IAAEC,kBAAkB;eAAlBA,4BAAkB;;IAAEC,0BAA0B;eAA1BA,oCAA0B;;IAAEC,oBAAoB;eAApBA,8BAAoB;;IAAEC,iCAAiC;eAAjCA,2CAAiC;;IAC1IC,kCAAkC;eAAlCA,yCAAkC;;;qBALoD;gCACgG;uCACN;yCACU;0BACxC;uBACxG"}

package/lib-commonjs/utils/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./types"), exports);
+_export_star._(require("./useTagAvatarContextValues"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './types';\nexport * from './useTagAvatarContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/utils/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

package/lib-commonjs/utils/useTagAvatarContextValues.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTagAvatarContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTagAvatarContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useTagAvatarContextValues_unstable(state) {
+    const { avatarSize, avatarShape } = state;
+    const avatar = _react.useMemo(()=>({
+            size: avatarSize,
+            shape: avatarShape
+        }), [
+        avatarShape,
+        avatarSize
+    ]);
+    return {
+        avatar
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagAvatarContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTagAvatarContextValues_unstable(state) {\n    const { avatarSize, avatarShape } = state;\n    const avatar = React.useMemo(()=>({\n            size: avatarSize,\n            shape: avatarShape\n        }), [\n        avatarShape,\n        avatarSize\n    ]);\n    return {\n        avatar\n    };\n}\n"],"names":["useTagAvatarContextValues_unstable","state","avatarSize","avatarShape","avatar","React","useMemo","size","shape"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,mCAAmCC,KAAK;IACpD,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGF;IACpC,MAAMG,SAASC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC1BC,MAAML;YACNM,OAAOL;QACX,CAAA,GAAI;QACJA;QACAD;KACH;IACD,OAAO;QACHE;IACJ;AACJ"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@fluentui/react-tags",
+  "version": "0.0.0-nightly-20231004-0414.1",
+  "description": "Fluent UI Tag component",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "bundle-size": "monosize measure",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "test": "jest --passWithNoTests",
+    "e2e": "cypress run --component",
+    "e2e:local": "cypress open --component",
+    "type-check": "tsc -b tsconfig.json",
+    "generate-api": "just-scripts generate-api",
+    "storybook": "start-storybook",
+    "start": "yarn storybook",
+    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/scripts-cypress": "*",
+    "@fluentui/scripts-tasks": "*"
+  },
+  "dependencies": {
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-avatar": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-icons": "^2.0.217",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20231004-0414.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20231004-0414.1",
+    "@griffel/react": "^1.5.14",
+    "@swc/helpers": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
+  },
+  "beachball": {},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}