@aviala-design/spiral 0.2.0 → 2.0.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes } from 'react';
 import { ThemeMode, PaletteConfig, BaseNumbersDensity, ThemePreset } from '@aviala-design/tokens';
 export { BaseNumbersDensity, DEFAULT_PALETTE_CONFIG, HueFamily, PALETTE_HUE_FAMILIES, PaletteConfig } from '@aviala-design/tokens';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -140,14 +140,70 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
     error?: boolean;
 } & react.RefAttributes<HTMLInputElement>>;
 
-/** Figma Components → Information Collect → TextareaInput */
+/** Figma Components → Information Collect → NumberInput (197:3237) */
+type NumberInputStyle = "default" | "monospaced";
+declare const numberInputRootVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange"> & {
+    /** Figma `Size` */
+    size?: InputSize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    /** Figma `Style` — Default vs Monospaced (tabular / light numeric) */
+    inputStyle?: NumberInputStyle;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    leftBadge?: ReactNode;
+    rightBadge?: ReactNode;
+    /** Figma `showNumberControlButton` — vertical steppers */
+    showControls?: boolean;
+    /** When false, input sizes to content */
+    fullWidth?: boolean;
+    error?: boolean;
+    value?: number | string | "";
+    defaultValue?: number | string;
+    step?: number;
+    min?: number;
+    max?: number;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Fires with the parsed number (or `null` when empty / invalid) */
+    onValueChange?: (value: number | null) => void;
+};
+declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "size"> & {
+    /** Figma `Size` */
+    size?: InputSize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    /** Figma `Style` — Default vs Monospaced (tabular / light numeric) */
+    inputStyle?: NumberInputStyle;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    leftBadge?: ReactNode;
+    rightBadge?: ReactNode;
+    /** Figma `showNumberControlButton` — vertical steppers */
+    showControls?: boolean;
+    /** When false, input sizes to content */
+    fullWidth?: boolean;
+    error?: boolean;
+    value?: number | string | "";
+    defaultValue?: number | string;
+    step?: number;
+    min?: number;
+    max?: number;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Fires with the parsed number (or `null` when empty / invalid) */
+    onValueChange?: (value: number | null) => void;
+} & react.RefAttributes<HTMLInputElement>>;
+
+/** Figma Components → Information Collect → TextareaInput (301:6320) */
 type TextareaSize = "regular" | "big";
 type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
     /** Figma `Size` */
     size?: TextareaSize;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
-    /** Figma `Controller` — character counter + resize affordance */
+    /** Figma `Controller` — character counter + SymbolResize drag handle */
     showController?: boolean;
     error?: boolean;
 };
@@ -156,7 +212,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttribu
     size?: TextareaSize;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
-    /** Figma `Controller` — character counter + resize affordance */
+    /** Figma `Controller` — character counter + SymbolResize drag handle */
     showController?: boolean;
     error?: boolean;
 } & react.RefAttributes<HTMLTextAreaElement>>;
@@ -637,6 +693,8 @@ type SegmentatorGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "default
     onValueChange?: (value: string) => void;
     mode?: SegmentatorMode;
     allRound?: boolean;
+    /** When true, the group fills its container and items split the width equally. */
+    equalWidth?: boolean;
     disabled?: boolean;
 };
 declare const SegmentatorGroup: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
@@ -645,6 +703,8 @@ declare const SegmentatorGroup: react.ForwardRefExoticComponent<Omit<react.HTMLA
     onValueChange?: (value: string) => void;
     mode?: SegmentatorMode;
     allRound?: boolean;
+    /** When true, the group fills its container and items split the width equally. */
+    equalWidth?: boolean;
     disabled?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 type SegmentatorItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
@@ -660,19 +720,31 @@ declare const SegmentatorItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAt
     iconOnly?: boolean;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+/** Figma Components → System Composition → Form (527:57461 / 527:57641) */
+type FormFieldDirection = "vertical" | "horizontal";
 type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
-    label?: string;
+    label?: ReactNode;
     htmlFor?: string;
     description?: ReactNode;
-    error?: string;
+    error?: ReactNode;
+    info?: ReactNode;
+    /** Optional Alert / Feedback under the control */
+    alert?: ReactNode;
     required?: boolean;
