@tinybigui/react 0.7.0 → 0.8.1

package/dist/index.d.ts

@@ -2264,23 +2264,23 @@ interface CheckboxProps extends AriaCheckboxProps, Omit<React__default.HTMLAttri
  * Material Design 3 Checkbox 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.
+ * Implements the Variants-vs-States architecture: all interaction/selection
+ * states are expressed as data-* attributes on the root and consumed by each
+ * slot via group-data-[x]/checkbox Tailwind selectors — no state variants in CVA.
  *
  * Features:
- * - ✅ 3 states: unchecked, checked, indeterminate
- * - ✅ Error/invalid state support
- * - ✅ Ripple effect (Material Design)
- * - ✅ Full keyboard accessibility (via React Aria)
- * - ✅ Screen reader support (via React Aria)
- * - ✅ Focus management (via React Aria)
- * - ✅ Form integration (name, value props)
+ * - 3 states: unchecked, checked, indeterminate
+ * - Error/invalid state support
+ * - Ripple effect (Material Design)
+ * - Full keyboard accessibility (via React Aria)
+ * - Screen reader support (via React Aria)
+ * - Focus management (via React Aria)
+ * - Form integration (name, value props)
  *
  * MD3 Specifications:
- * - Container: 18x18dp (within 40x40dp touch target)
- * - Corner radius: 2dp (applied via SVG rx/ry attributes)
- * - State layers: 8% hover, 12% focus/pressed
- * - Disabled: 38% opacity
+ * - Box: 18×18dp, 2dp corner radius, within 40×40dp touch target
+ * - State-layer opacities: hover 8% | focus/pressed 10%
+ * - Disabled: 38% opacity on root
  * - Label spacing: 16px (ml-4)
  *
  * @example
@@ -3647,137 +3647,6 @@ declare const HeadlessNavigationBar: React$1.ForwardRefExoticComponent<HeadlessN
  */
 declare const HeadlessNavigationBarItem: React$1.ForwardRefExoticComponent<HeadlessNavigationBarItemProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-/**
- * Badge color roles (Material Design 3)
- */
-type BadgeColor = "error" | "primary";
-/**
- * Props for the BadgeContent indicator element.
- *
- * Renders either a small dot (no count) or a count pill (with count).
- */
-interface BadgeContentProps {
-    /**
-     * Numeric count to display. When omitted, renders a small dot indicator.
-     */
-    count?: number | undefined;
-    /**
-     * Maximum displayable count. Values exceeding this render as `"${max}+"`.
-     * @default 999
-     */
-    max?: number;
-    /**
-     * Badge color role mapped to MD3 design tokens.
-     * @default 'error'
-     */
-    color?: BadgeColor;
-    /**
-     * Whether the badge is invisible (scale-0 / opacity-0).
-     * @default false
-     */
-    invisible?: boolean;
-    /**
-     * Accessible label override. Defaults to `"New"` for dot badges
-     * or `"${count} notifications"` for count badges.
-     */
-    "aria-label"?: string | undefined;
-    /**
-     * Whether to skip transition animations (reduced motion).
-     * @default false
-     */
-    reducedMotion?: boolean;
-    /**
-     * Additional CSS classes merged via `cn()`.
-     */
-    className?: string;
-}
-/**
- * Props for the headless Badge wrapper.
- *
- * Provides the structural `relative inline-flex` container that positions
- * the badge indicator absolutely over the host element.
- */
-interface BadgeHeadlessProps {
-    /**
-     * Whether the badge indicator is invisible.
-     */
-    invisible?: boolean;
-    /**
-     * Accessible label for the badge region.
-     */
-    "aria-label"?: string;
-    /**
-     * Additional CSS classes merged via `cn()`.
-     */
-    className?: string | undefined;
-    /**
-     * The host element(s) to badge — typically an icon, IconButton, or avatar.
-     */
-    children?: React__default.ReactNode;
-}
-/**
- * Material Design 3 Badge Component Props
- *
- * Composes `BadgeHeadless` (structure) + `BadgeContent` (indicator).
- *
- * @example
- * ```tsx
- * // Dot badge (no count)
- * <Badge>
- *   <IconButton icon={<BellIcon />} aria-label="Notifications" />
- * </Badge>
- *
- * // Count badge
- * <Badge count={3}>
- *   <IconButton icon={<BellIcon />} aria-label="Notifications" />
- * </Badge>
- *
- * // Capped count
- * <Badge count={1200} max={99}>
- *   <IconButton icon={<MailIcon />} aria-label="Messages" />
- * </Badge>
- *
- * // Primary color
- * <Badge count={5} color="primary">
- *   <IconButton icon={<BellIcon />} aria-label="Alerts" />
- * </Badge>
- * ```
- */
-interface BadgeProps {
-    /**
-     * Numeric count to display. When omitted, renders a dot indicator.
-     */
-    count?: number;
-    /**
-     * Maximum displayable count. Values exceeding this render as `"${max}+"`.
-     * @default 999
-     */
-    max?: number;
-    /**
-     * Badge color role mapped to MD3 design tokens.
-     * @default 'error'
-     */
-    color?: BadgeColor;
-    /**
-     * When `true`, hides the badge indicator.
-     * Also hides when `count` is `0`.
-     * @default false
-     */
-    invisible?: boolean;
-    /**
-     * Accessible label override for the badge indicator.
-     */
-    "aria-label"?: string;
-    /**
-     * Additional CSS classes merged via `cn()`.
-     */
-    className?: string;
-    /**
-     * The host element to badge — typically an icon, IconButton, or avatar.
-     */
-    children: React__default.ReactNode;
-}
-
 /**
  * Structural variant of the Navigation Drawer.
  *
@@ -3796,8 +3665,6 @@ type DrawerVariant = "standard" | "modal";
 interface DrawerItemBadgeConfig {
     /** Numeric count to display. Omit for a dot indicator. */
     count?: number;
