feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-overflow/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/react-overflow
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED _AS IS_, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

node_modules/@fluentui/react-overflow/README.md

@@ -0,0 +1,5 @@
+# @fluentui/react-overflow
+
+**React Priority Overflow components for [Fluent UI React](https://react.fluentui.dev)**
+
+These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.

node_modules/@fluentui/react-overflow/dist/index.d.ts

@@ -0,0 +1,194 @@
+import { ContextSelector } from '@fluentui/react-context-selector';
+import type { ObserveOptions } from '@fluentui/priority-overflow';
+import type { OnUpdateOverflow } from '@fluentui/priority-overflow';
+import type { OverflowDividerEntry } from '@fluentui/priority-overflow';
+import { OverflowGroupState } from '@fluentui/priority-overflow';
+import type { OverflowItemEntry } from '@fluentui/priority-overflow';
+import * as React_2 from 'react';
+
+export declare const DATA_OVERFLOW_DIVIDER = "data-overflow-divider";
+
+export declare const DATA_OVERFLOW_ITEM = "data-overflow-item";
+
+export declare const DATA_OVERFLOW_MENU = "data-overflow-menu";
+
+export declare const DATA_OVERFLOWING = "data-overflowing";
+
+export declare interface OnOverflowChangeData extends OverflowState {
+}
+
+/**
+ * Provides an OverflowContext for OverflowItem descendants.
+ */
+export declare const Overflow: React_2.ForwardRefExoticComponent<Partial<Pick<ObserveOptions, "padding" | "overflowDirection" | "overflowAxis" | "minimumVisible" | "hasHiddenItems">> & {
+    children: React_2.ReactElement;
+    onOverflowChange?: (ev: null, data: OverflowState) => void;
+} & React_2.RefAttributes<unknown>>;
+
+/**
+ * @internal
+ */
+declare interface OverflowContextValue {
+    itemVisibility: Record<string, boolean>;
+    groupVisibility: Record<string, OverflowGroupState>;
+    hasOverflow: boolean;
+    registerItem: (item: OverflowItemEntry) => () => void;
+    registerOverflowMenu: (el: HTMLElement) => () => void;
+    registerDivider: (divider: OverflowDividerEntry) => () => void;
+    updateOverflow: (padding?: number) => void;
+}
+
+/**
+ * Attaches overflow item behavior to its child registered with the OverflowContext.
+ * It does not render an element of its own.
+ */
+export declare const OverflowDivider: React_2.ForwardRefExoticComponent<OverflowDividerProps & React_2.RefAttributes<unknown>>;
+
+/**
+ * OverflowDividerProps
+ */
+declare type OverflowDividerProps = {
+    /**
+     * Assigns the item to a group, group visibility can be watched.
+     */
+    groupId: string;
+    /**
+     * The single child that has overflow item behavior attached.
+     */
+    children: React_2.ReactElement;
+};
+
+/**
+ * Attaches overflow item behavior to its child registered with the OverflowContext.
+ * It does not render an element of its own.
+ *
+ * Behaves similarly to other `*Trigger` components in Fluent UI React.
+ */
+export declare const OverflowItem: React_2.ForwardRefExoticComponent<OverflowItemProps & React_2.RefAttributes<unknown>>;
+
+/**
+ * OverflowItemProps
+ */
+export declare type OverflowItemProps = {
+    /**
+     * The unique identifier for the item used by the overflow manager.
+     */
+    id: string;
+    /**
+     * Assigns the item to a group, group visibility can be watched.
+     */
+    groupId?: string;
+    /**
+     * The single child that has overflow item behavior attached.
+     */
+    children: React_2.ReactElement;
+} & ({
+    /**
+     * If true, the item will never overflow and will always be visible.
+     * Mutually exclusive with `priority`.
+     */
+    pinned?: boolean;
+    priority?: never;
+} | {
+    pinned?: never;
+    /**
+     * A higher priority means the item overflows later.
+     * Mutually exclusive with `pinned`.
+     */
+    priority?: number;
+});
+
+/**
+ * Overflow Props
+ */
+export declare type OverflowProps = Partial<Pick<ObserveOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible' | 'hasHiddenItems'>> & {
+    children: React_2.ReactElement;
+    onOverflowChange?: (ev: null, data: OverflowState) => void;
+};
+
+declare interface OverflowState {
+    hasOverflow: boolean;
+    itemVisibility: Record<string, boolean>;
+    groupVisibility: Record<string, OverflowGroupState>;
+}
+
+/**
+ * @param id - unique identifier for a group of overflow items
+ * @returns visibility state of the group
+ */
+export declare function useIsOverflowGroupVisible(id: string): OverflowGroupState;
+
+/**
+ * @param id - unique identifier for the item used by the overflow manager
+ * @returns visibility state of an overflow item
+ */
+export declare function useIsOverflowItemVisible(id: string): boolean;
+
+/**
+ * @internal
+ * @param update - Callback when overflow state changes
+ * @param options - Options to configure the overflow container
+ * @returns - ref to attach to an intrinsic HTML element and imperative functions
+ */
+export declare const useOverflowContainer: <TElement extends HTMLElement>(update: OnUpdateOverflow, options: Omit<ObserveOptions, "onUpdateOverflow">) => UseOverflowContainerReturn<TElement>;
+
+/**
+ * @internal
+ */
+export declare interface UseOverflowContainerReturn<TElement extends HTMLElement> extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu' | 'registerDivider'> {
+    /**
+     * Ref to apply to the container that will overflow
+     */
+    containerRef: React_2.RefObject<TElement | null>;
+}
+
+/**
+ * @internal
+ */
+export declare const useOverflowContext: <SelectedValue>(selector: ContextSelector<OverflowContextValue, SelectedValue>) => SelectedValue;
+
+/**
+ * @returns Number of items that are overflowing
+ */
+export declare const useOverflowCount: () => number;
+
+/**
+ * @internal
+ * Registers an overflow item
+ * @param groupId - assigns the item to a group, group visibility can be watched
+ * @returns ref to assign to an intrinsic HTML element
+ */
+export declare function useOverflowDivider<TElement extends HTMLElement>(groupId?: string): React_2.RefObject<TElement | null>;
+
+/**
+ * @internal
+ * Registers an overflow item
+ * @param id - unique identifier for the item used by the overflow manager
+ * @param priority - higher priority means the item overflows later
+ * @param groupId - assigns the item to a group, group visibility can be watched
+ * @param pinned - if true, the item will never overflow and will always be visible
+ * @returns ref to assign to an intrinsic HTML element
+ */
+export declare function useOverflowItem<TElement extends HTMLElement>(id: string, priority?: number, groupId?: string, pinned?: boolean): React_2.RefObject<TElement | null>;
+
+export declare function useOverflowMenu<TElement extends HTMLElement>(id?: string): {
+    ref: React_2.MutableRefObject<TElement | null>;
+    overflowCount: number;
+    isOverflowing: boolean;
+};
+
+/**
+ * A hook that returns the visibility status of all items and groups.
+ *
+ * ⚠️ Heads up!
+ *
+ * This hook will cause the component it is in to re-render for every single time an item overflows or becomes
+ * visible - use with caution
+ * @returns visibility status of all items and groups
+ */
+export declare function useOverflowVisibility(): {
+    itemVisibility: Record<string, boolean>;
+    groupVisibility: Record<string, OverflowGroupState>;
+};
+
+export { }

node_modules/@fluentui/react-overflow/lib-commonjs/components/Overflow.js

