@tinybigui/react 0.13.0 → 0.15.0

package/dist/index.d.ts

@@ -2004,24 +2004,16 @@ declare const FABHeadless: React$1.ForwardRefExoticComponent<FABHeadlessProps &
  * TextField Type Definitions
  *
  * Type definitions for the Material Design 3 TextField component.
- * Supports both filled and outlined variants with full accessibility.
+ * Supports filled and outlined variants with full accessibility via React Aria.
  */
 
 /**
- * TextField visual variants
+ * TextField visual variants.
  *
- * - `filled`: Solid background with bottom border (default)
- * - `outlined`: Border around entire field
+ * - `filled`: Solid background (`surface-container-highest`) with active indicator bottom border.
+ * - `outlined`: Transparent with a full rounded border and notched legend for the floating label.
  */
 type TextFieldVariant = "filled" | "outlined";
-/**
- * TextField size variants
- *
- * - `small`: Compact height
- * - `medium`: Standard height (default)
- * - `large`: Larger height
- */
-type TextFieldSize = "small" | "medium" | "large";
 /**
  * Arguments passed to the TextFieldHeadless render-prop children function.
  *
@@ -2039,7 +2031,7 @@ interface TextFieldRenderProps {
     errorMessageProps: HTMLAttributes<HTMLElement>;
     /** Whether the field is currently in an invalid state */
     isInvalid: boolean;
-    /** Whether the input currently has focus (keyboard or pointer) */
+    /** Whether the input currently has any focus (keyboard or pointer) */
     isFocused: boolean;
     /** Whether the input has keyboard-visible focus (for focus ring) */
     isFocusVisible: boolean;
