@tinybigui/react 0.19.0 → 0.21.0

package/dist/index.d.ts

@@ -5477,10 +5477,19 @@ type SnackbarSeverity = "default" | "error";
 /**
  * Internal animation state machine for the Snackbar.
  *
- * - `entering` → zoom-in start: scale-75 + opacity-0 (no duration, paints before transition)
- * - `visible`  → scale-100 + opacity-100 (medium1 / standard-decelerate = 250ms)
- * - `exiting`  → scale-75 + opacity-0 (short4 / standard-accelerate = 200ms)
+ * - `entering` → initial paint: opacity-0 + directional translate offset (no duration)
+ * - `visible`  → slide in + fade in: translate-y-0 + opacity-100
+ *                (spring-standard-default-effects = 200ms, no overshoot)
+ * - `exiting`  → slide out + fade out: offset + opacity-0
+ *                (spring-standard-fast-effects = 150ms)
  * - `exited`   → removed from DOM / stack updated
+ *
+ * The translate direction is position-aware:
+ *   bottom positions → slide up from below (translate-y-3 → translate-y-0)
+ *   top positions    → slide down from above (-translate-y-3 → translate-y-0)
+ *
+ * When `prefers-reduced-motion` is active, the translate offset is suppressed
+ * and only opacity transitions (fade-only).
  */
 type SnackbarAnimationState = "entering" | "visible" | "exiting" | "exited";
 /**
@@ -5679,14 +5688,23 @@ interface SnackbarProviderProps {
  * Renders one of four MD3 Snackbar content configurations:
  * 1. Single-line message only
  * 2. Two-line message + `supportingText`
- * 3. Single-line with text `action` button (styled `Button variant="text"` with
- *    `inverse-primary` color per MD3 spec)
+ * 3. Single-line with text `action` button (styled with `inverse-primary` per MD3 spec)
  * 4. Single-line with close icon (or combined with action)
  *
  * Uses `SnackbarHeadless` for all behavioral concerns (ARIA live region,
  * auto-dismiss timer with pause/resume, animation state machine) and CVA
  * variants for MD3-compliant visual styling.
  *
+ * **Motion**: Position-aware slide + fade using spring-standard effects tokens.
+ * Automatically respects `prefers-reduced-motion` (fade-only when reduced motion
+ * is preferred — no translate offset).
+ *
+ * **State layers**: Dedicated slot components (`SnackbarActionButton`,
+ * `SnackbarCloseButton`) replace the shared `Button`/`IconButton` components.
+ * This ensures the state-layer colors are MD3-correct on an `inverse-surface`:
+ * - Action button state layer: `bg-inverse-primary`
+ * - Close button state layer: `bg-inverse-on-surface`
+ *
  * For typical app usage, render inside `SnackbarProvider` and trigger via
  * the `useSnackbar` hook. For declarative/test usage, it can be rendered
  * standalone.
@@ -8219,16 +8237,28 @@ declare const badgeVariants: (props?: class_variance_authority_types.ClassProp |
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 
 /**
- * Split Button variant types (Material Design 3).
+ * Split Button variant types (Material Design 3 Expressive).
  *
- * Split buttons only support filled, tonal, and outlined variants
- * per the MD3 specification.
+ * Split buttons support elevated, filled, tonal, and outlined variants,
+ * mirroring the standard Button color schemes per the MD3 Expressive spec.
+ *
+ * @see https://m3.material.io/components/split-button/specs
  */
-type SplitButtonVariant = "filled" | "tonal" | "outlined";
+type SplitButtonVariant = "elevated" | "filled" | "tonal" | "outlined";
 /**
- * Split Button size options.
+ * Split Button size options (MD3 Expressive size scale).
+ *
+ * | Token | Height | Typography         |
+ * |-------|--------|--------------------|
+ * | xs    | 32dp   | Label Large        |
+ * | sm    | 40dp   | Label Large        |
+ * | md    | 56dp   | Title Medium       |
+ * | lg    | 96dp   | Headline Small     |
+ * | xl    | 136dp  | Headline Large     |
+ *
+ * @default 'sm'
  */
