twenty-ui 2.45.0 → 2.47.0

package/dist/components/feedback/Toast/types/ToastProps.d.ts

@@ -1,17 +1,15 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ComponentPropsWithRef, ReactNode } from 'react';
-import { ToastVariant } from './ToastVariant';
-export type ToastProps = ComponentPropsWithRef<'div'> & {
+import { ToastStatus } from './ToastStatus';
+export type ToastProps = Omit<ComponentPropsWithRef<'div'>, 'color'> & {
     /**
      * Replaces the rendered element or composes it with another component.
      * Accepts a React element or a function that returns the element to render.
      */
     render?: useRender.RenderProp;
-    /** Visual variant that selects the icon and colors. */
-    variant?: ToastVariant;
+    status?: ToastStatus;
     /** Supporting content rendered below the message. */
     description?: ReactNode;
-    /** Replaces the variant's icon. */
     icon?: ReactNode;
     /**
      * Accessible name of the default icon. Without it, the icon is hidden from
@@ -41,7 +39,7 @@ export type ToastProps = ComponentPropsWithRef<'div'> & {
      */
     onClose?: () => void;
     /** Label of the cancel button. */
-    cancelLabel?: string;
+    cancelLabel?: ReactNode;
     /** Accessible name of the close button. */
     closeLabel?: string;
 };

package/dist/components/feedback/Toast/types/ToastStatus.d.ts

@@ -0,0 +1 @@
+export type ToastStatus = 'neutral' | 'info' | 'success' | 'warning' | 'error';

package/dist/components/feedback/Toast/types/ToastUpdate.d.ts

@@ -0,0 +1,4 @@
+import { ToastOptions } from './ToastOptions';
+export type ToastUpdate = Partial<Omit<ToastOptions, 'dedupeKey'>> & {
+    id: string;
+};

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

@@ -0,0 +1 @@
+export declare const DEFAULT_TIMING_DURATION = 1400;

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

@@ -0,0 +1,2 @@
+import { ToasterUpdateExampleProps } from './ToasterUpdateExampleProps';
+export declare const ToastUpdateControls: ({ onAction, onCancel, onClose, onUpdatedAction, onUpdatedCancel, onUpdatedClose, }: ToasterUpdateExampleProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ToasterTimingExampleProps } from './ToasterTimingExampleProps';
+export declare const ToasterRootReplacementExample: (props: ToasterTimingExampleProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ToasterTimingExampleProps } from './ToasterTimingExampleProps';
+export declare const ToasterSelfRemovingActionExample: (props: ToasterTimingExampleProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ToasterTimingExampleProps } from './ToasterTimingExampleProps';
+export declare const ToasterTimingExample: ({ disableAnimations, ...props }: ToasterTimingExampleProps) => import("react").JSX.Element;

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

@@ -0,0 +1,6 @@
+export type ToasterTimingExampleProps = {
+    duration?: number;
+    disableAnimations?: boolean;
+    onCancel?: () => void;
+    onClose?: () => void;
+};

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

@@ -0,0 +1,2 @@
+import { ToasterUpdateExampleProps } from './ToasterUpdateExampleProps';
+export declare const ToasterUpdateExample: (props: ToasterUpdateExampleProps) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ToasterExampleProps } from './ToasterExampleProps';
+export type ToasterUpdateExampleProps = ToasterExampleProps & {
+    onAction?: () => void;
+    onCancel?: () => void;
+    onUpdatedAction?: () => void;
+    onUpdatedCancel?: () => void;
+    onUpdatedClose?: () => void;
+};

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

@@ -0,0 +1,21 @@
+export { Callout } from './Callout/Callout';
+export type { CalloutActionProps } from './Callout/types/CalloutActionProps';
+export type { CalloutColor } from './Callout/types/CalloutColor';
+export type { CalloutProps } from './Callout/types/CalloutProps';
+export type { CalloutState } from './Callout/types/CalloutState';
+export type { CalloutStatus } from './Callout/types/CalloutStatus';
+export type { CalloutVariant } from './Callout/types/CalloutVariant';
+export { InlineBanner } from './InlineBanner/InlineBanner';
+export type { InlineBannerLayout } from './InlineBanner/types/InlineBannerLayout';
+export type { InlineBannerProps } from './InlineBanner/types/InlineBannerProps';
+export { useToast } from './Toast/hooks/useToast';
+export { Toast } from './Toast/Toast';
+export { ToastProvider } from './Toast/ToastProvider';
+export type { ToastNotification } from './Toast/types/ToastNotification';
+export type { ToastOptions } from './Toast/types/ToastOptions';
+export type { ToastProps } from './Toast/types/ToastProps';
+export type { ToastProviderProps } from './Toast/types/ToastProviderProps';
+export type { ToastStatus } from './Toast/types/ToastStatus';
+export type { ToastUpdate } from './Toast/types/ToastUpdate';
+export { Toaster } from './Toaster/Toaster';
+export type { ToasterProps } from './Toaster/types/ToasterProps';