@@ -2049,67 +2041,67 @@ interface TextFieldRenderProps {
     inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>;
 }
 /**
- * Props for the headless TextField component (Layer 2)
+ * Props for the headless TextField component (Layer 2).
  *
  * Extends React Aria's AriaTextFieldProps for accessibility.
  * Provides behavior without styling.
  */
 interface TextFieldHeadlessProps extends Omit<AriaTextFieldProps, "children" | "onFocus" | "onBlur"> {
     /**
-     * Label text for the input
+     * Label text for the input.
      */
     label?: string;
     /**
-     * Helper text displayed below the input
+     * Helper text displayed below the input.
      * @example "Enter your email address"
      */
     description?: string;
     /**
-     * Error message to display when input is invalid
+     * Error message to display when input is invalid.
      * @example "Email is required"
      */
     errorMessage?: string;
     /**
-     * Whether the input should expand to fill its container
+     * Whether the input should expand to fill its container.
      * @default false
      */
     fullWidth?: boolean;
     /**
-     * Enable multiline mode (textarea)
+     * Enable multiline mode (textarea).
      * @default false
      */
     multiline?: boolean;
     /**
-     * Number of visible rows for multiline input
+     * Number of visible rows for multiline input.
      * @default 3
      */
     rows?: number;
     /**
-     * Custom className for the container
+     * Custom className for the container.
      */
     className?: string;
     /**
-     * Custom className for the input element
+     * Custom className for the input element.
      */
     inputClassName?: string;
     /**
-     * Custom className for the label element
+     * Custom className for the label element.
      */
     labelClassName?: string;
     /**
-     * Custom className for the description element
+     * Custom className for the description element.
      */
     descriptionClassName?: string;
     /**
-     * Custom className for the error message element
+     * Custom className for the error message element.
      */
     errorClassName?: string;
     /**
-     * Handler called when the input is focused
+     * Handler called when the input is focused.
      */
     onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /**
-     * Handler called when the input loses focus
+     * Handler called when the input loses focus.
      */
     onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /**
@@ -2119,14 +2111,12 @@ interface TextFieldHeadlessProps extends Omit<AriaTextFieldProps, "children" | "
      * React Aria props and derived state so the styled layer can build its
      * own MD3 DOM without duplicating accessibility wiring.
      *
-     * When omitted, the default accessible DOM (label + input + helper text) renders.
-     *
      * @example
      * ```tsx
      * <TextFieldHeadless label="Email" value={value} onChange={onChange}>
      *   {({ labelProps, inputProps, isFocused }) => (
      *     <div>
-     *       <label {...labelProps} className={floating ? 'floating' : ''}>Email</label>
+     *       <label {...labelProps} className={isFocused ? 'focused' : ''}>Email</label>
      *       <input {...inputProps} className="md3-input" />
      *     </div>
      *   )}
@@ -2136,50 +2126,62 @@ interface TextFieldHeadlessProps extends Omit<AriaTextFieldProps, "children" | "
     children?: ((renderProps: TextFieldRenderProps) => ReactNode) | ReactNode;
 }
 /**
- * Props for the styled TextField component (Layer 3)
+ * Props for the styled TextField component (Layer 3).
  *
  * Extends TextFieldHeadlessProps with MD3 visual styling options.
+ * Strictly follows MD3 spec: single fixed height (56dp), two variants,
+ * optional icons, prefix/suffix affixes, and supporting text + counter row.
  */
 interface TextFieldProps extends TextFieldHeadlessProps {
     /**
-     * Visual variant of the text field
+     * Visual variant of the text field.
      * @default 'filled'
      */
     variant?: TextFieldVariant;
     /**
-     * Size variant
-     * @default 'medium'
+     * Leading icon rendered at the start of the field.
+     * MD3 Specification: icons should be 24×24dp.
      */
-    size?: TextFieldSize;
+    leadingIcon?: ReactNode;
     /**
-     * Leading icon (before input text)
-     * MD3 Specification: Icons should be 18px × 18px
+     * Trailing icon rendered at the end of the field.
+     * MD3 Specification: icons should be 24×24dp.
+     * Automatically colored `error` when the field is invalid.
      */
-    leadingIcon?: React.ReactNode;
+    trailingIcon?: ReactNode;
     /**
-     * Trailing icon (after input text)
-     * MD3 Specification: Icons should be 18px × 18px
+     * Inline prefix text rendered before the input value.
+     * Only visible when the label is in its floating (small) position.
+     * Useful for currency symbols, units, etc.
+     * @example "$"
      */
-    trailingIcon?: React.ReactNode;
+    prefix?: ReactNode;
     /**
-     * Show character counter below the input
-     * Requires maxLength to be set
+     * Inline suffix text rendered after the input value.
+     * Only visible when the label is in its floating (small) position.
+     * Useful for units, domain suffixes, etc.
+     * @example "kg"
+     */
+    suffix?: ReactNode;
+    /**
+     * Show character counter in the supporting row below the field.
+     * Requires `maxLength` to be set.
      * @default false
      */
     characterCount?: boolean;
     /**
-     * Maximum number of characters allowed
-     * Enables character counter if characterCount is true
+     * Maximum number of characters allowed.
+     * Enforced on the native input and displayed in the counter when
+     * `characterCount` is true.
      */
     maxLength?: number;
 }
 
 /**
- * TextField - MD3 Text Input Component
+ * TextField — MD3 Expressive Text Input Component
  *
- * A text input field following Material Design 3 specifications.
- * Supports filled and outlined variants with comprehensive accessibility
- * provided by React Aria via the TextFieldHeadless layer.
+ * A text input field strictly following Material Design 3 Expressive specifications.
+ * Supports filled and outlined variants with full accessibility via React Aria.
  *
  * @example
  * ```tsx
@@ -2194,6 +2196,14 @@ interface TextFieldProps extends TextFieldHeadlessProps {
  *   errorMessage="Please enter a valid email"
  * />
  *
+ * // With icons and affixes
+ * <TextField
+ *   label="Price"
+ *   prefix="$"
+ *   suffix="USD"
+ *   leadingIcon={<IconDollar />}
+ * />
+ *
  * // Multiline with character counter
  * <TextField
  *   label="Bio"
@@ -7083,9 +7093,9 @@ type RichTooltipVariants = VariantProps<typeof richTooltipVariants>;
 /**
  * Visual density based on content lines (MD3 List)
  *
- * - `one-line`: headline only (48dp)
- * - `two-line`: headline + supporting text (64dp)
- * - `three-line`: overline + headline + supporting text (88dp)
+ * - `one-line`: headline only (56dp min-height)
+ * - `two-line`: headline + supporting text (72dp min-height)
+ * - `three-line`: overline + headline + supporting text (88dp min-height)
  */
 type ListDensity = "one-line" | "two-line" | "three-line";
 /**
@@ -7191,8 +7201,6 @@ interface ListItemProps {
     insetDivider?: boolean;
     /** Additional CSS classes */
     className?: string;
-    /** Item-specific action callback */
-    onAction?: (value: string | number) => void;
 }
 /**
  * Props for the ListItem leading slot
@@ -7266,24 +7274,44 @@ declare const List: React__default.ForwardRefExoticComponent<ListProps & React__
 /**
  * Material Design 3 List Item (Layer 3: Styled)
  *
- * Renders an accessible list item with MD3 visual treatment:
- * state layer, ripple, density-driven height, and slot-based layout.
+ * Architecture: Variants-vs-States
+ * - Design-time variant: `density` (auto-derived from content).
+ * - All interaction/selection states are expressed as data-* attributes on the root <li>
+ *   via `getInteractionDataAttributes`, consumed by each slot via group-data-[x]/list-item.
+ * - Content flags (`data-with-leading`, `data-with-trailing`) describe structure, set explicitly.
  *
- * - **Interactive mode** (inside a `List` with `selectionMode` or `onAction`):
- *   uses `useOption` for ARIA semantics, renders state layer + ripple.
- * - **Static mode**: renders `<li role="listitem">` without interactive
- *   affordances.
+ * Two operating modes:
+ * - **Interactive** (inside a `List` with `selectionMode` or `onAction`):
+ *   uses `useOption` for ARIA semantics, renders state layer + focus ring + ripple.
+ * - **Static**: renders `<li role="listitem">`, no interactive affordances.
  *
  * Density is auto-derived from content:
- * - one-line (56dp) — headline only
- * - two-line (72dp) — headline + supportingText
+ * - one-line (56dp)   — headline only
+ * - two-line (72dp)   — headline + supportingText
  * - three-line (88dp) — overline present
+ *
+ * @example
+ * ```tsx
+ * // Static
+ * <List aria-label="Settings">
+ *   <ListItem value="wifi" headline="Wi-Fi" supportingText="Connected" leadingType="icon" leadingSlot={<IconWifi />} />
+ * </List>
+ *
+ * // Interactive single-select
+ * <List aria-label="Alignment" selectionMode="single">
+ *   <ListItem value="left" headline="Left" />
+ *   <ListItem value="center" headline="Center" />
+ * </List>
+ * ```
  */
 declare const ListItem: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLLIElement>>;
 
 /**
  * MD3 ListItem leading slot.
  *
+ * Uses `listItemLeadingVariants` CVA so icon/text colors automatically react to
+ * the parent `group/list-item` data-selected and data-disabled attributes.
+ *
  * For `checkbox` and `radio` types the children are wrapped with
  * `aria-hidden="true"` and `tabIndex={-1}` because the parent
  * `ListItem`'s `useOption` already conveys selection state to
@@ -7294,6 +7322,9 @@ declare const ListItemLeading: React$1.ForwardRefExoticComponent<ListItemLeading
 /**
  * MD3 ListItem trailing slot.
  *
+ * Uses `listItemTrailingVariants` CVA so icon/text colors automatically react to
+ * the parent `group/list-item` data-selected and data-disabled attributes.
+ *
  * For `checkbox` and `radio` types the children are wrapped with
  * `aria-hidden="true"` and `tabIndex={-1}` — selection semantics
  * come from the parent `ListItem`'s `useOption`.
@@ -7303,6 +7334,9 @@ declare const ListItemTrailing: React$1.ForwardRefExoticComponent<ListItemTraili
 /**
  * MD3 ListItem text block — overline + headline + supporting text.
  *
+ * Each text element uses its own slot CVA so colors automatically react to
+ * the parent `group/list-item` data-selected and data-disabled attributes.
+ *
  * Uses `min-w-0` to allow text truncation inside flex containers.
  */
 declare const ListItemText: React$1.ForwardRefExoticComponent<ListItemTextProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -7347,20 +7381,58 @@ declare const ListHeadless: React__default.ForwardRefExoticComponent<ListProps &
 declare const ListItemHeadless: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLLIElement>>;
 
 /**
- * MD3 List container CVA variants.
+ * Material Design 3 List Variants
+ *
+ * Architecture: Variants vs States
+ * - CVA holds design-time structure only (density, slot type).
+ * - All interaction/selection states are driven by data-* attributes on the root <li>
+ *   via group-data-[x]/list-item Tailwind selectors in each slot's base classes.
+ * - Content flags (data-with-leading, data-with-trailing) are set explicitly by ListItem.
+ *
+ * Slot responsibilities:
+ *   listVariants               — container <ul>; bg-surface
+ *   listItemVariants           — root <li>; group/list-item; density height; cursor; disabled
+ *   listItemStateLayerVariants — absolute inset overlay; hover/focus/pressed opacity ring
+ *   listItemFocusRingVariants  — keyboard focus indicator outline
+ *   listItemLeadingVariants    — leading slot wrapper; type-specific size/shape + color states
+ *   listItemTrailingVariants   — trailing slot wrapper; type-specific size/shape + color states
+ *   listItemOverlineVariants   — overline text; color reacts to selected/disabled
+ *   listItemHeadlineVariants   — headline text; color reacts to selected/disabled
+ *   listItemSupportingTextVariants — supporting text; color reacts to selected/disabled
+ *
+ * MD3 Spec (lists/specs):
+ *   One-line:   56dp min-height
+ *   Two-line:   72dp min-height
+ *   Three-line: 88dp min-height (leading/trailing top-aligned)
+ *   Padding: 16dp horizontal, 8dp vertical
+ *   Leading icon: 24dp, text-on-surface-variant
+ *   Leading avatar: 40dp circle
+ *   State-layer opacities: hover 8% | focus 10% | pressed 10%
+ *   Disabled: content 38% opacity, pointer-events none
+ *   Selected: bg-secondary-container, text/icons on-secondary-container
+ */
+/**
+ * List container (<ul>).
+ * MD3: Lists use `surface` color role for their container.
  */
 declare const listVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 /**
- * MD3 ListItem CVA variants.
+ * Root <li> element — carries `group/list-item` and emits data-* interaction attributes.
+ *
+ * Design-time variant: `density` only.
+ * All interaction/selection states are driven via group-data-[x]/list-item selectors
+ * in the slot CVAs below — NOT as CVA variant keys here.
  *
- * Density is auto-derived from content (overline / supportingText), not a user prop.
- * Three-line items use `items-start` so leading/trailing slots top-align.
+ *   one-line:   56dp (min-h-14)
+ *   two-line:   72dp (min-h-18)
+ *   three-line: 88dp (min-h-22, items-start for top-aligned slots)
+ *
+ * Selected background: group-data-[selected]/list-item:bg-secondary-container
+ * Interactive cursor: data-[interactive]:cursor-pointer
+ * Disabled: self-targeting data-[disabled]: selectors (38% + no pointer)
  */
 declare const listItemVariants: (props?: ({
     density?: "one-line" | "two-line" | "three-line" | null | undefined;
-    isSelected?: boolean | null | undefined;
-    isDisabled?: boolean | null | undefined;
-    isInteractive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ListVariants = VariantProps<typeof listVariants>;
 type ListItemVariants = VariantProps<typeof listItemVariants>;
@@ -8964,7 +9036,7 @@ declare const sliderHandleVariants: (props?: ({
  * in Slider.tsx based on useReducedMotion() guard (MD3 Appendix E).
  */
 declare const sliderHandleStateLayerVariants: (props?: ({
-    state?: "disabled" | "focused" | "enabled" | "hovered" | "pressed" | null | undefined;
+    state?: "disabled" | "enabled" | "focused" | "hovered" | "pressed" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * CVA for the track layout container (holds active track + handle + inactive track).
@@ -10102,7 +10174,7 @@ type ClockDialContainerVariants = VariantProps<typeof clockDialContainerVariants
 declare const clockDialNumberVariants: (props?: ({
     selected?: boolean | null | undefined;
     ring?: "outer" | "inner" | null | undefined;
-    state?: "focused" | "enabled" | "hovered" | null | undefined;
+    state?: "enabled" | "focused" | "hovered" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ClockDialNumberVariants = VariantProps<typeof clockDialNumberVariants>;
 /**
@@ -10129,7 +10201,7 @@ type ClockHandHandleVariants = VariantProps<typeof clockHandHandleVariants>;
  */
 declare const timeSelectorContainerVariants: (props?: ({
     selected?: boolean | null | undefined;
-    state?: "focused" | "enabled" | "hovered" | null | undefined;
+    state?: "enabled" | "focused" | "hovered" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TimeSelectorContainerVariants = VariantProps<typeof timeSelectorContainerVariants>;
 /**
@@ -10146,7 +10218,7 @@ type PeriodSelectorContainerVariants = VariantProps<typeof periodSelectorContain
  */
 declare const periodSelectorItemVariants: (props?: ({
     selected?: boolean | null | undefined;
-    state?: "focused" | "enabled" | "hovered" | null | undefined;
+    state?: "enabled" | "focused" | "hovered" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type PeriodSelectorItemVariants = VariantProps<typeof periodSelectorItemVariants>;
 /**
@@ -10155,7 +10227,7 @@ type PeriodSelectorItemVariants = VariantProps<typeof periodSelectorItemVariants
  */
 declare const timeInputFieldVariants: (props?: ({
     selected?: boolean | null | undefined;
-    state?: "focused" | "enabled" | "hovered" | null | undefined;
+    state?: "enabled" | "focused" | "hovered" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TimeInputFieldVariants = VariantProps<typeof timeInputFieldVariants>;
 /**
@@ -11732,4 +11804,4 @@ type DateFieldVariants = VariantProps<typeof dateFieldVariants>;
 declare const dateSegmentPlaceholderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 type DateSegmentPlaceholderVariants = VariantProps<typeof dateSegmentPlaceholderVariants>;
 
-export { type ActionButtonFocusRingVariants, type ActionButtonSlotProps, type ActionButtonStateLayerVariants, type ActionButtonVariants, type ActionRowVariants, AppBar, AppBarHeadless, type AppBarHeadlessProps, type AppBarProps, type AppBarVariant, Badge, BadgeContent, type BadgeContentProps, BadgeHeadless, type BadgeHeadlessProps, type BadgeProps, type BadgeVariants, BottomSheet, type BottomSheetAnimationState, type BottomSheetAnimationVariants, BottomSheetContext, type BottomSheetContextValue, BottomSheetHandle, type BottomSheetHandleProps, type BottomSheetHandleVariants, BottomSheetHeadless, type BottomSheetHeadlessProps, type BottomSheetProps, type BottomSheetScrimVariants, type BottomSheetVariant, type BottomSheetVariants, Button, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupFocusRingVariants, ButtonGroupHeadless, type ButtonGroupProps, type ButtonGroupRootVariants, type ButtonGroupSelectionMode, type ButtonGroupShape, type ButtonGroupSize, type ButtonGroupVariant, type ButtonProps, type ButtonSize, type ButtonVariant, type CalendarCellComponentProps, type CalendarCellFocusRingVariants, type CalendarCellProps, type CalendarCellStateLayerVariants, type CalendarCellType, type CalendarCellVariants, CalendarCore, type CalendarCoreProps, type CalendarDividerVariants, type CalendarGridProps, type CalendarHeaderVariants, type CalendarSlots, type CalendarTitleIconVariants, type CalendarTitleStateLayerVariants, type CalendarTitleTextVariants, type CalendarTitleVariants, type CalendarView, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardHeadless, type CardHeadlessProps, CardMedia, type CardMediaProps, type CardProps, type CardVariant, type CardVariants, Checkbox, type CheckboxProps, Chip, ChipHeadless, type ChipHeadlessProps, type ChipProps, ChipSet, type ChipSetProps, type ChipSurface, type ChipType, type ChipVariants, type ClockDialContainerVariants, type ClockDialNumberVariants, type ClockDialProps, type ClockHandCenterVariants, type ClockHandHandleVariants, type ClockHandProps, type ClockHandTrackVariants, type ClockSelectionMode, DateField, type DateFieldProps, type DateFieldVariants, type DateInputErrorVariants, type DateInputFieldGroupVariants, type DateInputFieldProps, type DateInputFieldVariants, type DateInputLabelVariants, DatePicker, type DatePickerActionsProps, type DatePickerCalendarSlots, type DatePickerContainerVariants, DatePickerDocked, type DatePickerDockedProps, type DatePickerHeadlessProps, DatePickerModal, type DatePickerModalHeaderProps, DatePickerModalInput, type DatePickerModalInputProps, type DatePickerModalProps, type DatePickerProps, type DatePickerRenderState, type DatePickerVariant, type DateSegmentPlaceholderVariants, type DateSelectionMode, Dialog, DialogActions, type DialogActionsProps, type DialogAnimationState, DialogContent, type DialogContentProps, DialogContext, type DialogContextValue, DialogHeadless, type DialogHeadlessProps, DialogHeadline, type DialogHeadlineProps, type DialogProps, type DialogVariant, Divider, DividerHeadless, type DividerHeadlessProps, type DividerInset, type DividerOrientation, type DividerProps, type DividerVariants, type DockedFieldGroupVariants, type DockedLabelVariants, type DockedTriggerStateLayerVariants, type DockedTriggerVariants, Drawer, type DrawerContextValue, DrawerIconOnlyContext, DrawerItem, type DrawerItemBadgeConfig, type DrawerItemProps, type DrawerProps, DrawerSection, type DrawerSectionProps, type DrawerVariant, FAB, type FABColor, FABHeadless, type FABHeadlessProps, FABMenu, FABMenuContext, type FABMenuContextValue, type FABMenuDirection, FABMenuHeadless, type FABMenuHeadlessProps, FABMenuItem, type FABMenuItemColor, type FABMenuItemFocusRingVariants, type FABMenuItemIconVariants, type FABMenuItemLabelVariants, type FABMenuItemProps, type FABMenuItemStateLayerVariants, type FABMenuItemVariants, type FABMenuListVariants, type FABMenuProps, type FABMenuVariants, type FABProps, type FABSize, HeadlessDrawer, HeadlessDrawerItem, type HeadlessDrawerItemProps, type HeadlessDrawerProps, HeadlessMenu, HeadlessMenuDivider, HeadlessMenuItem, type HeadlessMenuItemProps, type HeadlessMenuProps, HeadlessMenuSection, type HeadlessMenuSectionProps, HeadlessMenuTrigger, type HeadlessMenuTriggerProps, HeadlessNavigationBar, HeadlessNavigationBarItem, type HeadlessNavigationBarItemProps, type HeadlessNavigationBarProps, HeadlessTab, HeadlessTabList, HeadlessTabPanel, type HeadlessTabPanelProps, type HeadlessTabProps, type HeadlineVariants, IconButton, type IconButtonColor, IconButtonHeadless, type IconButtonHeadlessProps, type IconButtonProps, type IconButtonSize, type IconButtonVariant, List, type ListDensity, ListHeadless, type ListHeadlessProps, ListItem, ListItemHeadless, ListItemLeading, type ListItemLeadingProps, type ListItemProps, ListItemText, type ListItemTextProps, ListItemTrailing, type ListItemTrailingProps, type ListItemVariants, type ListLeadingType, type ListProps, type ListTrailingType, type ListVariants, type MD3ColorRole, type MD3TypographyScale, type MD3TypographySize, type MD3TypographyStyle, Menu, type MenuContainerVariants, MenuContext, type MenuContextValue, MenuDivider, type MenuDividerProps, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuTrigger, type MenuTriggerProps, type ModalDialogVariants, type ModalHeaderVariants, type ModeToggleStateLayerVariants, type ModeToggleVariants, type NavButtonComponentProps, type NavButtonFocusRingVariants, type NavButtonStateLayerVariants, type NavButtonVariants, NavigationBar, type NavigationBarBadge, NavigationBarItem, type NavigationBarItemConfig, type NavigationBarItemProps, type NavigationBarItemRenderProps, type NavigationBarProps, type PeriodSelectorContainerVariants, type PeriodSelectorItemVariants, type PeriodSelectorProps, type PopoverVariants, Progress, ProgressHeadless, type ProgressHeadlessProps, type ProgressProps, Radio, RadioGroup, RadioGroupHeadless, type RadioGroupHeadlessProps, type RadioGroupProps, RadioHeadless, type RadioHeadlessProps, type RadioProps, type RangeCalendarProps, RichTooltip, type RichTooltipProps, type RichTooltipVariants, STATE_LAYER_OPACITY, type ScrimVariants, Search, SearchBar, SearchBarHeadless, type SearchBarHeadlessProps, type SearchBarProps, type SearchLayout, type SearchProps, type SearchStyle, SearchView, SearchViewHeadless, type SearchViewHeadlessProps, type SearchViewProps, Slider, SliderHeadless, type SliderHeadlessProps, type SliderOrientation, type SliderProps, type SliderRangeThumbLabels, type SliderRenderState, type SliderSize, type SliderThumbProps, type SliderThumbState, type SliderVariant, Snackbar, type SnackbarAction, SnackbarContext, type SnackbarContextValue, SnackbarHeadless, type SnackbarHeadlessProps, type SnackbarItem, type SnackbarProps, SnackbarProvider, type SnackbarProviderProps, type SnackbarSeverity, SplitButton, type SplitButtonContainerVariants, type SplitButtonDropdownVariants, SplitButtonHeadless, type SplitButtonHeadlessProps, type SplitButtonMenuItem, type SplitButtonPrimaryVariants, type SplitButtonProps, type SplitButtonSize, type SplitButtonVariant, StyledActionButton, StyledCalendarCell, StyledCalendarTitle, StyledNavButton, StyledWeekday, StyledYearItem, type SupportingTextVariants, Switch, type SwitchProps, TYPOGRAPHY_ELEMENT_MAP, TYPOGRAPHY_USAGE, Tab, type TabItem, type TabLayout, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, type TabVariant, Tabs, type TabsProps, TextField, type TextFieldProps, type TextFieldSize, type TextFieldVariant, type TimeFormat, type TimeInputFieldProps, type TimeInputFieldVariants, type TimePeriod, TimePicker, type TimePickerActionButtonVariants, type TimePickerActionRowVariants, type TimePickerContainerVariants, TimePickerDial, type TimePickerDialProps, type TimePickerHeadlessProps, type TimePickerHeadlineVariants, TimePickerInput, type TimePickerInputProps, type TimePickerModeToggleVariants, type TimePickerOrientation, type TimePickerProps, type TimePickerRenderState, type TimePickerVariant, type TimeSelectorContainerVariants, type TimeSelectorProps, type TimeSeparatorVariants, type TimeValue, type TitleComponentProps, Tooltip, type TooltipHeadlessProps, TooltipOverlayHeadless, type TooltipPlacement, type TooltipProps, TooltipTrigger, TooltipTriggerHeadless, type TooltipTriggerProps, type TooltipTriggerStyledProps, type TooltipVariant, type TooltipVariants, type TypographyProperty, type TypographyStyleObject, type UseBottomSheetDragOptions, type UseBottomSheetDragReturn, type WeekdayVariants, type YearGridVariants, type YearItemComponentProps, type YearItemFocusRingVariants, type YearItemStateLayerVariants, type YearItemVariants, actionButtonFocusRingVariants, actionButtonStateLayerVariants, actionButtonVariants, actionRowVariants, applyStateLayer, badgeVariants, bottomSheetAnimationVariants, bottomSheetHandlePillVariants, bottomSheetHandleWrapperVariants, bottomSheetScrimVariants, bottomSheetVariants, buttonGroupFocusRingVariants, buttonGroupRootVariants, buttonGroupVariants, calendarCellFocusRingVariants, calendarCellStateLayerVariants, calendarCellVariants, calendarDividerVariants, calendarHeaderVariants, calendarTitleIconVariants, calendarTitleStateLayerVariants, calendarTitleTextVariants, calendarTitleVariants, cardVariants, chipVariants, clockDialContainerVariants, clockDialNumberVariants, clockHandCenterVariants, clockHandHandleVariants, clockHandTrackVariants, cn, dateFieldVariants, dateInputErrorVariants, dateInputFieldGroupVariants, dateInputFieldVariants, dateInputLabelVariants, datePickerContainerVariants, dateSegmentPlaceholderVariants, dividerVariants, dockedFieldGroupVariants, dockedLabelVariants, dockedTriggerStateLayerVariants, dockedTriggerVariants, fabMenuItemFocusRingVariants, fabMenuItemIconVariants, fabMenuItemLabelVariants, fabMenuItemStateLayerVariants, fabMenuItemVariants, fabMenuListVariants, fabMenuVariants, generateMD3Theme, getColorValue, getConnectedRadiusClasses, getFontFamily, getMD3Color, getResponsiveTypography, getTypographyClassName, getTypographyForElement, getTypographyStyle, getTypographyToken, headlineVariants, hexToRgb, listItemVariants, listVariants, modalDialogVariants, modalHeaderVariants, modeToggleStateLayerVariants, modeToggleVariants, navButtonFocusRingVariants, navButtonStateLayerVariants, navButtonVariants, periodSelectorContainerVariants, periodSelectorItemVariants, popoverVariants, pxToRem, remToPx, rgbToHex, richTooltipVariants, scrimVariants, searchBarVariants, searchViewHeaderVariants, searchViewVariants, sliderActiveTrackVariants, sliderContainerVariants, sliderHandleStateLayerVariants, sliderHandleVariants, sliderInactiveTrackVariants, sliderTrackLayoutVariants, splitButtonContainerVariants, splitButtonDropdownVariants, splitButtonPrimaryVariants, splitButtonVariants, supportingTextVariants, timeInputFieldVariants, timePickerActionButtonVariants, timePickerActionRowVariants, timePickerContainerVariants, timePickerHeadlineVariants, timePickerModeToggleVariants, timeSelectorContainerVariants, timeSeparatorVariants, tooltipVariants, truncateText, useBottomSheetContext, useBottomSheetDrag, useButtonGroup, useDialogContext, useFABMenuContext, useMenuContext, useOptionalButtonGroup, useSnackbar, weekdayVariants, withOpacity, yearGridVariants, yearItemFocusRingVariants, yearItemStateLayerVariants, yearItemVariants };
+export { type ActionButtonFocusRingVariants, type ActionButtonSlotProps, type ActionButtonStateLayerVariants, type ActionButtonVariants, type ActionRowVariants, AppBar, AppBarHeadless, type AppBarHeadlessProps, type AppBarProps, type AppBarVariant, Badge, BadgeContent, type BadgeContentProps, BadgeHeadless, type BadgeHeadlessProps, type BadgeProps, type BadgeVariants, BottomSheet, type BottomSheetAnimationState, type BottomSheetAnimationVariants, BottomSheetContext, type BottomSheetContextValue, BottomSheetHandle, type BottomSheetHandleProps, type BottomSheetHandleVariants, BottomSheetHeadless, type BottomSheetHeadlessProps, type BottomSheetProps, type BottomSheetScrimVariants, type BottomSheetVariant, type BottomSheetVariants, Button, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupFocusRingVariants, ButtonGroupHeadless, type ButtonGroupProps, type ButtonGroupRootVariants, type ButtonGroupSelectionMode, type ButtonGroupShape, type ButtonGroupSize, type ButtonGroupVariant, type ButtonProps, type ButtonSize, type ButtonVariant, type CalendarCellComponentProps, type CalendarCellFocusRingVariants, type CalendarCellProps, type CalendarCellStateLayerVariants, type CalendarCellType, type CalendarCellVariants, CalendarCore, type CalendarCoreProps, type CalendarDividerVariants, type CalendarGridProps, type CalendarHeaderVariants, type CalendarSlots, type CalendarTitleIconVariants, type CalendarTitleStateLayerVariants, type CalendarTitleTextVariants, type CalendarTitleVariants, type CalendarView, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardHeadless, type CardHeadlessProps, CardMedia, type CardMediaProps, type CardProps, type CardVariant, type CardVariants, Checkbox, type CheckboxProps, Chip, ChipHeadless, type ChipHeadlessProps, type ChipProps, ChipSet, type ChipSetProps, type ChipSurface, type ChipType, type ChipVariants, type ClockDialContainerVariants, type ClockDialNumberVariants, type ClockDialProps, type ClockHandCenterVariants, type ClockHandHandleVariants, type ClockHandProps, type ClockHandTrackVariants, type ClockSelectionMode, DateField, type DateFieldProps, type DateFieldVariants, type DateInputErrorVariants, type DateInputFieldGroupVariants, type DateInputFieldProps, type DateInputFieldVariants, type DateInputLabelVariants, DatePicker, type DatePickerActionsProps, type DatePickerCalendarSlots, type DatePickerContainerVariants, DatePickerDocked, type DatePickerDockedProps, type DatePickerHeadlessProps, DatePickerModal, type DatePickerModalHeaderProps, DatePickerModalInput, type DatePickerModalInputProps, type DatePickerModalProps, type DatePickerProps, type DatePickerRenderState, type DatePickerVariant, type DateSegmentPlaceholderVariants, type DateSelectionMode, Dialog, DialogActions, type DialogActionsProps, type DialogAnimationState, DialogContent, type DialogContentProps, DialogContext, type DialogContextValue, DialogHeadless, type DialogHeadlessProps, DialogHeadline, type DialogHeadlineProps, type DialogProps, type DialogVariant, Divider, DividerHeadless, type DividerHeadlessProps, type DividerInset, type DividerOrientation, type DividerProps, type DividerVariants, type DockedFieldGroupVariants, type DockedLabelVariants, type DockedTriggerStateLayerVariants, type DockedTriggerVariants, Drawer, type DrawerContextValue, DrawerIconOnlyContext, DrawerItem, type DrawerItemBadgeConfig, type DrawerItemProps, type DrawerProps, DrawerSection, type DrawerSectionProps, type DrawerVariant, FAB, type FABColor, FABHeadless, type FABHeadlessProps, FABMenu, FABMenuContext, type FABMenuContextValue, type FABMenuDirection, FABMenuHeadless, type FABMenuHeadlessProps, FABMenuItem, type FABMenuItemColor, type FABMenuItemFocusRingVariants, type FABMenuItemIconVariants, type FABMenuItemLabelVariants, type FABMenuItemProps, type FABMenuItemStateLayerVariants, type FABMenuItemVariants, type FABMenuListVariants, type FABMenuProps, type FABMenuVariants, type FABProps, type FABSize, HeadlessDrawer, HeadlessDrawerItem, type HeadlessDrawerItemProps, type HeadlessDrawerProps, HeadlessMenu, HeadlessMenuDivider, HeadlessMenuItem, type HeadlessMenuItemProps, type HeadlessMenuProps, HeadlessMenuSection, type HeadlessMenuSectionProps, HeadlessMenuTrigger, type HeadlessMenuTriggerProps, HeadlessNavigationBar, HeadlessNavigationBarItem, type HeadlessNavigationBarItemProps, type HeadlessNavigationBarProps, HeadlessTab, HeadlessTabList, HeadlessTabPanel, type HeadlessTabPanelProps, type HeadlessTabProps, type HeadlineVariants, IconButton, type IconButtonColor, IconButtonHeadless, type IconButtonHeadlessProps, type IconButtonProps, type IconButtonSize, type IconButtonVariant, List, type ListDensity, ListHeadless, type ListHeadlessProps, ListItem, ListItemHeadless, ListItemLeading, type ListItemLeadingProps, type ListItemProps, ListItemText, type ListItemTextProps, ListItemTrailing, type ListItemTrailingProps, type ListItemVariants, type ListLeadingType, type ListProps, type ListTrailingType, type ListVariants, type MD3ColorRole, type MD3TypographyScale, type MD3TypographySize, type MD3TypographyStyle, Menu, type MenuContainerVariants, MenuContext, type MenuContextValue, MenuDivider, type MenuDividerProps, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuTrigger, type MenuTriggerProps, type ModalDialogVariants, type ModalHeaderVariants, type ModeToggleStateLayerVariants, type ModeToggleVariants, type NavButtonComponentProps, type NavButtonFocusRingVariants, type NavButtonStateLayerVariants, type NavButtonVariants, NavigationBar, type NavigationBarBadge, NavigationBarItem, type NavigationBarItemConfig, type NavigationBarItemProps, type NavigationBarItemRenderProps, type NavigationBarProps, type PeriodSelectorContainerVariants, type PeriodSelectorItemVariants, type PeriodSelectorProps, type PopoverVariants, Progress, ProgressHeadless, type ProgressHeadlessProps, type ProgressProps, Radio, RadioGroup, RadioGroupHeadless, type RadioGroupHeadlessProps, type RadioGroupProps, RadioHeadless, type RadioHeadlessProps, type RadioProps, type RangeCalendarProps, RichTooltip, type RichTooltipProps, type RichTooltipVariants, STATE_LAYER_OPACITY, type ScrimVariants, Search, SearchBar, SearchBarHeadless, type SearchBarHeadlessProps, type SearchBarProps, type SearchLayout, type SearchProps, type SearchStyle, SearchView, SearchViewHeadless, type SearchViewHeadlessProps, type SearchViewProps, Slider, SliderHeadless, type SliderHeadlessProps, type SliderOrientation, type SliderProps, type SliderRangeThumbLabels, type SliderRenderState, type SliderSize, type SliderThumbProps, type SliderThumbState, type SliderVariant, Snackbar, type SnackbarAction, SnackbarContext, type SnackbarContextValue, SnackbarHeadless, type SnackbarHeadlessProps, type SnackbarItem, type SnackbarProps, SnackbarProvider, type SnackbarProviderProps, type SnackbarSeverity, SplitButton, type SplitButtonContainerVariants, type SplitButtonDropdownVariants, SplitButtonHeadless, type SplitButtonHeadlessProps, type SplitButtonMenuItem, type SplitButtonPrimaryVariants, type SplitButtonProps, type SplitButtonSize, type SplitButtonVariant, StyledActionButton, StyledCalendarCell, StyledCalendarTitle, StyledNavButton, StyledWeekday, StyledYearItem, type SupportingTextVariants, Switch, type SwitchProps, TYPOGRAPHY_ELEMENT_MAP, TYPOGRAPHY_USAGE, Tab, type TabItem, type TabLayout, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, type TabVariant, Tabs, type TabsProps, TextField, type TextFieldProps, type TextFieldVariant, type TimeFormat, type TimeInputFieldProps, type TimeInputFieldVariants, type TimePeriod, TimePicker, type TimePickerActionButtonVariants, type TimePickerActionRowVariants, type TimePickerContainerVariants, TimePickerDial, type TimePickerDialProps, type TimePickerHeadlessProps, type TimePickerHeadlineVariants, TimePickerInput, type TimePickerInputProps, type TimePickerModeToggleVariants, type TimePickerOrientation, type TimePickerProps, type TimePickerRenderState, type TimePickerVariant, type TimeSelectorContainerVariants, type TimeSelectorProps, type TimeSeparatorVariants, type TimeValue, type TitleComponentProps, Tooltip, type TooltipHeadlessProps, TooltipOverlayHeadless, type TooltipPlacement, type TooltipProps, TooltipTrigger, TooltipTriggerHeadless, type TooltipTriggerProps, type TooltipTriggerStyledProps, type TooltipVariant, type TooltipVariants, type TypographyProperty, type TypographyStyleObject, type UseBottomSheetDragOptions, type UseBottomSheetDragReturn, type WeekdayVariants, type YearGridVariants, type YearItemComponentProps, type YearItemFocusRingVariants, type YearItemStateLayerVariants, type YearItemVariants, actionButtonFocusRingVariants, actionButtonStateLayerVariants, actionButtonVariants, actionRowVariants, applyStateLayer, badgeVariants, bottomSheetAnimationVariants, bottomSheetHandlePillVariants, bottomSheetHandleWrapperVariants, bottomSheetScrimVariants, bottomSheetVariants, buttonGroupFocusRingVariants, buttonGroupRootVariants, buttonGroupVariants, calendarCellFocusRingVariants, calendarCellStateLayerVariants, calendarCellVariants, calendarDividerVariants, calendarHeaderVariants, calendarTitleIconVariants, calendarTitleStateLayerVariants, calendarTitleTextVariants, calendarTitleVariants, cardVariants, chipVariants, clockDialContainerVariants, clockDialNumberVariants, clockHandCenterVariants, clockHandHandleVariants, clockHandTrackVariants, cn, dateFieldVariants, dateInputErrorVariants, dateInputFieldGroupVariants, dateInputFieldVariants, dateInputLabelVariants, datePickerContainerVariants, dateSegmentPlaceholderVariants, dividerVariants, dockedFieldGroupVariants, dockedLabelVariants, dockedTriggerStateLayerVariants, dockedTriggerVariants, fabMenuItemFocusRingVariants, fabMenuItemIconVariants, fabMenuItemLabelVariants, fabMenuItemStateLayerVariants, fabMenuItemVariants, fabMenuListVariants, fabMenuVariants, generateMD3Theme, getColorValue, getConnectedRadiusClasses, getFontFamily, getMD3Color, getResponsiveTypography, getTypographyClassName, getTypographyForElement, getTypographyStyle, getTypographyToken, headlineVariants, hexToRgb, listItemVariants, listVariants, modalDialogVariants, modalHeaderVariants, modeToggleStateLayerVariants, modeToggleVariants, navButtonFocusRingVariants, navButtonStateLayerVariants, navButtonVariants, periodSelectorContainerVariants, periodSelectorItemVariants, popoverVariants, pxToRem, remToPx, rgbToHex, richTooltipVariants, scrimVariants, searchBarVariants, searchViewHeaderVariants, searchViewVariants, sliderActiveTrackVariants, sliderContainerVariants, sliderHandleStateLayerVariants, sliderHandleVariants, sliderInactiveTrackVariants, sliderTrackLayoutVariants, splitButtonContainerVariants, splitButtonDropdownVariants, splitButtonPrimaryVariants, splitButtonVariants, supportingTextVariants, timeInputFieldVariants, timePickerActionButtonVariants, timePickerActionRowVariants, timePickerContainerVariants, timePickerHeadlineVariants, timePickerModeToggleVariants, timeSelectorContainerVariants, timeSeparatorVariants, tooltipVariants, truncateText, useBottomSheetContext, useBottomSheetDrag, useButtonGroup, useDialogContext, useFABMenuContext, useMenuContext, useOptionalButtonGroup, useSnackbar, weekdayVariants, withOpacity, yearGridVariants, yearItemFocusRingVariants, yearItemStateLayerVariants, yearItemVariants };