@@ -0,0 +1,69 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Overflow", {
+    enumerable: true,
+    get: function() {
+        return Overflow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _reactutilities = require("@fluentui/react-utilities");
+const _overflowContext = require("../overflowContext");
+const _useOverflowContainer = require("../useOverflowContainer");
+const _useOverflowStylesstyles = require("./useOverflowStyles.styles");
+const Overflow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const styles = (0, _useOverflowStylesstyles.useOverflowStyles)();
+    const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding, onOverflowChange, hasHiddenItems } = props;
+    const [overflowState, setOverflowState] = _react.useState({
+        hasOverflow: false,
+        itemVisibility: {},
+        groupVisibility: {}
+    });
+    // useOverflowContainer wraps this method in a useEventCallback.
+    const update = (data)=>{
+        const { visibleItems, invisibleItems, groupVisibility } = data;
+        const itemVisibility = {};
+        visibleItems.forEach((item)=>{
+            itemVisibility[item.id] = true;
+        });
+        invisibleItems.forEach((x)=>itemVisibility[x.id] = false);
+        const newState = {
+            hasOverflow: data.invisibleItems.length > 0,
+            itemVisibility,
+            groupVisibility
+        };
+        onOverflowChange === null || onOverflowChange === void 0 ? void 0 : onOverflowChange(null, {
+            ...newState
+        });
+        setOverflowState(newState);
+    };
+    const { containerRef, registerItem, updateOverflow, registerOverflowMenu, registerDivider } = (0, _useOverflowContainer.useOverflowContainer)(update, {
+        overflowDirection,
+        overflowAxis,
+        padding,
+        minimumVisible,
+        hasHiddenItems,
+        onUpdateItemVisibility: _useOverflowContainer.updateVisibilityAttribute
+    });
+    const child = (0, _reactutilities.getTriggerChild)(children);
+    const clonedChild = (0, _reactutilities.applyTriggerPropsToChildren)(children, {
+        ref: (0, _reactutilities.useMergedRefs)(containerRef, ref, (0, _reactutilities.getReactElementRef)(child)),
+        className: (0, _react1.mergeClasses)('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child === null || child === void 0 ? void 0 : child.props.className)
+    });
+    return /*#__PURE__*/ _react.createElement(_overflowContext.OverflowContext.Provider, {
+        value: {
+            itemVisibility: overflowState.itemVisibility,
+            groupVisibility: overflowState.groupVisibility,
+            hasOverflow: overflowState.hasOverflow,
+            registerItem,
+            updateOverflow,
+            registerOverflowMenu,
+            registerDivider
+        }
+    }, clonedChild);
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.js

@@ -0,0 +1,22 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowDivider", {
+    enumerable: true,
+    get: function() {
+        return OverflowDivider;
+    }
+});
+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 _useOverflowDivider = require("../../useOverflowDivider");
+const OverflowDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { groupId, children } = props;
+    const containerRef = (0, _useOverflowDivider.useOverflowDivider)(groupId);
+    return (0, _reactutilities.applyTriggerPropsToChildren)(children, {
+        ref: (0, _reactutilities.useMergedRefs)(containerRef, ref)
+    });
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowDivider/OverflowDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\nimport { useOverflowDivider } from '../../useOverflowDivider';\nimport { OverflowDividerProps } from './OverflowDivider.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n */\nexport const OverflowDivider = React.forwardRef((props: OverflowDividerProps, ref) => {\n  const { groupId, children } = props;\n\n  const containerRef = useOverflowDivider(groupId);\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref),\n  });\n});\n"],"names":["React","applyTriggerPropsToChildren","useMergedRefs","useOverflowDivider","OverflowDivider","forwardRef","props","ref","groupId","children","containerRef"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCAC4B,4BAA4B;oCACpD,2BAA2B;AAOvD,MAAMI,kBAAAA,WAAAA,GAAkBJ,OAAMK,UAAU,CAAC,CAACC,OAA6BC;IAC5E,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGH;IAE9B,MAAMI,mBAAeP,sCAAAA,EAAmBK;IACxC,WAAOP,2CAAAA,EAA4BQ,UAAU;QAC3CF,SAAKL,6BAAAA,EAAcQ,cAAcH;IACnC;AACF,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.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"));

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowDivider/OverflowDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowDivider/OverflowDivider.types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowDividerProps\n */\nexport type OverflowDividerProps = {\n  /**\n   * Assigns the item to a group, group visibility can be watched.\n   */\n  groupId: string;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n};\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowItem", {
+    enumerable: true,
+    get: function() {
+        return OverflowItem;
+    }
+});
+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 _useOverflowItem = require("../../useOverflowItem");
+const OverflowItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const { id, groupId, priority, pinned, children } = props;
+    const containerRef = (0, _useOverflowItem.useOverflowItem)(id, priority, groupId, pinned);
+    const child = (0, _reactutilities.getTriggerChild)(children);
+    return (0, _reactutilities.applyTriggerPropsToChildren)(children, {
+        ref: (0, _reactutilities.useMergedRefs)(containerRef, ref, (0, _reactutilities.getReactElementRef)(child))
+    });
+});
+// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
+OverflowItem.isFluentTriggerComponent = true;

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/OverflowItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  applyTriggerPropsToChildren,\n  getReactElementRef,\n  type FluentTriggerComponent,\n  getTriggerChild,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useOverflowItem } from '../../useOverflowItem';\nimport { OverflowItemProps } from './OverflowItem.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n *\n * Behaves similarly to other `*Trigger` components in Fluent UI React.\n */\nexport const OverflowItem = React.forwardRef((props: OverflowItemProps, ref) => {\n  const { id, groupId, priority, pinned, children } = props;\n\n  const containerRef = useOverflowItem(id, priority, groupId, pinned);\n  const child = getTriggerChild(children);\n\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref, getReactElementRef(child)),\n  });\n});\n\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(OverflowItem as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","applyTriggerPropsToChildren","getReactElementRef","getTriggerChild","useMergedRefs","useOverflowItem","OverflowItem","forwardRef","props","ref","id","groupId","priority","pinned","children","containerRef","child","isFluentTriggerComponent"],"mappings":"AAAA;;;;;+BAmBaM;;;;;;;iEAjBU,QAAQ;gCAOxB,4BAA4B;iCACH,wBAAwB;AASjD,qBAAMA,WAAAA,GAAeN,OAAMO,UAAU,CAAC,CAACC,OAA0BC;IACtE,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IAEpD,MAAMO,mBAAeV,gCAAAA,EAAgBK,IAAIE,UAAUD,SAASE;IAC5D,MAAMG,YAAQb,+BAAAA,EAAgBW;IAE9B,WAAOb,2CAAAA,EAA4Ba,UAAU;QAC3CL,SAAKL,6BAAAA,EAAcW,cAAcN,SAAKP,kCAAAA,EAAmBc;IAC3D;AACF,GAAG;AAEH,6FAA6F;AAC5FV,aAAwCW,wBAAwB,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.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"));

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/OverflowItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/OverflowItem.types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowItemProps\n */\nexport type OverflowItemProps = {\n  /**\n   * The unique identifier for the item used by the overflow manager.\n   */\n  id: string;\n  /**\n   * Assigns the item to a group, group visibility can be watched.\n   */\n  groupId?: string;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n} & (\n  | {\n      /**\n       * If true, the item will never overflow and will always be visible.\n       * Mutually exclusive with `priority`.\n       */\n      pinned?: boolean;\n      priority?: never;\n    }\n  | {\n      pinned?: never;\n      /**\n       * A higher priority means the item overflows later.\n       * Mutually exclusive with `pinned`.\n       */\n      priority?: number;\n    }\n);\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverflowItem", {
+    enumerable: true,
+    get: function() {
+        return _OverflowItem.OverflowItem;
+    }
+});
+const _OverflowItem = require("./OverflowItem");

node_modules/@fluentui/react-overflow/lib-commonjs/components/OverflowItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/index.ts"],"sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"],"names":["OverflowItem"],"mappings":";;;;;;;eACSA,0BAAY;;;8BAAQ,iBAAiB"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowStyles", {
+    enumerable: true,
+    get: function() {
+        return useOverflowStyles;
+    }
+});
+const _react = require("@griffel/react");
+const useOverflowStyles = /*#__PURE__*/ (0, _react.__styles)({
+    overflowMenu: {
+        Brvla84: "fyfkpbf"
+    },
+    overflowingItems: {
+        zb22lx: "f10570jf"
+    }
+}, {
+    d: [
+        ".fyfkpbf [data-overflow-menu]{flex-shrink:0;}",
+        ".f10570jf [data-overflowing]{display:none;}"
+    ]
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useOverflowStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\nexport const useOverflowStyles = makeStyles({\n    overflowMenu: {\n        [`& [${DATA_OVERFLOW_MENU}]`]: {\n            flexShrink: 0\n        }\n    },\n    overflowingItems: {\n        [`& [${DATA_OVERFLOWING}]`]: {\n            display: 'none'\n        }\n    }\n});\n"],"names":["__styles","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","Brvla84","overflowingItems","zb22lx","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;uBACe,gBAAgB;AAEpC,MAAMG,iBAAiB,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,YAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAWhC,CAAC"}

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.raw.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowStyles", {
+    enumerable: true,
+    get: function() {
+        return useOverflowStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _constants = require("../constants");
+const useOverflowStyles = (0, _react.makeStyles)({
+    overflowMenu: {
+        [`& [${_constants.DATA_OVERFLOW_MENU}]`]: {
+            flexShrink: 0
+        }
+    },
+    overflowingItems: {
+        [`& [${_constants.DATA_OVERFLOWING}]`]: {
+            display: 'none'
+        }
+    }
+});

node_modules/@fluentui/react-overflow/lib-commonjs/components/useOverflowStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/useOverflowStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\n\nexport const useOverflowStyles = makeStyles({\n  overflowMenu: {\n    [`& [${DATA_OVERFLOW_MENU}]`]: {\n      flexShrink: 0,\n    },\n  },\n\n  overflowingItems: {\n    [`& [${DATA_OVERFLOWING}]`]: {\n      display: 'none',\n    },\n  },\n});\n"],"names":["makeStyles","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","flexShrink","overflowingItems","display"],"mappings":"AAAA;;;;;;;;;;;uBAE2B,iBAAiB;2BACS,eAAe;AAE7D,MAAMG,wBAAoBH,iBAAAA,EAAW;IAC1CI,cAAc;QACZ,CAAC,CAAC,GAAG,EAAEF,6BAAAA,CAAmB,CAAC,CAAC,CAAC,EAAE;YAC7BG,YAAY;QACd;IACF;IAEAC,kBAAkB;QAChB,CAAC,CAAC,GAAG,EAAEL,2BAAAA,CAAiB,CAAC,CAAC,CAAC,EAAE;YAC3BM,SAAS;QACX;IACF;AACF,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/constants.js

@@ -0,0 +1,28 @@
+"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, {
+    DATA_OVERFLOWING: function() {
+        return DATA_OVERFLOWING;
+    },
+    DATA_OVERFLOW_DIVIDER: function() {
+        return DATA_OVERFLOW_DIVIDER;
+    },
+    DATA_OVERFLOW_ITEM: function() {
+        return DATA_OVERFLOW_ITEM;
+    },
+    DATA_OVERFLOW_MENU: function() {
+        return DATA_OVERFLOW_MENU;
+    }
+});
+const DATA_OVERFLOWING = 'data-overflowing';
+const DATA_OVERFLOW_ITEM = 'data-overflow-item';
+const DATA_OVERFLOW_MENU = 'data-overflow-menu';
+const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';

node_modules/@fluentui/react-overflow/lib-commonjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts"],"sourcesContent":["export const DATA_OVERFLOWING = 'data-overflowing';\nexport const DATA_OVERFLOW_ITEM = 'data-overflow-item';\nexport const DATA_OVERFLOW_MENU = 'data-overflow-menu';\nexport const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';\n"],"names":["DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","DATA_OVERFLOW_DIVIDER"],"mappings":";;;;;;;;;;;oBAAaA;;;yBAGAG;;;sBAFAF;;;sBACAC;;;;AAFN,MAAMF,mBAAmB,mBAAmB;AAC5C,MAAMC,qBAAqB,qBAAqB;AAChD,MAAMC,qBAAqB,qBAAqB;AAChD,MAAMC,wBAAwB,wBAAwB"}

node_modules/@fluentui/react-overflow/lib-commonjs/index.js

@@ -0,0 +1,73 @@
+"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, {
+    DATA_OVERFLOWING: function() {
+        return _constants.DATA_OVERFLOWING;
+    },
+    DATA_OVERFLOW_DIVIDER: function() {
+        return _constants.DATA_OVERFLOW_DIVIDER;
+    },
+    DATA_OVERFLOW_ITEM: function() {
+        return _constants.DATA_OVERFLOW_ITEM;
+    },
+    DATA_OVERFLOW_MENU: function() {
+        return _constants.DATA_OVERFLOW_MENU;
+    },
+    Overflow: function() {
+        return _Overflow.Overflow;
+    },
+    OverflowDivider: function() {
+        return _OverflowDivider.OverflowDivider;
+    },
+    OverflowItem: function() {
+        return _OverflowItem.OverflowItem;
+    },
+    useIsOverflowGroupVisible: function() {
+        return _useIsOverflowGroupVisible.useIsOverflowGroupVisible;
+    },
+    useIsOverflowItemVisible: function() {
+        return _useIsOverflowItemVisible.useIsOverflowItemVisible;
+    },
+    useOverflowContainer: function() {
+        return _useOverflowContainer.useOverflowContainer;
+    },
+    useOverflowContext: function() {
+        return _overflowContext.useOverflowContext;
+    },
+    useOverflowCount: function() {
+        return _useOverflowCount.useOverflowCount;
+    },
+    useOverflowDivider: function() {
+        return _useOverflowDivider.useOverflowDivider;
+    },
+    useOverflowItem: function() {
+        return _useOverflowItem.useOverflowItem;
+    },
+    useOverflowMenu: function() {
+        return _useOverflowMenu.useOverflowMenu;
+    },
+    useOverflowVisibility: function() {
+        return _useOverflowVisibility.useOverflowVisibility;
+    }
+});
+const _Overflow = require("./components/Overflow");
+const _constants = require("./constants");
+const _useIsOverflowGroupVisible = require("./useIsOverflowGroupVisible");
+const _useIsOverflowItemVisible = require("./useIsOverflowItemVisible");
+const _useOverflowContainer = require("./useOverflowContainer");
+const _useOverflowCount = require("./useOverflowCount");
+const _useOverflowItem = require("./useOverflowItem");
+const _useOverflowMenu = require("./useOverflowMenu");
+const _useOverflowDivider = require("./useOverflowDivider");
+const _useOverflowVisibility = require("./useOverflowVisibility");
+const _overflowContext = require("./overflowContext");
+const _OverflowItem = require("./components/OverflowItem/OverflowItem");
+const _OverflowDivider = require("./components/OverflowDivider/OverflowDivider");