package/dist/components/feedback.cjs

@@ -0,0 +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;

package/dist/components/feedback.mjs

@@ -0,0 +1,9 @@
+import { a as s, i as o, n as r, o as t, r as e, t as n } from "../feedback-DhilJ_fX.js";
+export {
+  t as Callout,
+  s as InlineBanner,
+  e as Toast,
+  r as ToastProvider,
+  n as Toaster,
+  o as useToast
+};

package/dist/components/index.d.ts

@@ -1,85 +1,6 @@
-export { AvatarGroup } from './data-display/AvatarGroup/AvatarGroup';
-export type { AvatarGroupProps } from './data-display/AvatarGroup/types/AvatarGroupProps';
-export { CommandBlock } from './data-display/CommandBlock/CommandBlock';
-export { JsonTree } from './data-display/JsonTree/JsonTree';
-export type { GetJsonNodeHighlighting } from './data-display/JsonTree/types/GetJsonNodeHighlighting';
-export type { JsonNodeHighlighting } from './data-display/JsonTree/types/JsonNodeHighlighting';
-export type { JsonTreeEntry } from './data-display/JsonTree/types/JsonTreeEntry';
-export type { JsonTreeProps } from './data-display/JsonTree/types/JsonTreeProps';
-export type { ShouldExpandNodeInitiallyProps } from './data-display/JsonTree/types/ShouldExpandNodeInitiallyProps';
-export { MetricRow } from './data-display/MetricRow/MetricRow';
-export type { MetricRowProps } from './data-display/MetricRow/types/MetricRowProps';
-export { NotificationCounter } from './data-display/NotificationCounter/NotificationCounter';
-export { TintedIconTile } from './data-display/TintedIconTile/TintedIconTile';
-export type { TintedIconTileProps } from './data-display/TintedIconTile/types/TintedIconTileProps';
-export type { IconTileColorShades } from './data-display/TintedIconTile/utils/getIconTileColorShades';
-export { getIconTileColorShades } from './data-display/TintedIconTile/utils/getIconTileColorShades';
-export { Callout } from './feedback/Callout/Callout';
-export type { CalloutProps } from './feedback/Callout/types/CalloutProps';
-export type { CalloutVariant } from './feedback/Callout/types/CalloutVariant';
-export { InlineBanner } from './feedback/InlineBanner/InlineBanner';
-export type { InlineBannerButtonProps } from './feedback/InlineBanner/types/InlineBannerButtonProps';
-export type { InlineBannerProps } from './feedback/InlineBanner/types/InlineBannerProps';
-export { useToast } from './feedback/Toast/hooks/useToast';
-export { Toast } from './feedback/Toast/Toast';
-export { ToastProvider } from './feedback/Toast/ToastProvider';
-export type { ToastNotification } from './feedback/Toast/types/ToastNotification';
-export type { ToastOptions } from './feedback/Toast/types/ToastOptions';
-export type { ToastProps } from './feedback/Toast/types/ToastProps';
-export type { ToastProviderProps } from './feedback/Toast/types/ToastProviderProps';
-export type { ToastVariant } from './feedback/Toast/types/ToastVariant';
-export { Toaster } from './feedback/Toaster/Toaster';
-export type { ToasterProps } from './feedback/Toaster/types/ToasterProps';
-export { IconButton } from './input/IconButton/IconButton';
-export type { IconButtonProps } from './input/IconButton/types/IconButtonProps';
-export type { IconButtonSize } from './input/IconButton/types/IconButtonSize';
-export { ImageInput } from './input/ImageInput/ImageInput';
-export type { ImageInputProps } from './input/ImageInput/types/ImageInputProps';
-export { LightButton } from './input/LightButton/LightButton';
-export type { LightButtonProps } from './input/LightButton/types/LightButtonProps';
-export { LightIconButton } from './input/LightIconButton/LightIconButton';
-export type { LightIconButtonProps } from './input/LightIconButton/types/LightIconButtonProps';
-export { MainButton } from './input/MainButton/MainButton';
-export { SearchInput } from './input/SearchInput/SearchInput';
-export type { SearchInputProps } from './input/SearchInput/types/SearchInputProps';
-export { SettingsRow } from './input/SettingsRow/SettingsRow';
-export type { SettingsRowProps } from './input/SettingsRow/types/SettingsRowProps';
-export { AnimatedIconCrossfade } from './layout/AnimatedIconCrossfade/AnimatedIconCrossfade';
-export { OverflowingList } from './layout/OverflowingList/OverflowingList';
-export type { OverflowingListProps } from './layout/OverflowingList/types/OverflowingListProps';
-export { Section } from './layout/Section/Section';
-export type { SectionHeaderProps } from './layout/Section/types/SectionHeaderProps';
-export type { SectionRootProps } from './layout/Section/types/SectionRootProps';
-export { Dropdown } from './navigation/Dropdown/Dropdown';
-export { useDropdownPage } from './navigation/Dropdown/hooks/useDropdownPage';
-export type { DropdownActionItemProps } from './navigation/Dropdown/types/DropdownActionItemProps';
-export type { DropdownCloseProps } from './navigation/Dropdown/types/DropdownCloseProps';
-export type { DropdownContentProps } from './navigation/Dropdown/types/DropdownContentProps';
-export type { DropdownDismissEvent } from './navigation/Dropdown/types/DropdownDismissEvent';
-export type { DropdownHeaderProps } from './navigation/Dropdown/types/DropdownHeaderProps';
-export type { DropdownOptionItemProps } from './navigation/Dropdown/types/DropdownOptionItemProps';
-export type { DropdownPageProps } from './navigation/Dropdown/types/DropdownPageProps';
-export type { DropdownRootProps } from './navigation/Dropdown/types/DropdownRootProps';
-export type { DropdownSearchProps } from './navigation/Dropdown/types/DropdownSearchProps';
-export type { DropdownSectionProps } from './navigation/Dropdown/types/DropdownSectionProps';
-export type { DropdownSubmenuProps } from './navigation/Dropdown/types/DropdownSubmenuProps';
-export type { DropdownSubmenuTriggerProps } from './navigation/Dropdown/types/DropdownSubmenuTriggerProps';
-export type { DropdownTitleProps } from './navigation/Dropdown/types/DropdownTitleProps';
-export type { DropdownTriggerProps } from './navigation/Dropdown/types/DropdownTriggerProps';
-export type { DropdownType } from './navigation/Dropdown/types/DropdownType';
-export { DEFAULT_COLOR_LABELS } from './navigation/MenuItem/constants/DefaultColorLabels';
-export { MenuItem } from './navigation/MenuItem/MenuItem';
-export type { ColorLabels } from './navigation/MenuItem/types/ColorLabels';
-export type { MenuItemAccent } from './navigation/MenuItem/types/MenuItemAccent';
-export type { MenuItemDraggableGripMode } from './navigation/MenuItem/types/MenuItemDraggableGripMode';
-export type { MenuItemProps } from './navigation/MenuItem/types/MenuItemProps';
-export { MenuItemAvatar } from './navigation/MenuItemAvatar/MenuItemAvatar';
-export type { MenuItemAvatarProps } from './navigation/MenuItemAvatar/types/MenuItemAvatarProps';
-export { MenuItemDraggable } from './navigation/MenuItemDraggable/MenuItemDraggable';
-export type { MenuItemDraggableProps } from './navigation/MenuItemDraggable/types/MenuItemDraggableProps';
-export { MenuItemSuggestion } from './navigation/MenuItemSuggestion/MenuItemSuggestion';
-export type { MenuItemSuggestionProps } from './navigation/MenuItemSuggestion/types/MenuItemSuggestionProps';
-export { MenuPicker } from './navigation/MenuPicker/MenuPicker';
-export type { MenuPickerProps } from './navigation/MenuPicker/types/MenuPickerProps';
-export { TabButton } from './navigation/TabButton/TabButton';
-export type { TabButtonProps } from './navigation/TabButton/types/TabButtonProps';
+export * from './data-display';
+export * from './feedback';
+export * from './input';
+export * from './layout';
+export * from './navigation';
+export * from './settings';

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

