twenty-ui 2.47.0 → 2.49.0

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-Cs-38OH4.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-DTyVVcTb.js";
 export {
   t as Callout,
   s as InlineBanner,

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

@@ -1,2 +1,5 @@
-import { CountrySelectProps } from './types/CountrySelectProps';
-export declare const CountrySelect: ({ countries, value, onValueChange, label, searchLabel, noCountryLabel, noResultsLabel, open: controlledOpen, onOpenChange, popupProps, disabled, className, style, render, onClick, onMouseDown, onPointerDown, onKeyDown, onKeyUp, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CountrySelectProps) => import("react").JSX.Element;
+export declare const CountrySelect: (({ countries, value, defaultValue, onValueChange, disabled, noCountryLabel, ...props }: import('..').CountrySelectProps) => import("react").JSX.Element) & {
+    Root: ({ countries, value: controlledValue, defaultValue, onValueChange, disabled, noCountryLabel, children, }: import('..').CountrySelectRootProps) => import("react").JSX.Element;
+    Trigger: ({ label, wrapperProps, children, className, style, render, onClick, onMouseDown, onPointerDown, onKeyDown, onKeyUp, openOnHover, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: import('..').CountrySelectTriggerProps) => import("react").JSX.Element;
+    Options: (props: import('..').CountrySelectOptionsProps) => import("react").JSX.Element;
+};

package/dist/components/input/CountrySelect/__stories__/CountrySelectPartsExample.d.ts

@@ -0,0 +1,11 @@
+import { CountrySelectProps } from '../types/CountrySelectProps';
+type CountrySelectPartsExampleProps = Pick<CountrySelectProps, 'onValueChange' | 'onOpenChange'> & {
+    compound?: boolean;
+    controlled?: boolean;
+    cancelSelection?: boolean;
+    closeOnSelect?: boolean;
+    keepMounted?: boolean;
+    openOnHover?: boolean;
+};
+export declare const CountrySelectPartsExample: ({ compound, controlled, cancelSelection, closeOnSelect, keepMounted, openOnHover, onValueChange, onOpenChange, }: CountrySelectPartsExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/input/CountrySelect/internal/CountrySelectComponent.d.ts

@@ -0,0 +1,2 @@
+import { CountrySelectProps } from '../types/CountrySelectProps';
+export declare const CountrySelectComponent: ({ countries, value, defaultValue, onValueChange, disabled, noCountryLabel, ...props }: CountrySelectProps) => import("react").JSX.Element;

package/dist/components/input/CountrySelect/internal/CountrySelectContext.d.ts

@@ -0,0 +1,2 @@
+import { CountrySelectContextValue } from './CountrySelectContextValue';
+export declare const CountrySelectContext: import('react').Context<CountrySelectContextValue | undefined>;

package/dist/components/input/CountrySelect/internal/CountrySelectContextValue.d.ts

@@ -0,0 +1,11 @@
+import { CountrySelectRootProps } from '../types/CountrySelectRootProps';
+import { PreparedCountryChoice } from './PreparedCountryChoice';
+export type CountrySelectContextValue = {
+    countries: readonly PreparedCountryChoice[];
+    selectedCountry: PreparedCountryChoice | undefined;
+    value: string | null;
+    disabled: boolean;
+    noCountryLabel: string;
+    selectionGroupId: string;
+    changeValue: NonNullable<CountrySelectRootProps['onValueChange']>;
+};

package/dist/components/input/CountrySelect/internal/CountrySelectDropdown.d.ts

@@ -0,0 +1,4 @@
+import { CountrySelectProps } from '../types/CountrySelectProps';
+type CountrySelectDropdownProps = Omit<CountrySelectProps, 'countries' | 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'noCountryLabel'>;
+export declare const CountrySelectDropdown: ({ open: controlledOpen, defaultOpen, onOpenChange, onEscapeKeyDown, onInteractOutside, defaultPage, popupProps, optionsProps, searchLabel, noResultsLabel, searchProps, closeOnSelect, ...triggerProps }: CountrySelectDropdownProps) => import("react").JSX.Element;
+export {};

package/dist/components/input/CountrySelect/internal/CountrySelectOptions.d.ts

@@ -1,11 +1,2 @@
-import { CountryChoice } from '../types/CountryChoice';
-type CountrySelectOptionsProps = {
-    countries: readonly CountryChoice[];
-    value: string;
-    onValueChange: (value: string) => void;
-    searchLabel: string;
-    noCountryLabel: string;
-    noResultsLabel: string;
-};
-export declare const CountrySelectOptions: ({ countries, value, onValueChange, searchLabel, noCountryLabel, noResultsLabel, }: CountrySelectOptionsProps) => import("react").JSX.Element;
-export {};
+import { CountrySelectOptionsProps } from '../types/CountrySelectOptionsProps';
+export declare const CountrySelectOptions: (props: CountrySelectOptionsProps) => import("react").JSX.Element;

package/dist/components/input/CountrySelect/internal/CountrySelectOptionsContent.d.ts

@@ -0,0 +1,2 @@
+import { CountrySelectOptionsProps } from '../types/CountrySelectOptionsProps';
+export declare const CountrySelectOptionsContent: ({ searchLabel, noResultsLabel, searchProps, render, ...props }: CountrySelectOptionsProps) => import("react").JSX.Element;

package/dist/components/input/CountrySelect/internal/CountrySelectRoot.d.ts

@@ -0,0 +1,2 @@
+import { CountrySelectRootProps } from '../types/CountrySelectRootProps';
+export declare const CountrySelectRoot: ({ countries, value: controlledValue, defaultValue, onValueChange, disabled, noCountryLabel, children, }: CountrySelectRootProps) => import("react").JSX.Element;

package/dist/components/input/CountrySelect/internal/CountrySelectTrigger.d.ts

@@ -0,0 +1,2 @@
+import { CountrySelectTriggerProps } from '../types/CountrySelectTriggerProps';
+export declare const CountrySelectTrigger: ({ label, wrapperProps, children, className, style, render, onClick, onMouseDown, onPointerDown, onKeyDown, onKeyUp, openOnHover, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: CountrySelectTriggerProps) => import("react").JSX.Element;

package/dist/components/input/CountrySelect/internal/NO_COUNTRY_SELECTION_VALUE.d.ts

@@ -0,0 +1 @@
+export declare const NO_COUNTRY_SELECTION_VALUE = "no-country";

package/dist/components/input/CountrySelect/internal/PreparedCountryChoice.d.ts

@@ -0,0 +1,5 @@
+import { CountryChoice } from '../types/CountryChoice';
+export type PreparedCountryChoice = CountryChoice & {
+    selectionValue: string;
+    searchText: string;
+};

package/dist/components/input/CountrySelect/internal/getCountrySelectionValue.d.ts

@@ -0,0 +1 @@
+export declare const getCountrySelectionValue: (value: string) => string;

package/dist/components/input/CountrySelect/internal/useCountrySelectContextOrThrow.d.ts

@@ -0,0 +1 @@
+export declare const useCountrySelectContextOrThrow: () => import('./CountrySelectContextValue').CountrySelectContextValue;

package/dist/components/input/CountrySelect/types/CountryChoice.d.ts

@@ -3,4 +3,5 @@ export type CountryChoice = {
     value: string;
     label: string;
     flag?: ReactNode;
+    disabled?: boolean;
 };

package/dist/components/input/CountrySelect/types/CountrySelectOptionsProps.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import { DropdownSearchProps } from '../../../navigation/Dropdown/types/DropdownSearchProps';
+import { DropdownSelectionGroupProps } from '../../../navigation/Dropdown/types/DropdownSelectionGroupProps';
+import { CountrySelectOptionsState } from './CountrySelectOptionsState';
+export type CountrySelectOptionsProps = Omit<DropdownSelectionGroupProps, 'id' | 'children' | 'multiple' | 'value' | 'defaultValue' | 'onValueChange' | 'render'> & {
+    render?: useRender.ComponentProps<'div', CountrySelectOptionsState>['render'];
+    searchLabel?: string;
+    noResultsLabel?: string;
+    searchProps?: Omit<DropdownSearchProps, 'value' | 'defaultValue' | 'onValueChange'>;
+};

package/dist/components/input/CountrySelect/types/CountrySelectOptionsState.d.ts

@@ -0,0 +1,4 @@
+export type CountrySelectOptionsState = {
+    value: string | null;
+    multiple: false;
+};

package/dist/components/input/CountrySelect/types/CountrySelectProps.d.ts

@@ -1,15 +1,9 @@
 import { DropdownContentProps } from '../../../navigation/Dropdown/types/DropdownContentProps';
-import { DropdownTriggerProps } from '../../../navigation/Dropdown/types/DropdownTriggerProps';
-import { CountryChoice } from './CountryChoice';
-export type CountrySelectProps = Omit<DropdownTriggerProps, 'children' | 'value' | 'defaultValue' | 'onChange' | 'openOnHover' | 'delay' | 'closeDelay'> & {
-    countries: readonly CountryChoice[];
-    value: string;
-    onValueChange: (value: string) => void;
-    label?: string;
-    searchLabel?: string;
-    noCountryLabel?: string;
-    noResultsLabel?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    popupProps?: Omit<DropdownContentProps, 'children' | 'aria-label' | 'aria-labelledby' | 'keepMounted'>;
+import { DropdownRootProps } from '../../../navigation/Dropdown/types/DropdownRootProps';
+import { CountrySelectRootProps } from './CountrySelectRootProps';
+import { CountrySelectTriggerProps } from './CountrySelectTriggerProps';
+import { CountrySelectOptionsProps } from './CountrySelectOptionsProps';
+export type CountrySelectProps = Omit<CountrySelectRootProps, 'children'> & CountrySelectTriggerProps & Omit<DropdownRootProps, 'children' | 'type' | 'multiple'> & Pick<CountrySelectOptionsProps, 'searchLabel' | 'noResultsLabel' | 'searchProps' | 'closeOnSelect'> & {
+    popupProps?: Omit<DropdownContentProps, 'children'>;
+    optionsProps?: Omit<CountrySelectOptionsProps, 'searchLabel' | 'noResultsLabel' | 'searchProps' | 'closeOnSelect'>;
 };

package/dist/components/input/CountrySelect/types/CountrySelectRootProps.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { DropdownSelectionGroupChangeEventDetails } from '../../../navigation/Dropdown/types/DropdownSelectionGroupChangeEventDetails';
+import { CountryChoice } from './CountryChoice';
+export type CountrySelectRootProps = {
+    countries: readonly CountryChoice[];
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null, eventDetails: DropdownSelectionGroupChangeEventDetails) => void;
+    disabled?: boolean;
+    noCountryLabel?: string;
+    children: ReactNode;
+};

package/dist/components/input/CountrySelect/types/CountrySelectTriggerProps.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+import { DropdownTriggerProps } from '../../../navigation/Dropdown/types/DropdownTriggerProps';
+export type CountrySelectTriggerProps = Omit<DropdownTriggerProps, 'value' | 'defaultValue' | 'onChange' | 'disabled'> & {
+    label?: string;
+    wrapperProps?: Omit<ComponentPropsWithRef<'div'>, 'children'>;
+};

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

@@ -1,4 +1,5 @@
-export declare const CurrencyPicker: {
-    Trigger: ({ value, className, ...props }: import('..').CurrencyPickerTriggerProps) => import("react").JSX.Element;
-    Options: ({ currencies, value, onValueChange, disabled, searchLabel, emptyLabel, className, render, ref, ...props }: import('..').CurrencyPickerOptionsProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const CurrencyPicker: (({ currencies, value, defaultValue, onValueChange, closeOnSelect, disabled, selectedFirst, getOptionLabel, getSearchText, renderValue, open, defaultOpen, onOpenChange, onEscapeKeyDown, onInteractOutside, triggerProps, contentProps, optionsProps, ...props }: import('..').CurrencyPickerProps) => import("react").JSX.Element) & {
+    Root: ({ currencies, value: controlledValue, defaultValue, onValueChange, closeOnSelect, disabled, selectedFirst, getOptionLabel, getSearchText, renderValue, children, }: import('..').CurrencyPickerRootProps) => import("react").JSX.Element;
+    Trigger: ({ children, placeholder, disabled, className, ...props }: import('..').CurrencyPickerTriggerProps) => import("react").JSX.Element;
+    Options: ({ disabled, searchable, searchLabel, listLabel, emptyLabel, searchProps, className, render, ref, ...props }: import('..').CurrencyPickerOptionsProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 };

package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerChangingDefaultExample.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { CurrencyPickerExample } from './CurrencyPickerExample';
+type CurrencyPickerChangingDefaultExampleProps = Pick<ComponentProps<typeof CurrencyPickerExample>, 'onValueChange' | 'composition'>;
+export declare const CurrencyPickerChangingDefaultExample: ({ onValueChange, composition, }: CurrencyPickerChangingDefaultExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerControlledExample.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { CurrencyPickerExample } from './CurrencyPickerExample';
+type CurrencyPickerControlledExampleProps = Pick<ComponentProps<typeof CurrencyPickerExample>, 'onValueChange' | 'composition'>;
+export declare const CurrencyPickerControlledExample: ({ onValueChange, composition, }: CurrencyPickerControlledExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerControlledSearchExample.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { CurrencyPickerExample } from './CurrencyPickerExample';
+type CurrencyPickerControlledSearchExampleProps = Pick<ComponentProps<typeof CurrencyPickerExample>, 'onValueChange' | 'composition'>;
+export declare const CurrencyPickerControlledSearchExample: ({ onValueChange, composition, }: CurrencyPickerControlledSearchExampleProps) => import("react").JSX.Element;
+export {};

package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerExample.d.ts

@@ -1,11 +1,10 @@
 import { ComponentProps } from 'react';
 import { CurrencyPicker } from '../CurrencyPicker';
-type CurrencyPickerExampleProps = Pick<ComponentProps<typeof CurrencyPicker.Options>, 'currencies' | 'searchLabel' | 'emptyLabel' | 'onValueChange' | 'dir'> & {
-    defaultValue?: string;
-    disabled?: boolean;
+type CurrencyPickerExampleProps = Pick<ComponentProps<typeof CurrencyPicker>, 'currencies' | 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'closeOnSelect' | 'selectedFirst' | 'getOptionLabel' | 'getSearchText' | 'renderValue'> & Pick<ComponentProps<typeof CurrencyPicker.Options>, 'searchLabel' | 'emptyLabel' | 'searchable' | 'searchProps' | 'dir'> & {
+    composition?: 'shorthand' | 'compound';
     optionsDisabled?: boolean;
     defaultOpen?: boolean;
     triggerLabel?: string;
 };
-export declare const CurrencyPickerExample: ({ currencies, defaultValue, disabled, optionsDisabled, defaultOpen, triggerLabel, searchLabel, emptyLabel, onValueChange, dir, }: Partial<CurrencyPickerExampleProps>) => import("react").JSX.Element;
+export declare const CurrencyPickerExample: ({ currencies, value, defaultValue, disabled, optionsDisabled, defaultOpen, triggerLabel, composition, selectedFirst, closeOnSelect, getOptionLabel, getSearchText, renderValue, searchLabel, searchProps, emptyLabel, searchable, onValueChange, dir, }: Partial<CurrencyPickerExampleProps>) => import("react").JSX.Element;
 export {};

package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerListLabelExample.d.ts

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

package/dist/components/input/CurrencyPicker/__stories__/CurrencyPickerRootStateExample.d.ts

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