node_modules/@fluentui/react-overflow/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Overflow } from './components/Overflow';\nexport type { OverflowProps, OnOverflowChangeData } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } from './constants';\nexport type { UseOverflowContainerReturn } from './types';\nexport { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';\nexport { useIsOverflowItemVisible } from './useIsOverflowItemVisible';\nexport { useOverflowContainer } from './useOverflowContainer';\nexport { useOverflowCount } from './useOverflowCount';\nexport { useOverflowItem } from './useOverflowItem';\nexport { useOverflowMenu } from './useOverflowMenu';\nexport { useOverflowDivider } from './useOverflowDivider';\nexport { useOverflowVisibility } from './useOverflowVisibility';\n\nexport { useOverflowContext } from './overflowContext';\n\nexport type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\nexport { OverflowDivider } from './components/OverflowDivider/OverflowDivider';\n"],"names":["Overflow","DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","DATA_OVERFLOW_DIVIDER","useIsOverflowGroupVisible","useIsOverflowItemVisible","useOverflowContainer","useOverflowCount","useOverflowItem","useOverflowMenu","useOverflowDivider","useOverflowVisibility","useOverflowContext","OverflowItem","OverflowDivider"],"mappings":";;;;;;;;;;;IAESC,gBAAgB;;;;eAA0CG,gCAAqB;;;eAA7DF,6BAAkB;;;eAAEC,6BAAkB;;;eAFxDH,kBAAQ;;;eAiBRe,gCAAe;;gBADH;eAAZD;;;eAZAT,oDAAyB;;IACzBC,wBAAwB;;;;eACxBC,0CAAoB;;;eAOpBM,mCAAkB;;;eANlBL,kCAAgB;;;eAGhBG,sCAAkB;;;eAFlBF,gCAAe;;;eACfC,gCAAe;;;eAEfE,4CAAqB;;;0BAXL,wBAAwB;2BAE+C,cAAc;2CAEpE,8BAA8B;0CAC/B,6BAA6B;sCACjC,yBAAyB;kCAC7B,qBAAqB;iCACtB,oBAAoB;iCACpB,oBAAoB;oCACjB,uBAAuB;uCACpB,0BAA0B;iCAE7B,oBAAoB;8BAG1B,yCAAyC;iCACtC,+CAA+C"}

node_modules/@fluentui/react-overflow/lib-commonjs/overflowContext.js

@@ -0,0 +1,31 @@
+'use client';
+"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, {
+    OverflowContext: function() {
+        return OverflowContext;
+    },
+    useOverflowContext: function() {
+        return useOverflowContext;
+    }
+});
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const OverflowContext = (0, _reactcontextselector.createContext)(undefined);
+const overflowContextDefaultValue = {
+    itemVisibility: {},
+    groupVisibility: {},
+    hasOverflow: false,
+    registerItem: ()=>()=>null,
+    updateOverflow: ()=>null,
+    registerOverflowMenu: ()=>()=>null,
+    registerDivider: ()=>()=>null
+};
+const useOverflowContext = (selector)=>(0, _reactcontextselector.useContextSelector)(OverflowContext, (ctx = overflowContextDefaultValue)=>selector(ctx));