-type SplitButtonSize = "small" | "medium" | "large";
+type SplitButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 /**
  * Represents a single item in the split button dropdown menu.
  *
@@ -8254,9 +8284,9 @@ interface SplitButtonMenuItem {
 /**
  * Props for the headless `SplitButtonHeadless` primitive (Layer 2).
  *
- * A Split Button groups a primary action with a dropdown trigger that reveals
- * secondary actions in a menu. Both segments are independently focusable and
- * accessible.
+ * A Split Button groups a leading action button with a trailing dropdown
+ * trigger that reveals secondary actions in a menu. Both segments are
+ * independently focusable and accessible.
  *
  * @example
  * ```tsx
@@ -8277,15 +8307,15 @@ interface SplitButtonHeadlessProps {
      */
     variant?: SplitButtonVariant;
     /**
-     * Size of the split button.
-     * @default 'medium'
+     * Size of the split button per the MD3 Expressive size scale.
+     * @default 'sm'
      */
     size?: SplitButtonSize;
-    /** Label text displayed in the primary action segment. */
+    /** Label text displayed in the leading action segment. */
     primaryLabel: string;
-    /** Callback invoked when the primary action segment is pressed. */
+    /** Callback invoked when the leading action segment is pressed. */
     onPrimaryAction: (e: PressEvent) => void;
