@nexub/react 1.2.0 → 1.4.0

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { Root as VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/react-visually-hidden';
-import * as RadixDialog from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -13,7 +13,6 @@ import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixContextMenu from '@radix-ui/react-context-menu';
 import * as RadixNav from '@radix-ui/react-navigation-menu';
-import * as vaul from 'vaul';
 import * as RadixSelect from '@radix-ui/react-select';
 import * as RadixSwitch from '@radix-ui/react-switch';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
@@ -55,7 +54,7 @@ declare function useMergedRefs<T>(...refs: Array<Ref<T> | undefined>): (node: T)
 
 type ToneValue = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'leap' | 'bookub' | 'payub' | 'founderub';
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "subtle" | "ghost" | "outline" | "destructive" | "accent" | "link" | null | undefined;
+    variant?: "accent" | "text" | "link" | "glass" | "filled" | "tonal" | "outlined" | "primary" | "secondary" | "subtle" | "outline" | "ghost" | "destructive" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -76,7 +75,7 @@ interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const iconButtonVariants: (props?: ({
-    variant?: "subtle" | "ghost" | "outline" | "solid" | null | undefined;
+    variant?: "solid" | "subtle" | "outline" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
@@ -203,7 +202,7 @@ declare const FormField: {
 
 declare const badgeVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "outline" | "solid" | "soft" | null | undefined;
+    variant?: "solid" | "outline" | "soft" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     tone?: ToneValue;
@@ -433,7 +432,7 @@ declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.
 
 declare const sectionVariants: (props?: ({
     paddingY?: "sm" | "md" | "lg" | null | undefined;
-    tone?: "subtle" | "default" | "muted" | "inverse" | null | undefined;
+    tone?: "default" | "subtle" | "muted" | "inverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SectionProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
     asChild?: boolean;
@@ -482,7 +481,7 @@ declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & Re
 
 declare const headingVariants: (props?: ({
     size?: "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | "extrabold" | null | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | "extrabold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type HeadingSize = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold';
@@ -496,9 +495,9 @@ interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 
 declare const textVariants: (props?: ({
-    size?: "label" | "caption" | "body" | "body-lg" | "body-sm" | null | undefined;
-    tone?: "secondary" | "subtle" | "default" | "muted" | "inverse" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    size?: "body" | "label" | "caption" | "body-lg" | "body-sm" | null | undefined;
+    tone?: "default" | "secondary" | "subtle" | "muted" | "inverse" | null | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
     asChild?: boolean;
@@ -541,19 +540,19 @@ declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcut
 
 type SurfaceValue = 'solid' | 'glass';
 
-interface ContentProps extends RadixDialog.DialogContentProps {
+interface ContentProps extends DialogPrimitive.DialogContentProps {
     size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
     surface?: SurfaceValue;
 }
 declare const Dialog: {
-    Root: React.FC<RadixDialog.DialogProps>;
-    Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: React.FC<RadixDialog.DialogPortalProps>;
-    Overlay: React.ForwardRefExoticComponent<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    Root: React.FC<DialogPrimitive.DialogProps>;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<DialogPrimitive.DialogPortalProps>;
+    Overlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
     Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
@@ -646,31 +645,91 @@ declare const NavigationMenu: {
     Indicator: React.ForwardRefExoticComponent<RadixNav.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
 };
 
+interface DrawerRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    /** Opened by default, skips the initial enter animation. Still reacts to `open` changes. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Gets triggered after the open or close animation ends. */
+    onAnimationEnd?: (open: boolean) => void;
+    onClose?: () => void;
+    /** Edge the drawer slides in from. Match it to `Content`'s `side`. @default 'bottom' */
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    /** When `false`, the page behind stays interactive and nothing is locked or trapped. @default true */
+    modal?: boolean;
+    /**
+     * How page scroll is locked while the drawer is open (modal only).
+     * - `'style'` (default): Radix's scroll lock. It injects a `<style>` tag, which a strict
+     *   `style-src` CSP blocks.
+     * - `'class'`: adds the `nexub-scroll-lock` class from `@nexub/themes/base` to `<html>`.
+     *   Injects nothing, so it works under `style-src 'self'`. Focus trap, Escape and
+     *   outside-click dismissal are unchanged.
+     * @default 'style'
+     */
+    scrollLock?: 'style' | 'class';
+    /** When `false`, dragging, outside clicks and Escape don't close the drawer. @default true */
+    dismissible?: boolean;
+    /** Only the `Drawer.Handle` starts a drag. @default false */
+    handleOnly?: boolean;
+    /** Fraction (0–1) of the drawer that must be dragged away to close it. @default 0.25 */
+    closeThreshold?: number;
+    /** Snap points, as fractions of the screen (e.g. `[0.4, 1]`) or px strings. */
+    snapPoints?: (number | string)[];
+    activeSnapPoint?: number | string | null;
+    setActiveSnapPoint?: (snapPoint: number | string | null) => void;
+    /** Index of the snap point from which the overlay fades. Defaults to the last one. */
+    fadeFromIndex?: number;
+    /** Don't skip snap points on fast swipes. @default false */
+    snapToSequentialPoint?: boolean;
+    /** ms during which the drawer can't be dragged after its content scrolls. @default 500 */
+    scrollLockTimeout?: number;
+    onDrag?: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
+    onRelease?: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
+    shouldScaleBackground?: boolean;
+    /** @default true */
+    setBackgroundColorOnScale?: boolean;
+    /** When `true`, vaul sets no styles on `body`. */
+    noBodyStyles?: boolean;
+    /** Only resize (don't move) the drawer when the on-screen keyboard opens. */
+    fixed?: boolean;
+    nested?: boolean;
+    disablePreventScroll?: boolean;
+    preventScrollRestoration?: boolean;
+    /** Reposition inputs instead of scrolling them into view when the keyboard opens. */
+    repositionInputs?: boolean;
+    container?: HTMLElement | null;
+    autoFocus?: boolean;
+}
+declare function Root({ scrollLock, onOpenChange, ...props }: DrawerRootProps): react_jsx_runtime.JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
 declare const Drawer: {
-    Root: typeof vaul.Root;
-    Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: typeof vaul.Portal;
-    Overlay: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    Root: typeof Root;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: (props: DialogPrimitive.DialogPortalProps) => React.JSX.Element;
+    Overlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
         side?: "left" | "right" | "top" | "bottom";
         surface?: SurfaceValue;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
     Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
 declare const Sheet: {
-    Root: typeof vaul.Root;
-    Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: typeof vaul.Portal;
-    Overlay: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    Root: typeof Root;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: (props: DialogPrimitive.DialogPortalProps) => React.JSX.Element;
+    Overlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
         side?: "left" | "right" | "top" | "bottom";
         surface?: SurfaceValue;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
     Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -808,7 +867,7 @@ interface SliderProps extends RadixSlider.SliderProps {
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends RadixToggle.ToggleProps, VariantProps<typeof toggleVariants> {
@@ -822,7 +881,7 @@ type RootProps$1 = (RadixToggleGroup.ToggleGroupSingleProps | RadixToggleGroup.T
 declare const ToggleGroup: {
     Root: React.ForwardRefExoticComponent<RootProps$1 & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<RadixToggleGroup.ToggleGroupItemProps & VariantProps<(props?: ({
-        variant?: "outline" | "default" | null | undefined;
+        variant?: "default" | "outline" | null | undefined;
         size?: "sm" | "md" | "lg" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 };
@@ -909,15 +968,19 @@ declare const toast: {
     dismiss: typeof dismiss;
 };
 
+interface TopNavRootProps extends React.HTMLAttributes<HTMLElement> {
+    surface?: SurfaceValue;
+    /** Sticky-bar edge: `soft` dissolves scrolling content under the bar (no
+     *  divider), `hard` is an opaque band for pinned headers. Default: a divider. */
+    scrollEdge?: 'soft' | 'hard';
+}
 interface TopNavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     active?: boolean;
     /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
     asChild?: boolean;
 }
 declare const TopNav: {
-    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
-        surface?: SurfaceValue;
-    } & React.RefAttributes<HTMLElement>>;
+    Root: React.ForwardRefExoticComponent<TopNavRootProps & React.RefAttributes<HTMLElement>>;
     Logo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Menu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
     Item: React.ForwardRefExoticComponent<TopNavItemProps & React.RefAttributes<HTMLAnchorElement>>;
@@ -927,6 +990,10 @@ declare const TopNav: {
 interface SidebarRootProps extends React.HTMLAttributes<HTMLElement> {
     collapsed?: boolean;
 }
+interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Trailing element next to the logo, e.g. a "Live" `<Badge>`. Moves under the logo when they don't fit. */
+    status?: React.ReactNode;
+}
 interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     label?: string;
 }
@@ -938,6 +1005,7 @@ interface SidebarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
 }
 declare const Sidebar: {
     Root: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLElement>>;
+    Header: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
     Group: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLAnchorElement>>;
     Separator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
@@ -990,10 +1058,21 @@ interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
 }
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
+interface CommandPaletteRootProps extends DialogPrimitive.DialogProps {
+    className?: string;
+    /** Accessible name of the dialog. @default 'Command palette' */
+    label?: string;
+    /**
+     * How page scroll is locked while open.
+     * - `'style'` (default): Radix's lock, which injects a `<style>` tag (blocked by `style-src 'self'`).
+     * - `'class'`: the `nexub-scroll-lock` class from `@nexub/themes/base`. Strict-CSP safe.
+     */
+    scrollLock?: 'style' | 'class';
+    /** `false` when the items are already filtered (e.g. async search results). @default true */
+    shouldFilter?: boolean;
+}
 declare const CommandPalette: {
-    Root: React.ForwardRefExoticComponent<RadixDialog.DialogProps & {
-        className?: string;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<CommandPaletteRootProps & React.RefAttributes<HTMLDivElement>>;
     Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
         ref?: React.Ref<HTMLInputElement>;
     } & {
@@ -1135,6 +1214,9 @@ interface DateRangePickerProps {
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
 
 type ThemeMode = 'light' | 'dark' | 'system';
+/** Glass intensity dial (user preference, like iOS 27's clear → tinted slider).
+ *  'off' makes every glass surface solid. Set as `data-glass` on <html>. */
+type GlassMode = 'clear' | 'balanced' | 'tinted' | 'off';
 interface ThemeContextValue {
     /** The resolved theme actually applied (never 'system'). */
     resolvedTheme: 'light' | 'dark';
@@ -1142,6 +1224,10 @@ interface ThemeContextValue {
     theme: ThemeMode;
     /** Change the active theme. */
     setTheme: (mode: ThemeMode) => void;
+    /** Glass intensity. */
+    glass: GlassMode;
+    /** Change (and persist) the glass intensity. */
+    setGlass: (mode: GlassMode) => void;
 }
 interface ThemeProviderProps {
     children: React.ReactNode;
@@ -1154,9 +1240,28 @@ interface ThemeProviderProps {
      * Defaults to 'nexub-theme'.
      */
     storageKey?: string;
+    /** Initial glass intensity. Defaults to 'balanced'. */
+    defaultGlass?: GlassMode;
+    /** localStorage key for the glass intensity. Defaults to 'nexub-glass'. */
+    glassStorageKey?: string;
 }
-declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, storageKey, defaultGlass, glassStorageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useTheme(): ThemeContextValue;
+interface ThemeScriptProps {
+    /** Must match ThemeProvider's `storageKey`. Defaults to 'nexub-theme'. */
+    storageKey?: string;
+    /** If set, a stored product brand (e.g. 'bookub') is applied as `data-product`. */
+    productStorageKey?: string;
+    /** Must match ThemeProvider's `glassStorageKey`. Defaults to 'nexub-glass'. */
+    glassStorageKey?: string;
+    /** CSP nonce for pages whose script-src disallows inline scripts. */
+    nonce?: string;
+}
+/**
+ * Applies the stored theme before first paint, so there is no light/dark flash.
+ * Render it in `<head>` (or at the top of `<body>`) on server-rendered pages.
+ */
+declare function ThemeScript({ storageKey, productStorageKey, glassStorageKey, nonce }: ThemeScriptProps): react_jsx_runtime.JSX.Element;
 
 type MotionDuration = 'instant' | 'fast' | 'normal' | 'slow' | 'slower';
 type MotionEasing = 'linear' | 'in' | 'out' | 'in-out' | 'out-expo' | 'spring';
@@ -1264,4 +1369,4 @@ interface CollapseProps extends Omit<MotionBaseProps, 'easing'>, React.HTMLAttri
  */
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, Alert, AlertDialog, type AlertProps, AppShell, AspectRatio, type AspectRatioProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Callout, type CalloutProps, Card, type CardProps, CheckList, CheckListItem, type CheckListItemProps, type CheckListProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, type CodeProps, Collapse, type CollapseProps, Collapsible, Combobox, CommandPalette, Container, type ContainerProps, ContextMenu, CountryBadge, type CountryBadgeProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, Drawer, DropdownMenu, EmptyState, ErrorState, type ErrorStateProps, EyebrowChip, type EyebrowChipProps, Fade, type FadeProps, FileUpload, type FileUploadRootProps, FilterChip, type FilterChipProps, Flag, type FlagProps, Flex, type FlexProps, FormError, type FormErrorProps, FormField, type FormFieldContextValue, type FormFieldRootProps, GradientDivider, type GradientDividerProps, Grid, type GridProps, Heading, type HeadingProps, HelperText, type HelperTextProps, HoverCard, IconButton, type IconButtonProps, Input, type InputProps, Kbd, type KbdProps, KeyboardShortcut, type KeyboardShortcutProps, Label, type LabelProps, Link, type LinkProps, Logo, type LogoProps, Menubar, type MotionBaseProps, type MotionDuration, type MotionEasing, NavigationMenu, NumberInput, type NumberInputProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, Progress, type ProgressProps, RadioGroup, Rating, type RatingProps, Scale, type ScaleProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, Select, Separator, type SeparatorProps, Sheet, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarRootProps, Skeleton, type SkeletonProps, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, StatusPill, type StatusPillProps, Switch, type SwitchProps, Table, Tabs, Tag, type TagProps, Text, TextGradient, type TextGradientProps, type TextProps, Textarea, type TextareaProps, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, Toast, type ToastItem, Toaster, Toggle, ToggleGroup, type ToggleProps, type ToneValue, Toolbar, Tooltip, Provider as TooltipProvider, TopNav, type TopNavItemProps, addonVariants, alertVariants, avatarGroupVariants, avatarVariants, badgeVariants, bannerVariants, buttonVariants, calloutVariants, cardVariants, chipVariants, cn, containerVariants, headingVariants, iconButtonVariants, inputVariants, inputWrapperVariants, labelVariants, linkVariants, logoVariants, progressFillVariants, progressTrackVariants, ratingVariants, sectionVariants, separatorVariants, skeletonVariants, spinnerVariants, statusPillVariants, tagVariants, textVariants, textareaVariants, toast, toggleVariants, useControllableState, useDisclosure, useIsomorphicLayoutEffect, useMediaQuery, useMergedRefs, useTheme, useToastStore };
+export { Accordion, Alert, AlertDialog, type AlertProps, AppShell, AspectRatio, type AspectRatioProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Callout, type CalloutProps, Card, type CardProps, CheckList, CheckListItem, type CheckListItemProps, type CheckListProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, type CodeProps, Collapse, type CollapseProps, Collapsible, Combobox, CommandPalette, type CommandPaletteRootProps, Container, type ContainerProps, ContextMenu, CountryBadge, type CountryBadgeProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, Drawer, type DrawerRootProps, DropdownMenu, EmptyState, ErrorState, type ErrorStateProps, EyebrowChip, type EyebrowChipProps, Fade, type FadeProps, FileUpload, type FileUploadRootProps, FilterChip, type FilterChipProps, Flag, type FlagProps, Flex, type FlexProps, FormError, type FormErrorProps, FormField, type FormFieldContextValue, type FormFieldRootProps, type GlassMode, GradientDivider, type GradientDividerProps, Grid, type GridProps, Heading, type HeadingProps, HelperText, type HelperTextProps, HoverCard, IconButton, type IconButtonProps, Input, type InputProps, Kbd, type KbdProps, KeyboardShortcut, type KeyboardShortcutProps, Label, type LabelProps, Link, type LinkProps, Logo, type LogoProps, Menubar, type MotionBaseProps, type MotionDuration, type MotionEasing, NavigationMenu, NumberInput, type NumberInputProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, Progress, type ProgressProps, RadioGroup, Rating, type RatingProps, Scale, type ScaleProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, Select, Separator, type SeparatorProps, Sheet, Sidebar, type SidebarGroupProps, type SidebarHeaderProps, type SidebarItemProps, type SidebarRootProps, Skeleton, type SkeletonProps, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, StatusPill, type StatusPillProps, Switch, type SwitchProps, Table, Tabs, Tag, type TagProps, Text, TextGradient, type TextGradientProps, type TextProps, Textarea, type TextareaProps, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeScript, type ThemeScriptProps, Toast, type ToastItem, Toaster, Toggle, ToggleGroup, type ToggleProps, type ToneValue, Toolbar, Tooltip, Provider as TooltipProvider, TopNav, type TopNavItemProps, type TopNavRootProps, addonVariants, alertVariants, avatarGroupVariants, avatarVariants, badgeVariants, bannerVariants, buttonVariants, calloutVariants, cardVariants, chipVariants, cn, containerVariants, headingVariants, iconButtonVariants, inputVariants, inputWrapperVariants, labelVariants, linkVariants, logoVariants, progressFillVariants, progressTrackVariants, ratingVariants, sectionVariants, separatorVariants, skeletonVariants, spinnerVariants, statusPillVariants, tagVariants, textVariants, textareaVariants, toast, toggleVariants, useControllableState, useDisclosure, useIsomorphicLayoutEffect, useMediaQuery, useMergedRefs, useTheme, useToastStore };