node_modules/@fluentui/react-overflow/lib-commonjs/overflowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overflowContext.ts"],"sourcesContent":["'use client';\n\nimport type { OverflowGroupState, OverflowItemEntry, OverflowDividerEntry } from '@fluentui/priority-overflow';\nimport { ContextSelector, createContext, useContextSelector, Context } from '@fluentui/react-context-selector';\n\n/**\n * @internal\n */\nexport interface OverflowContextValue {\n  itemVisibility: Record<string, boolean>;\n  groupVisibility: Record<string, OverflowGroupState>;\n  hasOverflow: boolean;\n  registerItem: (item: OverflowItemEntry) => () => void;\n  registerOverflowMenu: (el: HTMLElement) => () => void;\n  registerDivider: (divider: OverflowDividerEntry) => () => void;\n  updateOverflow: (padding?: number) => void;\n}\n\nexport const OverflowContext = createContext<OverflowContextValue | undefined>(\n  undefined,\n) as Context<OverflowContextValue>;\n\nconst overflowContextDefaultValue: OverflowContextValue = {\n  itemVisibility: {},\n  groupVisibility: {},\n  hasOverflow: false,\n  registerItem: () => () => null,\n  updateOverflow: () => null,\n  registerOverflowMenu: () => () => null,\n  registerDivider: () => () => null,\n};\n\n/**\n * @internal\n */\nexport const useOverflowContext = <SelectedValue>(\n  selector: ContextSelector<OverflowContextValue, SelectedValue>,\n): SelectedValue => useContextSelector(OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","OverflowContext","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","registerDivider","useOverflowContext","selector","ctx"],"mappings":"AAAA;;;;;;;;;;;;mBAkBaE;;;sBAiBAU;;;;sCAhC+D,mCAAmC;AAexG,MAAMV,sBAAkBF,mCAAAA,EAC7BG,WACiC;AAEnC,MAAMC,8BAAoD;IACxDC,gBAAgB,CAAC;IACjBC,iBAAiB,CAAC;IAClBC,aAAa;IACbC,cAAc,IAAM,IAAM;IAC1BC,gBAAgB,IAAM;IACtBC,sBAAsB,IAAM,IAAM;IAClCC,iBAAiB,IAAM,IAAM;AAC/B;AAKO,MAAMC,qBAAqB,CAChCC,eACkBZ,wCAAAA,EAAmBC,iBAAiB,CAACY,MAAMV,2BAA2B,GAAKS,SAASC,MAAM"}

node_modules/@fluentui/react-overflow/lib-commonjs/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"));

node_modules/@fluentui/react-overflow/lib-commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { OverflowContextValue } from './overflowContext';\n\n/**\n * @internal\n */\nexport interface UseOverflowContainerReturn<TElement extends HTMLElement>\n  extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu' | 'registerDivider'> {\n  /**\n   * Ref to apply to the container that will overflow\n   */\n  containerRef: React.RefObject<TElement | null>;\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowGroupVisible.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useIsOverflowGroupVisible", {
+    enumerable: true,
+    get: function() {
+        return useIsOverflowGroupVisible;
+    }
+});
+const _overflowContext = require("./overflowContext");
+function useIsOverflowGroupVisible(id) {
+    return (0, _overflowContext.useOverflowContext)((ctx)=>ctx.groupVisibility[id]);
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowGroupVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useIsOverflowGroupVisible.ts"],"sourcesContent":["'use client';\n\nimport { OverflowGroupState } from '@fluentui/priority-overflow';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @param id - unique identifier for a group of overflow items\n * @returns visibility state of the group\n */\nexport function useIsOverflowGroupVisible(id: string): OverflowGroupState {\n  return useOverflowContext(ctx => ctx.groupVisibility[id]);\n}\n"],"names":["useOverflowContext","useIsOverflowGroupVisible","id","ctx","groupVisibility"],"mappings":"AAAA;;;;;;;;;;;iCAGmC,oBAAoB;AAMhD,SAASC,0BAA0BC,EAAU;IAClD,WAAOF,mCAAAA,EAAmBG,CAAAA,MAAOA,IAAIC,eAAe,CAACF,GAAG;AAC1D"}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowItemVisible.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useIsOverflowItemVisible", {
+    enumerable: true,
+    get: function() {
+        return useIsOverflowItemVisible;
+    }
+});
+const _overflowContext = require("./overflowContext");
+function useIsOverflowItemVisible(id) {
+    return !!(0, _overflowContext.useOverflowContext)((ctx)=>ctx.itemVisibility[id]);
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useIsOverflowItemVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useIsOverflowItemVisible.ts"],"sourcesContent":["'use client';\n\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @param id - unique identifier for the item used by the overflow manager\n * @returns visibility state of an overflow item\n */\nexport function useIsOverflowItemVisible(id: string): boolean {\n  return !!useOverflowContext(ctx => ctx.itemVisibility[id]);\n}\n"],"names":["useOverflowContext","useIsOverflowItemVisible","id","ctx","itemVisibility"],"mappings":"AAAA;;;;;;;;;;;iCAEmC,oBAAoB;AAMhD,SAASC,yBAAyBC,EAAU;IACjD,OAAO,CAAC,KAACF,mCAAAA,EAAmBG,CAAAA,MAAOA,IAAIC,cAAc,CAACF,GAAG;AAC3D"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowContainer.js

@@ -0,0 +1,129 @@
+'use client';
+"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, {
+    updateVisibilityAttribute: function() {
+        return updateVisibilityAttribute;
+    },
+    useOverflowContainer: function() {
+        return useOverflowContainer;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _priorityoverflow = require("@fluentui/priority-overflow");
+const _reactutilities = require("@fluentui/react-utilities");
+const _constants = require("./constants");
+const noop = ()=>null;
+const useOverflowContainer = (update, options)=>{
+    'use no memo';
+    const { overflowAxis = 'horizontal', overflowDirection = 'end', padding = 10, minimumVisible = 0, onUpdateItemVisibility = noop, hasHiddenItems = false } = options;
+    const onUpdateOverflow = (0, _reactutilities.useEventCallback)(update);
+    const overflowOptions = _react.useMemo(()=>({
+            overflowAxis,
+            overflowDirection,
+            padding,
+            minimumVisible,
+            onUpdateItemVisibility,
+            onUpdateOverflow,
+            hasHiddenItems
+        }), [
+        minimumVisible,
+        onUpdateItemVisibility,
+        overflowAxis,
+        overflowDirection,
+        padding,
+        onUpdateOverflow,
+        hasHiddenItems
+    ]);
+    const firstMount = (0, _reactutilities.useFirstMount)();
+    // DOM ref to the overflow container element
+    const containerRef = _react.useRef(null);
+    const [overflowManager, setOverflowManager] = _react.useState(()=>(0, _reactutilities.canUseDOM)() ? (0, _priorityoverflow.createOverflowManager)() : null);
+    // On first mount there is no need to create an overflow manager and re-render
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (firstMount && containerRef.current) {
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.observe(containerRef.current, overflowOptions);
+        }
+    }, [
+        firstMount,
+        overflowManager,
+        overflowOptions
+    ]);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (!containerRef.current || !(0, _reactutilities.canUseDOM)() || firstMount) {
+            return;
+        }
+        const newOverflowManager = (0, _priorityoverflow.createOverflowManager)();
+        newOverflowManager.observe(containerRef.current, overflowOptions);
+        setOverflowManager(newOverflowManager);
+    // We don't want to re-create the overflow manager when the first mount flag changes from true to false
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        overflowOptions
+    ]);
+    /* Clean up overflow manager on unmount */ _react.useEffect(()=>()=>{
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.disconnect();
+        }, [
+        overflowManager
+    ]);
+    const registerItem = _react.useCallback((item)=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addItem(item);
+        item.element.setAttribute(_constants.DATA_OVERFLOW_ITEM, '');
+        return ()=>{
+            item.element.removeAttribute(_constants.DATA_OVERFLOWING);
+            item.element.removeAttribute(_constants.DATA_OVERFLOW_ITEM);
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeItem(item.id);
+        };
+    }, [
+        overflowManager
+    ]);
+    const registerDivider = _react.useCallback((divider)=>{
+        const el = divider.element;
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addDivider(divider);
+        el.setAttribute(_constants.DATA_OVERFLOW_DIVIDER, '');
+        return ()=>{
+            divider.groupId && (overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeDivider(divider.groupId));
+            el.removeAttribute(_constants.DATA_OVERFLOW_DIVIDER);
+        };
+    }, [
+        overflowManager
+    ]);
+    const registerOverflowMenu = _react.useCallback((el)=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addOverflowMenu(el);
+        el.setAttribute(_constants.DATA_OVERFLOW_MENU, '');
+        return ()=>{
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeOverflowMenu();
+            el.removeAttribute(_constants.DATA_OVERFLOW_MENU);
+        };
+    }, [
+        overflowManager
+    ]);
+    const updateOverflow = _react.useCallback(()=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.update();
+    }, [
+        overflowManager
+    ]);
+    return {
+        registerItem,
+        registerDivider,
+        registerOverflowMenu,
+        updateOverflow,
+        containerRef
+    };
+};
+const updateVisibilityAttribute = ({ item, visible })=>{
+    if (visible) {
+        item.element.removeAttribute(_constants.DATA_OVERFLOWING);
+    } else {
+        item.element.setAttribute(_constants.DATA_OVERFLOWING, '');
+    }
+};

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowCount.js

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowCount", {
+    enumerable: true,
+    get: function() {
+        return useOverflowCount;
+    }
+});
+const _overflowContext = require("./overflowContext");
+const useOverflowCount = ()=>(0, _overflowContext.useOverflowContext)((v)=>{
+        return Object.entries(v.itemVisibility).reduce((acc, [id, visible])=>{
+            if (!visible) {
+                acc++;
+            }
+            return acc;
+        }, 0);
+    });

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowCount.ts"],"sourcesContent":["'use client';\n\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @returns Number of items that are overflowing\n */\nexport const useOverflowCount = (): number =>\n  useOverflowContext(v => {\n    return Object.entries(v.itemVisibility).reduce((acc, [id, visible]) => {\n      if (!visible) {\n        acc++;\n      }\n\n      return acc;\n    }, 0);\n  });\n"],"names":["useOverflowContext","useOverflowCount","v","Object","entries","itemVisibility","reduce","acc","id","visible"],"mappings":"AAAA;;;;;;;;;;;iCAEmC,oBAAoB;AAKhD,MAAMC,mBAAmB,QAC9BD,mCAAAA,EAAmBE,CAAAA;QACjB,OAAOC,OAAOC,OAAO,CAACF,EAAEG,cAAc,EAAEC,MAAM,CAAC,CAACC,KAAK,CAACC,IAAIC,QAAQ;YAChE,IAAI,CAACA,SAAS;gBACZF;YACF;YAEA,OAAOA;QACT,GAAG;IACL,GAAG"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowDivider.js

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowDivider", {
+    enumerable: true,
+    get: function() {
+        return useOverflowDivider;
+    }
+});
+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 _overflowContext = require("./overflowContext");
+function useOverflowDivider(groupId) {
+    const ref = _react.useRef(null);
+    const registerDivider = (0, _overflowContext.useOverflowContext)((v)=>v.registerDivider);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (ref.current && groupId) {
+            return registerDivider({
+                element: ref.current,
+                groupId
+            });
+        }
+    }, [
+        registerDivider,
+        groupId
+    ]);
+    return ref;
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowDivider.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @internal\n * Registers an overflow item\n * @param groupId - assigns the item to a group, group visibility can be watched\n * @returns ref to assign to an intrinsic HTML element\n */\nexport function useOverflowDivider<TElement extends HTMLElement>(groupId?: string): React.RefObject<TElement | null> {\n  const ref = React.useRef<TElement | null>(null);\n  const registerDivider = useOverflowContext(v => v.registerDivider);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current && groupId) {\n      return registerDivider({\n        element: ref.current,\n        groupId,\n      });\n    }\n  }, [registerDivider, groupId]);\n\n  return ref;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useOverflowContext","useOverflowDivider","groupId","ref","useRef","registerDivider","v","current","element"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACW,4BAA4B;iCACnC,oBAAoB;AAQhD,SAASG,mBAAiDC,OAAgB;IAC/E,MAAMC,MAAML,OAAMM,MAAM,CAAkB;IAC1C,MAAMC,sBAAkBL,mCAAAA,EAAmBM,CAAAA,IAAKA,EAAED,eAAe;QAEjEN,yCAAAA,EAA0B;QACxB,IAAII,IAAII,OAAO,IAAIL,SAAS;YAC1B,OAAOG,gBAAgB;gBACrBG,SAASL,IAAII,OAAO;gBACpBL;YACF;QACF;IACF,GAAG;QAACG;QAAiBH;KAAQ;IAE7B,OAAOC;AACT"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowItem.js

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowItem", {
+    enumerable: true,
+    get: function() {
+        return useOverflowItem;
+    }
+});
+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 _overflowContext = require("./overflowContext");
+function useOverflowItem(id, priority, groupId, pinned) {
+    const ref = _react.useRef(null);
+    const registerItem = (0, _overflowContext.useOverflowContext)((v)=>v.registerItem);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production') {
+            if (typeof pinned !== 'undefined' && typeof priority !== 'undefined' && pinned) {
+                // eslint-disable-next-line no-console
+                console.error(`useOverflowItem: Overflow item with id "${id}" has pinned=true and priority<0. ` + `Pinned items are always visible and should not have defined priority.`);
+            }
+        }
+        if (ref.current) {
+            return registerItem({
+                element: ref.current,
+                id,
+                priority: priority !== null && priority !== void 0 ? priority : 0,
+                groupId,
+                pinned
+            });
+        }
+    }, [
+        id,
+        priority,
+        registerItem,
+        groupId,
+        pinned
+    ]);
+    return ref;
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @internal\n * Registers an overflow item\n * @param id - unique identifier for the item used by the overflow manager\n * @param priority - higher priority means the item overflows later\n * @param groupId - assigns the item to a group, group visibility can be watched\n * @param pinned - if true, the item will never overflow and will always be visible\n * @returns ref to assign to an intrinsic HTML element\n */\nexport function useOverflowItem<TElement extends HTMLElement>(\n  id: string,\n  priority?: number,\n  groupId?: string,\n  pinned?: boolean,\n): React.RefObject<TElement | null> {\n  const ref = React.useRef<TElement | null>(null);\n  const registerItem = useOverflowContext(v => v.registerItem);\n\n  useIsomorphicLayoutEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof pinned !== 'undefined' && typeof priority !== 'undefined' && pinned) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `useOverflowItem: Overflow item with id \"${id}\" has pinned=true and priority<0. ` +\n            `Pinned items are always visible and should not have defined priority.`,\n        );\n      }\n    }\n\n    if (ref.current) {\n      return registerItem({\n        element: ref.current,\n        id,\n        priority: priority ?? 0,\n        groupId,\n        pinned,\n      });\n    }\n  }, [id, priority, registerItem, groupId, pinned]);\n\n  return ref;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useOverflowContext","useOverflowItem","id","priority","groupId","pinned","ref","useRef","registerItem","v","process","env","NODE_ENV","console","error","current","element"],"mappings":"AAAA;;;;;+BAegBG;;;;;;;iEAbO,QAAQ;gCACW,4BAA4B;iCACnC,oBAAoB;AAWhD,yBACLC,EAAU,EACVC,QAAiB,EACjBC,OAAgB,EAChBC,MAAgB;IAEhB,MAAMC,MAAMR,OAAMS,MAAM,CAAkB;IAC1C,MAAMC,mBAAeR,mCAAAA,EAAmBS,CAAAA,IAAKA,EAAED,YAAY;QAE3DT,yCAAAA,EAA0B;QACxB,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,IAAI,OAAOP,WAAW,eAAe,OAAOF,aAAa,eAAeE,QAAQ;gBAC9E,sCAAsC;gBACtCQ,QAAQC,KAAK,CACX,CAAC,wCAAwC,EAAEZ,GAAG,kCAAkC,CAAC,GAC/E,CAAC,qEAAqE,CAAC;YAE7E;QACF;QAEA,IAAII,IAAIS,OAAO,EAAE;YACf,OAAOP,aAAa;gBAClBQ,SAASV,IAAIS,OAAO;gBACpBb;gBACAC,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;gBACtBC;gBACAC;YACF;QACF;IACF,GAAG;QAACH;QAAIC;QAAUK;QAAcJ;QAASC;KAAO;IAEhD,OAAOC;AACT"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowMenu.js

@@ -0,0 +1,47 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowMenu", {
+    enumerable: true,
+    get: function() {
+        return useOverflowMenu;
+    }
+});
+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 _overflowContext = require("./overflowContext");
+const _useOverflowCount = require("./useOverflowCount");
+function useOverflowMenu(id) {
+    const elementId = (0, _reactutilities.useId)('overflow-menu', id);
+    const overflowCount = (0, _useOverflowCount.useOverflowCount)();
+    const registerOverflowMenu = (0, _overflowContext.useOverflowContext)((v)=>v.registerOverflowMenu);
+    const updateOverflow = (0, _overflowContext.useOverflowContext)((v)=>v.updateOverflow);
+    const ref = _react.useRef(null);
+    const isOverflowing = overflowCount > 0;
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (ref.current) {
+            return registerOverflowMenu(ref.current);
+        }
+    }, [
+        registerOverflowMenu,
+        isOverflowing,
+        elementId
+    ]);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (isOverflowing) {
+            updateOverflow();
+        }
+    }, [
+        isOverflowing,
+        updateOverflow,
+        ref
+    ]);
+    return {
+        ref,
+        overflowCount,
+        isOverflowing
+    };
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\nimport { useOverflowCount } from './useOverflowCount';\n\nexport function useOverflowMenu<TElement extends HTMLElement>(\n  id?: string,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n): { ref: React.MutableRefObject<TElement | null>; overflowCount: number; isOverflowing: boolean } {\n  const elementId = useId('overflow-menu', id);\n  const overflowCount = useOverflowCount();\n  const registerOverflowMenu = useOverflowContext(v => v.registerOverflowMenu);\n  const updateOverflow = useOverflowContext(v => v.updateOverflow);\n  const ref = React.useRef<TElement | null>(null);\n  const isOverflowing = overflowCount > 0;\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      return registerOverflowMenu(ref.current);\n    }\n  }, [registerOverflowMenu, isOverflowing, elementId]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (isOverflowing) {\n      updateOverflow();\n    }\n  }, [isOverflowing, updateOverflow, ref]);\n\n  return { ref, overflowCount, isOverflowing };\n}\n"],"names":["React","useId","useIsomorphicLayoutEffect","useOverflowContext","useOverflowCount","useOverflowMenu","id","elementId","overflowCount","registerOverflowMenu","v","updateOverflow","ref","useRef","isOverflowing","current"],"mappings":"AAAA;;;;;+BAOgBK;;;;;;;iEALO,QAAQ;gCACkB,4BAA4B;iCAC1C,oBAAoB;kCACtB,qBAAqB;AAE/C,yBACLC,EAAW;IAGX,MAAMC,gBAAYN,qBAAAA,EAAM,iBAAiBK;IACzC,MAAME,oBAAgBJ,kCAAAA;IACtB,MAAMK,2BAAuBN,mCAAAA,EAAmBO,CAAAA,IAAKA,EAAED,oBAAoB;IAC3E,MAAME,qBAAiBR,mCAAAA,EAAmBO,CAAAA,IAAKA,EAAEC,cAAc;IAC/D,MAAMC,MAAMZ,OAAMa,MAAM,CAAkB;IAC1C,MAAMC,gBAAgBN,gBAAgB;IAEtCN,6CAAAA,EAA0B;QACxB,IAAIU,IAAIG,OAAO,EAAE;YACf,OAAON,qBAAqBG,IAAIG,OAAO;QACzC;IACF,GAAG;QAACN;QAAsBK;QAAeP;KAAU;QAEnDL,yCAAAA,EAA0B;QACxB,IAAIY,eAAe;YACjBH;QACF;IACF,GAAG;QAACG;QAAeH;QAAgBC;KAAI;IAEvC,OAAO;QAAEA;QAAKJ;QAAeM;IAAc;AAC7C"}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowVisibility.js