-    /** Menu items displayed in the dropdown when the trigger is activated. */
+    /** Menu items displayed in the dropdown when the trailing trigger is activated. */
     items: SplitButtonMenuItem[];
     /**
      * Whether both segments are disabled.
@@ -8301,29 +8331,40 @@ interface SplitButtonHeadlessProps {
  * Props for the styled `SplitButton` component (Layer 3).
  *
  * Extends the headless props with identical API surface; the styled layer
- * applies MD3 visual tokens and CVA variants on top of the headless primitive.
+ * applies MD3 Expressive visual tokens and CVA variants on top of the
+ * headless primitive.
  */
 type SplitButtonProps = SplitButtonHeadlessProps;
 
 /**
- * Material Design 3 Split Button Component (Layer 3: Styled)
+ * Material Design 3 Expressive Split Button Component (Layer 3: Styled)
  *
- * Combines a primary action button with a dropdown trigger that reveals
- * secondary actions in a menu. Both segments include MD3 state layers and
- * ripple effects.
+ * Combines a leading action button with a trailing dropdown trigger that reveals
+ * secondary actions in a menu. Both segments have full MD3 Expressive state layers,
+ * per-segment focus rings, and inner-corner shape morphing.
+ *
+ * Implements the Variants-vs-States architecture: all interaction states are
+ * expressed as data-* attributes on each segment root and consumed by child
+ * slots via group-data-[x]/sb-leading and group-data-[x]/sb-trailing selectors.
  *
  * Features:
- * - 3 MD3 variants: filled, tonal, outlined
- * - Per-segment state layers (hover 8%, focus/pressed 12%)
+ * - 4 MD3 variants: elevated, filled, tonal, outlined
+ * - 5 MD3 Expressive sizes: xs, sm, md, lg, xl
+ * - Per-segment React Aria interaction tracking (hover, focus, press)
+ * - Per-segment MD3 state layers (hover 8%, focus 10%, pressed 10%)
+ * - Per-segment focus rings (extends outside overflow-hidden)
  * - Ripple effect on both segments
+ * - Inner-corner shape morphing on interaction (MD3 Expressive signature)
+ * - 2dp gap between segments per MD3 spec
  * - Chevron rotation animation on menu open
- * - Visual divider between segments per MD3 spec
+ * - useReducedMotion guard on all JS-driven transitions
  * - Full keyboard accessibility via React Aria
  *
  * @example
  * ```tsx
  * <SplitButton
  *   variant="filled"
+ *   size="sm"
  *   primaryLabel="Save"
  *   onPrimaryAction={() => console.log('saved')}
  *   items={[
@@ -8342,12 +8383,12 @@ declare const SplitButton: React$1.ForwardRefExoticComponent<SplitButtonHeadless
  * Provides behavior only — bring your own styles.
  *
  * Structure:
- * - Primary segment: triggers the main action
- * - Divider: visual separator (1dp vertical line)
- * - Dropdown trigger: opens/closes the dropdown menu
+ * - Leading segment: triggers the main action
+ * - Trailing segment: opens/closes the dropdown menu
+ *   (separated by a 2dp gap in the styled layer; no divider element here)
  *
  * Both segments are independently focusable via Tab navigation.
- * The dropdown trigger manages `aria-haspopup` and `aria-expanded`.
+ * The trailing trigger manages `aria-haspopup` and `aria-expanded`.
  *
  * @example
  * ```tsx
@@ -8364,60 +8405,192 @@ declare const SplitButton: React$1.ForwardRefExoticComponent<SplitButtonHeadless
 declare const SplitButtonHeadless: React$1.ForwardRefExoticComponent<SplitButtonHeadlessProps & React$1.RefAttributes<HTMLDivElement>>;
 
 /**
- * Material Design 3 Split Button — Container Variants (CVA)
+ * Material Design 3 Expressive Split Button Variants
+ *
+ * Architecture: Variants vs States
+ * - CVA holds design-time structure only (no disabled/pressed/hovered state variants).
+ * - All interaction states are driven by data-* attributes on each segment's root via
+ *   group-data-[x]/sb-leading and group-data-[x]/sb-trailing Tailwind selectors.
+ * - Inner-corner radius morphing is driven by a CSS variable (--sb-inner-radius) on
+ *   the segment root to avoid specificity battles — the same technique as Switch's
+ *   --switch-handle-size.
+ *
+ * Slot responsibilities:
+ *   splitButtonContainerVariants  — outer wrapper; gap between the two segments
+ *   splitButtonLeadingVariants    — leading (primary) button segment; shape + color
+ *   splitButtonTrailingVariants   — trailing (dropdown trigger) button segment; shape + color
+ *   splitButtonStateLayerVariants — per-segment hover/focus/press opacity overlay
+ *   splitButtonFocusRingVariants  — per-segment keyboard focus outline (extends outside overflow-hidden)
+ *   splitButtonLabelVariants      — leading label text slot
+ *   splitButtonIconVariants       — icon wrapper; carries per-size optical offset + selected reset
+ *   splitButtonMenuVariants       — dropdown menu surface
+ *   splitButtonMenuItemVariants   — individual menu item row
+ *
+ * MD3 Expressive Specs:
+ *   Shape: outer corners rounded-full; inner corners morph on interaction
+ *   Height: 32dp xs | 40dp sm | 56dp md | 96dp lg | 136dp xl
+ *   Trailing segment is always square (width = height); selected state = perfect circle
+ *   Gap between segments: 2dp (gap-0.5)
+ *   Icon size: 20px xs/sm | 24px md | 32px lg | 40px xl
+ *   State-layer opacities: hover 8% | focus 10% | pressed 10%
+ *   Disabled: container on-surface/12 | content on-surface/38
+ *   Elevation: elevated base=1 hover=2; filled/tonal base=0 hover=1; outlined none
  *
- * Defines the outer container styling for the split button group.
- * Maps `variant`, `size`, and `isDisabled` to MD3 design tokens via Tailwind.
+ * Inner-corner radius morph table (--sb-inner-radius CSS variable):
+ *
+ *   Size     Rest         Hover / Focus        Pressed (stronger)   Selected (trailing)
+ *   xs/sm/md --radius-xs  --radius-sm          --radius-lg          --radius-full
+ *   lg       --radius-sm  --radius-lg          --radius-xl          --radius-full
+ *   xl       --radius-md  --radius-lg          --radius-xl          --radius-full
+ *
+ * Specificity ladder (CSS attribute selector weight, all at same cascade layer):
+ *   rest           → [--sb-inner-radius:...] (0,0,0 base class)
+ *   hovered        → data-[hovered]:         (0,1,0)
+ *   focus-visible  → data-[fv]:data-[fv]:    (0,2,0)
+ *   pressed        → data-[pressed]:data-[pressed]:data-[pressed]:  (0,3,0)
+ *   selected       → data-[sel]:data-[sel]:data-[sel]:data-[sel]:   (0,4,0) — always wins
+ *
+ * Motion token pairing:
+ *   Border-radius / transform (spatial) → duration-expressive-fast-spatial ease-expressive-fast-spatial
+ *   Opacity / color / shadow (effects)  → duration-spring-standard-fast-effects ease-spring-standard-fast-effects
+ *
+ * Chevron optical offset (MD3 spec — trailing icon shifts toward center gap when unselected):
+ *   xs/sm: -1dp  md: -2dp  lg: -3dp  xl: -6dp
+ *   Resets to translate-x-0 when group-data-[selected]/sb-trailing is present.
  */
