twenty-ui 2.47.0 → 2.49.0

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { CurrencyPickerRootProps } from '../types/CurrencyPickerRootProps';
+import { CurrencyPickerState } from '../types/CurrencyPickerState';
+import { PreparedCurrencyPickerOption } from './PreparedCurrencyPickerOption';
+export declare const CurrencyPickerContext: import('react').Context<{
+    state: CurrencyPickerState;
+    groupId: string;
+    options: PreparedCurrencyPickerOption[];
+    selectionProps: Pick<CurrencyPickerRootProps, "value" | "defaultValue" | "onValueChange" | "closeOnSelect">;
+    renderValue?: (state: CurrencyPickerState) => ReactNode;
+} | undefined>;

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

@@ -1,2 +1,2 @@
 import { CurrencyPickerOptionsProps } from '../types/CurrencyPickerOptionsProps';
-export declare const CurrencyPickerOptions: ({ currencies, value, onValueChange, disabled, searchLabel, emptyLabel, className, render, ref, ...props }: CurrencyPickerOptionsProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const CurrencyPickerOptions: ({ disabled, searchable, searchLabel, listLabel, emptyLabel, searchProps, className, render, ref, ...props }: CurrencyPickerOptionsProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,2 @@
+import { CurrencyPickerRootProps } from '../types/CurrencyPickerRootProps';
+export declare const CurrencyPickerRoot: ({ currencies, value: controlledValue, defaultValue, onValueChange, closeOnSelect, disabled, selectedFirst, getOptionLabel, getSearchText, renderValue, children, }: CurrencyPickerRootProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { CurrencyPickerProps } from '../types/CurrencyPickerProps';
+export declare const CurrencyPickerShorthand: ({ currencies, value, defaultValue, onValueChange, closeOnSelect, disabled, selectedFirst, getOptionLabel, getSearchText, renderValue, open, defaultOpen, onOpenChange, onEscapeKeyDown, onInteractOutside, triggerProps, contentProps, optionsProps, ...props }: CurrencyPickerProps) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { CurrencyPickerTriggerProps } from '../types/CurrencyPickerTriggerProps';
-export declare const CurrencyPickerTrigger: ({ value, className, ...props }: CurrencyPickerTriggerProps) => import("react").JSX.Element;
+export declare const CurrencyPickerTrigger: ({ children, placeholder, disabled, className, ...props }: CurrencyPickerTriggerProps) => import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { CurrencyPickerOption } from '../types/CurrencyPickerOption';
+export type PreparedCurrencyPickerOption = {
+    currency: CurrencyPickerOption;
+    label: ReactNode;
+    searchText: string;
+};

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

@@ -0,0 +1,2 @@
+import { CurrencyPickerOption } from '../types/CurrencyPickerOption';
+export declare const getCurrencyPickerSearchText: (currency: CurrencyPickerOption) => string;

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

@@ -0,0 +1,7 @@
+export declare const useCurrencyPickerContextOrThrow: () => {
+    state: import('../..').CurrencyPickerState;
+    groupId: string;
+    options: import('./PreparedCurrencyPickerOption').PreparedCurrencyPickerOption[];
+    selectionProps: Pick<import('../..').CurrencyPickerRootProps, "value" | "defaultValue" | "onValueChange" | "closeOnSelect">;
+    renderValue?: (state: import('../..').CurrencyPickerState) => import('react').ReactNode;
+};

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

@@ -0,0 +1,2 @@
+import { DropdownSelectionGroupChangeEventDetails } from '../../../navigation/Dropdown/types/DropdownSelectionGroupChangeEventDetails';
+export type CurrencyPickerChangeEventDetails = DropdownSelectionGroupChangeEventDetails;

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

@@ -1,5 +1,6 @@
 export type CurrencyPickerOption = {
     code: string;
     name: string;
+    symbol?: string;
     disabled?: boolean;
 };

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

@@ -1,10 +1,11 @@
 import { useRender } from '@base-ui/react/use-render';
-import { CurrencyPickerOption } from './CurrencyPickerOption';
+import { ReactNode } from 'react';
+import { DropdownSearchProps } from '../../../navigation/Dropdown/types/DropdownSearchProps';
 export type CurrencyPickerOptionsProps = Omit<useRender.ComponentProps<'div'>, 'children'> & {
-    currencies: readonly CurrencyPickerOption[];
-    value?: string;
-    onValueChange: (code: string) => void;
     disabled?: boolean;
+    searchable?: boolean;
     searchLabel?: string;
-    emptyLabel?: string;
+    listLabel?: string;
+    emptyLabel?: ReactNode;
+    searchProps?: DropdownSearchProps;
 };

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

@@ -0,0 +1,10 @@
+import { DropdownContentProps } from '../../../navigation/Dropdown/types/DropdownContentProps';
+import { DropdownRootProps } from '../../../navigation/Dropdown/types/DropdownRootProps';
+import { CurrencyPickerOptionsProps } from './CurrencyPickerOptionsProps';
+import { CurrencyPickerRootProps } from './CurrencyPickerRootProps';
+import { CurrencyPickerTriggerProps } from './CurrencyPickerTriggerProps';
+export type CurrencyPickerProps = Omit<CurrencyPickerRootProps, 'children'> & CurrencyPickerTriggerProps & Pick<DropdownRootProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'onEscapeKeyDown' | 'onInteractOutside'> & {
+    triggerProps?: CurrencyPickerTriggerProps;
+    contentProps?: Omit<DropdownContentProps, 'children'>;
+    optionsProps?: CurrencyPickerOptionsProps;
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { CurrencyPickerChangeEventDetails } from './CurrencyPickerChangeEventDetails';
+import { CurrencyPickerOption } from './CurrencyPickerOption';
+import { CurrencyPickerState } from './CurrencyPickerState';
+export type CurrencyPickerRootProps = {
+    currencies: readonly CurrencyPickerOption[];
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null, eventDetails: CurrencyPickerChangeEventDetails) => void;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    selectedFirst?: boolean;
+    getOptionLabel?: (currency: CurrencyPickerOption) => ReactNode;
+    getSearchText?: (currency: CurrencyPickerOption) => string;
+    renderValue?: (state: CurrencyPickerState) => ReactNode;
+    children: ReactNode | ((state: CurrencyPickerState) => ReactNode);
+};

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

@@ -0,0 +1,6 @@
+import { CurrencyPickerOption } from './CurrencyPickerOption';
+export type CurrencyPickerState = {
+    value: string | null;
+    selectedCurrency: CurrencyPickerOption | undefined;
+    disabled: boolean;
+};

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

@@ -1,4 +1,5 @@
+import { ReactNode } from 'react';
 import { DropdownTriggerProps } from '../../../navigation/Dropdown/types/DropdownTriggerProps';
-export type CurrencyPickerTriggerProps = Omit<DropdownTriggerProps, 'children' | 'value' | 'openOnHover' | 'delay' | 'closeDelay' | 'handle' | 'payload'> & {
-    value: string;
+export type CurrencyPickerTriggerProps = Omit<DropdownTriggerProps, 'value' | 'openOnHover' | 'delay' | 'closeDelay'> & {
+    placeholder?: ReactNode;
 };

package/dist/components/input/IconButton/__stories__/IconButtonExample.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type IconButtonExampleProps = {
+    children: ReactNode;
+    label: string;
+};
+export declare const IconButtonExample: ({ children, label, }: IconButtonExampleProps) => import("react").JSX.Element;
+export {};

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

@@ -1,4 +1,6 @@
-export declare const PhoneCountryPicker: {
-    Trigger: ({ country, className, "aria-describedby": ariaDescribedBy, ...props }: import('..').PhoneCountryPickerTriggerProps) => import("react").JSX.Element;
-    Options: ({ countries, value, onValueChange, searchLabel, emptyLabel, }: import('..').PhoneCountryPickerOptionsProps) => import("react").JSX.Element;
+import { PhoneCountryPickerProps } from './types/PhoneCountryPickerProps';
+export declare const PhoneCountryPicker: (({ countries, value, defaultValue, onValueChange, disabled, closeOnSelect, dropdownProps, contentProps, optionsProps, ...triggerProps }: PhoneCountryPickerProps) => import("react").JSX.Element) & {
+    Root: ({ children, countries, value: controlledValue, defaultValue, onValueChange, disabled, closeOnSelect, }: import('..').PhoneCountryPickerRootProps) => import("react").JSX.Element;
+    Trigger: ({ children, disabled: triggerDisabled, className, "aria-describedby": ariaDescribedBy, ...props }: import('..').PhoneCountryPickerTriggerProps) => import("react").JSX.Element;
+    Options: ({ searchLabel, listLabel, emptyLabel, disabled: optionsDisabled, className, render, ref, ...props }: import('..').PhoneCountryPickerOptionsProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 };

package/dist/components/input/PhoneCountryPicker/__stories__/PhoneCountryPickerExample.d.ts

@@ -1,12 +1,16 @@
+import { DropdownSelectionGroupChangeEventDetails } from '../../../navigation/Dropdown/types/DropdownSelectionGroupChangeEventDetails';
 import { PhoneCountryOption } from '../types/PhoneCountryOption';
 type PhoneCountryPickerExampleProps = {
-    initialValue?: string;
+    initialValue?: string | null;
+    composition?: 'shorthand' | 'compound';
+    controlled?: boolean;
     disabled?: boolean;
     label?: string;
     countries?: readonly PhoneCountryOption[];
     searchLabel?: string;
+    listLabel?: string;
     emptyLabel?: string;
-    onValueChange?: (value: string) => void;
+    onValueChange?: (value: string | null, eventDetails: DropdownSelectionGroupChangeEventDetails) => void;
 };
-export declare const PhoneCountryPickerExample: ({ initialValue, disabled, label, countries, searchLabel, emptyLabel, onValueChange, }: PhoneCountryPickerExampleProps) => import("react").JSX.Element;
+export declare const PhoneCountryPickerExample: ({ initialValue, composition, controlled, disabled, label, countries, searchLabel, listLabel, emptyLabel, onValueChange, }: PhoneCountryPickerExampleProps) => import("react").JSX.Element;
 export {};

package/dist/components/input/PhoneCountryPicker/__stories__/testDisabledPhoneCountryPicker.d.ts

@@ -0,0 +1,5 @@
+import { PhoneCountryPickerRootProps } from '../types/PhoneCountryPickerRootProps';
+export declare const testDisabledPhoneCountryPicker: ({ canvasElement, args, }: {
+    canvasElement: HTMLElement;
+    args: Pick<PhoneCountryPickerRootProps, "onValueChange">;
+}) => Promise<void>;

package/dist/components/input/PhoneCountryPicker/__stories__/testPhoneCountryCallingCodeDirection.d.ts

@@ -0,0 +1,3 @@
+export declare const testPhoneCountryCallingCodeDirection: ({ canvasElement, }: {
+    canvasElement: HTMLElement;
+}) => Promise<void>;

package/dist/components/input/PhoneCountryPicker/__stories__/testPhoneCountryNullSelection.d.ts

@@ -0,0 +1,5 @@
+import { PhoneCountryPickerRootProps } from '../types/PhoneCountryPickerRootProps';
+export declare const testPhoneCountryNullSelection: ({ canvasElement, args, }: {
+    canvasElement: HTMLElement;
+    args: Pick<PhoneCountryPickerRootProps, "onValueChange">;
+}) => Promise<void>;

package/dist/components/input/PhoneCountryPicker/__stories__/testPhoneCountrySelection.d.ts

@@ -0,0 +1,5 @@
+import { PhoneCountryPickerRootProps } from '../types/PhoneCountryPickerRootProps';
+export declare const testPhoneCountrySelection: ({ canvasElement, args, }: {
+    canvasElement: HTMLElement;
+    args: Pick<PhoneCountryPickerRootProps, "onValueChange">;
+}) => Promise<void>;

package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerContext.d.ts

@@ -0,0 +1,9 @@
+import { PhoneCountryPickerRootProps } from '../types/PhoneCountryPickerRootProps';
+import { PreparedPhoneCountryOption } from './PreparedPhoneCountryOption';
+export declare const PhoneCountryPickerContext: import('react').Context<{
+    countries: readonly PreparedPhoneCountryOption[];
+    value: string | null;
+    onValueChange: NonNullable<PhoneCountryPickerRootProps["onValueChange"]>;
+    disabled: boolean;
+    closeOnSelect: boolean;
+} | null>;

package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerOptions.d.ts

@@ -1,2 +1,2 @@
 import { PhoneCountryPickerOptionsProps } from '../types/PhoneCountryPickerOptionsProps';
-export declare const PhoneCountryPickerOptions: ({ countries, value, onValueChange, searchLabel, emptyLabel, }: PhoneCountryPickerOptionsProps) => import("react").JSX.Element;
+export declare const PhoneCountryPickerOptions: ({ searchLabel, listLabel, emptyLabel, disabled: optionsDisabled, className, render, ref, ...props }: PhoneCountryPickerOptionsProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerRoot.d.ts

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

package/dist/components/input/PhoneCountryPicker/internal/PhoneCountryPickerTrigger.d.ts

@@ -1,2 +1,2 @@
 import { PhoneCountryPickerTriggerProps } from '../types/PhoneCountryPickerTriggerProps';
-export declare const PhoneCountryPickerTrigger: ({ country, className, "aria-describedby": ariaDescribedBy, ...props }: PhoneCountryPickerTriggerProps) => import("react").JSX.Element;
+export declare const PhoneCountryPickerTrigger: ({ children, disabled: triggerDisabled, className, "aria-describedby": ariaDescribedBy, ...props }: PhoneCountryPickerTriggerProps) => import("react").JSX.Element;

package/dist/components/input/PhoneCountryPicker/internal/PreparedPhoneCountryOption.d.ts

@@ -0,0 +1,5 @@
+import { PhoneCountryOption } from '../types/PhoneCountryOption';
+export type PreparedPhoneCountryOption = PhoneCountryOption & {
+    searchLabel: string;
+    searchValue: string;
+};

package/dist/components/input/PhoneCountryPicker/internal/getPhoneCountryOptionTooltipLabel.d.ts

@@ -0,0 +1,2 @@
+import { PhoneCountryOption } from '../types/PhoneCountryOption';
+export declare const getPhoneCountryOptionTooltipLabel: ({ label, callingCode, }: Pick<PhoneCountryOption, "label" | "callingCode">) => string;

package/dist/components/input/PhoneCountryPicker/internal/matchesPhoneCountrySearch.d.ts

@@ -0,0 +1,6 @@
+import { PreparedPhoneCountryOption } from './PreparedPhoneCountryOption';
+export declare const matchesPhoneCountrySearch: ({ country, normalizedSearch, callingCodeSearch, }: {
+    country: Pick<PreparedPhoneCountryOption, "searchLabel" | "searchValue" | "callingCode">;
+    normalizedSearch: string;
+    callingCodeSearch: string;
+}) => boolean;

package/dist/components/input/PhoneCountryPicker/internal/usePhoneCountryPickerContextOrThrow.d.ts

@@ -0,0 +1,7 @@
+export declare const usePhoneCountryPickerContextOrThrow: () => {
+    countries: readonly import('./PreparedPhoneCountryOption').PreparedPhoneCountryOption[];
+    value: string | null;
+    onValueChange: NonNullable<import('../..').PhoneCountryPickerRootProps["onValueChange"]>;
+    disabled: boolean;
+    closeOnSelect: boolean;
+};

package/dist/components/input/PhoneCountryPicker/types/PhoneCountryOption.d.ts

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

package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerOptionsProps.d.ts

@@ -1,8 +1,7 @@
-import { PhoneCountryOption } from './PhoneCountryOption';
-export type PhoneCountryPickerOptionsProps = {
-    countries: readonly PhoneCountryOption[];
-    value?: string;
-    onValueChange: (value: string) => void;
+import { useRender } from '@base-ui/react/use-render';
+export type PhoneCountryPickerOptionsProps = Omit<useRender.ComponentProps<'div'>, 'children'> & {
+    disabled?: boolean;
     searchLabel?: string;
+    listLabel?: string;
     emptyLabel?: string;
 };

package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerProps.d.ts

@@ -0,0 +1,10 @@
+import { DropdownContentProps } from '../../../navigation/Dropdown/types/DropdownContentProps';
+import { DropdownRootProps } from '../../../navigation/Dropdown/types/DropdownRootProps';
+import { PhoneCountryPickerOptionsProps } from './PhoneCountryPickerOptionsProps';
+import { PhoneCountryPickerRootProps } from './PhoneCountryPickerRootProps';
+import { PhoneCountryPickerTriggerProps } from './PhoneCountryPickerTriggerProps';
+export type PhoneCountryPickerProps = Omit<PhoneCountryPickerRootProps, 'children'> & Omit<PhoneCountryPickerTriggerProps, 'value' | 'defaultValue'> & {
+    dropdownProps?: Omit<DropdownRootProps, 'children' | 'type' | 'multiple'>;
+    contentProps?: Omit<DropdownContentProps, 'children'>;
+    optionsProps?: PhoneCountryPickerOptionsProps;
+};

package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerRootProps.d.ts

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

package/dist/components/input/PhoneCountryPicker/types/PhoneCountryPickerTriggerProps.d.ts

@@ -1,6 +1,4 @@
 import { DropdownTriggerProps } from '../../../navigation/Dropdown/types/DropdownTriggerProps';
-import { PhoneCountryOption } from './PhoneCountryOption';
-export type PhoneCountryPickerTriggerProps = Omit<DropdownTriggerProps, 'children' | 'render' | 'nativeButton' | 'aria-label'> & {
-    country?: PhoneCountryOption;
+export type PhoneCountryPickerTriggerProps = Omit<DropdownTriggerProps, 'aria-label'> & {
     'aria-label': string;
 };

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

@@ -1,9 +1,17 @@
 export { CountrySelect } from './CountrySelect/CountrySelect';
 export type { CountryChoice } from './CountrySelect/types/CountryChoice';
+export type { CountrySelectOptionsProps } from './CountrySelect/types/CountrySelectOptionsProps';
+export type { CountrySelectOptionsState } from './CountrySelect/types/CountrySelectOptionsState';
 export type { CountrySelectProps } from './CountrySelect/types/CountrySelectProps';
+export type { CountrySelectRootProps } from './CountrySelect/types/CountrySelectRootProps';
+export type { CountrySelectTriggerProps } from './CountrySelect/types/CountrySelectTriggerProps';
 export { CurrencyPicker } from './CurrencyPicker/CurrencyPicker';
+export type { CurrencyPickerChangeEventDetails } from './CurrencyPicker/types/CurrencyPickerChangeEventDetails';
 export type { CurrencyPickerOption } from './CurrencyPicker/types/CurrencyPickerOption';
 export type { CurrencyPickerOptionsProps } from './CurrencyPicker/types/CurrencyPickerOptionsProps';
+export type { CurrencyPickerProps } from './CurrencyPicker/types/CurrencyPickerProps';
+export type { CurrencyPickerRootProps } from './CurrencyPicker/types/CurrencyPickerRootProps';
+export type { CurrencyPickerState } from './CurrencyPicker/types/CurrencyPickerState';
 export type { CurrencyPickerTriggerProps } from './CurrencyPicker/types/CurrencyPickerTriggerProps';
 export { IconButton } from './IconButton/IconButton';
 export type { IconButtonProps } from './IconButton/types/IconButtonProps';
@@ -20,9 +28,12 @@ export type { NumberStepperProps } from './NumberStepper/types/NumberStepperProp
 export { PhoneCountryPicker } from './PhoneCountryPicker/PhoneCountryPicker';
 export type { PhoneCountryOption } from './PhoneCountryPicker/types/PhoneCountryOption';
 export type { PhoneCountryPickerOptionsProps } from './PhoneCountryPicker/types/PhoneCountryPickerOptionsProps';
+export type { PhoneCountryPickerProps } from './PhoneCountryPicker/types/PhoneCountryPickerProps';
+export type { PhoneCountryPickerRootProps } from './PhoneCountryPicker/types/PhoneCountryPickerRootProps';
 export type { PhoneCountryPickerTriggerProps } from './PhoneCountryPicker/types/PhoneCountryPickerTriggerProps';
 export { SearchInput } from './SearchInput/SearchInput';
 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 e=require("../input-ChlFcqIS.cjs"),t=require("../Dropdown-Bl4OXCf9.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,15 +1,15 @@
-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 { a as o, c as a, i as n, l as r, n as e, o as s, r as u, s as i, t as c } from "../input-BrjD91wv.js";
+import { a as p, i as I } from "../Dropdown-1OAJvS1f.js";
 export {
-  u as CountrySelect,
-  e as CurrencyPicker,
-  o as IconButton,
-  p as ImageInput,
-  i as LightButton,
-  n as LightIconButton,
-  a as MainButton,
-  s as NumberStepper,
-  m as PhoneCountryPicker,
-  c as SearchInput,
-  I as SegmentedControl
+  r as CountrySelect,
+  a as CurrencyPicker,
+  p as IconButton,
+  i as ImageInput,
+  s as LightButton,
+  I as LightIconButton,
+  o as MainButton,
+  n as NumberStepper,
+  u as PhoneCountryPicker,
+  e as SearchInput,
+  c as SegmentedControl
 };

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 {};

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

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { OverflowingListLayout } from './types/OverflowingListLayout';
+type OverflowingListLayoutEffectProps = {
+    containerRef: RefObject<HTMLDivElement | null>;
+    itemsRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLElement | null>;
+    itemCount: number;
+    inlineItemCount: number;
+    reserveCountSpace: boolean;
+    isMeasurementEnabled: boolean;
+    isOpen: boolean;
+    onLayoutChange: (layout: OverflowingListLayout) => void;
+    onOverflowUnavailable: () => void;
+};
+export declare const OverflowingListLayoutEffect: import('react').MemoExoticComponent<({ containerRef, itemsRef, triggerRef, itemCount, inlineItemCount, reserveCountSpace, isMeasurementEnabled, isOpen, onLayoutChange, onOverflowUnavailable, }: OverflowingListLayoutEffectProps) => null>;
+export {};

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { OverflowingListProps } from '../types/OverflowingListProps';
+type PopupRender = Exclude<NonNullable<NonNullable<OverflowingListProps['popupProps']>['render']>, ReactElement>;
+type OverflowingListPopupTargetProps = {
+    props: Parameters<PopupRender>[0];
+    state: Parameters<PopupRender>[1];
+    render: NonNullable<OverflowingListProps['popupProps']>['render'];
+};
+export declare const OverflowingListPopupTarget: ({ props, state, render, }: OverflowingListPopupTargetProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+export declare const focusOverflowingListFallback: ({ items, popup, trigger, root, removedIndex, excludedItem, }: {
+    items: HTMLElement | null;
+    popup: HTMLElement | null;
+    trigger: HTMLElement | null;
+    root: HTMLElement | null;
+    removedIndex: number;
+    excludedItem?: HTMLElement;
+}) => void;

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

@@ -1,5 +1,4 @@
-export declare const measureItemWidths: ({ items, itemElements, supportsSynchronousLayout, }: {
+export declare const measureItemWidths: ({ items, itemElements, }: {
     items: HTMLElement;
     itemElements: Element[];
-    supportsSynchronousLayout: boolean;
 }) => number[];

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

@@ -0,0 +1,9 @@
+import { OverflowingListLayout } from './types/OverflowingListLayout';
+export declare const measureOverflowingListLayout: ({ container, items, trigger, itemElements, itemCount, reserveCountSpace, }: {
+    container: HTMLElement;
+    items: HTMLElement;
+    trigger: HTMLElement | null;
+    itemElements: Element[];
+    itemCount: number;
+    reserveCountSpace: boolean;
+}) => OverflowingListLayout;

package/dist/components/layout/OverflowingList/internal/types/OverflowingListLayout.d.ts

@@ -0,0 +1,4 @@
+export type OverflowingListLayout = {
+    visibleItemCount: number;
+    hasOverflow: boolean;
+};

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

@@ -1 +1 @@
-export declare const useFocusedElementUnmountRef: (onFocusedElementUnmount: () => void) => (element: HTMLElement | null) => (() => void) | undefined;
+export declare const useFocusedElementUnmountRef: (onFocusedElementUnmount: (element: HTMLElement) => void) => (element: HTMLElement | null) => (() => void) | undefined;