-    /** Badge color role. @default 'error' */
-    color?: BadgeColor;
 }
 /**
  * Material Design 3 Navigation Drawer props.
@@ -3920,8 +3787,8 @@ interface DrawerItemProps extends AriaButtonProps, Pick<AriaLinkOptions, "href">
      * // ReactNode badge (backward compatible)
      * <DrawerItem label="Inbox" badge={<span>3</span>} />
      *
-     * // Config badge (renders Badge component)
-     * <DrawerItem label="Inbox" badge={{ count: 3, color: 'primary' }} />
+     * // Config badge (renders Badge component using MD3 error color role)
+     * <DrawerItem label="Inbox" badge={{ count: 3 }} />
      * ```
      */
     badge?: ReactNode | DrawerItemBadgeConfig;
@@ -4139,7 +4006,7 @@ declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & Rea
  * - Ripple effect on interaction
  * - Hover/focus/pressed state layers (MD3 spec: 8% / 12%)
  * - Optional leading icon (24dp slot)
- * - Optional trailing badge — `ReactNode` or `{ count, color }` config
+ * - Optional trailing badge — `ReactNode` or `{ count }` config
  * - Icon-only mode: label hidden, `title` tooltip via `DrawerIconOnlyContext`
  * - Disabled state: `opacity-38`, non-interactive
  *
@@ -4148,8 +4015,8 @@ declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & Rea
  * // Active item with icon
  * <DrawerItem icon={<HomeIcon />} label="Home" isActive onPress={() => navigate('/')} />
  *
- * // Item with Badge config
- * <DrawerItem label="Inbox" badge={{ count: 5, color: 'primary' }} />
+ * // Item with Badge config (uses MD3 error color role)
+ * <DrawerItem label="Inbox" badge={{ count: 5 }} />
  *
  * // Disabled
  * <DrawerItem label="Disabled Feature" isDisabled />