-declare const splitButtonContainerVariants: (props?: ({
-    variant?: "filled" | "outlined" | "tonal" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
-    isDisabled?: boolean | null | undefined;
+/**
+ * Outer wrapper div — lays out leading + trailing with a 2dp gap.
+ * Does NOT own any color, shape, or elevation — those belong to each segment.
+ */
+declare const splitButtonContainerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Leading segment — the primary action button.
+ *
+ * Shape:
+ *   outer corners (top-left, bottom-left) = rounded-full
+ *   inner corners (top-right, bottom-right) = var(--sb-inner-radius), driven by
+ *   self-targeting data-[x]: selectors on this element for the CSS variable.
+ *
+ * The doubled data-[x]:data-[x]: selector for pressed/focus achieves higher
+ * specificity than single hover, mirroring the Switch handle-size technique.
+ */
+declare const splitButtonLeadingVariants: (props?: ({
+    variant?: "filled" | "outlined" | "tonal" | "elevated" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
- * Material Design 3 Split Button — Primary Segment Variants (CVA)
+ * Trailing segment — the dropdown trigger.
  *
- * Applies text color, padding, and the Tailwind group name (`group/primary`)
- * to the primary action segment. The group name is required so that the
- * nested state-layer span can target `group-hover/primary:opacity-8`.
- * The divider between segments is rendered via the dropdown's `border-l`.
+ * Shape mirrors leading but mirrored: outer corners right, inner corners left.
+ * Uses group/sb-trailing for child slot selectors.
+ * Gets data-selected when the menu is open (icon centers per MD3 spec).
  */
-declare const splitButtonPrimaryVariants: (props?: ({
-    variant?: "filled" | "outlined" | "tonal" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+declare const splitButtonTrailingVariants: (props?: ({
+    variant?: "filled" | "outlined" | "tonal" | "elevated" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
- * Material Design 3 Split Button — Dropdown Trigger Variants (CVA)
+ * Per-segment state layer — absolute inset overlay that transitions opacity.
+ *
+ * overflow-hidden clips ripple + state layer to the button shape without
+ * affecting the focus ring span (which lives outside this element).
  *
- * Applies text color, padding, the visual divider (left border), and the
- * Tailwind group name (`group/dropdown`) to the dropdown trigger segment.
- * The group name is required so that the nested state-layer span can target
- * `group-hover/dropdown:opacity-8`.
+ * Color is variant-specific (MD3 "on-container" role):
+ *   filled   → bg-on-primary
+ *   tonal    → bg-on-secondary-container
+ *   outlined → bg-primary
+ *   elevated → bg-primary
+ *
+ * Opacities:
+ *   0 at rest | 8% hover | 10% focus | 10% pressed | hidden disabled
+ *
+ * The doubled attribute selector for pressed gives it higher specificity (0,2,0)
+ * than the single hover selector (0,1,0), ensuring pressed always wins.
+ *
+ * groupScope controls whether this reads from group/sb-leading or group/sb-trailing.
  */
-declare const splitButtonDropdownVariants: (props?: ({
-    variant?: "filled" | "outlined" | "tonal" | null | undefined;
-    size?: "small" | "large" | "medium" | null | undefined;
+declare const splitButtonStateLayerVariants: (props?: ({
+    variant?: "filled" | "outlined" | "tonal" | "elevated" | null | undefined;
+    groupScope?: "leading" | "trailing" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Per-segment focus ring overlay.
+ *
+ * Rendered as an absolute span with inset-[-3px] so it extends 3px outside
+ * the segment boundary. Requires that overflow-hidden is NOT on the segment
+ * root — it is moved to the state-layer span instead.
+ *
+ * Always present in DOM (opacity-0 at rest) for smooth CSS transition.
+ */
+declare const splitButtonFocusRingVariants: (props?: ({
+    groupScope?: "leading" | "trailing" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Label text wrapper — z-10 keeps it above state layer and ripple.
+ * Typography is inherited from the leading segment's size class.
+ */
+declare const splitButtonLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Icon wrapper (leading or trailing chevron).
+ *
+ * Size scales with the button size per MD3 spec:
+ *   xs/sm → 20px | md → 24px | lg → 32px | xl → 40px
+ *
+ * For the trailing chevron the MD3 spec calls for an optical offset toward the
+ * gap between segments when the button is unselected, and resets to centered
+ * when selected (menu open). The offset is applied as a negative translate-x
+ * and reverted via group-data-[selected]/sb-trailing:translate-x-0.
+ *
+ * Chevron optical offsets (trailing only):
+ *   xs/sm: -1dp  md: -2dp  lg: -3dp  xl: -6dp
+ */
+declare const splitButtonIconVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Dropdown menu surface — elevated container, positioned below the trailing segment.
+ */
+declare const splitButtonMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Individual menu item row.
+ */
+declare const splitButtonMenuItemVariants: (props?: ({
+    isDisabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SplitButtonContainerVariants = VariantProps<typeof splitButtonContainerVariants>;
-type SplitButtonPrimaryVariants = VariantProps<typeof splitButtonPrimaryVariants>;
-type SplitButtonDropdownVariants = VariantProps<typeof splitButtonDropdownVariants>;
+type SplitButtonLeadingVariants = VariantProps<typeof splitButtonLeadingVariants>;
+type SplitButtonTrailingVariants = VariantProps<typeof splitButtonTrailingVariants>;
+type SplitButtonStateLayerVariants = VariantProps<typeof splitButtonStateLayerVariants>;
+type SplitButtonFocusRingVariants = VariantProps<typeof splitButtonFocusRingVariants>;
+type SplitButtonIconVariants = VariantProps<typeof splitButtonIconVariants>;
+type SplitButtonMenuItemVariantProps = VariantProps<typeof splitButtonMenuItemVariants>;
 /**
- * Convenience bundle of all three Split Button CVA functions.
- * Useful for consumers that want a single import point.
+ * Convenience bundle of all Split Button CVA functions.
  */
 declare const splitButtonVariants: {
-    container: (props?: ({
-        variant?: "filled" | "outlined" | "tonal" | null | undefined;
-        size?: "small" | "large" | "medium" | null | undefined;
-        isDisabled?: boolean | null | undefined;
+    container: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+    leading: (props?: ({
+        variant?: "filled" | "outlined" | "tonal" | "elevated" | null | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string;
+    trailing: (props?: ({
+        variant?: "filled" | "outlined" | "tonal" | "elevated" | null | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string;
-    primary: (props?: ({
-        variant?: "filled" | "outlined" | "tonal" | null | undefined;
-        size?: "small" | "large" | "medium" | null | undefined;
+    stateLayer: (props?: ({
+        variant?: "filled" | "outlined" | "tonal" | "elevated" | null | undefined;
+        groupScope?: "leading" | "trailing" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string;
-    dropdown: (props?: ({
-        variant?: "filled" | "outlined" | "tonal" | null | undefined;
-        size?: "small" | "large" | "medium" | null | undefined;
+    focusRing: (props?: ({
+        groupScope?: "leading" | "trailing" | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string;
+    label: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+    icon: (props?: ({
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    } & class_variance_authority_types.ClassProp) | undefined) => string;
+    menu: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+    menuItem: (props?: ({
+        isDisabled?: boolean | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string;
 };
 
@@ -12077,4 +12250,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 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, searchBarAvatarVariants, searchBarFocusRingVariants, searchBarInputVariants, searchBarLeadingIconVariants, searchBarRootVariants, searchBarStateLayerVariants, searchBarTrailingActionVariants, searchBarTrailingActionsVariants, searchViewBackButtonVariants, searchViewClearButtonVariants, searchViewContentVariants, searchViewDividerVariants, searchViewHeaderVariants, searchViewInputVariants, searchViewTrailingActionVariants, searchViewTrailingActionsVariants, 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 SplitButtonFocusRingVariants, SplitButtonHeadless, type SplitButtonHeadlessProps, type SplitButtonIconVariants, type SplitButtonLeadingVariants, type SplitButtonMenuItem, type SplitButtonMenuItemVariantProps, type SplitButtonProps, type SplitButtonSize, type SplitButtonStateLayerVariants, type SplitButtonTrailingVariants, 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, searchBarAvatarVariants, searchBarFocusRingVariants, searchBarInputVariants, searchBarLeadingIconVariants, searchBarRootVariants, searchBarStateLayerVariants, searchBarTrailingActionVariants, searchBarTrailingActionsVariants, searchViewBackButtonVariants, searchViewClearButtonVariants, searchViewContentVariants, searchViewDividerVariants, searchViewHeaderVariants, searchViewInputVariants, searchViewTrailingActionVariants, searchViewTrailingActionsVariants, searchViewVariants, sliderActiveTrackVariants, sliderContainerVariants, sliderHandleStateLayerVariants, sliderHandleVariants, sliderInactiveTrackVariants, sliderTrackLayoutVariants, splitButtonContainerVariants, splitButtonFocusRingVariants, splitButtonIconVariants, splitButtonLabelVariants, splitButtonLeadingVariants, splitButtonMenuItemVariants, splitButtonMenuVariants, splitButtonStateLayerVariants, splitButtonTrailingVariants, 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 };