@@ -0,0 +1,25 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverflowVisibility", {
+    enumerable: true,
+    get: function() {
+        return useOverflowVisibility;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _overflowContext = require("./overflowContext");
+function useOverflowVisibility() {
+    const itemVisibility = (0, _overflowContext.useOverflowContext)((ctx)=>ctx.itemVisibility);
+    const groupVisibility = (0, _overflowContext.useOverflowContext)((ctx)=>ctx.groupVisibility);
+    return _react.useMemo(()=>({
+            itemVisibility,
+            groupVisibility
+        }), [
+        itemVisibility,
+        groupVisibility
+    ]);
+}

node_modules/@fluentui/react-overflow/lib-commonjs/useOverflowVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowVisibility.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * A hook that returns the visibility status of all items and groups.\n *\n * ⚠️ Heads up!\n *\n * This hook will cause the component it is in to re-render for every single time an item overflows or becomes\n * visible - use with caution\n * @returns visibility status of all items and groups\n */\nexport function useOverflowVisibility(): {\n  itemVisibility: Record<string, boolean>;\n  groupVisibility: Record<string, import('@fluentui/priority-overflow').OverflowGroupState>;\n} {\n  const itemVisibility = useOverflowContext(ctx => ctx.itemVisibility);\n  const groupVisibility = useOverflowContext(ctx => ctx.groupVisibility);\n\n  return React.useMemo(() => ({ itemVisibility, groupVisibility }), [itemVisibility, groupVisibility]);\n}\n"],"names":["React","useOverflowContext","useOverflowVisibility","itemVisibility","ctx","groupVisibility","useMemo"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACI,oBAAoB;AAWhD,SAASE;IAId,MAAMC,qBAAiBF,mCAAAA,EAAmBG,CAAAA,MAAOA,IAAID,cAAc;IACnE,MAAME,kBAAkBJ,uCAAAA,EAAmBG,CAAAA,MAAOA,IAAIC,eAAe;IAErE,OAAOL,OAAMM,OAAO,CAAC,IAAO,CAAA;YAAEH;YAAgBE;SAAgB,CAAA,EAAI;QAACF;QAAgBE;KAAgB;AACrG"}

node_modules/@fluentui/react-overflow/lib/components/Overflow.js

@@ -0,0 +1,60 @@
+'use client';
+import * as React from 'react';
+import { mergeClasses } from '@griffel/react';
+import { applyTriggerPropsToChildren, getTriggerChild, getReactElementRef, useMergedRefs } from '@fluentui/react-utilities';
+import { OverflowContext } from '../overflowContext';
+import { updateVisibilityAttribute, useOverflowContainer } from '../useOverflowContainer';
+import { useOverflowStyles } from './useOverflowStyles.styles';
+/**
+ * Provides an OverflowContext for OverflowItem descendants.
+ */ export const Overflow = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const styles = useOverflowStyles();
+    const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding, onOverflowChange, hasHiddenItems } = props;
+    const [overflowState, setOverflowState] = React.useState({
+        hasOverflow: false,
+        itemVisibility: {},
+        groupVisibility: {}
+    });
+    // useOverflowContainer wraps this method in a useEventCallback.
+    const update = (data)=>{
+        const { visibleItems, invisibleItems, groupVisibility } = data;
+        const itemVisibility = {};
+        visibleItems.forEach((item)=>{
+            itemVisibility[item.id] = true;
+        });
+        invisibleItems.forEach((x)=>itemVisibility[x.id] = false);
+        const newState = {
+            hasOverflow: data.invisibleItems.length > 0,
+            itemVisibility,
+            groupVisibility
+        };
+        onOverflowChange === null || onOverflowChange === void 0 ? void 0 : onOverflowChange(null, {
+            ...newState
+        });
+        setOverflowState(newState);
+    };
+    const { containerRef, registerItem, updateOverflow, registerOverflowMenu, registerDivider } = useOverflowContainer(update, {
+        overflowDirection,
+        overflowAxis,
+        padding,
+        minimumVisible,
+        hasHiddenItems,
+        onUpdateItemVisibility: updateVisibilityAttribute
+    });
+    const child = getTriggerChild(children);
+    const clonedChild = applyTriggerPropsToChildren(children, {
+        ref: useMergedRefs(containerRef, ref, getReactElementRef(child)),
+        className: mergeClasses('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child === null || child === void 0 ? void 0 : child.props.className)
+    });
+    return /*#__PURE__*/ React.createElement(OverflowContext.Provider, {
+        value: {
+            itemVisibility: overflowState.itemVisibility,
+            groupVisibility: overflowState.groupVisibility,
+            hasOverflow: overflowState.hasOverflow,
+            registerItem,
+            updateOverflow,
+            registerOverflowMenu,
+            registerDivider
+        }
+    }, clonedChild);
+});

node_modules/@fluentui/react-overflow/lib/components/OverflowDivider/OverflowDivider.js

@@ -0,0 +1,14 @@
+'use client';
+import * as React from 'react';
+import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';
+import { useOverflowDivider } from '../../useOverflowDivider';
+/**
+ * Attaches overflow item behavior to its child registered with the OverflowContext.
+ * It does not render an element of its own.
+ */ export const OverflowDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { groupId, children } = props;
+    const containerRef = useOverflowDivider(groupId);
+    return applyTriggerPropsToChildren(children, {
+        ref: useMergedRefs(containerRef, ref)
+    });
+});

node_modules/@fluentui/react-overflow/lib/components/OverflowDivider/OverflowDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowDivider/OverflowDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\nimport { useOverflowDivider } from '../../useOverflowDivider';\nimport { OverflowDividerProps } from './OverflowDivider.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n */\nexport const OverflowDivider = React.forwardRef((props: OverflowDividerProps, ref) => {\n  const { groupId, children } = props;\n\n  const containerRef = useOverflowDivider(groupId);\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref),\n  });\n});\n"],"names":["React","applyTriggerPropsToChildren","useMergedRefs","useOverflowDivider","OverflowDivider","forwardRef","props","ref","groupId","children","containerRef"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,EAAEC,aAAa,QAAQ,4BAA4B;AACvF,SAASC,kBAAkB,QAAQ,2BAA2B;AAG9D;;;CAGC,GACD,OAAO,MAAMC,gCAAkBJ,MAAMK,UAAU,CAAC,CAACC,OAA6BC;IAC5E,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGH;IAE9B,MAAMI,eAAeP,mBAAmBK;IACxC,OAAOP,4BAA4BQ,UAAU;QAC3CF,KAAKL,cAAcQ,cAAcH;IACnC;AACF,GAAG"}

node_modules/@fluentui/react-overflow/lib/components/OverflowDivider/OverflowDivider.types.js

@@ -0,0 +1 @@
+import * as React from 'react';

node_modules/@fluentui/react-overflow/lib/components/OverflowDivider/OverflowDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowDivider/OverflowDivider.types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowDividerProps\n */\nexport type OverflowDividerProps = {\n  /**\n   * Assigns the item to a group, group visibility can be watched.\n   */\n  groupId: string;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

node_modules/@fluentui/react-overflow/lib/components/OverflowItem/OverflowItem.js

@@ -0,0 +1,19 @@
+'use client';
+import * as React from 'react';
+import { applyTriggerPropsToChildren, getReactElementRef, getTriggerChild, useMergedRefs } from '@fluentui/react-utilities';
+import { useOverflowItem } from '../../useOverflowItem';
+/**
+ * Attaches overflow item behavior to its child registered with the OverflowContext.
+ * It does not render an element of its own.
+ *
+ * Behaves similarly to other `*Trigger` components in Fluent UI React.
+ */ export const OverflowItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { id, groupId, priority, pinned, children } = props;
+    const containerRef = useOverflowItem(id, priority, groupId, pinned);
+    const child = getTriggerChild(children);
+    return applyTriggerPropsToChildren(children, {
+        ref: useMergedRefs(containerRef, ref, getReactElementRef(child))
+    });
+});
+// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
+OverflowItem.isFluentTriggerComponent = true;

node_modules/@fluentui/react-overflow/lib/components/OverflowItem/OverflowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/OverflowItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  applyTriggerPropsToChildren,\n  getReactElementRef,\n  type FluentTriggerComponent,\n  getTriggerChild,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useOverflowItem } from '../../useOverflowItem';\nimport { OverflowItemProps } from './OverflowItem.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n *\n * Behaves similarly to other `*Trigger` components in Fluent UI React.\n */\nexport const OverflowItem = React.forwardRef((props: OverflowItemProps, ref) => {\n  const { id, groupId, priority, pinned, children } = props;\n\n  const containerRef = useOverflowItem(id, priority, groupId, pinned);\n  const child = getTriggerChild(children);\n\n  return applyTriggerPropsToChildren(children, {\n    ref: useMergedRefs(containerRef, ref, getReactElementRef(child)),\n  });\n});\n\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(OverflowItem as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","applyTriggerPropsToChildren","getReactElementRef","getTriggerChild","useMergedRefs","useOverflowItem","OverflowItem","forwardRef","props","ref","id","groupId","priority","pinned","children","containerRef","child","isFluentTriggerComponent"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,2BAA2B,EAC3BC,kBAAkB,EAElBC,eAAe,EACfC,aAAa,QACR,4BAA4B;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AAGxD;;;;;CAKC,GACD,OAAO,MAAMC,6BAAeN,MAAMO,UAAU,CAAC,CAACC,OAA0BC;IACtE,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IAEpD,MAAMO,eAAeV,gBAAgBK,IAAIE,UAAUD,SAASE;IAC5D,MAAMG,QAAQb,gBAAgBW;IAE9B,OAAOb,4BAA4Ba,UAAU;QAC3CL,KAAKL,cAAcW,cAAcN,KAAKP,mBAAmBc;IAC3D;AACF,GAAG;AAEH,6FAA6F;AAC5FV,aAAwCW,wBAAwB,GAAG"}