+    /** Figma `Direction` — vertical stacks label above control; horizontal places label beside */
+    direction?: FormFieldDirection;
 };
 declare const FormField: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    label?: string;
+    label?: ReactNode;
     htmlFor?: string;
     description?: ReactNode;
-    error?: string;
+    error?: ReactNode;
+    info?: ReactNode;
+    /** Optional Alert / Feedback under the control */
+    alert?: ReactNode;
     required?: boolean;
+    /** Figma `Direction` — vertical stacks label above control; horizontal places label beside */
+    direction?: FormFieldDirection;
 } & react.RefAttributes<HTMLDivElement>>;
 
 /** Figma Components → System Composition → Typography (128:85) */
@@ -759,8 +831,34 @@ declare const Stack: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
     gap?: "inside" | "component" | "content" | "block" | "page";
     direction?: "row" | "column";
 } & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → System Composition → Form Group (530:65349) */
+type FieldsetProps = HTMLAttributes<HTMLFieldSetElement> & {
+    /** @deprecated Prefer `title` — kept for API compatibility */
+    legend?: ReactNode;
+    /** Form Group title (Typeface Text+Title primary) */
+    title?: ReactNode;
+    /** Form Group subtitle (Typeface Text+Title secondary) */
+    description?: ReactNode;
+    /** Optional footer info row above actions */
+    info?: ReactNode;
+    /** Optional Alert / Feedback above actions */
+    feedback?: ReactNode;
+    /** Action slot — typically a Button row */
+    actions?: ReactNode;
+};
 declare const Fieldset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
-    legend?: string;
+    /** @deprecated Prefer `title` — kept for API compatibility */
+    legend?: ReactNode;
+    /** Form Group title (Typeface Text+Title primary) */
+    title?: ReactNode;
+    /** Form Group subtitle (Typeface Text+Title secondary) */
+    description?: ReactNode;
+    /** Optional footer info row above actions */
+    info?: ReactNode;
+    /** Optional Alert / Feedback above actions */
+    feedback?: ReactNode;
+    /** Action slot — typically a Button row */
+    actions?: ReactNode;
 } & react.RefAttributes<HTMLFieldSetElement>>;
 
 type ColorFormat = "hex" | "rgb" | "hsl";