@@ -7681,6 +7548,118 @@ declare const searchViewHeaderVariants: (props?: ({
     layout?: "fullscreen" | "docked" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
+/**
+ * Props for the BadgeContent indicator element.
+ *
+ * Renders either a small dot (no count) or a count pill (with count).
+ */
+interface BadgeContentProps {
+    /**
+     * Numeric count to display. When omitted, renders a small dot indicator.
+     */
+    count?: number | undefined;
+    /**
+     * Maximum displayable count. Values exceeding this render as `"${max}+"`.
+     * @default 999
+     */
+    max?: number;
+    /**
+     * Whether the badge is invisible (scale-0).
+     * @default false
+     */
+    invisible?: boolean;
+    /**
+     * Accessible label override. Defaults to `"New"` for dot badges
+     * or `"${count} notifications"` for count badges.
+     */
+    "aria-label"?: string | undefined;
+    /**
+     * Whether to skip transition animations (reduced motion).
+     * @default false
+     */
+    reducedMotion?: boolean;
+    /**
+     * Additional CSS classes merged via `cn()`.
+     */
+    className?: string;
+}
+/**
+ * Props for the headless Badge wrapper.
+ *
+ * Provides the structural `relative inline-flex` container that positions
+ * the badge indicator absolutely over the host element.
+ */
+interface BadgeHeadlessProps {
+    /**
+     * Whether the badge indicator is invisible.
+     */
+    invisible?: boolean;
+    /**
+     * Accessible label for the badge region.
+     */
+    "aria-label"?: string;
+    /**
+     * Additional CSS classes merged via `cn()`.
+     */
+    className?: string | undefined;
+    /**
+     * The host element(s) to badge — typically an icon, IconButton, or avatar.
+     */
+    children?: React__default.ReactNode;
+}
+/**
+ * Material Design 3 Badge Component Props
+ *
+ * Composes `BadgeHeadless` (structure) + `BadgeContent` (indicator).
+ *
+ * @example
+ * ```tsx
+ * // Dot badge (no count)
+ * <Badge>
+ *   <IconButton icon={<BellIcon />} aria-label="Notifications" />
+ * </Badge>
+ *
+ * // Count badge
+ * <Badge count={3}>
+ *   <IconButton icon={<BellIcon />} aria-label="Notifications" />
+ * </Badge>
+ *
+ * // Capped count
+ * <Badge count={1200} max={99}>
+ *   <IconButton icon={<MailIcon />} aria-label="Messages" />
+ * </Badge>
+ * ```
+ */
+interface BadgeProps {
+    /**
+     * Numeric count to display. When omitted, renders a dot indicator.
+     */
+    count?: number;
+    /**
+     * Maximum displayable count. Values exceeding this render as `"${max}+"`.
+     * @default 999
+     */
+    max?: number;
+    /**
+     * When `true`, hides the badge indicator.
+     * Also hides when `count` is `0`.
+     * @default false
+     */
+    invisible?: boolean;
+    /**
+     * Accessible label override for the badge indicator.
+     */
+    "aria-label"?: string;
+    /**
+     * Additional CSS classes merged via `cn()`.
+     */
+    className?: string;
+    /**
+     * The host element to badge — typically an icon, IconButton, or avatar.
+     */
+    children: React__default.ReactNode;
+}
+
 /**
  * Material Design 3 Badge Component (Layer 3: Styled)
  *
@@ -7688,8 +7667,8 @@ declare const searchViewHeaderVariants: (props?: ({
  * (dot or count indicator). Automatically hides the badge when
  * `count` is `0` or `invisible` is `true`.
  *
- * Respects `prefers-reduced-motion` — transitions are omitted when
- * the user has requested reduced motion.
+ * Respects `prefers-reduced-motion` — the scale transition is omitted
+ * when the user has requested reduced motion.
  *
  * @example
  * ```tsx
@@ -7732,30 +7711,39 @@ declare const BadgeHeadless: React$1.ForwardRefExoticComponent<BadgeHeadlessProp
  * Badge Content Indicator
  *
  * Renders the badge's visual element — either a small dot (no count)
- * or a count pill. Applies CVA variants for size, color, and visibility.
+ * or a count pill. Applies the `badgeVariants` base classes and sets
+ * content/visibility data flags directly on the element.
+ *
+ * Content flags (structural — not interaction state):
+ *   `data-dot`       → element is a dot badge (no count)
+ *   `data-invisible` → element is hidden (scale-0)
+ *
+ * Motion:
+ *   `transition-transform duration-expressive-fast-spatial ease-expressive-fast-spatial`
+ *   is applied when `reducedMotion` is false (component-level guard, per
+ *   md3-motion.mdc: JS-driven animations must guard at the component level).
  *
  * Uses `role="status"` so screen readers announce changes to the count.
  */
 declare const BadgeContent: React$1.ForwardRefExoticComponent<BadgeContentProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 /**
- * Material Design 3 Badge Content Variants (CVA)
+ * Anchored indicator element — badge center straddles the wrapped host's
+ * top-right corner via `top-0 right-0 -translate-y-1/2 translate-x-1/2`.
  *
- * Manages the visual appearance of the badge indicator element:
- * - `size`: small (6dp dot) or large (16dp min-width pill)
- * - `color`: MD3 color role — error (default) or primary
- * - `invisible`: scale/opacity toggle for show/hide animation
- * - `reducedMotion`: strips transition when `prefers-reduced-motion` is active
- */
-declare const badgeVariants: (props?: ({
-    size?: "small" | "large" | null | undefined;
-    color?: "primary" | "error" | null | undefined;
-    invisible?: boolean | null | undefined;
-    reducedMotion?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-/**
- * Extract variant prop types from CVA
+ * Use this variant (via `BadgeContent`) when the badge wraps an icon element
+ * (e.g. a 24dp icon span, an IconButton) and needs to overlay its corner.
+ *
+ * Content flags (set explicitly by BadgeContent, never by this CVA):
+ *   `data-dot`       → element has no count; renders as 6dp dot
+ *   `data-invisible` → element is hidden (scale-0); runtime show/hide control
+ *
+ * Visibility uses scale only (not scale + opacity) per the MD3 Expressive
+ * scale-in/out pattern for small components. The transition-transform class
+ * is applied conditionally by the component (outside CVA) to allow a
+ * component-level reduced-motion guard.
  */
+declare const badgeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 
 /**
@@ -10990,4 +10978,4 @@ type DatePickerSupportingTextVariants = VariantProps<typeof datePickerSupporting
 declare const datePickerScrimVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 type DatePickerScrimVariants = VariantProps<typeof datePickerScrimVariants>;
 
-export { AppBar, AppBarHeadless, type AppBarHeadlessProps, type AppBarProps, type AppBarVariant, Badge, type BadgeColor, 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 CalendarCellProps, type CalendarCellType, type CalendarCellVariants, CalendarCore, type CalendarGridProps, 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 DateInputFieldProps, DatePicker, type DatePickerActionButtonVariants, type DatePickerActionVariants, type DatePickerActionsProps, type DatePickerContainerVariants, type DatePickerDividerVariants, DatePickerDocked, type DatePickerDockedProps, type DatePickerHeaderVariants, type DatePickerHeadlessProps, type DatePickerHeadlineVariants, DatePickerModal, type DatePickerModalHeaderProps, DatePickerModalInput, type DatePickerModalInputProps, type DatePickerModalProps, type DatePickerNavVariants, type DatePickerProps, type DatePickerRangeIndicatorVariants, type DatePickerRenderState, type DatePickerScrimVariants, type DatePickerSupportingTextVariants, type DatePickerVariant, type DatePickerWeekdayVariants, 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, 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, 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, NavigationBar, type NavigationBarBadge, NavigationBarItem, type NavigationBarItemConfig, type NavigationBarItemProps, type NavigationBarItemRenderProps, type NavigationBarProps, type PeriodSelectorContainerVariants, type PeriodSelectorItemVariants, type PeriodSelectorProps, 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, 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, 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, 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 YearItemVariants, applyStateLayer, badgeVariants, bottomSheetAnimationVariants, bottomSheetHandlePillVariants, bottomSheetHandleWrapperVariants, bottomSheetScrimVariants, bottomSheetVariants, buttonGroupFocusRingVariants, buttonGroupRootVariants, buttonGroupVariants, calendarCellVariants, cardVariants, chipVariants, clockDialContainerVariants, clockDialNumberVariants, clockHandCenterVariants, clockHandHandleVariants, clockHandTrackVariants, cn, datePickerActionButtonVariants, datePickerActionVariants, datePickerContainerVariants, datePickerDividerVariants, datePickerHeaderVariants, datePickerHeadlineVariants, datePickerNavVariants, datePickerRangeIndicatorVariants, datePickerScrimVariants, datePickerSupportingTextVariants, datePickerWeekdayVariants, dividerVariants, fabMenuItemFocusRingVariants, fabMenuItemIconVariants, fabMenuItemLabelVariants, fabMenuItemStateLayerVariants, fabMenuItemVariants, fabMenuListVariants, fabMenuVariants, generateMD3Theme, getColorValue, getConnectedRadiusClasses, getFontFamily, getMD3Color, getResponsiveTypography, getTypographyClassName, getTypographyForElement, getTypographyStyle, getTypographyToken, hexToRgb, listItemVariants, listVariants, periodSelectorContainerVariants, periodSelectorItemVariants, pxToRem, remToPx, rgbToHex, richTooltipVariants, searchBarVariants, searchViewHeaderVariants, searchViewVariants, sliderActiveTrackVariants, sliderContainerVariants, sliderHandleStateLayerVariants, sliderHandleVariants, sliderInactiveTrackVariants, sliderTrackLayoutVariants, splitButtonContainerVariants, splitButtonDropdownVariants, splitButtonPrimaryVariants, splitButtonVariants, timeInputFieldVariants, timePickerActionButtonVariants, timePickerActionRowVariants, timePickerContainerVariants, timePickerHeadlineVariants, timePickerModeToggleVariants, timeSelectorContainerVariants, timeSeparatorVariants, tooltipVariants, truncateText, useBottomSheetContext, useBottomSheetDrag, useButtonGroup, useDialogContext, useFABMenuContext, useMenuContext, useOptionalButtonGroup, useSnackbar, withOpacity, yearItemVariants };
+export { 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 CalendarCellProps, type CalendarCellType, type CalendarCellVariants, CalendarCore, type CalendarGridProps, 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 DateInputFieldProps, DatePicker, type DatePickerActionButtonVariants, type DatePickerActionVariants, type DatePickerActionsProps, type DatePickerContainerVariants, type DatePickerDividerVariants, DatePickerDocked, type DatePickerDockedProps, type DatePickerHeaderVariants, type DatePickerHeadlessProps, type DatePickerHeadlineVariants, DatePickerModal, type DatePickerModalHeaderProps, DatePickerModalInput, type DatePickerModalInputProps, type DatePickerModalProps, type DatePickerNavVariants, type DatePickerProps, type DatePickerRangeIndicatorVariants, type DatePickerRenderState, type DatePickerScrimVariants, type DatePickerSupportingTextVariants, type DatePickerVariant, type DatePickerWeekdayVariants, 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, 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, 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, NavigationBar, type NavigationBarBadge, NavigationBarItem, type NavigationBarItemConfig, type NavigationBarItemProps, type NavigationBarItemRenderProps, type NavigationBarProps, type PeriodSelectorContainerVariants, type PeriodSelectorItemVariants, type PeriodSelectorProps, 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, 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, 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, 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 YearItemVariants, applyStateLayer, badgeVariants, bottomSheetAnimationVariants, bottomSheetHandlePillVariants, bottomSheetHandleWrapperVariants, bottomSheetScrimVariants, bottomSheetVariants, buttonGroupFocusRingVariants, buttonGroupRootVariants, buttonGroupVariants, calendarCellVariants, cardVariants, chipVariants, clockDialContainerVariants, clockDialNumberVariants, clockHandCenterVariants, clockHandHandleVariants, clockHandTrackVariants, cn, datePickerActionButtonVariants, datePickerActionVariants, datePickerContainerVariants, datePickerDividerVariants, datePickerHeaderVariants, datePickerHeadlineVariants, datePickerNavVariants, datePickerRangeIndicatorVariants, datePickerScrimVariants, datePickerSupportingTextVariants, datePickerWeekdayVariants, dividerVariants, fabMenuItemFocusRingVariants, fabMenuItemIconVariants, fabMenuItemLabelVariants, fabMenuItemStateLayerVariants, fabMenuItemVariants, fabMenuListVariants, fabMenuVariants, generateMD3Theme, getColorValue, getConnectedRadiusClasses, getFontFamily, getMD3Color, getResponsiveTypography, getTypographyClassName, getTypographyForElement, getTypographyStyle, getTypographyToken, hexToRgb, listItemVariants, listVariants, periodSelectorContainerVariants, periodSelectorItemVariants, pxToRem, remToPx, rgbToHex, richTooltipVariants, searchBarVariants, searchViewHeaderVariants, searchViewVariants, sliderActiveTrackVariants, sliderContainerVariants, sliderHandleStateLayerVariants, sliderHandleVariants, sliderInactiveTrackVariants, sliderTrackLayoutVariants, splitButtonContainerVariants, splitButtonDropdownVariants, splitButtonPrimaryVariants, splitButtonVariants, timeInputFieldVariants, timePickerActionButtonVariants, timePickerActionRowVariants, timePickerContainerVariants, timePickerHeadlineVariants, timePickerModeToggleVariants, timeSelectorContainerVariants, timeSeparatorVariants, tooltipVariants, truncateText, useBottomSheetContext, useBottomSheetDrag, useButtonGroup, useDialogContext, useFABMenuContext, useMenuContext, useOptionalButtonGroup, useSnackbar, withOpacity, yearItemVariants };