node_modules/@fluentui/react-overflow/lib/components/OverflowItem/OverflowItem.types.js

@@ -0,0 +1 @@
+import * as React from 'react';

node_modules/@fluentui/react-overflow/lib/components/OverflowItem/OverflowItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/OverflowItem.types.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowItemProps\n */\nexport type OverflowItemProps = {\n  /**\n   * The unique identifier for the item used by the overflow manager.\n   */\n  id: string;\n  /**\n   * Assigns the item to a group, group visibility can be watched.\n   */\n  groupId?: string;\n  /**\n   * The single child that has overflow item behavior attached.\n   */\n  children: React.ReactElement;\n} & (\n  | {\n      /**\n       * If true, the item will never overflow and will always be visible.\n       * Mutually exclusive with `priority`.\n       */\n      pinned?: boolean;\n      priority?: never;\n    }\n  | {\n      pinned?: never;\n      /**\n       * A higher priority means the item overflows later.\n       * Mutually exclusive with `pinned`.\n       */\n      priority?: number;\n    }\n);\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

node_modules/@fluentui/react-overflow/lib/components/OverflowItem/index.js

@@ -0,0 +1 @@
+export { OverflowItem } from './OverflowItem';

node_modules/@fluentui/react-overflow/lib/components/OverflowItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverflowItem/index.ts"],"sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"],"names":["OverflowItem"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB"}

node_modules/@fluentui/react-overflow/lib/components/useOverflowStyles.styles.js

@@ -0,0 +1,14 @@
+'use client';
+
+import { __styles } from '@griffel/react';
+import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';
+export const useOverflowStyles = /*#__PURE__*/__styles({
+  overflowMenu: {
+    Brvla84: "fyfkpbf"
+  },
+  overflowingItems: {
+    zb22lx: "f10570jf"
+  }
+}, {
+  d: [".fyfkpbf [data-overflow-menu]{flex-shrink:0;}", ".f10570jf [data-overflowing]{display:none;}"]
+});