@@ -1020,11 +1118,20 @@ type DateRange = {
 declare function formatDisplayDate(date: Date, locale?: string): string;
 declare function formatMonthYear(date: Date, locale?: string): string;
 declare function formatTimeValue(hours: number, minutes: number): string;
+type ParsedDateInput = {
+    date: Date;
+    hours?: number;
+    minutes?: number;
+};
+/** Parse typed date strings: `YYYY-MM-DD`, `YYYY/MM/DD`, `YYYY.MM.DD`, optional `HH:mm`. */
+declare function parseDateInput(text: string): ParsedDateInput | null;
+/** Parse range text like `2026-07-01 - 2026-07-15` or `2026/07/01 至 2026/07/15`. */
+declare function parseDateRangeInput(text: string): DateRange | null;
 
 /** Figma Components → Information Collect → DatePicker Input */
 type DatePickerSize = "regular" | "big";
 type DatePickerMode = "single" | "range";
-type DatePickerPanel = "date" | "time";
+type DatePickerPanel = "date" | "time" | "month";
 type DatePickerTimeValue = {
     hours: number;
     minutes: number;
@@ -1065,7 +1172,7 @@ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
  * blur-initiated closes; pointer-down and Escape must still dismiss on first interaction.
  */
 declare function DatePicker(props: DatePickerProps): react.JSX.Element;
-type DatePickerTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+type DatePickerTriggerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "onChange"> & {
     size?: DatePickerSize;
     allRound?: boolean;
     leftIcon?: ReactNode;
@@ -1076,8 +1183,10 @@ type DatePickerTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "val
     displayValue?: ReactNode;
     rangeSeparator?: string;
     className?: string;
+    /** When false, shows a read-only value instead of an editable input. Default true. */
+    editable?: boolean;
 };
-declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "size"> & {
     size?: DatePickerSize;
     allRound?: boolean;
     leftIcon?: ReactNode;
@@ -1088,7 +1197,9 @@ declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<ButtonHTML
     displayValue?: ReactNode;
     rangeSeparator?: string;
     className?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
+    /** When false, shows a read-only value instead of an editable input. Default true. */
+    editable?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
 type DatePickerContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
     portalled?: boolean;
 };
@@ -1120,7 +1231,7 @@ type DatePickerFieldProps = Omit<DatePickerTriggerProps, "displayValue"> & {
     onTimeChange?: (value: DatePickerTimeValue) => void;
 };
 /** Convenience field — trigger + calendar panel. */
-declare function DatePickerField({ contentClassName, calendarClassName, className, size, mode, allRound, leftIcon, rightIcon, placeholder, rangePlaceholder, error, rangeSeparator, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, minDate, maxDate, enableTime, timeValue, defaultTimeValue, onTimeChange, }: DatePickerFieldProps): react.JSX.Element;
+declare function DatePickerField({ contentClassName, calendarClassName, className, size, mode, allRound, leftIcon, rightIcon, placeholder, rangePlaceholder, error, rangeSeparator, editable, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, minDate, maxDate, enableTime, timeValue, defaultTimeValue, onTimeChange, }: DatePickerFieldProps): react.JSX.Element;
 
 /** Figma Components → Information Collect → TimePicker */
 type TimePickerSize = "regular" | "big";
@@ -1353,7 +1464,7 @@ type AlertSize = "default" | "small";
 /** Figma `Style` — bordered light surface vs filled secondary surface */
 type AlertAppearance = "default" | "light";
 declare const alertVariants: (props?: ({
-    type?: "info" | "warning" | "success" | "error" | "neutral" | null | undefined;
+    type?: "error" | "info" | "warning" | "success" | "neutral" | null | undefined;
     size?: "default" | "small" | null | undefined;
     appearance?: "light" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1383,7 +1494,7 @@ type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVari
     showActions?: boolean;
 };
 declare const Alert: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    type?: "info" | "warning" | "success" | "error" | "neutral" | null | undefined;
+    type?: "error" | "info" | "warning" | "success" | "neutral" | null | undefined;
     size?: "default" | "small" | null | undefined;
     appearance?: "light" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
@@ -1953,10 +2064,12 @@ declare const TableCell: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
- * @deprecated Focus rings now use native `:focus-visible` via `.aviala-focus-ring`
- * in `@aviala-design/tokens/focus-effects.css` (also bundled in `styles.css`).
- * This function is a no-op kept for backward compatibility.
+ * Gate `.aviala-focus-ring` to true keyboard modality.
+ *
+ * `:focus-visible` alone is not enough for menus: mouse-opening Select/Cascader
+ * programmatically focuses an item, and browsers treat that as focus-visible.
+ * We clear the gate on pointer/touch and set it on non-modifier keydown.
  */
 declare function initKeyboardFocus(): void;
 
-export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, FormField, type FormFieldProps, type HSVA, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, Pagehead, type PageheadProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };
+export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, FormField, type FormFieldDirection, type FormFieldProps, type HSVA, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, NumberInput, type NumberInputProps, type NumberInputStyle, Pagehead, type PageheadProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, ComponentPropsWithoutRef, HTMLAttributes, ImgHTMLAttributes, MouseEvent, AnchorHTMLAttributes } from 'react';
 import { ThemeMode, PaletteConfig, BaseNumbersDensity, ThemePreset } from '@aviala-design/tokens';
 export { BaseNumbersDensity, DEFAULT_PALETTE_CONFIG, HueFamily, PALETTE_HUE_FAMILIES, PaletteConfig } from '@aviala-design/tokens';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -140,14 +140,70 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
     error?: boolean;
 } & react.RefAttributes<HTMLInputElement>>;
 
-/** Figma Components → Information Collect → TextareaInput */
+/** Figma Components → Information Collect → NumberInput (197:3237) */
+type NumberInputStyle = "default" | "monospaced";
+declare const numberInputRootVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange"> & {
+    /** Figma `Size` */
+    size?: InputSize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    /** Figma `Style` — Default vs Monospaced (tabular / light numeric) */
+    inputStyle?: NumberInputStyle;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    leftBadge?: ReactNode;
+    rightBadge?: ReactNode;
+    /** Figma `showNumberControlButton` — vertical steppers */
+    showControls?: boolean;
+    /** When false, input sizes to content */
+    fullWidth?: boolean;
+    error?: boolean;
+    value?: number | string | "";
+    defaultValue?: number | string;
+    step?: number;
+    min?: number;
+    max?: number;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Fires with the parsed number (or `null` when empty / invalid) */
+    onValueChange?: (value: number | null) => void;
+};
+declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "size"> & {
+    /** Figma `Size` */
+    size?: InputSize;
+    /** Figma `All-Round` */
+    allRound?: boolean;
+    /** Figma `Style` — Default vs Monospaced (tabular / light numeric) */
+    inputStyle?: NumberInputStyle;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    leftBadge?: ReactNode;
+    rightBadge?: ReactNode;
+    /** Figma `showNumberControlButton` — vertical steppers */
+    showControls?: boolean;
+    /** When false, input sizes to content */
+    fullWidth?: boolean;
+    error?: boolean;
+    value?: number | string | "";
+    defaultValue?: number | string;
+    step?: number;
+    min?: number;
+    max?: number;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Fires with the parsed number (or `null` when empty / invalid) */
+    onValueChange?: (value: number | null) => void;
+} & react.RefAttributes<HTMLInputElement>>;
+
+/** Figma Components → Information Collect → TextareaInput (301:6320) */
 type TextareaSize = "regular" | "big";
 type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
     /** Figma `Size` */
     size?: TextareaSize;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
