@fluentui/react-overflow 9.9.0 → 9.9.2

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 # Change Log - @fluentui/react-overflow
 
-This log was last generated on Wed, 24 Jun 2026 11:03:38 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 11 Aug 2026 17:16:02 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## [9.9.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.9.2)
+
+Tue, 11 Aug 2026 17:16:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.9.1..@fluentui/react-overflow_v9.9.2)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
+- Bump @fluentui/priority-overflow to v9.4.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.9.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.9.1)
+
+Wed, 15 Jul 2026 14:10:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.9.0..@fluentui/react-overflow_v9.9.1)
+
+### Patches
+
+- Bump @fluentui/priority-overflow to v9.4.1 ([PR #36401](https://github.com/microsoft/fluentui/pull/36401) by beachball)
+
 ## [9.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.9.0)
 
-Wed, 24 Jun 2026 11:03:38 GMT 
+Wed, 24 Jun 2026 11:09:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.8.0..@fluentui/react-overflow_v9.9.0)
 
 ### Minor changes

package/dist/index.d.cts

@@ -0,0 +1,299 @@
+import { OnUpdateItemVisibility } from '@fluentui/priority-overflow';
+import { OnUpdateOverflow } from '@fluentui/priority-overflow';
+import type { OverflowDividerEntry } from '@fluentui/priority-overflow';
+import { OverflowEventPayload } from '@fluentui/priority-overflow';
+import type { OverflowGroupState } from '@fluentui/priority-overflow';
+import type { OverflowItemEntry } from '@fluentui/priority-overflow';
+import { OverflowOptions } from '@fluentui/priority-overflow';
+import type { OverflowSnapshot } 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 {
+}
+
+export { OnUpdateItemVisibility }
+
+export { OnUpdateOverflow }
+
+/**
+ * Provides an OverflowContext for OverflowItem descendants.
+ */
+export declare const Overflow: React_2.ForwardRefExoticComponent<Partial<Pick<OverflowOptions, "overflowAxis" | "overflowDirection" | "padding" | "minimumVisible" | "hasHiddenItems">> & {
+    children: React_2.ReactElement;
+    onOverflowChange?: (ev: null, data: OverflowState) => void;
+} & React_2.RefAttributes<unknown>>;
+
+/**
+ * State used in rendering Overflow. Carries the overflow container's registration api so
+ * `useOverflowContextValues_unstable` can assemble the context values.
+ */
+export declare type OverflowComponentState = UseOverflowContainerReturn<HTMLElement> & {
+    /**
+     * Merged ref applied to the cloned child's root element.
+     */
+    ref: React_2.Ref<HTMLElement>;
+    /**
+     * Class name applied to the cloned child. Set by `useOverflowStyles_unstable`; left `undefined`
+     * by headless consumers that apply no styling.
+     */
+    className?: string;
+    /**
+     * The single child that overflow behavior is attached to.
+     */
+    children: React_2.ReactElement;
+};
+
+/**
+ * @public
+ */
+export declare interface OverflowContextValue {
+    /**
+     * @deprecated This value is not guaranteed to be up to date and should not be used directly. Use getSnapshot or the provided hooks instead
+     */
+    itemVisibility: Record<string, boolean>;
+    /**
+     * @deprecated This value is not guaranteed to be up to date and should not be used directly. Use getSnapshot or the provided hooks instead
+     */
+    groupVisibility: Record<string, OverflowGroupState>;
+    /**
+     * @deprecated This value is not guaranteed to be up to date and should not be used directly. Use getSnapshot or the provided hooks instead
+     */
+    hasOverflow: boolean;
+    registerItem: (item: OverflowItemEntry) => () => void;
+    registerOverflowMenu: (el: HTMLElement) => () => void;
+    registerDivider: (divider: OverflowDividerEntry) => () => void;
+    updateOverflow: (padding?: number) => void;
+    forceUpdateOverflow: () => void;
+    containerRef?: React_2.RefObject<HTMLElement | null>;
+    getSnapshot: () => OverflowSnapshot;
+    subscribe: (listener: () => void) => () => void;
+}
+
+/**
+ * Context values provided to overflow descendants.
+ */
+export declare type OverflowContextValues = {
+    overflow: OverflowContextValue;
+};
+
+/**
+ * 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
+ */
+export 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;
+};
+
+export { OverflowEventPayload }
+
+/**
+ * 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;
+});
+
+export declare type OverflowProps = Partial<Pick<OverflowOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible' | 'hasHiddenItems'>> & {
+    children: React_2.ReactElement;
+    onOverflowChange?: (ev: null, data: OverflowState) => void;
+};
+
+/**
+ * Provides an {@link OverflowContextValue} to descendant overflow hooks and components.
+ * Used by headless consumers that build their own overflow root.
+ * @public
+ */
+export declare const OverflowProvider: React_2.Provider<OverflowContextValue>;
+
+/**
+ * Renderless opt-in component that observes the `<Overflow>` container for
+ * direct-child DOM mutations and triggers an overflow recompute. Drop it
+ * inside `<Overflow>` when items can be reordered, added, or removed via
+ * React state without a container resize — Fluent's overflow manager only
+ * listens to `ResizeObserver` otherwise, so reorders leave visibility flags
+ * stale.
+ *
+ * @example
+ * ```tsx
+ * <Overflow>
+ *   <div>
+ *     <OverflowReorderObserver />
+ *     {items.map(id => <OverflowItem key={id} id={id} priority={1}>{id}</OverflowItem>)}
+ *   </div>
+ * </Overflow>
+ * ```
+ */
+export declare const OverflowReorderObserver: React_2.FC;
+
+export declare interface OverflowState {
+    hasOverflow: boolean;
+    itemVisibility: Record<string, boolean>;
+    groupVisibility: Record<string, OverflowGroupState>;
+}
+
+/**
+ * Render the final JSX of Overflow.
+ *
+ * Griffel-free so it can be reused by headless consumers; all class merging happens in
+ * `useOverflowStyles_unstable`.
+ */
+export declare const renderOverflow_unstable: (state: OverflowComponentState, contextValues: OverflowContextValues) => React_2.ReactElement;
+
+/**
+ * @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;
+
+/**
+ * The state required to render Overflow.
+ *
+ * @param props - props from this instance of Overflow
+ * @param ref - reference forwarded to the single child's root element
+ */
+export declare const useOverflow_unstable: (props: OverflowProps, ref: React_2.Ref<HTMLElement>) => OverflowComponentState;
+
+/**
+ * @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<OverflowOptions, "onUpdateOverflow">) => UseOverflowContainerReturn<TElement>;
+
+/**
+ * @public
+ */
+export declare interface UseOverflowContainerReturn<TElement extends HTMLElement> extends Pick<OverflowContextValue, 'registerItem' | 'updateOverflow' | 'forceUpdateOverflow' | 'registerOverflowMenu' | 'registerDivider' | 'getSnapshot' | 'subscribe'> {
+    /**
+     * Ref to apply to the container that will overflow
+     */
+    containerRef: React_2.RefObject<TElement | null>;
+}
+
+/**
+ * @internal
+ */
+export declare function useOverflowContext(): OverflowContextValue;
+
+/**
+ * @internal
+ */
+export declare function useOverflowContext<SelectedValue>(selector: (context: OverflowContextValue) => SelectedValue): SelectedValue;
+
+/**
+ * Assembles the overflow context values provided to descendants, from the state returned by
+ * {@link useOverflow_unstable}.
+ *
+ * @internal
+ */
+export declare const useOverflowContextValues_unstable: (state: OverflowComponentState) => OverflowContextValues;
+
+/**
+ * @returns Number of items that are overflowing
+ */
+export declare const useOverflowCount: () => number;
+
+/**
+ * Registers an overflow item
+ *
+ * @internal
+ * @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>;
+
+/**
+ * Registers an overflow item
+ *
+ * @internal
+ * @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;
+};
+
+export declare const useOverflowStyles_unstable: (state: OverflowComponentState) => OverflowComponentState;
+
+/**
+ * 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 { }

package/lib/components/Overflow/Overflow.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { useOverflow_unstable } from './useOverflow';
-import { useOverflowContextValues_unstable } from '../../useOverflowContextValues';
-import { useOverflowStyles_unstable } from './useOverflowStyles.styles';
-import { renderOverflow_unstable } from './renderOverflow';
+import * as React from "react";
+import { useOverflow_unstable } from "./useOverflow.js";
+import { useOverflowContextValues_unstable } from "../../useOverflowContextValues.js";
+import { useOverflowStyles_unstable } from "./useOverflowStyles.styles.js";
+import { renderOverflow_unstable } from "./renderOverflow.js";
 /**
  * Provides an OverflowContext for OverflowItem descendants.
  */ export const Overflow = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/Overflow/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { OverflowProps } from './Overflow.types';\nimport { useOverflow_unstable } from './useOverflow';\nimport { useOverflowContextValues_unstable } from '../../useOverflowContextValues';\nimport { useOverflowStyles_unstable } from './useOverflowStyles.styles';\nimport { renderOverflow_unstable } from './renderOverflow';\n\n/**\n * Provides an OverflowContext for OverflowItem descendants.\n */\nexport const Overflow = React.forwardRef((props: OverflowProps, ref) => {\n  const state = useOverflow_unstable(props, ref as React.Ref<HTMLElement>);\n  const contextValues = useOverflowContextValues_unstable(state);\n\n  useOverflowStyles_unstable(state);\n\n  return renderOverflow_unstable(state, contextValues);\n});\n"],"names":["React","useOverflow_unstable","useOverflowContextValues_unstable","useOverflowStyles_unstable","renderOverflow_unstable","Overflow","forwardRef","props","ref","state","contextValues"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,iCAAiC,QAAQ,iCAAiC;AACnF,SAASC,0BAA0B,QAAQ,6BAA6B;AACxE,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D;;CAEC,GACD,OAAO,MAAMC,yBAAWL,MAAMM,UAAU,CAAC,CAACC,OAAsBC;IAC9D,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBR,kCAAkCO;IAExDN,2BAA2BM;IAE3B,OAAOL,wBAAwBK,OAAOC;AACxC,GAAG"}