node_modules/@fluentui/react-overflow/lib/components/useOverflowStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","Brvla84","overflowingItems","zb22lx","d"],"sources":["useOverflowStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\nexport const useOverflowStyles = makeStyles({\n    overflowMenu: {\n        [`& [${DATA_OVERFLOW_MENU}]`]: {\n            flexShrink: 0\n        }\n    },\n    overflowingItems: {\n        [`& [${DATA_OVERFLOWING}]`]: {\n            display: 'none'\n        }\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,cAAc;AACnE,OAAO,MAAMC,iBAAiB,gBAAGH,QAAA;EAAAI,YAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAWhC,CAAC","ignoreList":[]}

node_modules/@fluentui/react-overflow/lib/components/useOverflowStyles.styles.raw.js

@@ -0,0 +1,15 @@
+'use client';
+import { makeStyles } from '@griffel/react';
+import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';
+export const useOverflowStyles = makeStyles({
+    overflowMenu: {
+        [`& [${DATA_OVERFLOW_MENU}]`]: {
+            flexShrink: 0
+        }
+    },
+    overflowingItems: {
+        [`& [${DATA_OVERFLOWING}]`]: {
+            display: 'none'
+        }
+    }
+});

node_modules/@fluentui/react-overflow/lib/components/useOverflowStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/useOverflowStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\n\nexport const useOverflowStyles = makeStyles({\n  overflowMenu: {\n    [`& [${DATA_OVERFLOW_MENU}]`]: {\n      flexShrink: 0,\n    },\n  },\n\n  overflowingItems: {\n    [`& [${DATA_OVERFLOWING}]`]: {\n      display: 'none',\n    },\n  },\n});\n"],"names":["makeStyles","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","flexShrink","overflowingItems","display"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,eAAe;AAEpE,OAAO,MAAMC,oBAAoBH,WAAW;IAC1CI,cAAc;QACZ,CAAC,CAAC,GAAG,EAAEF,mBAAmB,CAAC,CAAC,CAAC,EAAE;YAC7BG,YAAY;QACd;IACF;IAEAC,kBAAkB;QAChB,CAAC,CAAC,GAAG,EAAEL,iBAAiB,CAAC,CAAC,CAAC,EAAE;YAC3BM,SAAS;QACX;IACF;AACF,GAAG"}

node_modules/@fluentui/react-overflow/lib/constants.js

@@ -0,0 +1,4 @@
+export const DATA_OVERFLOWING = 'data-overflowing';
+export const DATA_OVERFLOW_ITEM = 'data-overflow-item';
+export const DATA_OVERFLOW_MENU = 'data-overflow-menu';
+export const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';

node_modules/@fluentui/react-overflow/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts"],"sourcesContent":["export const DATA_OVERFLOWING = 'data-overflowing';\nexport const DATA_OVERFLOW_ITEM = 'data-overflow-item';\nexport const DATA_OVERFLOW_MENU = 'data-overflow-menu';\nexport const DATA_OVERFLOW_DIVIDER = 'data-overflow-divider';\n"],"names":["DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","DATA_OVERFLOW_DIVIDER"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,mBAAmB;AACnD,OAAO,MAAMC,qBAAqB,qBAAqB;AACvD,OAAO,MAAMC,qBAAqB,qBAAqB;AACvD,OAAO,MAAMC,wBAAwB,wBAAwB"}

node_modules/@fluentui/react-overflow/lib/index.js

@@ -0,0 +1,13 @@
+export { Overflow } from './components/Overflow';
+export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } from './constants';
+export { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';
+export { useIsOverflowItemVisible } from './useIsOverflowItemVisible';
+export { useOverflowContainer } from './useOverflowContainer';
+export { useOverflowCount } from './useOverflowCount';
+export { useOverflowItem } from './useOverflowItem';
+export { useOverflowMenu } from './useOverflowMenu';
+export { useOverflowDivider } from './useOverflowDivider';
+export { useOverflowVisibility } from './useOverflowVisibility';
+export { useOverflowContext } from './overflowContext';
+export { OverflowItem } from './components/OverflowItem/OverflowItem';
+export { OverflowDivider } from './components/OverflowDivider/OverflowDivider';

node_modules/@fluentui/react-overflow/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Overflow } from './components/Overflow';\nexport type { OverflowProps, OnOverflowChangeData } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } from './constants';\nexport type { UseOverflowContainerReturn } from './types';\nexport { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';\nexport { useIsOverflowItemVisible } from './useIsOverflowItemVisible';\nexport { useOverflowContainer } from './useOverflowContainer';\nexport { useOverflowCount } from './useOverflowCount';\nexport { useOverflowItem } from './useOverflowItem';\nexport { useOverflowMenu } from './useOverflowMenu';\nexport { useOverflowDivider } from './useOverflowDivider';\nexport { useOverflowVisibility } from './useOverflowVisibility';\n\nexport { useOverflowContext } from './overflowContext';\n\nexport type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\nexport { OverflowDivider } from './components/OverflowDivider/OverflowDivider';\n"],"names":["Overflow","DATA_OVERFLOWING","DATA_OVERFLOW_ITEM","DATA_OVERFLOW_MENU","DATA_OVERFLOW_DIVIDER","useIsOverflowGroupVisible","useIsOverflowItemVisible","useOverflowContainer","useOverflowCount","useOverflowItem","useOverflowMenu","useOverflowDivider","useOverflowVisibility","useOverflowContext","OverflowItem","OverflowDivider"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,wBAAwB;AAEjD,SAASC,gBAAgB,EAAEC,kBAAkB,EAAEC,kBAAkB,EAAEC,qBAAqB,QAAQ,cAAc;AAE9G,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,wBAAwB,QAAQ,6BAA6B;AACtE,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,qBAAqB,QAAQ,0BAA0B;AAEhE,SAASC,kBAAkB,QAAQ,oBAAoB;AAGvD,SAASC,YAAY,QAAQ,yCAAyC;AACtE,SAASC,eAAe,QAAQ,+CAA+C"}

node_modules/@fluentui/react-overflow/lib/overflowContext.js

@@ -0,0 +1,15 @@
+'use client';
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+export const OverflowContext = createContext(undefined);
+const overflowContextDefaultValue = {
+    itemVisibility: {},
+    groupVisibility: {},
+    hasOverflow: false,
+    registerItem: ()=>()=>null,
+    updateOverflow: ()=>null,
+    registerOverflowMenu: ()=>()=>null,
+    registerDivider: ()=>()=>null
+};
+/**
+ * @internal
+ */ export const useOverflowContext = (selector)=>useContextSelector(OverflowContext, (ctx = overflowContextDefaultValue)=>selector(ctx));

node_modules/@fluentui/react-overflow/lib/overflowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overflowContext.ts"],"sourcesContent":["'use client';\n\nimport type { OverflowGroupState, OverflowItemEntry, OverflowDividerEntry } from '@fluentui/priority-overflow';\nimport { ContextSelector, createContext, useContextSelector, Context } from '@fluentui/react-context-selector';\n\n/**\n * @internal\n */\nexport interface OverflowContextValue {\n  itemVisibility: Record<string, boolean>;\n  groupVisibility: Record<string, OverflowGroupState>;\n  hasOverflow: boolean;\n  registerItem: (item: OverflowItemEntry) => () => void;\n  registerOverflowMenu: (el: HTMLElement) => () => void;\n  registerDivider: (divider: OverflowDividerEntry) => () => void;\n  updateOverflow: (padding?: number) => void;\n}\n\nexport const OverflowContext = createContext<OverflowContextValue | undefined>(\n  undefined,\n) as Context<OverflowContextValue>;\n\nconst overflowContextDefaultValue: OverflowContextValue = {\n  itemVisibility: {},\n  groupVisibility: {},\n  hasOverflow: false,\n  registerItem: () => () => null,\n  updateOverflow: () => null,\n  registerOverflowMenu: () => () => null,\n  registerDivider: () => () => null,\n};\n\n/**\n * @internal\n */\nexport const useOverflowContext = <SelectedValue>(\n  selector: ContextSelector<OverflowContextValue, SelectedValue>,\n): SelectedValue => useContextSelector(OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","OverflowContext","undefined","overflowContextDefaultValue","itemVisibility","groupVisibility","hasOverflow","registerItem","updateOverflow","registerOverflowMenu","registerDivider","useOverflowContext","selector","ctx"],"mappings":"AAAA;AAGA,SAA0BA,aAAa,EAAEC,kBAAkB,QAAiB,mCAAmC;AAe/G,OAAO,MAAMC,kBAAkBF,cAC7BG,WACiC;AAEnC,MAAMC,8BAAoD;IACxDC,gBAAgB,CAAC;IACjBC,iBAAiB,CAAC;IAClBC,aAAa;IACbC,cAAc,IAAM,IAAM;IAC1BC,gBAAgB,IAAM;IACtBC,sBAAsB,IAAM,IAAM;IAClCC,iBAAiB,IAAM,IAAM;AAC/B;AAEA;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAChCC,WACkBZ,mBAAmBC,iBAAiB,CAACY,MAAMV,2BAA2B,GAAKS,SAASC,MAAM"}

node_modules/@fluentui/react-overflow/lib/types.js

@@ -0,0 +1 @@
+import * as React from 'react';

node_modules/@fluentui/react-overflow/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { OverflowContextValue } from './overflowContext';\n\n/**\n * @internal\n */\nexport interface UseOverflowContainerReturn<TElement extends HTMLElement>\n  extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'registerOverflowMenu' | 'registerDivider'> {\n  /**\n   * Ref to apply to the container that will overflow\n   */\n  containerRef: React.RefObject<TElement | null>;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

node_modules/@fluentui/react-overflow/lib/useIsOverflowGroupVisible.js

@@ -0,0 +1,8 @@
+'use client';
+import { useOverflowContext } from './overflowContext';
+/**
+ * @param id - unique identifier for a group of overflow items
+ * @returns visibility state of the group
+ */ export function useIsOverflowGroupVisible(id) {
+    return useOverflowContext((ctx)=>ctx.groupVisibility[id]);
+}

node_modules/@fluentui/react-overflow/lib/useIsOverflowGroupVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useIsOverflowGroupVisible.ts"],"sourcesContent":["'use client';\n\nimport { OverflowGroupState } from '@fluentui/priority-overflow';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @param id - unique identifier for a group of overflow items\n * @returns visibility state of the group\n */\nexport function useIsOverflowGroupVisible(id: string): OverflowGroupState {\n  return useOverflowContext(ctx => ctx.groupVisibility[id]);\n}\n"],"names":["useOverflowContext","useIsOverflowGroupVisible","id","ctx","groupVisibility"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,QAAQ,oBAAoB;AAEvD;;;CAGC,GACD,OAAO,SAASC,0BAA0BC,EAAU;IAClD,OAAOF,mBAAmBG,CAAAA,MAAOA,IAAIC,eAAe,CAACF,GAAG;AAC1D"}

node_modules/@fluentui/react-overflow/lib/useIsOverflowItemVisible.js

@@ -0,0 +1,8 @@
+'use client';
+import { useOverflowContext } from './overflowContext';
+/**
+ * @param id - unique identifier for the item used by the overflow manager
+ * @returns visibility state of an overflow item
+ */ export function useIsOverflowItemVisible(id) {
+    return !!useOverflowContext((ctx)=>ctx.itemVisibility[id]);
+}

node_modules/@fluentui/react-overflow/lib/useIsOverflowItemVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useIsOverflowItemVisible.ts"],"sourcesContent":["'use client';\n\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @param id - unique identifier for the item used by the overflow manager\n * @returns visibility state of an overflow item\n */\nexport function useIsOverflowItemVisible(id: string): boolean {\n  return !!useOverflowContext(ctx => ctx.itemVisibility[id]);\n}\n"],"names":["useOverflowContext","useIsOverflowItemVisible","id","ctx","itemVisibility"],"mappings":"AAAA;AAEA,SAASA,kBAAkB,QAAQ,oBAAoB;AAEvD;;;CAGC,GACD,OAAO,SAASC,yBAAyBC,EAAU;IACjD,OAAO,CAAC,CAACF,mBAAmBG,CAAAA,MAAOA,IAAIC,cAAc,CAACF,GAAG;AAC3D"}

node_modules/@fluentui/react-overflow/lib/useOverflowContainer.js

@@ -0,0 +1,115 @@
+'use client';
+import * as React from 'react';
+import { createOverflowManager } from '@fluentui/priority-overflow';
+import { canUseDOM, useEventCallback, useFirstMount, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { DATA_OVERFLOWING, DATA_OVERFLOW_DIVIDER, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
+const noop = ()=>null;
+/**
+ * @internal
+ * @param update - Callback when overflow state changes
+ * @param options - Options to configure the overflow container
+ * @returns - ref to attach to an intrinsic HTML element and imperative functions
+ */ export const useOverflowContainer = (update, options)=>{
+    'use no memo';
+    const { overflowAxis = 'horizontal', overflowDirection = 'end', padding = 10, minimumVisible = 0, onUpdateItemVisibility = noop, hasHiddenItems = false } = options;
+    const onUpdateOverflow = useEventCallback(update);
+    const overflowOptions = React.useMemo(()=>({
+            overflowAxis,
+            overflowDirection,
+            padding,
+            minimumVisible,
+            onUpdateItemVisibility,
+            onUpdateOverflow,
+            hasHiddenItems
+        }), [
+        minimumVisible,
+        onUpdateItemVisibility,
+        overflowAxis,
+        overflowDirection,
+        padding,
+        onUpdateOverflow,
+        hasHiddenItems
+    ]);
+    const firstMount = useFirstMount();
+    // DOM ref to the overflow container element
+    const containerRef = React.useRef(null);
+    const [overflowManager, setOverflowManager] = React.useState(()=>canUseDOM() ? createOverflowManager() : null);
+    // On first mount there is no need to create an overflow manager and re-render
+    useIsomorphicLayoutEffect(()=>{
+        if (firstMount && containerRef.current) {
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.observe(containerRef.current, overflowOptions);
+        }
+    }, [
+        firstMount,
+        overflowManager,
+        overflowOptions
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        if (!containerRef.current || !canUseDOM() || firstMount) {
+            return;
+        }
+        const newOverflowManager = createOverflowManager();
+        newOverflowManager.observe(containerRef.current, overflowOptions);
+        setOverflowManager(newOverflowManager);
+    // We don't want to re-create the overflow manager when the first mount flag changes from true to false
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        overflowOptions
+    ]);
+    /* Clean up overflow manager on unmount */ React.useEffect(()=>()=>{
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.disconnect();
+        }, [
+        overflowManager
+    ]);
+    const registerItem = React.useCallback((item)=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addItem(item);
+        item.element.setAttribute(DATA_OVERFLOW_ITEM, '');
+        return ()=>{
+            item.element.removeAttribute(DATA_OVERFLOWING);
+            item.element.removeAttribute(DATA_OVERFLOW_ITEM);
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeItem(item.id);
+        };
+    }, [
+        overflowManager
+    ]);
+    const registerDivider = React.useCallback((divider)=>{
+        const el = divider.element;
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addDivider(divider);
+        el.setAttribute(DATA_OVERFLOW_DIVIDER, '');
+        return ()=>{
+            divider.groupId && (overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeDivider(divider.groupId));
+            el.removeAttribute(DATA_OVERFLOW_DIVIDER);
+        };
+    }, [
+        overflowManager
+    ]);
+    const registerOverflowMenu = React.useCallback((el)=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.addOverflowMenu(el);
+        el.setAttribute(DATA_OVERFLOW_MENU, '');
+        return ()=>{
+            overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.removeOverflowMenu();
+            el.removeAttribute(DATA_OVERFLOW_MENU);
+        };
+    }, [
+        overflowManager
+    ]);
+    const updateOverflow = React.useCallback(()=>{
+        overflowManager === null || overflowManager === void 0 ? void 0 : overflowManager.update();
+    }, [
+        overflowManager
+    ]);
+    return {
+        registerItem,
+        registerDivider,
+        registerOverflowMenu,
+        updateOverflow,
+        containerRef
+    };
+};
+export const updateVisibilityAttribute = ({ item, visible })=>{
+    if (visible) {
+        item.element.removeAttribute(DATA_OVERFLOWING);
+    } else {
+        item.element.setAttribute(DATA_OVERFLOWING, '');
+    }
+};

node_modules/@fluentui/react-overflow/lib/useOverflowCount.js

@@ -0,0 +1,12 @@
+'use client';
+import { useOverflowContext } from './overflowContext';
+/**
+ * @returns Number of items that are overflowing
+ */ export const useOverflowCount = ()=>useOverflowContext((v)=>{
+        return Object.entries(v.itemVisibility).reduce((acc, [id, visible])=>{
+            if (!visible) {
+                acc++;
+            }
+            return acc;
+        }, 0);
+    });

node_modules/@fluentui/react-overflow/lib/useOverflowCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowCount.ts"],"sourcesContent":["'use client';\n\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @returns Number of items that are overflowing\n */\nexport const useOverflowCount = (): number =>\n  useOverflowContext(v => {\n    return Object.entries(v.itemVisibility).reduce((acc, [id, visible]) => {\n      if (!visible) {\n        acc++;\n      }\n\n      return acc;\n    }, 0);\n  });\n"],"names":["useOverflowContext","useOverflowCount","v","Object","entries","itemVisibility","reduce","acc","id","visible"],"mappings":"AAAA;AAEA,SAASA,kBAAkB,QAAQ,oBAAoB;AAEvD;;CAEC,GACD,OAAO,MAAMC,mBAAmB,IAC9BD,mBAAmBE,CAAAA;QACjB,OAAOC,OAAOC,OAAO,CAACF,EAAEG,cAAc,EAAEC,MAAM,CAAC,CAACC,KAAK,CAACC,IAAIC,QAAQ;YAChE,IAAI,CAACA,SAAS;gBACZF;YACF;YAEA,OAAOA;QACT,GAAG;IACL,GAAG"}

node_modules/@fluentui/react-overflow/lib/useOverflowDivider.js

@@ -0,0 +1,25 @@
+'use client';
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { useOverflowContext } from './overflowContext';
+/**
+ * @internal
+ * Registers an overflow item
+ * @param groupId - assigns the item to a group, group visibility can be watched
+ * @returns ref to assign to an intrinsic HTML element
+ */ export function useOverflowDivider(groupId) {
+    const ref = React.useRef(null);
+    const registerDivider = useOverflowContext((v)=>v.registerDivider);
+    useIsomorphicLayoutEffect(()=>{
+        if (ref.current && groupId) {
+            return registerDivider({
+                element: ref.current,
+                groupId
+            });
+        }
+    }, [
+        registerDivider,
+        groupId
+    ]);
+    return ref;
+}

node_modules/@fluentui/react-overflow/lib/useOverflowDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowDivider.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @internal\n * Registers an overflow item\n * @param groupId - assigns the item to a group, group visibility can be watched\n * @returns ref to assign to an intrinsic HTML element\n */\nexport function useOverflowDivider<TElement extends HTMLElement>(groupId?: string): React.RefObject<TElement | null> {\n  const ref = React.useRef<TElement | null>(null);\n  const registerDivider = useOverflowContext(v => v.registerDivider);\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current && groupId) {\n      return registerDivider({\n        element: ref.current,\n        groupId,\n      });\n    }\n  }, [registerDivider, groupId]);\n\n  return ref;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useOverflowContext","useOverflowDivider","groupId","ref","useRef","registerDivider","v","current","element"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4BAA4B;AACtE,SAASC,kBAAkB,QAAQ,oBAAoB;AAEvD;;;;;CAKC,GACD,OAAO,SAASC,mBAAiDC,OAAgB;IAC/E,MAAMC,MAAML,MAAMM,MAAM,CAAkB;IAC1C,MAAMC,kBAAkBL,mBAAmBM,CAAAA,IAAKA,EAAED,eAAe;IAEjEN,0BAA0B;QACxB,IAAII,IAAII,OAAO,IAAIL,SAAS;YAC1B,OAAOG,gBAAgB;gBACrBG,SAASL,IAAII,OAAO;gBACpBL;YACF;QACF;IACF,GAAG;QAACG;QAAiBH;KAAQ;IAE7B,OAAOC;AACT"}

node_modules/@fluentui/react-overflow/lib/useOverflowItem.js