-    /** Figma `Controller` — character counter + resize affordance */
+    /** Figma `Controller` — character counter + SymbolResize drag handle */
     showController?: boolean;
     error?: boolean;
 };
@@ -156,7 +212,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttribu
     size?: TextareaSize;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
-    /** Figma `Controller` — character counter + resize affordance */
+    /** Figma `Controller` — character counter + SymbolResize drag handle */
     showController?: boolean;
     error?: boolean;
 } & react.RefAttributes<HTMLTextAreaElement>>;
@@ -637,6 +693,8 @@ type SegmentatorGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "default
     onValueChange?: (value: string) => void;
     mode?: SegmentatorMode;
     allRound?: boolean;
+    /** When true, the group fills its container and items split the width equally. */
+    equalWidth?: boolean;
     disabled?: boolean;
 };
 declare const SegmentatorGroup: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
@@ -645,6 +703,8 @@ declare const SegmentatorGroup: react.ForwardRefExoticComponent<Omit<react.HTMLA
     onValueChange?: (value: string) => void;
     mode?: SegmentatorMode;
     allRound?: boolean;
+    /** When true, the group fills its container and items split the width equally. */
+    equalWidth?: boolean;
     disabled?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 type SegmentatorItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
@@ -660,19 +720,31 @@ declare const SegmentatorItem: react.ForwardRefExoticComponent<Omit<ButtonHTMLAt
     iconOnly?: boolean;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+/** Figma Components → System Composition → Form (527:57461 / 527:57641) */
+type FormFieldDirection = "vertical" | "horizontal";
 type FormFieldProps = HTMLAttributes<HTMLDivElement> & {
-    label?: string;
+    label?: ReactNode;
     htmlFor?: string;
     description?: ReactNode;
-    error?: string;
+    error?: ReactNode;
+    info?: ReactNode;
+    /** Optional Alert / Feedback under the control */
+    alert?: ReactNode;
     required?: boolean;
+    /** Figma `Direction` — vertical stacks label above control; horizontal places label beside */
+    direction?: FormFieldDirection;
 };
 declare const FormField: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    label?: string;
+    label?: ReactNode;
     htmlFor?: string;
     description?: ReactNode;
-    error?: string;
+    error?: ReactNode;
+    info?: ReactNode;
+    /** Optional Alert / Feedback under the control */
+    alert?: ReactNode;
     required?: boolean;
+    /** Figma `Direction` — vertical stacks label above control; horizontal places label beside */
+    direction?: FormFieldDirection;
 } & react.RefAttributes<HTMLDivElement>>;
 
 /** Figma Components → System Composition → Typography (128:85) */
@@ -759,8 +831,34 @@ declare const Stack: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivEleme
     gap?: "inside" | "component" | "content" | "block" | "page";
     direction?: "row" | "column";
 } & react.RefAttributes<HTMLDivElement>>;