@@ -0,0 +1,2 @@
+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;

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

@@ -0,0 +1,5 @@
+export declare const COUNTRY_CHOICES: {
+    value: string;
+    label: string;
+    flag: string;
+}[];

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

@@ -0,0 +1,8 @@
+import { CountrySelectProps } from '../types/CountrySelectProps';
+type CountrySelectAvailabilityExampleProps = Partial<CountrySelectProps> & {
+    controlled?: boolean;
+    availability: 'disabled' | 'countries';
+    ignoreCloseRequests?: boolean;
+};
+export declare const CountrySelectAvailabilityExample: ({ controlled, availability, ignoreCloseRequests, onOpenChange, }: CountrySelectAvailabilityExampleProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { CountrySelectProps } from '../types/CountrySelectProps';
+export declare const CountrySelectExample: (props: Partial<CountrySelectProps>) => import("react").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { CountrySelectProps } from '../types/CountrySelectProps';
+export declare const assertCountryAvailabilityReset: ({ canvasElement, args, }: {
+    canvasElement: HTMLElement;
+    args: Partial<CountrySelectProps>;
+}) => Promise<void>;

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

@@ -0,0 +1,4 @@
+export declare const waitForCountryPopup: ({ canvasElement, name, }: {
+    canvasElement: HTMLElement;
+    name?: string;
+}) => Promise<HTMLElement>;

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

@@ -0,0 +1,7 @@
+type CountrySelectAvailabilityEffectProps = {
+    disabled: boolean;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare const CountrySelectAvailabilityEffect: ({ disabled, open, onOpenChange, }: CountrySelectAvailabilityEffectProps) => null;
+export {};

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

@@ -0,0 +1,11 @@
+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 {};

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

@@ -0,0 +1,5 @@
+export declare const getCountrySelectLabelledBy: ({ ariaLabelledBy, ariaLabel, visibleLabelId, }: {
+    ariaLabelledBy?: string;
+    ariaLabel?: string;
+    visibleLabelId?: string;
+}) => string | undefined;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type CountryChoice = {
+    value: string;
+    label: string;
+    flag?: ReactNode;
+};

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

@@ -0,0 +1,15 @@
+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'>;
+};

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

@@ -0,0 +1,4 @@
+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>>;
+};

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

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+import { CurrencyPicker } from '../CurrencyPicker';
+type CurrencyPickerExampleProps = Pick<ComponentProps<typeof CurrencyPicker.Options>, 'currencies' | 'searchLabel' | 'emptyLabel' | 'onValueChange' | 'dir'> & {
+    defaultValue?: string;
+    disabled?: boolean;
+    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 {};

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

@@ -0,0 +1,9 @@
+export declare const CURRENCY_PICKER_STORY_OPTIONS: ({
+    code: string;
+    name: string;
+    disabled?: undefined;
+} | {
+    code: string;
+    name: string;
+    disabled: true;
+})[];

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

@@ -0,0 +1,8 @@
+export declare const openCurrencyPicker: ({ canvasElement, triggerLabel, }: {
+    canvasElement: HTMLElement;
+    triggerLabel?: string;
+}) => Promise<{
+    trigger: HTMLElement;
+    dialog: HTMLElement;
+    search: HTMLElement;
+}>;

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

@@ -0,0 +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>>;

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

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

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

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

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

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

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

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

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

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

package/dist/components/input/IconButton/types/IconButtonProps.d.ts

@@ -2,13 +2,18 @@ import { ReactNode } from 'react';
 import { IconButtonSize } from './IconButtonSize';
 import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
 import { TooltipSide } from '../../../../primitives/surfaces/Tooltip/types/TooltipSide';
-export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'shortcut' | 'shortcutJoinLabel' | 'fullWidth'> & {
+export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'aria-labelledby' | 'children' | 'startIcon' | 'endIcon' | 'shortcut' | 'shortcutJoinLabel' | 'fullWidth' | 'loadingPosition'> & {
     size?: IconButtonSize;
     shape?: 'square' | 'round';
     children: ReactNode;
-    'aria-label': string;
     tooltip?: string;
     tooltipPlace?: TooltipSide;
     tooltipDelay?: number;
     tooltipOffset?: number;
-};
+} & ({
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby': string;
+});

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

@@ -1,2 +1,2 @@
 import { ImageInputProps } from './types/ImageInputProps';
-export declare const ImageInput: ({ src, onUpload, onRemove, onAbort, disabled, isUploading, helperText, errorMessage, uploadLabel, removeLabel, abortLabel, accept, className, render, ref, ...props }: ImageInputProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ImageInput: ({ src, onFileSelect, onRemove, onAbort, disabled, isUploading, helperText, errorMessage, uploadLabel, removeLabel, abortLabel, accept, inputRef, onChange, "aria-describedby": ariaDescribedBy, className, style, dir, render, ref, ...inputProps }: ImageInputProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/input/ImageInput/types/ImageInputProps.d.ts

@@ -1,15 +1,15 @@
 import { useRender } from '@base-ui/react/use-render';
-export type ImageInputProps = Omit<useRender.ComponentProps<'div'>, 'children' | 'onAbort'> & {
+import { ComponentPropsWithRef } from 'react';
+export type ImageInputProps = Omit<ComponentPropsWithRef<'input'>, 'children' | 'dangerouslySetInnerHTML' | 'type' | 'multiple' | 'value' | 'defaultValue' | 'hidden' | 'onAbort' | 'src' | 'ref' | 'className' | 'style'> & Pick<useRender.ComponentProps<'div'>, 'ref' | 'render' | 'className' | 'style'> & {
     src?: string | null;
-    onUpload?: (file: File) => void;
+    onFileSelect?: (file: File) => void;
     onRemove?: () => void;
     onAbort?: () => void;
-    disabled?: boolean;
     isUploading?: boolean;
     helperText?: string;
     errorMessage?: string | null;
     uploadLabel?: string;
     removeLabel?: string;
     abortLabel?: string;
-    accept?: string;
+    inputRef?: ComponentPropsWithRef<'input'>['ref'];
 };

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

@@ -0,0 +1,2 @@
+import { NumberStepperProps } from './types/NumberStepperProps';
+export declare const NumberStepper: ({ value, defaultValue, onValueChange, onValueCommitted, allowOutOfRange, min, max, step, disabled, readOnly, required, name, form, id, showButtons, decrementLabel, incrementLabel, className, ...props }: NumberStepperProps) => import("react").JSX.Element;

package/dist/{primitives → components}/input/NumberStepper/internal/utils/isBlurRoundingOfCurrentValue.d.ts

@@ -1,8 +1,8 @@
-import { NumberField } from '@base-ui/react/number-field';
+import { NumberFieldRootChangeEventReason } from '../../../../../primitives/input/NumberField/types/NumberFieldRootChangeEventReason';
 type IsBlurRoundingOfCurrentValueArgs = {
     nextValue: number | null;
     currentValue: number | null;
-    reason: NumberField.Root.ChangeEventReason;
+    reason: NumberFieldRootChangeEventReason;
 };
 export declare const isBlurRoundingOfCurrentValue: ({ nextValue, currentValue, reason, }: IsBlurRoundingOfCurrentValueArgs) => boolean;
 export {};

package/dist/components/input/NumberStepper/types/NumberStepperProps.d.ts

@@ -0,0 +1,8 @@
+import { NumberFieldInputProps } from '../../../../primitives/input/NumberField/types/NumberFieldInputProps';
+import { NumberFieldRootProps } from '../../../../primitives/input/NumberField/types/NumberFieldRootProps';
+export type NumberStepperProps = Omit<NumberFieldInputProps, 'children' | 'defaultValue' | 'disabled' | 'max' | 'min' | 'name' | 'onChange' | 'readOnly' | 'required' | 'size' | 'step' | 'type' | 'value'> & Pick<NumberFieldRootProps, 'allowOutOfRange' | 'defaultValue' | 'disabled' | 'max' | 'min' | 'name' | 'onValueChange' | 'onValueCommitted' | 'readOnly' | 'required' | 'value'> & {
+    step?: number;
+    showButtons?: boolean;
+    decrementLabel?: string;
+    incrementLabel?: string;
+};

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

@@ -0,0 +1,4 @@
+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;
+};

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

@@ -0,0 +1,12 @@
+import { PhoneCountryOption } from '../types/PhoneCountryOption';
+type PhoneCountryPickerExampleProps = {
+    initialValue?: string;
+    disabled?: boolean;
+    label?: string;
+    countries?: readonly PhoneCountryOption[];
+    searchLabel?: string;
+    emptyLabel?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare const PhoneCountryPickerExample: ({ initialValue, disabled, label, countries, searchLabel, emptyLabel, onValueChange, }: PhoneCountryPickerExampleProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+export declare const openPhoneCountryPicker: ({ canvasElement, label, }: {
+    canvasElement: HTMLElement;
+    label?: string;
+}) => Promise<{
+    dialog: HTMLElement;
+    search: HTMLElement;
+    trigger: HTMLElement;
+}>;

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

@@ -0,0 +1,2 @@
+import { PhoneCountryOption } from '../types/PhoneCountryOption';
+export declare const PHONE_COUNTRY_OPTIONS: readonly PhoneCountryOption[];

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

@@ -0,0 +1,12 @@
+export declare const PHONE_COUNTRY_PICKER_STORY_A11Y_PARAMETERS: {
+    config: {
+        rules: ({
+            id: string;
+            enabled: boolean;
+        } | {
+            id: string;
+            selector: string;
+        })[];
+    };
+    test: string;
+};

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

@@ -0,0 +1,2 @@
+import { PhoneCountryPickerOptionsProps } from '../types/PhoneCountryPickerOptionsProps';
+export declare const PhoneCountryPickerOptions: ({ countries, value, onValueChange, searchLabel, emptyLabel, }: PhoneCountryPickerOptionsProps) => import("react").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type PhoneCountryOption = {
+    value: string;
+    label: string;
+    callingCode: string;
+    flag: ReactNode;
+};

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

@@ -0,0 +1,8 @@
+import { PhoneCountryOption } from './PhoneCountryOption';
+export type PhoneCountryPickerOptionsProps = {
+    countries: readonly PhoneCountryOption[];
+    value?: string;
+    onValueChange: (value: string) => void;
+    searchLabel?: string;
+    emptyLabel?: string;
+};

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

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

package/dist/{primitives → components}/input/SegmentedControl/types/SegmentedControlProps.d.ts

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

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

@@ -0,0 +1,28 @@
+export { CountrySelect } from './CountrySelect/CountrySelect';
+export type { CountryChoice } from './CountrySelect/types/CountryChoice';
+export type { CountrySelectProps } from './CountrySelect/types/CountrySelectProps';
+export { CurrencyPicker } from './CurrencyPicker/CurrencyPicker';
+export type { CurrencyPickerOption } from './CurrencyPicker/types/CurrencyPickerOption';
+export type { CurrencyPickerOptionsProps } from './CurrencyPicker/types/CurrencyPickerOptionsProps';
+export type { CurrencyPickerTriggerProps } from './CurrencyPicker/types/CurrencyPickerTriggerProps';
+export { IconButton } from './IconButton/IconButton';
+export type { IconButtonProps } from './IconButton/types/IconButtonProps';
+export type { IconButtonSize } from './IconButton/types/IconButtonSize';
+export { ImageInput } from './ImageInput/ImageInput';
+export type { ImageInputProps } from './ImageInput/types/ImageInputProps';
+export { LightButton } from './LightButton/LightButton';
+export type { LightButtonProps } from './LightButton/types/LightButtonProps';
+export { LightIconButton } from './LightIconButton/LightIconButton';
+export type { LightIconButtonProps } from './LightIconButton/types/LightIconButtonProps';
+export { MainButton } from './MainButton/MainButton';
+export { NumberStepper } from './NumberStepper/NumberStepper';
+export type { NumberStepperProps } from './NumberStepper/types/NumberStepperProps';
+export { PhoneCountryPicker } from './PhoneCountryPicker/PhoneCountryPicker';
+export type { PhoneCountryOption } from './PhoneCountryPicker/types/PhoneCountryOption';
+export type { PhoneCountryPickerOptionsProps } from './PhoneCountryPicker/types/PhoneCountryPickerOptionsProps';
+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';

package/dist/components/input.cjs

@@ -0,0 +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;