twenty-ui 2.47.0 → 2.48.0

package/dist/components/feedback/Toast/internal/components/ToastCountdownEffect.d.ts

@@ -1,9 +1,10 @@
 import { ToastProps } from '../../types/ToastProps';
-import { createToastCountdown } from '../utils/createToastCountdown';
+import { createToastCountdownStore } from '../utils/createToastCountdownStore';
 type ToastCountdownEffectProps = Pick<ToastProps, 'progress' | 'onClose'> & {
-    clock: ReturnType<typeof createToastCountdown>;
+    clock: ReturnType<typeof createToastCountdownStore>;
+    onClockChange: (clock: ReturnType<typeof createToastCountdownStore>) => void;
     duration: number;
     isPaused: boolean;
 };
-export declare const ToastCountdownEffect: ({ clock, duration, progress, isPaused, onClose, }: ToastCountdownEffectProps) => null;
+export declare const ToastCountdownEffect: ({ clock, onClockChange, duration, progress, isPaused, onClose, }: ToastCountdownEffectProps) => null;
 export {};

package/dist/components/feedback/Toast/internal/components/ToastProviderLifecycleEffect.d.ts

@@ -0,0 +1,3 @@
+export declare const ToastProviderLifecycleEffect: ({ limit }: {
+    limit: number;
+}) => null;

package/dist/components/feedback/Toast/internal/constants/DefaultToastDuration.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_TOAST_DURATION = 6000;

package/dist/components/feedback/Toast/internal/contexts/ToastContext.d.ts

@@ -1 +1,60 @@
-export declare const ToastContext: import('react').Context<import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState> | undefined>;
+export declare const ToastContext: import('react').Context<(import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState> & {
+    lifecycle: {
+        mount: () => () => void;
+        isActive: () => boolean;
+        getCountdown: (id: string) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        } | undefined;
+        updateRenderer: ({ id, key, configuration, }: {
+            id: string;
+            key: symbol;
+            configuration: {
+                duration?: number;
+                isProgress?: boolean;
+                isPaused: boolean;
+            };
+        }) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        };
+        removeRenderer: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+        finishExit: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+    };
+}) | undefined>;

package/dist/components/feedback/Toast/internal/contexts/ToastTimingContext.d.ts

@@ -1,4 +1,14 @@
-export declare const ToastTimingContext: import('react').Context<{
+import { createToastLifecycle } from '../utils/createToastLifecycle';
+type ToastTiming = {
     durationRevision: number;
     isActive: boolean;
-}>;
+    lifecycle?: ReturnType<typeof createToastLifecycle>;
+    id?: string;
+    rendererKey?: symbol;
+    timingOverrides?: {
+        duration?: number;
+        progress?: number;
+    };
+};
+export declare const ToastTimingContext: import('react').Context<ToastTiming>;
+export {};

package/dist/components/feedback/Toast/internal/hooks/useToastContext.d.ts

@@ -1 +1,60 @@
-export declare const useToastContext: () => import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState>;
+export declare const useToastContext: () => import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState> & {
+    lifecycle: {
+        mount: () => () => void;
+        isActive: () => boolean;
+        getCountdown: (id: string) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        } | undefined;
+        updateRenderer: ({ id, key, configuration, }: {
+            id: string;
+            key: symbol;
+            configuration: {
+                duration?: number;
+                isProgress?: boolean;
+                isPaused: boolean;
+            };
+        }) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        };
+        removeRenderer: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+        finishExit: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+    };
+};

package/dist/components/feedback/Toast/internal/hooks/useToastCountdown.d.ts