+/** Figma Components → System Composition → Form Group (530:65349) */
+type FieldsetProps = HTMLAttributes<HTMLFieldSetElement> & {
+    /** @deprecated Prefer `title` — kept for API compatibility */
+    legend?: ReactNode;
+    /** Form Group title (Typeface Text+Title primary) */
+    title?: ReactNode;
+    /** Form Group subtitle (Typeface Text+Title secondary) */
+    description?: ReactNode;
+    /** Optional footer info row above actions */
+    info?: ReactNode;
+    /** Optional Alert / Feedback above actions */
+    feedback?: ReactNode;
+    /** Action slot — typically a Button row */
+    actions?: ReactNode;
+};
 declare const Fieldset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
-    legend?: string;
+    /** @deprecated Prefer `title` — kept for API compatibility */
+    legend?: ReactNode;
+    /** Form Group title (Typeface Text+Title primary) */
+    title?: ReactNode;
+    /** Form Group subtitle (Typeface Text+Title secondary) */
+    description?: ReactNode;
+    /** Optional footer info row above actions */
+    info?: ReactNode;
+    /** Optional Alert / Feedback above actions */
+    feedback?: ReactNode;
+    /** Action slot — typically a Button row */
+    actions?: ReactNode;
 } & react.RefAttributes<HTMLFieldSetElement>>;
 
 type ColorFormat = "hex" | "rgb" | "hsl";
