@tinybigui/react 0.16.0 → 0.18.0

package/dist/index.d.ts

@@ -2624,25 +2624,25 @@ interface RadioHeadlessProps extends AriaRadioProps {
  * Material Design 3 Radio Component (Layer 3: Styled)
  *
  * Built on React Aria for world-class accessibility.
- * Uses CVA for type-safe variant management.
- * Styled with Tailwind CSS using MD3 design tokens.
- * Must be used within a RadioGroup for proper functionality.
+ * Implements the Variants-vs-States architecture: all interaction/selection/error
+ * states are expressed as data-* attributes on the root and consumed by each
+ * slot via group-data-[x]/radio Tailwind selectors — no state variants in CVA.
  *
  * Features:
- * - ✅ 2 states: unselected, selected
+ * - ✅ Unselected / selected states
+ * - ✅ Error/invalid state (via RadioGroup isInvalid)
  * - ✅ Ripple effect (Material Design)
  * - ✅ Full keyboard accessibility (via React Aria)
  * - ✅ Screen reader support (via React Aria)
- * - ✅ Focus management (via React Aria)
+ * - ✅ Focus management with MD3 focus ring (no animate-pulse)
  * - ✅ Form integration (name, value props from RadioGroup)
  *
  * MD3 Specifications:
- * - Radio icon: 20x20dp (within 40x40dp touch target)
- * - Outer circle: 20px
- * - Inner dot: 10px (selected state)
- * - Outline width: 2dp
- * - State layers: 8% hover, 12% focus/pressed
- * - Disabled: 38% opacity
+ * - Radio icon: 20×20dp (within 40×40dp touch target)
+ * - Outer circle border: 2dp
+ * - Inner dot: 10dp (selected state, scale 0→1)
+ * - State layers: 8% hover, 10% focus/pressed
+ * - Disabled: 38% opacity (on root)
  * - Label spacing: 16px (ml-4)
  *
  * @example
@@ -2663,11 +2663,6 @@ interface RadioHeadlessProps extends AriaRadioProps {
  *   <Radio value="a">Enabled</Radio>
  *   <Radio value="b" isDisabled>Disabled</Radio>
  * </RadioGroup>
- *
- * // Custom styling
- * <Radio value="custom" className="my-custom-class">
- *   Custom
- * </Radio>
  * ```
  */
 declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
@@ -7665,46 +7660,68 @@ interface SearchProps extends Omit<SearchBarProps, "onFocus"> {
 interface SearchBarHeadlessProps extends SearchBarProps {
     /** Ref forwarded to the form element */
     ref?: React__default.Ref<HTMLFormElement>;
+    /**
+     * Slot class names applied directly to the bar's inner elements.
+     * Passed from SearchBar so per-slot CVA classes apply without descendant selectors.
+     */
+    inputClassName?: string | undefined;
+    trailingActionsClassName?: string | undefined;
 }
 /** Props for SearchViewHeadless — the headless primitive for the view */
 interface SearchViewHeadlessProps extends SearchViewProps {
     /** Ref forwarded to the view container div */
     ref?: React__default.Ref<HTMLDivElement>;
+    /**
+     * Slot class names applied directly to inner headless elements.
+     * Passed by SearchView so per-slot CVA classes can be applied
+     * without descendant-selector blobs.
+     */
+    headerClassName?: string;
+    backButtonClassName?: string;
+    clearButtonClassName?: string;
+    inputClassName?: string;
+    trailingActionsClassName?: string | undefined;
+    dividerClassName?: string;
+    contentClassName?: string;
 }
 
 /**
  * Material Design 3 Search Bar Component (Layer 3: Styled)
  *
- * The collapsed/maximized state search affordance that transitions
- * to Focused State (SearchView) on click/focus.
+ * The collapsed/maximized search affordance that transitions to Focused State
+ * (SearchView) on click/focus.
+ *
+ * Implements the Variants-vs-States architecture: all interaction states are
+ * expressed as data-* attributes on the root via `getInteractionDataAttributes`
+ * and consumed by each slot via `group-data-[x]/search` Tailwind selectors.
  *
  * Anatomy:
- *   [Container] [Leading icon] [Supporting text/input] [Trailing actions] [Avatar]
+ *   [Leading icon] [Input / placeholder] [Trailing actions] [Avatar]
  *
  * Features:
- * - MD3 state layer with hover/active opacity transitions
- * - Ripple effect on press (Material Design state 4)
- * - Focus indicator: 3dp ring in secondary color
- * - M3 Expressive pane margin transition (24dp → 12dp on focus)
- * - Automatic `noActions` variant when no trailing actions/avatar
+ * - MD3 state layer: hover 8% / pressed 10% opacity (Standard fast effects spring)
+ * - Ripple effect on press (Material Design press state)
+ * - Focus ring: Secondary color, 3dp, rendered outside overflow-hidden (sibling pattern)
+ * - M3 Expressive pane margin: 24dp → 12dp on focus (Expressive fast spatial spring)
+ * - Content flag `data-with-actions` switches container spacing: 16dp → 4dp
  *
  * @example
  * ```tsx
  * <SearchBar
  *   placeholder="Search messages"
  *   leadingIcon={<SearchIcon />}
- *   trailingActions={[<IconButton key="mic" icon={<MicIcon />} aria-label="Voice search" />]}
+ *   trailingActions={[<IconButton key="mic" aria-label="Voice search"><MicIcon /></IconButton>]}
  *   onFocus={() => setOpen(true)}
  * />
  * ```
  */
-declare const SearchBar: React$1.ForwardRefExoticComponent<SearchBarProps & React$1.RefAttributes<HTMLFormElement>>;
+declare const SearchBar: React__default.ForwardRefExoticComponent<SearchBarProps & React__default.RefAttributes<HTMLFormElement>>;
 
 /**
  * Material Design 3 Search View Component (Layer 3: Styled)
  *
- * The expanded/focused search experience with input and results.
- * Displayed in a portal over page content.
+ * The expanded/focused search experience rendered in a portal over page content.
+ * Uses per-slot CVAs for all styling — no descendant-selector blobs.
  *
  * Anatomy:
  *   Header: [Back arrow] [Input] [Clear button] [Optional trailing actions]
@@ -7713,9 +7730,10 @@ declare const SearchBar: React$1.ForwardRefExoticComponent<SearchBarProps & Reac
  *
  * Features:
  * - Portal rendering with focus trap and scroll lock (via headless)
- * - Compound variants for 4 style+layout combinations
- * - Animate on mount with `animate-md-scale-in`
- * - Clear button visible only when input has value
+ * - Compound variants for all 4 style × layout combinations
+ * - Docked layout: animate-md-scale-in on mount
+ * - Fullscreen layout: animate-md-fade-in on mount
+ * - Clear button visible only when input has value (controlled by headless)
  * - aria-live region for autosuggest announcements
  *
  * @example
@@ -7775,6 +7793,7 @@ declare const Search: React$1.ForwardRefExoticComponent<SearchProps & React$1.Re
  * - Keyboard: Enter → onSubmit, Escape (with value) → onClear
  * - Leading icon, trailing actions, and avatar slots
  * - aria-label falls back to placeholder per MD3 labeling spec
+ * - `inputClassName` and `trailingActionsClassName` applied directly to inner elements
  *
  * @example
  * ```tsx
@@ -7785,21 +7804,22 @@ declare const Search: React$1.ForwardRefExoticComponent<SearchProps & React$1.Re
  * />
  * ```
  */
-declare const SearchBarHeadless: React$1.ForwardRefExoticComponent<Omit<SearchBarHeadlessProps, "ref"> & React$1.RefAttributes<HTMLFormElement>>;
+declare const SearchBarHeadless: React__default.ForwardRefExoticComponent<Omit<SearchBarHeadlessProps, "ref"> & React__default.RefAttributes<HTMLFormElement>>;
 /**
  * SearchViewHeadless — Layer 2 headless primitive for the MD3 Search view.
  *
- * Renders in a portal when `isOpen={true}`. Does not render when closed.
- * Uses `useOverlay` for Escape-key dismissal, `usePreventScroll` to lock
- * body scrolling, and `FocusScope` for focus trapping.
+ * Rendering strategy by layout:
+ * - `fullscreen`: renders in a portal (`createPortal`) with `usePreventScroll` and
+ *   `FocusScope contain` — the view covers the full viewport.
+ * - `docked`: renders inline (no portal) with `FocusScope restoreFocus autoFocus` only —
+ *   the card sits in normal document flow so it can be centered by its wrapper.
+ *
+ * Both layouts use `useOverlay` so Escape key and click-outside dismiss correctly.
  *
  * Features:
- * - Portal rendering via `createPortal`
- * - Escape key → onClose
- * - Body scroll lock when open
- * - Focus trap with auto-focus and restore on close
+ * - Back arrow (MD3 ArrowBack SVG) + input + MD3 Close SVG clear button in header
  * - aria-live region for autosuggest announcements
- * - Back arrow (leading icon) + input + clear button header
+ * - Slot class names from the styled SearchView layer applied directly on elements
  *
  * @example
  * ```tsx
@@ -7812,36 +7832,131 @@ declare const SearchBarHeadless: React$1.ForwardRefExoticComponent<Omit<SearchBa
  * </SearchViewHeadless>
  * ```
  */
-declare const SearchViewHeadless: React$1.ForwardRefExoticComponent<Omit<SearchViewHeadlessProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SearchViewHeadless: React__default.ForwardRefExoticComponent<Omit<SearchViewHeadlessProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
- * Material Design 3 Search Bar container variants (CVA).
- *
- * Base: 56dp height, full rounded pill, surface-container-high background,
- * level-3 elevation, body-large typography.
+ * Material Design 3 Search Variants
  *
- * Spacing follows MD3 Search spec:
- * - Contained (expressive): 4dp leading/trailing with trailing actions
- * - Contained (no actions): 16dp leading/trailing
- * - Divided (baseline): 16dp leading/trailing, 16dp icon-label gap
+ * Architecture: Variants vs States
+ * - CVA holds design-time structure only (no focused/disabled/noActions state variants).
+ * - All interaction states are driven by data-* attributes on the root via
+ *   group-data-[x]/search Tailwind selectors in each slot's base classes.
+ * - Content flags (data-with-actions) are set explicitly by the component.
+ *
+ * Search Bar slot responsibilities:
+ *   searchBarRootVariants        — container pill; shape, color, elevation, spacing by style
+ *   searchBarStateLayerVariants  — hover/pressed opacity overlay (inside overflow-hidden)
+ *   searchBarFocusRingVariants   — keyboard focus outline (outside overflow-hidden)
+ *   searchBarLeadingIconVariants — 48dp tap target wrapping 24dp icon, on-surface
+ *   searchBarTrailingActionVariants  — 48dp tap target for each trailing icon, on-surface-variant
+ *   searchBarTrailingActionsVariants — flex row wrapper for all trailing actions
+ *   searchBarAvatarVariants          — 48dp tap target wrapping 30dp rounded-full avatar
+ *   searchBarInputVariants           — flex-1 text input inside the bar
+ *
+ * Search View slot responsibilities:
+ *   searchViewVariants           — container; style × layout compound variants
+ *   searchViewHeaderVariants     — header row; style × layout heights/padding
+ *   searchViewBackButtonVariants — 48dp back-arrow tap target, on-surface
+ *   searchViewClearButtonVariants — 48dp clear tap target, on-surface-variant
+ *   searchViewTrailingActionVariants  — 48dp trailing action in view header
+ *   searchViewTrailingActionsVariants — flex row wrapper for all view trailing actions
+ *   searchViewInputVariants           — flex-1 text input inside the view header
+ *   searchViewDividerVariants    — horizontal rule (divided style only)
+ *   searchViewContentVariants    — scrollable results/suggestions area
+ *
+ * MD3 Token References:
+ *   Container color:   SurfaceContainerHigh
+ *   Contained bg (fullscreen view): SurfaceContainerLow
+ *   Container elevation: Level 3 (6dp)
+ *   Leading icon:      OnSurface
+ *   Trailing icon:     OnSurfaceVariant
+ *   Placeholder:       OnSurfaceVariant
+ *   Input text:        OnSurface
+ *   Focus indicator:   Secondary, 3dp
+ *   Hover opacity:     8%   (MD3 state.hover.state-layer-opacity)
+ *   Pressed opacity:   10%  (MD3 state.pressed.state-layer-opacity)
+ *   Disabled:          opacity-38 on container
  *
  * @see docs/md3-components/search/tokens/layout-text.md
+ * @see docs/md3-components/search/tokens/color-tokens-light.md
+ */
+/**
+ * Search bar container pill.
+ *
+ * Spacing follows MD3 Search Bar spec:
+ *   Contained + with actions:    px-1 gap-1   (4dp leading/trailing per spec)
+ *   Contained + no actions:      px-4         (16dp leading/trailing)
+ *   Divided:                     px-4 gap-4   (16dp leading/trailing, 16dp icon-label gap)
+ *
+ * The `contained` variant uses `data-[with-actions]` on the root (a content flag set by the
+ * component) to switch from 16dp → 4dp spacing — no CVA variant needed for this.
+ *
+ * Disabled is self-targeting (data-[disabled]:) because the root carries the data attr.
+ * overflow-hidden intentionally NOT here — the focus ring span sits outside via a sibling
+ * wrapper, so we preserve full ring visibility (same pattern as Button).
  */
-declare const searchBarVariants: (props?: ({
+declare const searchBarRootVariants: (props?: ({
     style?: "contained" | "divided" | null | undefined;
-    noActions?: boolean | null | undefined;
-    focused?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
- * Material Design 3 Search View container variants (CVA).
+ * State layer — absolute inset overlay inside the bar container.
+ *
+ * Must be inside overflow-hidden (placed on the same pill via the root's inner wrapper).
+ * Color: on-surface (MD3 search bar state layer color).
+ * Opacities: hover 8%, pressed 10% (doubled selector wins over hover).
+ * Hidden when disabled (no state affordance on non-interactive element).
+ */
+declare const searchBarStateLayerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Focus ring overlay.
+ *
+ * Rendered outside the overflow-hidden container (as a sibling, in a relative wrapper)
+ * so it can extend 3px beyond the pill boundary and remain fully visible.
+ * Color: Secondary (MD3 focus indicator color).
+ * Thickness: 3dp (MD3 state.focus-indicator.thickness).
+ */
+declare const searchBarFocusRingVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Leading icon wrapper — 48dp tap target with centered 24dp icon.
+ * Color: on-surface (MD3 leading icon color).
+ */
+declare const searchBarLeadingIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Trailing action wrapper — 48dp tap target for each trailing icon button.
+ * Color: on-surface-variant (MD3 trailing icon color).
+ */
+declare const searchBarTrailingActionVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Avatar wrapper — 48dp tap target containing a 30dp rounded-full image/element.
+ * Shape: CornerFull (MD3 avatar shape).
+ * Size: 30dp (MD3 avatar size).
+ */
+declare const searchBarAvatarVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Trailing actions group wrapper — lays out multiple trailing icon slots in a row.
+ * gap = 0 per MD3 spec (contained trailing-actions gap token = 0dp).
+ */
+declare const searchBarTrailingActionsVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Text input inside the search bar.
+ * Typography: body-large (MD3 supporting text / input text font).
+ * Colors: on-surface for input, on-surface-variant for placeholder.
+ *
+ * `min-w-0` is required so `flex-1` can shrink when trailing actions are present.
+ * The native browser search cancel button and decoration are hidden so only our
+ * MD3 clear button (in SearchView) controls clearing.
+ */
+declare const searchBarInputVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Search view container — the expanded/focused search surface.
  *
- * Compound variants express all 4 style+layout combinations:
- * - Contained + fullscreen: surface-container-low, no rounding
- * - Contained + docked: surface-container-high, rounded-xl (12dp)
- * - Divided + fullscreen: surface-container-high, no rounding
- * - Divided + docked: surface-container-high, rounded-[28px] (extra-large)
+ * All 4 style × layout combinations via compound variants:
+ *   contained + fullscreen: surface-container-low,  no rounding
+ *   contained + docked:     surface-container-high, rounded-xl (12dp), 2dp gap
+ *   divided   + fullscreen: surface-container-high, no rounding
+ *   divided   + docked:     surface-container-high, rounded-[28px] (extra-large)
  *
+ * @see docs/md3-components/search/tokens/layout-text.md
  * @see docs/md3-components/search/tokens/color-tokens-light.md
  */
 declare const searchViewVariants: (props?: ({
@@ -7849,12 +7964,12 @@ declare const searchViewVariants: (props?: ({
     layout?: "fullscreen" | "docked" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
- * Material Design 3 Search View header variants (CVA).
+ * Search view header row.
  *
- * Heights per style + layout:
- * - Contained: 56dp (both layouts)
- * - Divided + fullscreen: 72dp
- * - Divided + docked: 56dp (overridden by docked variant)
+ * Heights per MD3 spec:
+ *   Contained (both layouts):  56dp (h-14), 12dp side padding (px-3)
+ *   Divided + fullscreen:      72dp (h-[72px]), 16dp side padding (px-4)
+ *   Divided + docked:          56dp (h-14), overridden by docked layout variant
  *
  * @see docs/md3-components/search/tokens/layout-text.md
  */
@@ -7862,6 +7977,48 @@ declare const searchViewHeaderVariants: (props?: ({
     style?: "contained" | "divided" | null | undefined;
     layout?: "fullscreen" | "docked" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Back arrow button wrapper — 48dp tap target.
+ * Color: on-surface (MD3 header leading icon color).
+ * Includes visual state layer for hover/focus feedback (button handles its own states).
+ */
+declare const searchViewBackButtonVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Clear (✕) button wrapper — 48dp tap target.
+ * Color: on-surface-variant (MD3 trailing icon color).
+ * Transitions opacity when shown/hidden (Standard fast effects).
+ */
+declare const searchViewClearButtonVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Trailing action wrapper in the view header — 48dp tap target.
+ * Color: on-surface-variant (MD3 trailing icon color).
+ */
+declare const searchViewTrailingActionVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Trailing actions group wrapper in the view header — lays out multiple action
+ * slots in a row. gap = 0 per MD3 spec.
+ */
+declare const searchViewTrailingActionsVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Text input inside the view header.
+ * Typography: body-large.
+ * Colors: on-surface for input text, on-surface-variant for placeholder.
+ *
+ * `min-w-0` lets `flex-1` shrink when clear/trailing buttons are present.
+ * Native search affordances hidden — MD3 clear button controls clearing.
+ */
+declare const searchViewInputVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Horizontal divider between the view header and results area.
+ * Color: outline (MD3 divider color).
+ * Only rendered when searchStyle="divided".
+ */
+declare const searchViewDividerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Results / suggestions content area.
+ * flex-1 to fill remaining height; overflow-y-auto for independent scroll.
+ */
+declare const searchViewContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 
 /**
  * Props for the BadgeContent indicator element.
@@ -9066,7 +9223,7 @@ declare const sliderHandleVariants: (props?: ({
  * in Slider.tsx based on useReducedMotion() guard (MD3 Appendix E).
  */
 declare const sliderHandleStateLayerVariants: (props?: ({
-    state?: "disabled" | "enabled" | "focused" | "hovered" | "pressed" | null | undefined;
+    state?: "disabled" | "enabled" | "hovered" | "pressed" | "focused" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * CVA for the track layout container (holds active track + handle + inactive track).
@@ -10204,7 +10361,7 @@ type ClockDialContainerVariants = VariantProps<typeof clockDialContainerVariants
 declare const clockDialNumberVariants: (props?: ({
     selected?: boolean | null | undefined;
     ring?: "outer" | "inner" | null | undefined;
-    state?: "enabled" | "focused" | "hovered" | null | undefined;
+    state?: "enabled" | "hovered" | "focused" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ClockDialNumberVariants = VariantProps<typeof clockDialNumberVariants>;
 /**
@@ -10231,7 +10388,7 @@ type ClockHandHandleVariants = VariantProps<typeof clockHandHandleVariants>;
  */
 declare const timeSelectorContainerVariants: (props?: ({
     selected?: boolean | null | undefined;
-    state?: "enabled" | "focused" | "hovered" | null | undefined;
+    state?: "enabled" | "hovered" | "focused" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TimeSelectorContainerVariants = VariantProps<typeof timeSelectorContainerVariants>;
 /**
@@ -10248,7 +10405,7 @@ type PeriodSelectorContainerVariants = VariantProps<typeof periodSelectorContain
  */
 declare const periodSelectorItemVariants: (props?: ({
     selected?: boolean | null | undefined;
-    state?: "enabled" | "focused" | "hovered" | null | undefined;
+    state?: "enabled" | "hovered" | "focused" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type PeriodSelectorItemVariants = VariantProps<typeof periodSelectorItemVariants>;
 /**
@@ -10257,7 +10414,7 @@ type PeriodSelectorItemVariants = VariantProps<typeof periodSelectorItemVariants
  */
 declare const timeInputFieldVariants: (props?: ({
     selected?: boolean | null | undefined;
-    state?: "enabled" | "focused" | "hovered" | null | undefined;
+    state?: "enabled" | "hovered" | "focused" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TimeInputFieldVariants = VariantProps<typeof timeInputFieldVariants>;
 /**
@@ -11834,4 +11991,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, 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, 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 };