+{"version":3,"sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { OverflowProps } from './Overflow.types';\nimport { useOverflow_unstable } from './useOverflow';\nimport { useOverflowContextValues_unstable } from '../../useOverflowContextValues';\nimport { useOverflowStyles_unstable } from './useOverflowStyles.styles';\nimport { renderOverflow_unstable } from './renderOverflow';\n\n/**\n * Provides an OverflowContext for OverflowItem descendants.\n */\nexport const Overflow = React.forwardRef((props: OverflowProps, ref) => {\n  const state = useOverflow_unstable(props, ref as React.Ref<HTMLElement>);\n  const contextValues = useOverflowContextValues_unstable(state);\n\n  useOverflowStyles_unstable(state);\n\n  return renderOverflow_unstable(state, contextValues);\n});\n"],"names":["React","useOverflow_unstable","useOverflowContextValues_unstable","useOverflowStyles_unstable","renderOverflow_unstable","Overflow","forwardRef","props","ref","state","contextValues"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,mBAAgB;AACrD,SAASC,iCAAiC,QAAQ,oCAAiC;AACnF,SAASC,0BAA0B,QAAQ,gCAA6B;AACxE,SAASC,uBAAuB,QAAQ,sBAAmB;AAE3D;;CAEC,GACD,OAAO,MAAMC,yBAAWL,MAAMM,UAAU,CAAC,CAACC,OAAsBC;IAC9D,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBR,kCAAkCO;IAExDN,2BAA2BM;IAE3B,OAAOL,wBAAwBK,OAAOC;AACxC,GAAG"}

package/lib/components/Overflow/index.js

@@ -1,4 +1,4 @@
-export { Overflow } from './Overflow';
-export { useOverflow_unstable } from './useOverflow';
-export { renderOverflow_unstable } from './renderOverflow';
-export { useOverflowStyles_unstable } from './useOverflowStyles.styles';
+export { Overflow } from "./Overflow.js";
+export { useOverflow_unstable } from "./useOverflow.js";
+export { renderOverflow_unstable } from "./renderOverflow.js";
+export { useOverflowStyles_unstable } from "./useOverflowStyles.styles.js";

package/lib/components/Overflow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overflow/index.ts"],"sourcesContent":["export { Overflow } from './Overflow';\nexport { useOverflow_unstable } from './useOverflow';\nexport { renderOverflow_unstable } from './renderOverflow';\nexport { useOverflowStyles_unstable } from './useOverflowStyles.styles';\nexport type {\n  OverflowProps,\n  OnOverflowChangeData,\n  OverflowState,\n  OverflowComponentState,\n  OverflowContextValues,\n} from './Overflow.types';\n"],"names":["Overflow","useOverflow_unstable","renderOverflow_unstable","useOverflowStyles_unstable"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AACtC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B"}
+{"version":3,"sources":["../src/components/Overflow/index.ts"],"sourcesContent":["export { Overflow } from './Overflow';\nexport { useOverflow_unstable } from './useOverflow';\nexport { renderOverflow_unstable } from './renderOverflow';\nexport { useOverflowStyles_unstable } from './useOverflowStyles.styles';\nexport type {\n  OverflowProps,\n  OnOverflowChangeData,\n  OverflowState,\n  OverflowComponentState,\n  OverflowContextValues,\n} from './Overflow.types';\n"],"names":["Overflow","useOverflow_unstable","renderOverflow_unstable","useOverflowStyles_unstable"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAa;AACtC,SAASC,oBAAoB,QAAQ,mBAAgB;AACrD,SAASC,uBAAuB,QAAQ,sBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,gCAA6B"}

package/lib/components/Overflow/renderOverflow.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-utilities';
-import { OverflowContext } from '../../overflowContext';
+import * as React from "react";
+import { applyTriggerPropsToChildren, getTriggerChild } from "@fluentui/react-utilities";
+import { OverflowContext } from "../../overflowContext.js";
 /**
  * Render the final JSX of Overflow.
  *

package/lib/components/Overflow/renderOverflow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overflow/renderOverflow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-utilities';\nimport { OverflowContext } from '../../overflowContext';\nimport type { OverflowComponentState, OverflowContextValues } from './Overflow.types';\n\n/**\n * Render the final JSX of Overflow.\n *\n * Griffel-free so it can be reused by headless consumers; all class merging happens in\n * `useOverflowStyles_unstable`.\n */\nexport const renderOverflow_unstable = (\n  state: OverflowComponentState,\n  contextValues: OverflowContextValues,\n): React.ReactElement => {\n  const child = getTriggerChild<HTMLElement>(state.children);\n\n  const clonedChild = applyTriggerPropsToChildren(state.children, {\n    ref: state.ref,\n    className: state.className ?? child?.props.className,\n  });\n\n  return <OverflowContext.Provider value={contextValues.overflow}>{clonedChild}</OverflowContext.Provider>;\n};\n"],"names":["React","applyTriggerPropsToChildren","getTriggerChild","OverflowContext","renderOverflow_unstable","state","contextValues","child","children","clonedChild","ref","className","props","Provider","value","overflow"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,EAAEC,eAAe,QAAQ,4BAA4B;AACzF,SAASC,eAAe,QAAQ,wBAAwB;AAGxD;;;;;CAKC,GACD,OAAO,MAAMC,0BAA0B,CACrCC,OACAC;IAEA,MAAMC,QAAQL,gBAA6BG,MAAMG,QAAQ;QAI5CH;IAFb,MAAMI,cAAcR,4BAA4BI,MAAMG,QAAQ,EAAE;QAC9DE,KAAKL,MAAMK,GAAG;QACdC,WAAWN,CAAAA,mBAAAA,MAAMM,SAAS,cAAfN,8BAAAA,mBAAmBE,kBAAAA,4BAAAA,MAAOK,KAAK,CAACD,SAAS;IACtD;IAEA,qBAAO,oBAACR,gBAAgBU,QAAQ;QAACC,OAAOR,cAAcS,QAAQ;OAAGN;AACnE,EAAE"}
+{"version":3,"sources":["../src/components/Overflow/renderOverflow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { applyTriggerPropsToChildren, getTriggerChild } from '@fluentui/react-utilities';\nimport { OverflowContext } from '../../overflowContext';\nimport type { OverflowComponentState, OverflowContextValues } from './Overflow.types';\n\n/**\n * Render the final JSX of Overflow.\n *\n * Griffel-free so it can be reused by headless consumers; all class merging happens in\n * `useOverflowStyles_unstable`.\n */\nexport const renderOverflow_unstable = (\n  state: OverflowComponentState,\n  contextValues: OverflowContextValues,\n): React.ReactElement => {\n  const child = getTriggerChild<HTMLElement>(state.children);\n\n  const clonedChild = applyTriggerPropsToChildren(state.children, {\n    ref: state.ref,\n    className: state.className ?? child?.props.className,\n  });\n\n  return <OverflowContext.Provider value={contextValues.overflow}>{clonedChild}</OverflowContext.Provider>;\n};\n"],"names":["React","applyTriggerPropsToChildren","getTriggerChild","OverflowContext","renderOverflow_unstable","state","contextValues","child","children","clonedChild","ref","className","props","Provider","value","overflow"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,EAAEC,eAAe,QAAQ,4BAA4B;AACzF,SAASC,eAAe,QAAQ,2BAAwB;AAGxD;;;;;CAKC,GACD,OAAO,MAAMC,0BAA0B,CACrCC,OACAC;IAEA,MAAMC,QAAQL,gBAA6BG,MAAMG,QAAQ;QAI5CH;IAFb,MAAMI,cAAcR,4BAA4BI,MAAMG,QAAQ,EAAE;QAC9DE,KAAKL,MAAMK,GAAG;QACdC,WAAWN,CAAAA,mBAAAA,MAAMM,SAAS,cAAfN,8BAAAA,mBAAmBE,kBAAAA,4BAAAA,MAAOK,KAAK,CAACD,SAAS;IACtD;IAEA,qBAAO,oBAACR,gBAAgBU,QAAQ;QAACC,OAAOR,cAAcS,QAAQ;OAAGN;AACnE,EAAE"}

package/lib/components/Overflow/useOverflow.js

@@ -1,6 +1,6 @@
 'use client';
-import { getTriggerChild, getReactElementRef, useMergedRefs, useEventCallback } from '@fluentui/react-utilities';
-import { updateVisibilityAttribute, useOverflowContainer } from '../../useOverflowContainer';
+import { getTriggerChild, getReactElementRef, useMergedRefs, useEventCallback } from "@fluentui/react-utilities";
+import { updateVisibilityAttribute, useOverflowContainer } from "../../useOverflowContainer.js";
 /**
  * The state required to render Overflow.
  *

package/lib/components/Overflow/useOverflow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overflow/useOverflow.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { OnUpdateOverflow } from '@fluentui/priority-overflow';\nimport { getTriggerChild, getReactElementRef, useMergedRefs, useEventCallback } from '@fluentui/react-utilities';\n\nimport { updateVisibilityAttribute, useOverflowContainer } from '../../useOverflowContainer';\nimport type { OverflowComponentState, OverflowProps, OverflowState } from './Overflow.types';\n\n/**\n * The state required to render Overflow.\n *\n * @param props - props from this instance of Overflow\n * @param ref - reference forwarded to the single child's root element\n */\nexport const useOverflow_unstable = (props: OverflowProps, ref: React.Ref<HTMLElement>): OverflowComponentState => {\n  const {\n    children,\n    minimumVisible,\n    overflowAxis = 'horizontal',\n    overflowDirection,\n    padding,\n    onOverflowChange,\n    hasHiddenItems,\n  } = props;\n\n  const update: OnUpdateOverflow = useEventCallback(() => {\n    // eslint-disable-next-line react-hooks/immutability\n    const snapshot = getSnapshot();\n    const state: OverflowState = {\n      hasOverflow: snapshot.invisibleItemCount > 0,\n      itemVisibility: snapshot.itemVisibility,\n      groupVisibility: snapshot.groupVisibility,\n    };\n    onOverflowChange?.(null, state);\n  });\n\n  const {\n    containerRef,\n    getSnapshot,\n    subscribe,\n    registerItem,\n    updateOverflow,\n    forceUpdateOverflow,\n    registerOverflowMenu,\n    registerDivider,\n  } = useOverflowContainer(update, {\n    overflowDirection,\n    overflowAxis,\n    padding,\n    minimumVisible,\n    hasHiddenItems,\n    onUpdateItemVisibility: updateVisibilityAttribute,\n  });\n\n  const child = getTriggerChild<HTMLElement>(children);\n\n  return {\n    containerRef,\n    getSnapshot,\n    subscribe,\n    registerItem,\n    updateOverflow,\n    forceUpdateOverflow,\n    registerOverflowMenu,\n    registerDivider,\n    ref: useMergedRefs(containerRef, ref, getReactElementRef(child)),\n    children,\n  };\n};\n"],"names":["getTriggerChild","getReactElementRef","useMergedRefs","useEventCallback","updateVisibilityAttribute","useOverflowContainer","useOverflow_unstable","props","ref","children","minimumVisible","overflowAxis","overflowDirection","padding","onOverflowChange","hasHiddenItems","update","snapshot","getSnapshot","state","hasOverflow","invisibleItemCount","itemVisibility","groupVisibility","containerRef","subscribe","registerItem","updateOverflow","forceUpdateOverflow","registerOverflowMenu","registerDivider","onUpdateItemVisibility","child"],"mappings":"AAAA;AAIA,SAASA,eAAe,EAAEC,kBAAkB,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEjH,SAASC,yBAAyB,EAAEC,oBAAoB,QAAQ,6BAA6B;AAG7F;;;;;CAKC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EACJC,QAAQ,EACRC,cAAc,EACdC,eAAe,YAAY,EAC3BC,iBAAiB,EACjBC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACf,GAAGR;IAEJ,MAAMS,SAA2Bb,iBAAiB;QAChD,oDAAoD;QACpD,MAAMc,WAAWC;QACjB,MAAMC,QAAuB;YAC3BC,aAAaH,SAASI,kBAAkB,GAAG;YAC3CC,gBAAgBL,SAASK,cAAc;YACvCC,iBAAiBN,SAASM,eAAe;QAC3C;QACAT,6BAAAA,uCAAAA,iBAAmB,MAAMK;IAC3B;IAEA,MAAM,EACJK,YAAY,EACZN,WAAW,EACXO,SAAS,EACTC,YAAY,EACZC,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,eAAe,EAChB,GAAGzB,qBAAqBW,QAAQ;QAC/BJ;QACAD;QACAE;QACAH;QACAK;QACAgB,wBAAwB3B;IAC1B;IAEA,MAAM4B,QAAQhC,gBAA6BS;IAE3C,OAAO;QACLe;QACAN;QACAO;QACAC;QACAC;QACAC;QACAC;QACAC;QACAtB,KAAKN,cAAcsB,cAAchB,KAAKP,mBAAmB+B;QACzDvB;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Overflow/useOverflow.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { OnUpdateOverflow } from '@fluentui/priority-overflow';\nimport { getTriggerChild, getReactElementRef, useMergedRefs, useEventCallback } from '@fluentui/react-utilities';\n\nimport { updateVisibilityAttribute, useOverflowContainer } from '../../useOverflowContainer';\nimport type { OverflowComponentState, OverflowProps, OverflowState } from './Overflow.types';\n\n/**\n * The state required to render Overflow.\n *\n * @param props - props from this instance of Overflow\n * @param ref - reference forwarded to the single child's root element\n */\nexport const useOverflow_unstable = (props: OverflowProps, ref: React.Ref<HTMLElement>): OverflowComponentState => {\n  const {\n    children,\n    minimumVisible,\n    overflowAxis = 'horizontal',\n    overflowDirection,\n    padding,\n    onOverflowChange,\n    hasHiddenItems,\n  } = props;\n\n  const update: OnUpdateOverflow = useEventCallback(() => {\n    // eslint-disable-next-line react-hooks/immutability\n    const snapshot = getSnapshot();\n    const state: OverflowState = {\n      hasOverflow: snapshot.invisibleItemCount > 0,\n      itemVisibility: snapshot.itemVisibility,\n      groupVisibility: snapshot.groupVisibility,\n    };\n    onOverflowChange?.(null, state);\n  });\n\n  const {\n    containerRef,\n    getSnapshot,\n    subscribe,\n    registerItem,\n    updateOverflow,\n    forceUpdateOverflow,\n    registerOverflowMenu,\n    registerDivider,\n  } = useOverflowContainer(update, {\n    overflowDirection,\n    overflowAxis,\n    padding,\n    minimumVisible,\n    hasHiddenItems,\n    onUpdateItemVisibility: updateVisibilityAttribute,\n  });\n\n  const child = getTriggerChild<HTMLElement>(children);\n\n  return {\n    containerRef,\n    getSnapshot,\n    subscribe,\n    registerItem,\n    updateOverflow,\n    forceUpdateOverflow,\n    registerOverflowMenu,\n    registerDivider,\n    ref: useMergedRefs(containerRef, ref, getReactElementRef(child)),\n    children,\n  };\n};\n"],"names":["getTriggerChild","getReactElementRef","useMergedRefs","useEventCallback","updateVisibilityAttribute","useOverflowContainer","useOverflow_unstable","props","ref","children","minimumVisible","overflowAxis","overflowDirection","padding","onOverflowChange","hasHiddenItems","update","snapshot","getSnapshot","state","hasOverflow","invisibleItemCount","itemVisibility","groupVisibility","containerRef","subscribe","registerItem","updateOverflow","forceUpdateOverflow","registerOverflowMenu","registerDivider","onUpdateItemVisibility","child"],"mappings":"AAAA;AAIA,SAASA,eAAe,EAAEC,kBAAkB,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEjH,SAASC,yBAAyB,EAAEC,oBAAoB,QAAQ,gCAA6B;AAG7F;;;;;CAKC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EACJC,QAAQ,EACRC,cAAc,EACdC,eAAe,YAAY,EAC3BC,iBAAiB,EACjBC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACf,GAAGR;IAEJ,MAAMS,SAA2Bb,iBAAiB;QAChD,oDAAoD;QACpD,MAAMc,WAAWC;QACjB,MAAMC,QAAuB;YAC3BC,aAAaH,SAASI,kBAAkB,GAAG;YAC3CC,gBAAgBL,SAASK,cAAc;YACvCC,iBAAiBN,SAASM,eAAe;QAC3C;QACAT,6BAAAA,uCAAAA,iBAAmB,MAAMK;IAC3B;IAEA,MAAM,EACJK,YAAY,EACZN,WAAW,EACXO,SAAS,EACTC,YAAY,EACZC,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,eAAe,EAChB,GAAGzB,qBAAqBW,QAAQ;QAC/BJ;QACAD;QACAE;QACAH;QACAK;QACAgB,wBAAwB3B;IAC1B;IAEA,MAAM4B,QAAQhC,gBAA6BS;IAE3C,OAAO;QACLe;QACAN;QACAO;QACAC;QACAC;QACAC;QACAC;QACAC;QACAtB,KAAKN,cAAcsB,cAAchB,KAAKP,mBAAmB+B;QACzDvB;IACF;AACF,EAAE"}

package/lib/components/Overflow/useOverflowStyles.styles.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
-import { getTriggerChild } from '@fluentui/react-utilities';
-import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../../constants';
+import { __styles, mergeClasses } from "@griffel/react";
+import { getTriggerChild } from "@fluentui/react-utilities";
+import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from "../../constants.js";
 export const useOverflowStyles = /*#__PURE__*/__styles({
   overflowMenu: {
     Brvla84: "fyfkpbf"

package/lib/components/Overflow/useOverflowStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","getTriggerChild","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","Brvla84","overflowingItems","zb22lx","d","useOverflowStyles_unstable","state","styles","child","children","className","props"],"sources":["useOverflowStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTriggerChild } from '@fluentui/react-utilities';\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});\nexport const useOverflowStyles_unstable = (state)=>{\n    const styles = useOverflowStyles();\n    const child = getTriggerChild(state.children);\n    // eslint-disable-next-line react-hooks/immutability\n    state.className = mergeClasses('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child === null || child === void 0 ? void 0 : child.props.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,iBAAiB;AACtE,OAAO,MAAMC,iBAAiB,gBAAGL,QAAA;EAAAM,YAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAWhC,CAAC;AACF,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EAC/C,MAAMC,MAAM,GAAGR,iBAAiB,CAAC,CAAC;EAClC,MAAMS,KAAK,GAAGZ,eAAe,CAACU,KAAK,CAACG,QAAQ,CAAC;EAC7C;EACAH,KAAK,CAACI,SAAS,GAAGf,YAAY,CAAC,cAAc,EAAEY,MAAM,CAACP,YAAY,EAAEO,MAAM,CAACL,gBAAgB,EAAEM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACG,KAAK,CAACD,SAAS,CAAC;EACjK,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","getTriggerChild","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","Brvla84","overflowingItems","zb22lx","d","useOverflowStyles_unstable","state","styles","child","children","className","props"],"sources":["useOverflowStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { getTriggerChild } from \"@fluentui/react-utilities\";\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from \"../../constants.js\";\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});\nexport const useOverflowStyles_unstable = (state)=>{\n    const styles = useOverflowStyles();\n    const child = getTriggerChild(state.children);\n    // eslint-disable-next-line react-hooks/immutability\n    state.className = mergeClasses('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child === null || child === void 0 ? void 0 : child.props.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,oBAAoB;AACzE,OAAO,MAAMC,iBAAiB,gBAAGL,QAAA;EAAAM,YAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAWhC,CAAC;AACF,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EAC/C,MAAMC,MAAM,GAAGR,iBAAiB,CAAC,CAAC;EAClC,MAAMS,KAAK,GAAGZ,eAAe,CAACU,KAAK,CAACG,QAAQ,CAAC;EAC7C;EACAH,KAAK,CAACI,SAAS,GAAGf,YAAY,CAAC,cAAc,EAAEY,MAAM,CAACP,YAAY,EAAEO,MAAM,CAACL,gBAAgB,EAAEM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACG,KAAK,CAACD,SAAS,CAAC;EACjK,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Overflow/useOverflowStyles.styles.raw.js

@@ -1,7 +1,7 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { getTriggerChild } from '@fluentui/react-utilities';
-import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../../constants';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { getTriggerChild } from "@fluentui/react-utilities";
+import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from "../../constants.js";
 export const useOverflowStyles = makeStyles({
     overflowMenu: {
         [`& [${DATA_OVERFLOW_MENU}]`]: {

package/lib/components/Overflow/useOverflowStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overflow/useOverflowStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTriggerChild } from '@fluentui/react-utilities';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../../constants';\nimport type { OverflowComponentState } from './Overflow.types';\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\nexport const useOverflowStyles_unstable = (state: OverflowComponentState): OverflowComponentState => {\n  const styles = useOverflowStyles();\n  const child = getTriggerChild<HTMLElement>(state.children);\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.className = mergeClasses('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child?.props.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","getTriggerChild","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","flexShrink","overflowingItems","display","useOverflowStyles_unstable","state","styles","child","children","className","props"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,kBAAkB;AAGvE,OAAO,MAAMC,oBAAoBL,WAAW;IAC1CM,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;AAEH,OAAO,MAAMC,6BAA6B,CAACC;IACzC,MAAMC,SAASP;IACf,MAAMQ,QAAQX,gBAA6BS,MAAMG,QAAQ;IAEzD,oDAAoD;IACpDH,MAAMI,SAAS,GAAGd,aAAa,gBAAgBW,OAAON,YAAY,EAAEM,OAAOJ,gBAAgB,EAAEK,kBAAAA,4BAAAA,MAAOG,KAAK,CAACD,SAAS;IAEnH,OAAOJ;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Overflow/useOverflowStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTriggerChild } from '@fluentui/react-utilities';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../../constants';\nimport type { OverflowComponentState } from './Overflow.types';\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\nexport const useOverflowStyles_unstable = (state: OverflowComponentState): OverflowComponentState => {\n  const styles = useOverflowStyles();\n  const child = getTriggerChild<HTMLElement>(state.children);\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.className = mergeClasses('fui-Overflow', styles.overflowMenu, styles.overflowingItems, child?.props.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","getTriggerChild","DATA_OVERFLOWING","DATA_OVERFLOW_MENU","useOverflowStyles","overflowMenu","flexShrink","overflowingItems","display","useOverflowStyles_unstable","state","styles","child","children","className","props"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,qBAAkB;AAGvE,OAAO,MAAMC,oBAAoBL,WAAW;IAC1CM,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;AAEH,OAAO,MAAMC,6BAA6B,CAACC;IACzC,MAAMC,SAASP;IACf,MAAMQ,QAAQX,gBAA6BS,MAAMG,QAAQ;IAEzD,oDAAoD;IACpDH,MAAMI,SAAS,GAAGd,aAAa,gBAAgBW,OAAON,YAAY,EAAEM,OAAOJ,gBAAgB,EAAEK,kBAAAA,4BAAAA,MAAOG,KAAK,CAACD,SAAS;IAEnH,OAAOJ;AACT,EAAE"}

package/lib/components/OverflowDivider/OverflowDivider.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';
-import { useOverflowDivider } from '../../useOverflowDivider';
+import * as React from "react";
+import { applyTriggerPropsToChildren, useMergedRefs } from "@fluentui/react-utilities";
+import { useOverflowDivider } from "../../useOverflowDivider.js";
 /**
  * Attaches overflow item behavior to its child registered with the OverflowContext.
  * It does not render an element of its own.

package/lib/components/OverflowDivider/OverflowDivider.js.map

@@ -1 +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 type { 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"}
+{"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 type { 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,8BAA2B;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"}

package/lib/components/OverflowItem/OverflowItem.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { applyTriggerPropsToChildren, getReactElementRef, getTriggerChild, useMergedRefs } from '@fluentui/react-utilities';
-import { useOverflowItem } from '../../useOverflowItem';
+import * as React from "react";
+import { applyTriggerPropsToChildren, getReactElementRef, getTriggerChild, useMergedRefs } from "@fluentui/react-utilities";
+import { useOverflowItem } from "../../useOverflowItem.js";
 /**
  * Attaches overflow item behavior to its child registered with the OverflowContext.
  * It does not render an element of its own.

package/lib/components/OverflowItem/OverflowItem.js.map

@@ -1 +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 type { 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"}
+{"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 type { 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,2BAAwB;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"}

package/lib/components/OverflowItem/index.js

@@ -1 +1 @@
-export { OverflowItem } from './OverflowItem';
+export { OverflowItem } from "./OverflowItem.js";

package/lib/components/OverflowItem/index.js.map

@@ -1 +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"}
+{"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,oBAAiB"}

package/lib/components/OverflowReorderObserver/OverflowReorderObserver.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { useOverflowContext } from '../../overflowContext';
+import * as React from "react";
+import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import { useOverflowContext } from "../../overflowContext.js";
 /**
  * Renderless opt-in component that observes the `<Overflow>` container for
  * direct-child DOM mutations and triggers an overflow recompute. Drop it

package/lib/components/OverflowReorderObserver/OverflowReorderObserver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/OverflowReorderObserver/OverflowReorderObserver.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useOverflowContext } from '../../overflowContext';\n\n/**\n * Renderless opt-in component that observes the `<Overflow>` container for\n * direct-child DOM mutations and triggers an overflow recompute. Drop it\n * inside `<Overflow>` when items can be reordered, added, or removed via\n * React state without a container resize — Fluent's overflow manager only\n * listens to `ResizeObserver` otherwise, so reorders leave visibility flags\n * stale.\n *\n * @example\n * ```tsx\n * <Overflow>\n *   <div>\n *     <OverflowReorderObserver />\n *     {items.map(id => <OverflowItem key={id} id={id} priority={1}>{id}</OverflowItem>)}\n *   </div>\n * </Overflow>\n * ```\n */\nexport const OverflowReorderObserver: React.FC = () => {\n  const containerRef = useOverflowContext(v => v.containerRef);\n  const updateOverflow = useOverflowContext(v => v.updateOverflow);\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView;\n\n  React.useEffect(() => {\n    const el = containerRef?.current;\n    if (!el || !targetWindow?.MutationObserver) {\n      return;\n    }\n\n    const mutationObserver = new targetWindow.MutationObserver(() => updateOverflow());\n    mutationObserver.observe(el, { childList: true });\n\n    return () => mutationObserver.disconnect();\n  }, [containerRef, updateOverflow, targetWindow]);\n\n  return null;\n};\n"],"names":["React","useFluent_unstable","useFluent","useOverflowContext","OverflowReorderObserver","containerRef","v","updateOverflow","targetDocument","targetWindow","defaultView","useEffect","el","current","MutationObserver","mutationObserver","observe","childList","disconnect"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,MAAMC,0BAAoC;IAC/C,MAAMC,eAAeF,mBAAmBG,CAAAA,IAAKA,EAAED,YAAY;IAC3D,MAAME,iBAAiBJ,mBAAmBG,CAAAA,IAAKA,EAAEC,cAAc;IAC/D,MAAM,EAAEC,cAAc,EAAE,GAAGN;IAC3B,MAAMO,eAAeD,2BAAAA,qCAAAA,eAAgBE,WAAW;IAEhDV,MAAMW,SAAS,CAAC;QACd,MAAMC,KAAKP,yBAAAA,mCAAAA,aAAcQ,OAAO;QAChC,IAAI,CAACD,MAAM,EAACH,yBAAAA,mCAAAA,aAAcK,gBAAgB,GAAE;YAC1C;QACF;QAEA,MAAMC,mBAAmB,IAAIN,aAAaK,gBAAgB,CAAC,IAAMP;QACjEQ,iBAAiBC,OAAO,CAACJ,IAAI;YAAEK,WAAW;QAAK;QAE/C,OAAO,IAAMF,iBAAiBG,UAAU;IAC1C,GAAG;QAACb;QAAcE;QAAgBE;KAAa;IAE/C,OAAO;AACT,EAAE"}
+{"version":3,"sources":["../src/components/OverflowReorderObserver/OverflowReorderObserver.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useOverflowContext } from '../../overflowContext';\n\n/**\n * Renderless opt-in component that observes the `<Overflow>` container for\n * direct-child DOM mutations and triggers an overflow recompute. Drop it\n * inside `<Overflow>` when items can be reordered, added, or removed via\n * React state without a container resize — Fluent's overflow manager only\n * listens to `ResizeObserver` otherwise, so reorders leave visibility flags\n * stale.\n *\n * @example\n * ```tsx\n * <Overflow>\n *   <div>\n *     <OverflowReorderObserver />\n *     {items.map(id => <OverflowItem key={id} id={id} priority={1}>{id}</OverflowItem>)}\n *   </div>\n * </Overflow>\n * ```\n */\nexport const OverflowReorderObserver: React.FC = () => {\n  const containerRef = useOverflowContext(v => v.containerRef);\n  const updateOverflow = useOverflowContext(v => v.updateOverflow);\n  const { targetDocument } = useFluent();\n  const targetWindow = targetDocument?.defaultView;\n\n  React.useEffect(() => {\n    const el = containerRef?.current;\n    if (!el || !targetWindow?.MutationObserver) {\n      return;\n    }\n\n    const mutationObserver = new targetWindow.MutationObserver(() => updateOverflow());\n    mutationObserver.observe(el, { childList: true });\n\n    return () => mutationObserver.disconnect();\n  }, [containerRef, updateOverflow, targetWindow]);\n\n  return null;\n};\n"],"names":["React","useFluent_unstable","useFluent","useOverflowContext","OverflowReorderObserver","containerRef","v","updateOverflow","targetDocument","targetWindow","defaultView","useEffect","el","current","MutationObserver","mutationObserver","observe","childList","disconnect"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,kBAAkB,QAAQ,2BAAwB;AAE3D;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,MAAMC,0BAAoC;IAC/C,MAAMC,eAAeF,mBAAmBG,CAAAA,IAAKA,EAAED,YAAY;IAC3D,MAAME,iBAAiBJ,mBAAmBG,CAAAA,IAAKA,EAAEC,cAAc;IAC/D,MAAM,EAAEC,cAAc,EAAE,GAAGN;IAC3B,MAAMO,eAAeD,2BAAAA,qCAAAA,eAAgBE,WAAW;IAEhDV,MAAMW,SAAS,CAAC;QACd,MAAMC,KAAKP,yBAAAA,mCAAAA,aAAcQ,OAAO;QAChC,IAAI,CAACD,MAAM,EAACH,yBAAAA,mCAAAA,aAAcK,gBAAgB,GAAE;YAC1C;QACF;QAEA,MAAMC,mBAAmB,IAAIN,aAAaK,gBAAgB,CAAC,IAAMP;QACjEQ,iBAAiBC,OAAO,CAACJ,IAAI;YAAEK,WAAW;QAAK;QAE/C,OAAO,IAAMF,iBAAiBG,UAAU;IAC1C,GAAG;QAACb;QAAcE;QAAgBE;KAAa;IAE/C,OAAO;AACT,EAAE"}

package/lib/components/OverflowReorderObserver/index.js

@@ -1 +1 @@
-export { OverflowReorderObserver } from './OverflowReorderObserver';
+export { OverflowReorderObserver } from "./OverflowReorderObserver.js";

package/lib/components/OverflowReorderObserver/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/OverflowReorderObserver/index.ts"],"sourcesContent":["export { OverflowReorderObserver } from './OverflowReorderObserver';\n"],"names":["OverflowReorderObserver"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,4BAA4B"}
+{"version":3,"sources":["../src/components/OverflowReorderObserver/index.ts"],"sourcesContent":["export { OverflowReorderObserver } from './OverflowReorderObserver';\n"],"names":["OverflowReorderObserver"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,+BAA4B"}

package/lib/index.js

@@ -1,15 +1,15 @@
-export { Overflow, useOverflow_unstable, renderOverflow_unstable, useOverflowStyles_unstable } 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 { useOverflowContextValues_unstable } from './useOverflowContextValues';
-export { useOverflowCount } from './useOverflowCount';
-export { useOverflowItem } from './useOverflowItem';
-export { useOverflowMenu } from './useOverflowMenu';
-export { useOverflowDivider } from './useOverflowDivider';
-export { useOverflowVisibility } from './useOverflowVisibility';
-export { useOverflowContext, OverflowProvider } from './overflowContext';
-export { OverflowItem } from './components/OverflowItem/OverflowItem';
-export { OverflowDivider } from './components/OverflowDivider/OverflowDivider';
-export { OverflowReorderObserver } from './components/OverflowReorderObserver';
+export { Overflow, useOverflow_unstable, renderOverflow_unstable, useOverflowStyles_unstable } from "./components/Overflow/index.js";
+export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU, DATA_OVERFLOW_DIVIDER } from "./constants.js";
+export { useIsOverflowGroupVisible } from "./useIsOverflowGroupVisible.js";
+export { useIsOverflowItemVisible } from "./useIsOverflowItemVisible.js";
+export { useOverflowContainer } from "./useOverflowContainer.js";
+export { useOverflowContextValues_unstable } from "./useOverflowContextValues.js";
+export { useOverflowCount } from "./useOverflowCount.js";
+export { useOverflowItem } from "./useOverflowItem.js";
+export { useOverflowMenu } from "./useOverflowMenu.js";
+export { useOverflowDivider } from "./useOverflowDivider.js";
+export { useOverflowVisibility } from "./useOverflowVisibility.js";
+export { useOverflowContext, OverflowProvider } from "./overflowContext.js";
+export { OverflowItem } from "./components/OverflowItem/OverflowItem.js";
+export { OverflowDivider } from "./components/OverflowDivider/OverflowDivider.js";
+export { OverflowReorderObserver } from "./components/OverflowReorderObserver/index.js";