@@ -0,0 +1,40 @@
+'use client';
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { useOverflowContext } from './overflowContext';
+/**
+ * @internal
+ * Registers an overflow item
+ * @param id - unique identifier for the item used by the overflow manager
+ * @param priority - higher priority means the item overflows later
+ * @param groupId - assigns the item to a group, group visibility can be watched
+ * @param pinned - if true, the item will never overflow and will always be visible
+ * @returns ref to assign to an intrinsic HTML element
+ */ export function useOverflowItem(id, priority, groupId, pinned) {
+    const ref = React.useRef(null);
+    const registerItem = useOverflowContext((v)=>v.registerItem);
+    useIsomorphicLayoutEffect(()=>{
+        if (process.env.NODE_ENV !== 'production') {
+            if (typeof pinned !== 'undefined' && typeof priority !== 'undefined' && pinned) {
+                // eslint-disable-next-line no-console
+                console.error(`useOverflowItem: Overflow item with id "${id}" has pinned=true and priority<0. ` + `Pinned items are always visible and should not have defined priority.`);
+            }
+        }
+        if (ref.current) {
+            return registerItem({
+                element: ref.current,
+                id,
+                priority: priority !== null && priority !== void 0 ? priority : 0,
+                groupId,
+                pinned
+            });
+        }
+    }, [
+        id,
+        priority,
+        registerItem,
+        groupId,
+        pinned
+    ]);
+    return ref;
+}

node_modules/@fluentui/react-overflow/lib/useOverflowItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * @internal\n * Registers an overflow item\n * @param id - unique identifier for the item used by the overflow manager\n * @param priority - higher priority means the item overflows later\n * @param groupId - assigns the item to a group, group visibility can be watched\n * @param pinned - if true, the item will never overflow and will always be visible\n * @returns ref to assign to an intrinsic HTML element\n */\nexport function useOverflowItem<TElement extends HTMLElement>(\n  id: string,\n  priority?: number,\n  groupId?: string,\n  pinned?: boolean,\n): React.RefObject<TElement | null> {\n  const ref = React.useRef<TElement | null>(null);\n  const registerItem = useOverflowContext(v => v.registerItem);\n\n  useIsomorphicLayoutEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof pinned !== 'undefined' && typeof priority !== 'undefined' && pinned) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `useOverflowItem: Overflow item with id \"${id}\" has pinned=true and priority<0. ` +\n            `Pinned items are always visible and should not have defined priority.`,\n        );\n      }\n    }\n\n    if (ref.current) {\n      return registerItem({\n        element: ref.current,\n        id,\n        priority: priority ?? 0,\n        groupId,\n        pinned,\n      });\n    }\n  }, [id, priority, registerItem, groupId, pinned]);\n\n  return ref;\n}\n"],"names":["React","useIsomorphicLayoutEffect","useOverflowContext","useOverflowItem","id","priority","groupId","pinned","ref","useRef","registerItem","v","process","env","NODE_ENV","console","error","current","element"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,4BAA4B;AACtE,SAASC,kBAAkB,QAAQ,oBAAoB;AAEvD;;;;;;;;CAQC,GACD,OAAO,SAASC,gBACdC,EAAU,EACVC,QAAiB,EACjBC,OAAgB,EAChBC,MAAgB;IAEhB,MAAMC,MAAMR,MAAMS,MAAM,CAAkB;IAC1C,MAAMC,eAAeR,mBAAmBS,CAAAA,IAAKA,EAAED,YAAY;IAE3DT,0BAA0B;QACxB,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,IAAI,OAAOP,WAAW,eAAe,OAAOF,aAAa,eAAeE,QAAQ;gBAC9E,sCAAsC;gBACtCQ,QAAQC,KAAK,CACX,CAAC,wCAAwC,EAAEZ,GAAG,kCAAkC,CAAC,GAC/E,CAAC,qEAAqE,CAAC;YAE7E;QACF;QAEA,IAAII,IAAIS,OAAO,EAAE;YACf,OAAOP,aAAa;gBAClBQ,SAASV,IAAIS,OAAO;gBACpBb;gBACAC,UAAUA,qBAAAA,sBAAAA,WAAY;gBACtBC;gBACAC;YACF;QACF;IACF,GAAG;QAACH;QAAIC;QAAUK;QAAcJ;QAASC;KAAO;IAEhD,OAAOC;AACT"}

node_modules/@fluentui/react-overflow/lib/useOverflowMenu.js

@@ -0,0 +1,36 @@
+'use client';
+import * as React from 'react';
+import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { useOverflowContext } from './overflowContext';
+import { useOverflowCount } from './useOverflowCount';
+export function useOverflowMenu(id) {
+    const elementId = useId('overflow-menu', id);
+    const overflowCount = useOverflowCount();
+    const registerOverflowMenu = useOverflowContext((v)=>v.registerOverflowMenu);
+    const updateOverflow = useOverflowContext((v)=>v.updateOverflow);
+    const ref = React.useRef(null);
+    const isOverflowing = overflowCount > 0;
+    useIsomorphicLayoutEffect(()=>{
+        if (ref.current) {
+            return registerOverflowMenu(ref.current);
+        }
+    }, [
+        registerOverflowMenu,
+        isOverflowing,
+        elementId
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        if (isOverflowing) {
+            updateOverflow();
+        }
+    }, [
+        isOverflowing,
+        updateOverflow,
+        ref
+    ]);
+    return {
+        ref,
+        overflowCount,
+        isOverflowing
+    };
+}

node_modules/@fluentui/react-overflow/lib/useOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useOverflowContext } from './overflowContext';\nimport { useOverflowCount } from './useOverflowCount';\n\nexport function useOverflowMenu<TElement extends HTMLElement>(\n  id?: string,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n): { ref: React.MutableRefObject<TElement | null>; overflowCount: number; isOverflowing: boolean } {\n  const elementId = useId('overflow-menu', id);\n  const overflowCount = useOverflowCount();\n  const registerOverflowMenu = useOverflowContext(v => v.registerOverflowMenu);\n  const updateOverflow = useOverflowContext(v => v.updateOverflow);\n  const ref = React.useRef<TElement | null>(null);\n  const isOverflowing = overflowCount > 0;\n\n  useIsomorphicLayoutEffect(() => {\n    if (ref.current) {\n      return registerOverflowMenu(ref.current);\n    }\n  }, [registerOverflowMenu, isOverflowing, elementId]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (isOverflowing) {\n      updateOverflow();\n    }\n  }, [isOverflowing, updateOverflow, ref]);\n\n  return { ref, overflowCount, isOverflowing };\n}\n"],"names":["React","useId","useIsomorphicLayoutEffect","useOverflowContext","useOverflowCount","useOverflowMenu","id","elementId","overflowCount","registerOverflowMenu","v","updateOverflow","ref","useRef","isOverflowing","current"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,yBAAyB,QAAQ,4BAA4B;AAC7E,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,SAASC,gBACdC,EAAW;IAGX,MAAMC,YAAYN,MAAM,iBAAiBK;IACzC,MAAME,gBAAgBJ;IACtB,MAAMK,uBAAuBN,mBAAmBO,CAAAA,IAAKA,EAAED,oBAAoB;IAC3E,MAAME,iBAAiBR,mBAAmBO,CAAAA,IAAKA,EAAEC,cAAc;IAC/D,MAAMC,MAAMZ,MAAMa,MAAM,CAAkB;IAC1C,MAAMC,gBAAgBN,gBAAgB;IAEtCN,0BAA0B;QACxB,IAAIU,IAAIG,OAAO,EAAE;YACf,OAAON,qBAAqBG,IAAIG,OAAO;QACzC;IACF,GAAG;QAACN;QAAsBK;QAAeP;KAAU;IAEnDL,0BAA0B;QACxB,IAAIY,eAAe;YACjBH;QACF;IACF,GAAG;QAACG;QAAeH;QAAgBC;KAAI;IAEvC,OAAO;QAAEA;QAAKJ;QAAeM;IAAc;AAC7C"}

node_modules/@fluentui/react-overflow/lib/useOverflowVisibility.js

@@ -0,0 +1,22 @@
+'use client';
+import * as React from 'react';
+import { useOverflowContext } from './overflowContext';
+/**
+ * A hook that returns the visibility status of all items and groups.
+ *
+ * ⚠️ Heads up!
+ *
+ * This hook will cause the component it is in to re-render for every single time an item overflows or becomes
+ * visible - use with caution
+ * @returns visibility status of all items and groups
+ */ export function useOverflowVisibility() {
+    const itemVisibility = useOverflowContext((ctx)=>ctx.itemVisibility);
+    const groupVisibility = useOverflowContext((ctx)=>ctx.groupVisibility);
+    return React.useMemo(()=>({
+            itemVisibility,
+            groupVisibility
+        }), [
+        itemVisibility,
+        groupVisibility
+    ]);
+}

node_modules/@fluentui/react-overflow/lib/useOverflowVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOverflowVisibility.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useOverflowContext } from './overflowContext';\n\n/**\n * A hook that returns the visibility status of all items and groups.\n *\n * ⚠️ Heads up!\n *\n * This hook will cause the component it is in to re-render for every single time an item overflows or becomes\n * visible - use with caution\n * @returns visibility status of all items and groups\n */\nexport function useOverflowVisibility(): {\n  itemVisibility: Record<string, boolean>;\n  groupVisibility: Record<string, import('@fluentui/priority-overflow').OverflowGroupState>;\n} {\n  const itemVisibility = useOverflowContext(ctx => ctx.itemVisibility);\n  const groupVisibility = useOverflowContext(ctx => ctx.groupVisibility);\n\n  return React.useMemo(() => ({ itemVisibility, groupVisibility }), [itemVisibility, groupVisibility]);\n}\n"],"names":["React","useOverflowContext","useOverflowVisibility","itemVisibility","ctx","groupVisibility","useMemo"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,oBAAoB;AAEvD;;;;;;;;CAQC,GACD,OAAO,SAASC;IAId,MAAMC,iBAAiBF,mBAAmBG,CAAAA,MAAOA,IAAID,cAAc;IACnE,MAAME,kBAAkBJ,mBAAmBG,CAAAA,MAAOA,IAAIC,eAAe;IAErE,OAAOL,MAAMM,OAAO,CAAC,IAAO,CAAA;YAAEH;YAAgBE;QAAgB,CAAA,GAAI;QAACF;QAAgBE;KAAgB;AACrG"}

node_modules/@fluentui/react-overflow/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@fluentui/react-overflow",
+  "version": "9.7.1",
+  "description": "React bindings for @fluentui/priority-overflow",
+  "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",
+  "dependencies": {
+    "@fluentui/priority-overflow": "^9.3.0",
+    "@fluentui/react-context-selector": "^9.2.15",
+    "@fluentui/react-theme": "^9.2.1",
+    "@fluentui/react-utilities": "^9.26.2",
+    "@griffel/react": "^1.5.32",
+    "@swc/helpers": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.14.0 <20.0.0",
+    "@types/react-dom": ">=16.9.0 <20.0.0",
+    "react": ">=16.14.0 <20.0.0",
+    "react-dom": ">=16.14.0 <20.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "prerelease",
+      "major"
+    ]
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ]
+}