@@ -9,6 +9,13 @@ export declare const useToastCountdown: ({ duration, isPaused, }: {
         isPaused: boolean;
     };
     clock: {
+        getSnapshot: () => {
+            duration: number;
+            remainingDuration: number;
+            revision: number;
+            isPaused: boolean;
+        };
+        subscribe: (listener: () => void) => () => void;
         update: (nextConfiguration: {
             duration: number;
             durationRevision: number;
@@ -20,4 +27,23 @@ export declare const useToastCountdown: ({ duration, isPaused, }: {
         close: () => void;
         stop: () => void;
     };
+    setClock: import('react').Dispatch<import('react').SetStateAction<{
+        getSnapshot: () => {
+            duration: number;
+            remainingDuration: number;
+            revision: number;
+            isPaused: boolean;
+        };
+        subscribe: (listener: () => void) => () => void;
+        update: (nextConfiguration: {
+            duration: number;
+            durationRevision: number;
+            isPaused: boolean;
+            isProgress: boolean;
+            isActive: boolean;
+            onClose?: () => void;
+        }) => void;
+        close: () => void;
+        stop: () => void;
+    }>>;
 };

package/dist/components/feedback/Toast/internal/stores/createToastStore.d.ts

@@ -1,3 +1,62 @@
 import { Store } from '@base-ui/utils/store';
 import { ToastStoreState } from '../types/ToastStoreState';
-export declare const createToastStore: (limit?: number) => Store<ToastStoreState>;
+export declare const createToastStore: (limit?: number) => Store<ToastStoreState> & {
+    lifecycle: {
+        mount: () => () => void;
+        isActive: () => boolean;
+        getCountdown: (id: string) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        } | undefined;
+        updateRenderer: ({ id, key, configuration, }: {
+            id: string;
+            key: symbol;
+            configuration: {
+                duration?: number;
+                isProgress?: boolean;
+                isPaused: boolean;
+            };
+        }) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        };
+        removeRenderer: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+        finishExit: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+    };
+};

package/dist/components/feedback/Toast/internal/utils/assertValidToastLimit.d.ts

@@ -0,0 +1 @@
+export declare const assertValidToastLimit: (limit: number) => void;

package/dist/components/feedback/Toast/internal/utils/completeToastExit.d.ts

@@ -1,6 +1,7 @@
-import { createToastStore } from '../stores/createToastStore';
+import { Store } from '@base-ui/utils/store';
+import { ToastStoreState } from '../types/ToastStoreState';
 import { ToastEntry } from '../types/ToastEntry';
 export declare const completeToastExit: ({ store, toast, }: {
-    store: ReturnType<typeof createToastStore>;
+    store: Store<ToastStoreState>;
     toast: ToastEntry;
 }) => void;

package/dist/components/feedback/Toast/internal/utils/createToastCountdownStore.d.ts

@@ -0,0 +1,22 @@
+import { createToastCountdown } from './createToastCountdown';
+type CountdownSnapshot = Parameters<Parameters<typeof createToastCountdown>[0]['onChange']>[0];
+export declare const createToastCountdownStore: ({ duration, isPaused, }: Pick<CountdownSnapshot, "duration" | "isPaused">) => {
+    getSnapshot: () => {
+        duration: number;
+        remainingDuration: number;
+        revision: number;
+        isPaused: boolean;
+    };
+    subscribe: (listener: () => void) => () => void;
+    update: (nextConfiguration: {
+        duration: number;
+        durationRevision: number;
+        isPaused: boolean;
+        isProgress: boolean;
+        isActive: boolean;
+        onClose?: () => void;
+    }) => void;
+    close: () => void;
+    stop: () => void;
+};
+export {};

package/dist/components/feedback/Toast/internal/utils/createToastLifecycle.d.ts

@@ -0,0 +1,62 @@
+import { Store } from '@base-ui/utils/store';
+import { ToastStoreState } from '../types/ToastStoreState';
+type RendererConfiguration = {
+    duration?: number;
+    isProgress?: boolean;
+    isPaused: boolean;
+};
+export declare const createToastLifecycle: (store: Store<ToastStoreState>) => {
+    mount: () => () => void;
+    isActive: () => boolean;
+    getCountdown: (id: string) => {
+        getSnapshot: () => {
+            duration: number;
+            remainingDuration: number;
+            revision: number;
+            isPaused: boolean;
+        };
+        subscribe: (listener: () => void) => () => void;
+        update: (nextConfiguration: {
+            duration: number;
+            durationRevision: number;
+            isPaused: boolean;
+            isProgress: boolean;
+            isActive: boolean;
+            onClose?: () => void;
+        }) => void;
+        close: () => void;
+        stop: () => void;
+    } | undefined;
+    updateRenderer: ({ id, key, configuration, }: {
+        id: string;
+        key: symbol;
+        configuration: RendererConfiguration;
+    }) => {
+        getSnapshot: () => {
+            duration: number;
+            remainingDuration: number;
+            revision: number;
+            isPaused: boolean;
+        };
+        subscribe: (listener: () => void) => () => void;
+        update: (nextConfiguration: {
+            duration: number;
+            durationRevision: number;
+            isPaused: boolean;
+            isProgress: boolean;
+            isActive: boolean;
+            onClose?: () => void;
+        }) => void;
+        close: () => void;
+        stop: () => void;
+    };
+    removeRenderer: ({ id, key }: {
+        id: string;
+        key: symbol;
+    }) => void;
+    finishExit: ({ id, key }: {
+        id: string;
+        key: symbol;
+    }) => void;
+};
+export {};

package/dist/components/feedback/Toast/internal/utils/dismissToasts.d.ts

@@ -1,7 +1,8 @@
-import { createToastStore } from '../stores/createToastStore';
+import { Store } from '@base-ui/utils/store';
+import { ToastStoreState } from '../types/ToastStoreState';
 import { ToastEntry } from '../types/ToastEntry';
 export declare const dismissToasts: ({ store, toastsToClose, nextToasts, }: {
-    store: ReturnType<typeof createToastStore>;
+    store: Store<ToastStoreState>;
     toastsToClose: ToastEntry[];
     nextToasts?: ToastEntry[];
 }) => void;

package/dist/components/feedback/Toast/internal/utils/updateToastLimit.d.ts

@@ -0,0 +1,5 @@
+import { createToastStore } from '../stores/createToastStore';
+export declare const updateToastLimit: ({ store, limit, }: {
+    store: ReturnType<typeof createToastStore>;
+    limit: number;
+}) => void;

package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleControls.d.ts

@@ -0,0 +1,7 @@
+import { ToasterLifecycleExampleProps } from './ToasterLifecycleExampleProps';
+type ToasterLifecycleControlsProps = Pick<ToasterLifecycleExampleProps, 'duration' | 'hasUnrelatedNotificationActions' | 'onClose'> & {
+    onDetachRenderers: () => void;
+    onRememberProviderOperations?: (operations: () => void) => void;
+};
+export declare const ToasterLifecycleControls: ({ duration, hasUnrelatedNotificationActions, onClose, onDetachRenderers, onRememberProviderOperations, }: ToasterLifecycleControlsProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleExample.d.ts

@@ -0,0 +1,2 @@
+import { ToasterLifecycleExampleProps } from './ToasterLifecycleExampleProps';
+export declare const ToasterLifecycleExample: ({ duration, hasIndependentProvider, hasSlowMirrorExit, hasUnrelatedNotificationActions, onClose, }: ToasterLifecycleExampleProps) => import("react").JSX.Element;

package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleExampleProps.d.ts

@@ -0,0 +1,7 @@
+export type ToasterLifecycleExampleProps = {
+    duration?: number;
+    hasIndependentProvider?: boolean;
+    hasSlowMirrorExit?: boolean;
+    hasUnrelatedNotificationActions?: boolean;
+    onClose?: (notification: string) => void;
+};

package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleTimingOverrideExample.d.ts

@@ -0,0 +1,9 @@
+import { ToastProps } from '../../Toast/types/ToastProps';
+type ToasterLifecycleTimingOverrideExampleProps = {
+    duration?: number;
+    progress?: number;
+    initialTimingOverrides: Pick<Partial<ToastProps>, 'duration' | 'progress'>;
+    onClose?: (notification: string) => void;
+};
+export declare const ToasterLifecycleTimingOverrideExample: ({ duration, progress, initialTimingOverrides, onClose, }: ToasterLifecycleTimingOverrideExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterLifecycleUnrelatedNotificationActions.d.ts

@@ -0,0 +1,5 @@
+type ToasterLifecycleUnrelatedNotificationActionsProps = {
+    onClose?: (notification: string) => void;
+};
+export declare const ToasterLifecycleUnrelatedNotificationActions: ({ onClose, }: ToasterLifecycleUnrelatedNotificationActionsProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterPortalExample.d.ts

@@ -0,0 +1,5 @@
+type ToasterPortalExampleProps = {
+    isScoped?: boolean;
+};
+export declare const ToasterPortalExample: ({ isScoped, }: ToasterPortalExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterProviderLayoutReplayEffect.d.ts

@@ -0,0 +1,4 @@
+import { ToasterLifecycleExampleProps } from './ToasterLifecycleExampleProps';
+type ToasterProviderLayoutReplayEffectProps = Pick<ToasterLifecycleExampleProps, 'onClose'>;
+export declare const ToasterProviderLayoutReplayEffect: ({ onClose, }: ToasterProviderLayoutReplayEffectProps) => null;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterProviderPassiveReplayEffect.d.ts

@@ -0,0 +1,4 @@
+import { ToasterLifecycleExampleProps } from './ToasterLifecycleExampleProps';
+type ToasterProviderPassiveReplayEffectProps = Pick<ToasterLifecycleExampleProps, 'onClose'>;
+export declare const ToasterProviderPassiveReplayEffect: ({ onClose, }: ToasterProviderPassiveReplayEffectProps) => null;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterProviderReplayExample.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+type ToasterProviderReplayExampleProps = {
+    children: ReactNode;
+};
+export declare const ToasterProviderReplayExample: ({ children, }: ToasterProviderReplayExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterProviderSuspenseExample.d.ts

@@ -0,0 +1,4 @@
+import { ToasterLifecycleExampleProps } from './ToasterLifecycleExampleProps';
+type ToasterProviderSuspenseExampleProps = Pick<ToasterLifecycleExampleProps, 'duration' | 'onClose'>;
+export declare const ToasterProviderSuspenseExample: ({ duration, onClose, }: ToasterProviderSuspenseExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toaster/__stories__/ToasterProviderSuspension.d.ts

@@ -0,0 +1,5 @@
+type ToasterProviderSuspensionProps = {
+    pendingSuspension?: Promise<void>;
+};
+export declare const ToasterProviderSuspension: ({ pendingSuspension, }: ToasterProviderSuspensionProps) => null;
+export {};

package/dist/components/feedback/Toaster/internal/ToasterItemExitEffect.d.ts

@@ -3,6 +3,7 @@ import { ToastEntry } from '../../Toast/internal/types/ToastEntry';
 type ToasterItemExitEffectProps = {
     elementRef: RefObject<HTMLDivElement | null>;
     toastEntry: ToastEntry;
+    rendererKey: symbol;
 };
-export declare const ToasterItemExitEffect: ({ elementRef, toastEntry, }: ToasterItemExitEffectProps) => import("react").JSX.Element;
+export declare const ToasterItemExitEffect: ({ elementRef, toastEntry, rendererKey, }: ToasterItemExitEffectProps) => null;
 export {};

package/dist/components/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../feedback-B5x8tmnG.cjs");exports.Callout=e.Callout;exports.InlineBanner=e.InlineBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../feedback-ybO4n69s.cjs");exports.Callout=e.Callout;exports.InlineBanner=e.InlineBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;

package/dist/components/feedback.mjs

@@ -1,4 +1,4 @@
-import { a as s, i as o, n as r, o as t, r as e, t as n } from "../feedback-DhilJ_fX.js";
+import { a as s, i as o, n as r, o as t, r as e, t as n } from "../feedback-CM6fatE8.js";
 export {
   t as Callout,
   s as InlineBanner,

package/dist/components/input/SearchInput/SearchInput.d.ts

@@ -1,2 +1,2 @@
 import { SearchInputProps } from './types/SearchInputProps';
-export declare const SearchInput: ({ placeholder, filterDropdown, size, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: SearchInputProps) => import("react").JSX.Element;
+export declare const SearchInput: ({ placeholder, actions, size, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: SearchInputProps) => import("react").JSX.Element;

package/dist/components/input/SearchInput/types/SearchInputProps.d.ts

@@ -1,6 +1,5 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { InputProps } from '../../../../primitives/input/Input/types/InputProps';
 export type SearchInputProps = InputProps & {
-    filterDropdown?: (filterButton: ReactElement) => ReactNode;
-    filterButtonAriaLabel?: string;
+    actions?: ReactNode;
 };

package/dist/components/input/SegmentedControl/SegmentedControl.d.ts

@@ -1,2 +1,2 @@
 import { SegmentedControlProps } from './types/SegmentedControlProps';
-export declare const SegmentedControl: <TValue extends string>({ className, itemWidth, options, ...props }: SegmentedControlProps<TValue>) => import("react").JSX.Element;
+export declare const SegmentedControl: <TValue extends string>({ className, itemWidth, options, size, ...props }: SegmentedControlProps<TValue>) => import("react").JSX.Element;

package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts

@@ -1,8 +1,10 @@
 import { RadioGroupProps } from '../../../../primitives/input/RadioGroup/types/RadioGroupProps';
 import { SegmentedControlOption } from './SegmentedControlOption';
+import { SegmentedControlSize } from './SegmentedControlSize';
 export type SegmentedControlProps<TValue extends string = string> = Omit<RadioGroupProps<TValue>, 'aria-label' | 'aria-labelledby' | 'children' | 'role'> & {
     itemWidth?: 'content' | 'equal';
     options: readonly SegmentedControlOption<TValue>[];
+    size?: SegmentedControlSize;
 } & ({
     'aria-label': string;
 } | {

package/dist/components/input/SegmentedControl/types/SegmentedControlSize.d.ts

@@ -0,0 +1 @@
+export type SegmentedControlSize = 'sm' | 'md';

package/dist/components/input/index.d.ts

@@ -26,3 +26,4 @@ export type { SearchInputProps } from './SearchInput/types/SearchInputProps';
 export { SegmentedControl } from './SegmentedControl/SegmentedControl';
 export type { SegmentedControlOption } from './SegmentedControl/types/SegmentedControlOption';
 export type { SegmentedControlProps } from './SegmentedControl/types/SegmentedControlProps';
+export type { SegmentedControlSize } from './SegmentedControl/types/SegmentedControlSize';

package/dist/components/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Dropdown-BBUGkQQV.cjs"),e=require("../input-BEKjAOjS.cjs");exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.IconButton=t.IconButton;exports.ImageInput=e.ImageInput;exports.LightButton=e.LightButton;exports.LightIconButton=t.LightIconButton;exports.MainButton=e.MainButton;exports.NumberStepper=e.NumberStepper;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.SearchInput=e.SearchInput;exports.SegmentedControl=e.SegmentedControl;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Dropdown-BKjAaZS0.cjs"),e=require("../input-3D2lXywH.cjs");exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.IconButton=t.IconButton;exports.ImageInput=e.ImageInput;exports.LightButton=e.LightButton;exports.LightIconButton=t.LightIconButton;exports.MainButton=e.MainButton;exports.NumberStepper=e.NumberStepper;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.SearchInput=e.SearchInput;exports.SegmentedControl=e.SegmentedControl;

package/dist/components/input.mjs

@@ -1,5 +1,5 @@
-import { n, r as o } from "../Dropdown-CScN_olN.js";
-import { a, c as e, i as s, l as u, n as c, o as i, r as m, s as p, t as I } from "../input-BUgnp6eA.js";
+import { n, r as o } from "../Dropdown-C2hXrjvD.js";
+import { a, c as e, i as s, l as u, n as c, o as i, r as m, s as p, t as I } from "../input-TM3nUdu6.js";
 export {
   u as CountrySelect,
   e as CurrencyPicker,

package/dist/components/layout/OverflowingList/OverflowingList.d.ts

@@ -1,2 +1,2 @@
 import { OverflowingListProps } from './types/OverflowingListProps';
-export declare const OverflowingList: ({ children, showOverflowCount, maxInlineCount, overflowLabel, className, onMouseEnter, onMouseLeave, onFocusCapture, onBlurCapture, ref, ...props }: OverflowingListProps) => import("react").JSX.Element;
+export declare const OverflowingList: ({ children, showOverflowCount, maxInlineCount, overflowLabel, open, defaultOpen, onOpenChange, actionsRef, triggerProps, popupProps, className, onMouseEnter, onMouseLeave, onFocusCapture, onBlurCapture, ref, ...props }: OverflowingListProps) => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListActionsExample.d.ts

@@ -0,0 +1,7 @@
+import { OverflowingListProps } from '../types/OverflowingListProps';
+type OverflowingListActionsExampleProps = {
+    deferClose?: boolean;
+    onOpenChange?: OverflowingListProps['onOpenChange'];
+};
+export declare const OverflowingListActionsExample: ({ deferClose, onOpenChange, }: OverflowingListActionsExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/layout/OverflowingList/__stories__/OverflowingListCanceledCloseExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListCanceledCloseExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListControlledExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListControlledStateExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListControlledStateExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListDisabledTriggerFocusExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListDisabledTriggerFocusExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListEventBlockingExample.d.ts

@@ -0,0 +1,7 @@
+import { SyntheticEvent } from 'react';
+type OverflowingListEventBlockingExampleProps = {
+    onHostEvent: (event: SyntheticEvent) => void;
+    onOverrideEvent: (event: SyntheticEvent) => void;
+};
+export declare const OverflowingListEventBlockingExample: ({ onHostEvent, onOverrideEvent, }: OverflowingListEventBlockingExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/layout/OverflowingList/__stories__/OverflowingListFocusExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListFocusExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListInstanceCleanupExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListInstanceCleanupExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListStateExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListStateExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/__stories__/OverflowingListTriggerRefExample.d.ts

@@ -0,0 +1 @@
+export declare const OverflowingListTriggerRefExample: () => import("react").JSX.Element;

package/dist/components/layout/OverflowingList/internal/OverflowingListItem.d.ts

@@ -1,9 +1,15 @@
 import { ReactElement } from 'react';
 type OverflowingListItemProps = {
     children: ReactElement;
+    index: number;
     isHidden: boolean;
     isLastVisible: boolean;
-    onFocusedItemUnmount: () => void;
+    isInPopup: boolean;
+    onFocusLost: (options: {
+        index: number;
+        element: HTMLElement;
+        isInPopup: boolean;
+    }) => void;
 };
-export declare const OverflowingListItem: ({ children, isHidden, isLastVisible, onFocusedItemUnmount, }: OverflowingListItemProps) => import("react").JSX.Element;
+export declare const OverflowingListItem: ({ children, index, isHidden, isLastVisible, isInPopup, onFocusLost, }: OverflowingListItemProps) => import("react").JSX.Element;
 export {};

package/dist/components/layout/OverflowingList/internal/OverflowingListItemFocusEffect.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+type OverflowingListItemFocusEffectProps = {
+    elementRef: RefObject<HTMLDivElement | null>;
+    isHidden: boolean;
+    onFocusLost: (element: HTMLElement) => void;
+};
+export declare const OverflowingListItemFocusEffect: import('react').MemoExoticComponent<({ elementRef, isHidden, onFocusLost, }: OverflowingListItemFocusEffectProps) => null>;
+export {};