@@ -1020,11 +1118,20 @@ type DateRange = {
 declare function formatDisplayDate(date: Date, locale?: string): string;
 declare function formatMonthYear(date: Date, locale?: string): string;
 declare function formatTimeValue(hours: number, minutes: number): string;
+type ParsedDateInput = {
+    date: Date;
+    hours?: number;
+    minutes?: number;
+};
+/** Parse typed date strings: `YYYY-MM-DD`, `YYYY/MM/DD`, `YYYY.MM.DD`, optional `HH:mm`. */
+declare function parseDateInput(text: string): ParsedDateInput | null;
+/** Parse range text like `2026-07-01 - 2026-07-15` or `2026/07/01 至 2026/07/15`. */
+declare function parseDateRangeInput(text: string): DateRange | null;
 
 /** Figma Components → Information Collect → DatePicker Input */
 type DatePickerSize = "regular" | "big";
 type DatePickerMode = "single" | "range";
-type DatePickerPanel = "date" | "time";
+type DatePickerPanel = "date" | "time" | "month";
 type DatePickerTimeValue = {
     hours: number;
     minutes: number;
@@ -1065,7 +1172,7 @@ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
  * blur-initiated closes; pointer-down and Escape must still dismiss on first interaction.
  */
 declare function DatePicker(props: DatePickerProps): react.JSX.Element;
-type DatePickerTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+type DatePickerTriggerProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "onChange"> & {
     size?: DatePickerSize;
     allRound?: boolean;
     leftIcon?: ReactNode;
@@ -1076,8 +1183,10 @@ type DatePickerTriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "val
     displayValue?: ReactNode;
     rangeSeparator?: string;
     className?: string;
+    /** When false, shows a read-only value instead of an editable input. Default true. */
+    editable?: boolean;
 };
-declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
+declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "size"> & {
     size?: DatePickerSize;
     allRound?: boolean;
     leftIcon?: ReactNode;
@@ -1088,7 +1197,9 @@ declare const DatePickerTrigger: react.ForwardRefExoticComponent<Omit<ButtonHTML
     displayValue?: ReactNode;
     rangeSeparator?: string;
     className?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
+    /** When false, shows a read-only value instead of an editable input. Default true. */
+    editable?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
 type DatePickerContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
     portalled?: boolean;
 };
@@ -1120,7 +1231,7 @@ type DatePickerFieldProps = Omit<DatePickerTriggerProps, "displayValue"> & {
     onTimeChange?: (value: DatePickerTimeValue) => void;
 };
 /** Convenience field — trigger + calendar panel. */
-declare function DatePickerField({ contentClassName, calendarClassName, className, size, mode, allRound, leftIcon, rightIcon, placeholder, rangePlaceholder, error, rangeSeparator, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, minDate, maxDate, enableTime, timeValue, defaultTimeValue, onTimeChange, }: DatePickerFieldProps): react.JSX.Element;
+declare function DatePickerField({ contentClassName, calendarClassName, className, size, mode, allRound, leftIcon, rightIcon, placeholder, rangePlaceholder, error, rangeSeparator, editable, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, minDate, maxDate, enableTime, timeValue, defaultTimeValue, onTimeChange, }: DatePickerFieldProps): react.JSX.Element;
 
 /** Figma Components → Information Collect → TimePicker */
 type TimePickerSize = "regular" | "big";
@@ -1353,7 +1464,7 @@ type AlertSize = "default" | "small";
 /** Figma `Style` — bordered light surface vs filled secondary surface */
 type AlertAppearance = "default" | "light";
 declare const alertVariants: (props?: ({
-    type?: "info" | "warning" | "success" | "error" | "neutral" | null | undefined;
+    type?: "error" | "info" | "warning" | "success" | "neutral" | null | undefined;
     size?: "default" | "small" | null | undefined;
     appearance?: "light" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1383,7 +1494,7 @@ type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVari
     showActions?: boolean;
 };
 declare const Alert: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    type?: "info" | "warning" | "success" | "error" | "neutral" | null | undefined;
+    type?: "error" | "info" | "warning" | "success" | "neutral" | null | undefined;
     size?: "default" | "small" | null | undefined;
     appearance?: "light" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
@@ -1953,10 +2064,12 @@ declare const TableCell: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
- * @deprecated Focus rings now use native `:focus-visible` via `.aviala-focus-ring`
- * in `@aviala-design/tokens/focus-effects.css` (also bundled in `styles.css`).
- * This function is a no-op kept for backward compatibility.
+ * Gate `.aviala-focus-ring` to true keyboard modality.
+ *
+ * `:focus-visible` alone is not enough for menus: mouse-opening Select/Cascader
+ * programmatically focuses an item, and browsers treat that as focus-visible.
+ * We clear the gate on pointer/touch and set it on non-modifier keydown.
  */
 declare function initKeyboardFocus(): void;
 
-export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, FormField, type FormFieldProps, type HSVA, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, Pagehead, type PageheadProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };
+export { Alert, type AlertAppearance, type AlertProps, type AlertSize, type AlertType, Anchor, type AnchorIndentLevel, AnchorItem, type AnchorItemProps, type AnchorProps, Avatar, type AvatarContent, type AvatarLevel, type AvatarProps, Badge, type BadgeLevel, type BadgeLineHeightFix, type BadgeProps, type BadgeStyle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisItem, type BreadcrumbEllipsisItemProps, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbSize, Button, type ButtonMode, type ButtonProps, type ButtonSize, Card, CardBody, type CardBodyProps, CardBottom, type CardBottomProps, CardHead, type CardHeadProps, type CardProps, type CardSlotType, Cascader, CascaderColumn, type CascaderColumnProps, CascaderContent, type CascaderContentProps, CascaderField, type CascaderFieldProps, CascaderItem, type CascaderItemFunction, CascaderItemGroup, type CascaderItemGroupProps, type CascaderItemLayout, type CascaderItemProps, CascaderMenu, type CascaderMenuProps, type CascaderOption, CascaderOptionsMenu, type CascaderOptionsMenuProps, type CascaderProps, type CascaderSize, CascaderTrigger, type CascaderTriggerProps, Checkbox, CheckboxGroup, type CheckboxGroupDirection, type CheckboxGroupProps, CheckboxInput, type CheckboxInputProps, type CheckboxProps, type ColorFormat, ColorPickButton, type ColorPickButtonProps, ColorPicker, ColorPickerArea, type ColorPickerAreaProps, ColorPickerContent, type ColorPickerContentProps, ColorPickerInputs, type ColorPickerInputsProps, ColorPickerPanel, type ColorPickerPanelProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSlider, type ColorPickerSliderProps, ColorPickerTrigger, type ColorPickerTriggerProps, DEFAULT_COLOR, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerContent, type DatePickerContentProps, DatePickerField, type DatePickerFieldProps, type DatePickerMode, type DatePickerPanel, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSize, type DatePickerTimeValue, DatePickerTrigger, type DatePickerTriggerProps, type DateRange, Feedback, type FeedbackMode, type FeedbackProps, type FeedbackSize, type FeedbackType, Fieldset, type FieldsetProps, FormField, type FormFieldDirection, type FormFieldProps, type HSVA, Input, InputGroup, InputGroupAddon, type InputGroupProps, type InputProps, type InputSize, Label, Link, type LinkLevel, type LinkMode, type LinkProps, List, ListDivider, type ListDividerProps, ListGroup, type ListGroupProps, ListItem, ListItemGroup, type ListItemGroupProps, type ListItemLeading, type ListItemProps, type ListItemType, type ListProps, ListSeparator, type ListSeparatorProps, ListTitle, type ListTitleProps, Loading, type LoadingButtonSize, type LoadingLevel, type LoadingMode, type LoadingProps, Modal, ModalBody, type ModalBodyProps, ModalClose, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHeaderText, type ModalHeaderTextProps, ModalOverlay, type ModalOverlayProps, ModalPortal, type ModalProps, type ModalSize, ModalTitle, type ModalTitleProps, ModalTrigger, Navigation, NavigationActions, type NavigationActionsProps, NavigationActionsSlot, type NavigationActionsSlotProps, type NavigationBackground, NavigationBrand, type NavigationBrandProps, NavigationBrandTitle, type NavigationBrandTitleProps, type NavigationDirection, NavigationGroup, type NavigationGroupProps, NavigationItem, NavigationItemGroup, type NavigationItemGroupProps, NavigationItemMenu, NavigationItemMenuContent, type NavigationItemMenuContentProps, NavigationItemMenuItem, type NavigationItemMenuItemProps, type NavigationItemMenuProps, NavigationItemMenuTrigger, type NavigationItemMenuTriggerProps, type NavigationItemProps, type NavigationItemType, type NavigationProps, NavigationSection, type NavigationSectionProps, NumberInput, type NumberInputProps, type NumberInputStyle, Pagehead, type PageheadProps, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressShape, type ProgressSize, type ProgressType, RadioGroup, type RadioGroupDirection, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioInput, type RadioInputProps, type RadioInputVariant, Scroll, type ScrollOrientation, ScrollPicker, ScrollPickerColumn, type ScrollPickerColumnProps, ScrollPickerItem, type ScrollPickerItemProps, type ScrollPickerProps, type ScrollProps, type ScrollSize, SegmentatorGroup, type SegmentatorGroupProps, SegmentatorItem, type SegmentatorItemProps, type SegmentatorMode, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemFunction, SelectItemGroup, type SelectItemGroupProps, type SelectItemLayout, SelectItemPeople, type SelectItemPeopleProps, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectSubItem, SelectSubItemPeople, type SelectSubItemPeopleProps, type SelectSubItemProps, SelectSubMenu, type SelectSubMenuProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, type SliderSize, type SliderType, Stack, type StackProps, Steps, type StepsDirection, StepsIcon, type StepsIconProps, StepsItem, type StepsItemProps, type StepsProps, type StepsState, Switch, type SwitchProps, type SwitchSize, TOOLTIP_DELAY_DURATION, Table, TableCell, type TableCellContent, type TableCellProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tag, TagClose, type TagCloseProps, type TagContent, type TagLevel, type TagLineHeightFix, type TagProps, Textarea, type TextareaProps, type TextareaSize, ThemeProvider, type ThemeProviderProps, ThemeScript, TimePicker, TimePickerContent, type TimePickerContentProps, TimePickerField, type TimePickerFieldProps, TimePickerPanel, type TimePickerPanelProps, type TimePickerProps, type TimePickerSize, TimePickerTrigger, type TimePickerTriggerProps, type TimePickerValue, TimePickerWheels, type TimePickerWheelsValue, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, Typeface, type TypefaceContent, TypefacePair, type TypefacePairProps, type TypefaceProps, Typography, type TypographyContent, type TypographyLevel, type TypographyProps, type TypographyTone, Upload, type UploadProps, type UploadStyle, type UseColorPickerStateOptions, alertVariants, buttonVariants, cn, formatDisplayDate, formatMonthYear, formatTimeValue, initKeyboardFocus, inputRootVariants, loadingLevelForButtonSize, modalContentVariants, numberInputRootVariants, parseDateInput, parseDateRangeInput, typographyVariants, useColorPickerState, useTheme, useThemeLayoutKey };