@nexub/react 3.0.0 → 3.1.0

package/dist/index.d.ts

@@ -1,1849 +1,196 @@
-import { ClassValue } from 'clsx';
-import * as React from 'react';
-import { useLayoutEffect, Ref } from 'react';
-import { Locale } from 'date-fns';
-import { Direction, NexubMessages, ToneValue, GlassMode } from '@nexub/core';
-export { GlassMode, NexubMessages, Direction as TextDirection, ToneValue, defaultMessages } from '@nexub/core';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as RadixRadioGroup from '@radix-ui/react-radio-group';
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
-export { Root as VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/react-visually-hidden';
-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';
-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 RadixSelect from '@radix-ui/react-select';
-import * as RadixSwitch from '@radix-ui/react-switch';
-import * as RadixSlider from '@radix-ui/react-slider';
-import * as RadixToggle from '@radix-ui/react-toggle';
-import * as RadixToggleGroup from '@radix-ui/react-toggle-group';
-import * as RadixTabs from '@radix-ui/react-tabs';
-import * as RadixAccordion from '@radix-ui/react-accordion';
-import * as RadixCollapsible from '@radix-ui/react-collapsible';
-import * as RadixScrollArea from '@radix-ui/react-scroll-area';
-import * as RadixToolbar from '@radix-ui/react-toolbar';
-import * as RadixToast from '@radix-ui/react-toast';
-import { RowData, ColumnDef } from '@tanstack/react-table';
-import { DateRange } from 'react-day-picker';
-export { DateRange } from 'react-day-picker';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-/** The shared size scale. Components with extra steps extend it (`Size | 'display'`). */
-type Size = 'sm' | 'md' | 'lg';
-
-/**
- * Run a DOM update as a view transition (styles: @nexub/themes/view-transitions).
- * Where the API is missing, or on the server, the update just runs.
- */
-declare function startViewTransition(update: () => void | Promise<void>): void;
-
-interface UseControllableStateOptions<T> {
-    value?: T;
-    defaultValue?: T;
-    onChange?: (value: T) => void;
-}
-declare function useControllableState<T>({ value: controlledValue, defaultValue, onChange, }: UseControllableStateOptions<T>): readonly [T | undefined, (next: T) => void];
-
-declare function useDisclosure(initialOpen?: boolean): {
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-};
-
-declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
-
-declare function useMediaQuery(query: string): boolean;
-
-declare function useMergedRefs<T>(...refs: Array<Ref<T> | undefined>): (node: T) => void;
-
-/**
- * Pointer position for the `nx-sheen` effect (themes/base.css). Returns a
- * pointermove handler that writes --nx-mx / --nx-my (px, relative to the
- * element) through the CSSOM — no style attribute, so strict-CSP safe — at
- * most once per frame. Touch is ignored: there is no hover to light.
- */
-declare function usePointerSheen<T extends HTMLElement>(enabled: boolean, onPointerMove?: React.PointerEventHandler<T>): React.PointerEventHandler<T> | undefined;
-
-interface PromptInputMessages {
-    promptLabel: string;
-    sendMessage: string;
-    stopGenerating: string;
-    promptHint: string;
-}
-type PromptInputStatus = 'idle' | 'submitting' | 'streaming';
-interface PromptInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'onSubmit' | 'rows'> {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    /** Called with the current text on Enter or Send. Uncontrolled input clears itself after. */
-    onSubmit?: (value: string) => void;
-    /** Called by Stop (or Escape) while `status="streaming"`. */
-    onStop?: () => void;
-    /** `streaming` turns Send into Stop; `submitting` holds Send. @default 'idle' */
-    status?: PromptInputStatus;
-    /** Rows before the field scrolls. @default 8 */
-    maxRows?: number;
-    /** Rendered above the text, e.g. removable Chips. */
-    attachments?: React.ReactNode;
-    /** Rendered bottom-start, e.g. an attach IconButton or a model picker. */
-    actions?: React.ReactNode;
-    surface?: 'solid' | 'glass';
-    /** Accessible name of the text field. @default messages.promptLabel ('Message') */
-    label?: string;
-    /** Local overrides for this component's strings. */
-    messages?: Partial<PromptInputMessages>;
-    /** Class for the outer container (`className` goes to it too); this one targets the textarea. */
-    textareaClassName?: string;
-}
-declare const PromptInput: React.ForwardRefExoticComponent<PromptInputProps & React.RefAttributes<HTMLTextAreaElement>>;
-
-interface ThinkingIndicatorMessages {
-    thinking: string;
-}
-interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Visible text. Pass `null` to hide it (it is still announced). @default messages.thinking */
-    label?: React.ReactNode;
-    /** @default 'md' */
-    size?: 'sm' | 'md';
-    /** Local overrides for this component's strings. */
-    messages?: Partial<ThinkingIndicatorMessages>;
-}
-/**
- * Shows the assistant is working before tokens arrive: a primary-tinted shape
- * morphing between a circle and a soft four-lobed squircle (.nx-morph), and a
- * label with a decorative shimmer (.nx-shimmer). Reduced motion: both static.
- */
-declare const ThinkingIndicator: React.ForwardRefExoticComponent<ThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-
-interface StreamingTextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
-    /** The full text received so far; grows as tokens arrive. */
-    text: string;
-    /** True while more text is expected: shows the caret and sets aria-busy. */
-    streaming?: boolean;
-    as?: 'div' | 'p' | 'span';
-    /**
-     * Opt-in live announcements. Off by default: screen readers re-read the
-     * whole region on every token; announce the finished message instead.
-     */
-    'aria-live'?: 'off' | 'polite';
-}
-/**
- * Assistant text as it streams in. Text already shown stays static; each newly
- * appended tail fades in (nx-reveal), and only the last few tails keep their
- * own span, so the DOM stays flat however long the answer gets.
- */
-declare const StreamingText: React.ForwardRefExoticComponent<StreamingTextProps & React.RefAttributes<HTMLElement>>;
-
-interface MessageStrings {
-    youSaid: string;
-    assistantSaid: string;
-    failedToSend: string;
-    retry: string;
-    copy: string;
-    copied: string;
-    goodResponse: string;
-    badResponse: string;
-    regenerate: string;
-}
-declare const defaultMessageStrings: MessageStrings;
-type MessageFrom = 'user' | 'assistant' | 'system';
-interface MessageBubbleProps extends React.HTMLAttributes<HTMLElement> {
-    /** Who sent it. (Not `role`, which is the ARIA attribute.) */
-    from: MessageFrom;
-    /** Assistant only: shown at the inline-start. */
-    avatar?: React.ReactNode;
-    /** Accessible label for the message; defaults to "You said" / "Assistant said". */
-    name?: string;
-    status?: 'sending' | 'error';
-    /** With status="error": renders a Retry text button. */
-    onRetry?: () => void;
-    messages?: Partial<MessageStrings>;
-}
-declare const MessageBubble: React.ForwardRefExoticComponent<MessageBubbleProps & React.RefAttributes<HTMLElement>>;
-type Feedback = 'up' | 'down' | null;
-interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Text placed on the clipboard by Copy. */
-    text?: string;
-    /** Set false to hide Copy. @default true */
-    copy?: boolean;
-    feedback?: Feedback;
-    defaultFeedback?: Feedback;
-    /** Shows thumbs up/down when provided. */
-    onFeedback?: (feedback: Feedback) => void;
-    /** Shows Regenerate when provided. */
-    onRegenerate?: () => void;
-    messages?: Partial<MessageStrings>;
-}
-/** Copy / feedback / regenerate row. Fades in on hover or focus of the parent MessageBubble on pointer devices. */
-declare const MessageActions: React.ForwardRefExoticComponent<MessageActionsProps & React.RefAttributes<HTMLDivElement>>;
-
-interface CitationSource {
-    title: string;
-    url: string;
-    /** Shown instead of the URL's hostname. */
-    domain?: string;
-    snippet?: string;
-    /** Favicon URL (http/https only; anything else falls back to a letter). */
-    favicon?: string;
-}
-interface CitationMessages {
-    /** SourceList heading. */
-    sources: string;
-    /** Prefix of a citation's accessible name ("Source 1: <title>"). */
-    source: (index: number) => string;
-}
-/** Returns the normalised href for http(s) URLs, otherwise undefined (javascript:, data:, relative…). */
-declare function safeUrl(url: string | undefined): string | undefined;
-interface CitationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
-    /** 1-based number shown in the marker. */
-    index: number;
-    source: CitationSource;
-    messages?: Partial<CitationMessages>;
-}
-/**
- * Inline numbered source marker for running text. Links to the source (http/https
- * only — anything else renders as plain text) and previews it in a HoverCard on
- * hover or focus.
- */
-declare const Citation: React.ForwardRefExoticComponent<CitationProps & React.RefAttributes<HTMLElement>>;
-interface SourceChipProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
-    source: CitationSource;
-}
-/** Compact source row item: favicon, domain and a truncated title, linking to the source. */
-declare const SourceChip: React.ForwardRefExoticComponent<SourceChipProps & React.RefAttributes<HTMLElement>>;
-interface SourceListProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
-    sources: CitationSource[];
-    messages?: Partial<CitationMessages>;
-}
-/**
- * "Sources" heading plus a row of SourceChips: a horizontal scroll-snap row when
- * narrow, a wrapping grid once its own container is 480px or wider.
- */
-declare const SourceList: React.ForwardRefExoticComponent<SourceListProps & React.RefAttributes<HTMLElement>>;
-
-interface NexubProviderProps {
-    /** BCP 47 locale for Intl formatting. @default 'en' */
-    locale?: string;
-    /** Text direction for Radix primitives. @default derived from `locale` */
-    dir?: Direction;
-    /**
-     * date-fns Locale for calendars (month/weekday names, week start, trigger text).
-     * Import only the one you need, e.g. `import { fr } from 'date-fns/locale/fr'`.
-     */
-    dateLocale?: Locale;
-    /** Overrides for the default English strings. */
-    messages?: Partial<NexubMessages>;
-    children?: React.ReactNode;
-}
-/**
- * Locale, direction and translated strings for every @nexub/react component.
- * It does not set `dir`/`lang` on <html> — the app does that (as it renders
- * <html>), so the page and CSS `rtl:` variants agree with this provider.
- */
-declare function NexubProvider({ locale, dir, dateLocale, messages, children }: NexubProviderProps): React.JSX.Element;
-/** The active strings: defaults merged with the nearest NexubProvider's overrides. */
-declare function useNexubMessages(): NexubMessages;
-/** The active locale (default 'en'), direction and optional date-fns Locale. */
-declare function useLocale(): {
-    locale: string;
-    dir: Direction;
-    dateLocale?: Locale;
-};
-
-declare const buttonVariants: (props?: ({
-    variant?: "glass" | "text" | "filled" | "tonal" | "outlined" | "primary" | "secondary" | "subtle" | "outline" | "ghost" | "destructive" | "accent" | "link" | null | undefined;
-    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ButtonStatus = 'idle' | 'loading' | 'success' | 'error';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    tone?: ToneValue;
-    /** Async feedback. `loading` blocks clicks (aria-disabled, focus kept),
-     *  `success` draws a check, `error` shakes once. Not applied with `asChild`. */
-    status?: ButtonStatus;
-    /** Alias for `status="loading"`. */
-    loading?: boolean;
-    /** Announced while loading. @default 'Loading' */
-    loadingLabel?: string;
-    /** Announced on success; when given it also replaces the visible label. @default 'Done' */
-    successLabel?: string;
-    /** Announced on error. @default 'Something went wrong' */
-    errorLabel?: string;
-    fullWidth?: boolean;
-    leadingIcon?: React.ReactNode;
-    trailingIcon?: React.ReactNode;
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    orientation?: 'horizontal' | 'vertical';
-    attached?: boolean;
-}
-declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-interface SplitButtonProps extends Omit<ButtonProps, 'asChild' | 'trailingIcon' | 'fullWidth'> {
-    /** Accessible name of the menu toggle, e.g. "More save options". */
-    menuLabel: string;
-    /** `DropdownMenu.Item`s for the secondary actions. */
-    menu: React.ReactNode;
-    /** Menu alignment against the toggle. @default 'end' */
-    align?: 'start' | 'end';
-}
-/**
- * A primary action with related secondary actions behind a chevron, as one
- * connected control (M3 Expressive split button). The ref goes to the primary button.
- */
-declare const SplitButton: React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const iconButtonVariants: (props?: ({
-    variant?: "solid" | "subtle" | "outline" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
-    label: string;
-    asChild?: boolean;
-}
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const inputWrapperVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    invalid?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const addonVariants: (props?: ({
-    side?: "leading" | "trailing" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
-    invalid?: boolean;
-    leadingAddon?: string;
-    trailingAddon?: string;
-    leadingIcon?: React.ReactNode;
-    trailingIcon?: React.ReactNode;
-    wrapperClassName?: string;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-
-declare const textareaVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    invalid?: boolean | null | undefined;
-    resize?: "horizontal" | "vertical" | "none" | "both" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
-    invalid?: boolean;
-    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
-    autoGrow?: boolean;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-
-interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'size'> {
-    size?: Size;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    showSteppers?: boolean;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-    invalid?: boolean;
-}
-declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
-
-interface MoneyInputProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'type' | 'inputMode' | 'leadingIcon' | 'leadingAddon'> {
-    /** The amount, or null when empty. */
-    value?: number | null;
-    defaultValue?: number | null;
-    /** Called with the parsed amount (rounded to the currency's minor unit) as the person types. */
-    onValueChange?: (value: number | null) => void;
-    /** ISO 4217 code, e.g. 'USD'. */
-    currency: string;
-    /** BCP 47 locale for separators. Defaults to the user's. */
-    locale?: string;
-}
-/**
- * An amount field: the currency symbol leads, digits are tabular, the locale's
- * separators parse correctly, and the value is grouped on blur
- * (e.g. 1234.5 → "1,234.50"). Raw while editing so the caret never jumps.
- */
-declare const MoneyInput: React.ForwardRefExoticComponent<MoneyInputProps & React.RefAttributes<HTMLInputElement>>;
-
-interface AmountProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
-    value: number;
-    /** ISO 4217 code, e.g. 'USD', 'EUR', 'INR'. */
-    currency: string;
-    /** BCP 47 locale. Defaults to the user's. */
-    locale?: string;
-    /** `display`: a hero figure in the brand face with a quieter symbol and minor units. */
-    size?: Size | 'display';
-    /** `auto` colours gains success and losses error (use with signDisplay). */
-    tone?: 'neutral' | 'auto';
-    /** e.g. 'exceptZero' to show "+" on gains. */
-    signDisplay?: Intl.NumberFormatOptions['signDisplay'];
-    /** Roll digits to new values (NumberTicker). The first render never animates. */
-    animate?: boolean;
-}
-/**
- * A money figure, honest by default (Calm Depth §3.5): tabular numerals, the
- * currency's own minor unit, a true minus sign. Formatting is Intl.NumberFormat.
- */
-declare const Amount: React.ForwardRefExoticComponent<AmountProps & React.RefAttributes<HTMLSpanElement>>;
-
-/** A run of already-formatted text with its own class (Amount's muted symbol and minor units). */
-interface NumberTickerPart {
-    value: string;
-    className?: string;
-}
-interface NumberTickerProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
-    /** A number (formatted with `format`/`locale`), an already-formatted string, or styled parts. */
-    value: number | string | readonly NumberTickerPart[];
-    format?: Intl.NumberFormatOptions;
-    /** BCP 47 locale. Defaults to the user's. */
-    locale?: string;
-    /** Announce changes to screen readers. */
-    'aria-live'?: 'off' | 'polite';
-}
-/**
- * A rolling number: each digit is a 0–9 strip that slides to its value on the
- * spatial spring; separators, symbols and signs stay static. The first render
- * shows the value as-is; only later changes animate.
- */
-declare const NumberTicker: React.ForwardRefExoticComponent<NumberTickerProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface SearchInputProps extends Omit<InputProps, 'leadingIcon' | 'trailingIcon'> {
-    onClear?: () => void;
-}
-declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
-
-interface PasswordInputProps extends Omit<InputProps, 'type' | 'trailingIcon'> {
-    /** Whether the password is shown as text. Controlled when set. */
-    visible?: boolean;
-    defaultVisible?: boolean;
-    onVisibleChange?: (visible: boolean) => void;
-}
-declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
-
-declare const labelVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
-    size?: Size;
-    required?: boolean;
-    disabled?: boolean;
-    tone?: ToneValue;
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-
-interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    tone?: ToneValue;
-}
-declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLParagraphElement>>;
-
-type FormErrorProps = React.HTMLAttributes<HTMLParagraphElement>;
-declare const FormError: React.ForwardRefExoticComponent<FormErrorProps & React.RefAttributes<HTMLParagraphElement>>;
-
-interface FormFieldContextValue {
-    id: string;
-    name?: string;
-    invalid?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    descriptionId: string;
-    errorId: string;
-}
-interface FormFieldRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    id?: string;
-    name?: string;
-    invalid?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-}
-declare function FieldLabel({ className, children, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
-declare namespace FieldLabel {
-    var displayName: string;
-}
-declare function Control({ children }: {
-    children: React.ReactElement<Record<string, unknown>>;
-}): React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>>;
-declare namespace Control {
-    var displayName: string;
-}
-declare function Description({ className, children, ...props }: React.ComponentProps<typeof HelperText>): React.JSX.Element;
-declare namespace Description {
-    var displayName: string;
-}
-declare function FieldError({ className, children, ...props }: React.ComponentProps<typeof FormError>): React.JSX.Element | null;
-declare namespace FieldError {
-    var displayName: string;
-}
-declare const FormField: {
-    Root: React.ForwardRefExoticComponent<FormFieldRootProps & React.RefAttributes<HTMLDivElement>>;
-    Label: typeof FieldLabel;
-    Control: typeof Control;
-    Description: typeof Description;
-    Error: typeof FieldError;
-};
-
-declare const badgeVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | 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;
-    leadingIcon?: React.ReactNode;
-}
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    selected?: boolean;
-    count?: number;
-    onRemove?: () => void;
-    children: React.ReactNode;
-}
-declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const chipVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
-    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {
-    tone?: ToneValue;
-    onRemove?: () => void;
-}
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface EyebrowChipProps extends React.HTMLAttributes<HTMLSpanElement> {
-    tone?: ToneValue;
-    leadingIcon?: React.ReactNode;
-}
-declare const EyebrowChip: React.ForwardRefExoticComponent<EyebrowChipProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants> {
-    src?: string;
-    name?: string;
-    fallback?: React.ReactNode;
-    badge?: boolean;
-    badgeColor?: string;
-}
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const avatarGroupVariants: (props?: ({
-    spacing?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarGroupVariants> {
-    max?: number;
-    size?: AvatarProps['size'];
-    children: React.ReactNode;
-}
-declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const cardVariants: (props?: ({
-    variant?: "surface" | "flat" | "interactive" | null | undefined;
-    surface?: "solid" | "glass" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
-    tone?: ToneValue;
-    surface?: 'solid' | 'glass';
-    /** `sheen`: a soft light follows the pointer (opt-in; off for touch and reduced motion). */
-    effect?: 'none' | 'sheen';
-    asChild?: boolean;
-}
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-interface CardLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    asChild?: boolean;
-}
-/**
- * Makes the whole card one link (the "stretched link" pattern): put it around
- * the card's title. Its ::after covers the card, so the link has one
- * accessible name and the focus ring shows on the card. Give other
- * interactive elements inside the card `relative z-[1]` to keep them clickable.
- */
-declare const CardLink: React.ForwardRefExoticComponent<CardLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-
-interface SelectableCardContentProps {
-    /** Leading icon. */
-    icon?: React.ReactNode;
-    /** The card's accessible name. */
-    title: React.ReactNode;
-    /** Secondary text, exposed as the accessible description. */
-    description?: React.ReactNode;
-    /** Extra content under the description. Keep it non-interactive: the whole card is the control. */
-    children?: React.ReactNode;
-}
-
-interface RadioCardGroupProps extends RadixRadioGroup.RadioGroupProps {
-    /** Grid columns (collapses to one column on narrow screens). */
-    columns?: 1 | 2 | 3 | 4;
-}
-declare const RadioCardGroup: React.ForwardRefExoticComponent<RadioCardGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface RadioCardProps extends Omit<RadixRadioGroup.RadioGroupItemProps, 'title' | 'children'>, SelectableCardContentProps {
-}
-declare const RadioCard: React.ForwardRefExoticComponent<RadioCardProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface CheckboxCardProps extends Omit<RadixCheckbox.CheckboxProps, 'title' | 'children' | 'checked' | 'defaultChecked' | 'onCheckedChange'>, SelectableCardContentProps {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-}
-declare const CheckboxCard: React.ForwardRefExoticComponent<CheckboxCardProps & React.RefAttributes<HTMLButtonElement>>;
-
-type MediaCardRatio = '16/9' | '4/3' | '1/1' | '3/4';
-interface MediaCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    src: string;
-    /** Required. Pass '' when the image is decorative. */
-    alt: string;
-    /** @default '16/9' */
-    ratio?: MediaCardRatio;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    /** Makes the whole card one link, stretched from the title (so needs `title`). */
-    href?: string;
-    /** Actions; they stay clickable above the stretched link. */
-    children?: React.ReactNode;
-}
-/**
- * An image card with a glass caption over a soft bottom scrim.
- *
- * Layers stack in one grid cell rather than with absolute positioning: the
- * glass panel's backdrop-filter would otherwise become the containing block of
- * the stretched link's ::after, shrinking the hit area to the caption.
- */
-declare const MediaCard: React.ForwardRefExoticComponent<MediaCardProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const alertVariants: (props?: ({
-    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
-    tone?: ToneValue;
-    title?: string;
-    icon?: React.ReactNode;
-    action?: React.ReactNode;
-    onClose?: () => void;
-}
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const skeletonVariants: (props?: ({
-    shape?: "circle" | "line" | "rect" | null | undefined;
-    animated?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof skeletonVariants> {
-    shape?: 'line' | 'rect' | 'circle';
-    /** Arbitrary size; rendered as inline style. Omit to use the shape's default classes. */
-    width?: string | number;
-    height?: string | number;
-    animated?: boolean;
-}
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const spinnerVariants: (props?: ({
-    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
-    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
-    tone?: ToneValue;
-    label?: string;
-}
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const progressTrackVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const progressFillVariants: (props?: ({
-    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
-    animated?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressTrackVariants> {
-    value?: number;
-    max?: number;
-    tone?: ToneValue;
-    animated?: boolean;
-}
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const separatorVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SeparatorProps extends React.HTMLAttributes<HTMLHRElement | HTMLDivElement>, VariantProps<typeof separatorVariants> {
-    orientation?: 'horizontal' | 'vertical';
-    tone?: ToneValue;
-}
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement | HTMLHRElement>>;
-
-interface GradientDividerProps extends React.HTMLAttributes<HTMLDivElement> {
-    height?: number;
-    orientation?: 'horizontal' | 'vertical';
-}
-declare const GradientDivider: React.ForwardRefExoticComponent<GradientDividerProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const ratingVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof ratingVariants> {
-    value?: number;
-    max?: number;
-    readOnly?: boolean;
-    onValueChange?: (value: number) => void;
-}
-declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
-
-interface CheckListProps extends React.HTMLAttributes<HTMLUListElement> {
-    items?: string[];
-    children?: React.ReactNode;
-}
-declare const CheckList: React.ForwardRefExoticComponent<CheckListProps & React.RefAttributes<HTMLUListElement>>;
-interface CheckListItemProps extends React.HTMLAttributes<HTMLLIElement> {
-    children: React.ReactNode;
-}
-declare const CheckListItem: React.ForwardRefExoticComponent<CheckListItemProps & React.RefAttributes<HTMLLIElement>>;
-
-interface CodeProps extends React.HTMLAttributes<HTMLElement> {
-    inline?: boolean;
-    language?: string;
-}
-declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
-
-interface KbdProps extends React.HTMLAttributes<HTMLElement> {
-}
-declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
-
-declare const linkVariants: (props?: ({
-    variant?: "default" | "muted" | "underlined" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
-    external?: boolean;
-    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
-    asChild?: boolean;
-}
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-
-interface TextGradientProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-declare const TextGradient: React.ForwardRefExoticComponent<TextGradientProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const containerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "nexub" | "prose" | null | undefined;
-    paddingX?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
-    asChild?: boolean;
-}
-declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const sectionVariants: (props?: ({
-    paddingY?: "sm" | "md" | "lg" | null | undefined;
-    tone?: "subtle" | "default" | "muted" | "inverse" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SectionProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
-    asChild?: boolean;
-}
-declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
-
-interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
-    direction?: 'row' | 'column';
-    gap?: number | string;
-    align?: string;
-    justify?: string;
-    wrap?: boolean;
-    divider?: React.ReactNode;
-    asChild?: boolean;
-}
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-
-interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
-    gap?: number | string;
-    align?: string;
-    justify?: string;
-    wrap?: boolean;
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-    asChild?: boolean;
-}
-declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
-
-interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    cols?: number | string;
-    rows?: number | string;
-    gap?: number | string;
-    flow?: 'row' | 'column' | 'dense';
-    asChild?: boolean;
-}
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-
-interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
-    asChild?: boolean;
-}
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
-
-interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
-    ratio?: number;
-}
-declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const headingVariants: (props?: ({
-    size?: "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
-    weight?: "regular" | "medium" | "semibold" | "bold" | "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';
-interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: HeadingSize;
-    tone?: ToneValue | 'default';
-    weight?: HeadingWeight;
-    asChild?: boolean;
-}
-declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-
-declare const textVariants: (props?: ({
-    size?: "label" | "body" | "caption" | "body-lg" | "body-sm" | null | undefined;
-    tone?: "secondary" | "subtle" | "default" | "muted" | "inverse" | null | undefined;
-    weight?: "regular" | "medium" | "semibold" | "bold" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
-    asChild?: boolean;
-    truncate?: boolean;
-    lineClamp?: number;
-}
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
-
-declare const logoVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    tone?: "default" | "inverse" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LogoProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof logoVariants> {
-    /** `full` = mark + wordmark; `icon` = mark only. `mark` is the old name for `icon`. */
-    variant?: 'full' | 'icon' | 'mark';
-    /** `color` (default) = the official mark in brand colours; `mono` = `currentColor`. */
-    mark?: 'color' | 'mono';
-    /** Product name shown after the wordmark, e.g. "Command Hub". Ignored for `variant="icon"`. */
-    product?: string;
-}
-declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface FlagProps extends React.HTMLAttributes<HTMLSpanElement> {
-    code: string;
-    size?: Size;
-}
-declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface CountryBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    code: string;
-    label?: string;
-    size?: Size;
-}
-declare const CountryBadge: React.ForwardRefExoticComponent<CountryBadgeProps & React.RefAttributes<HTMLSpanElement>>;
-
-interface KeyboardShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
-    keys: string[];
-}
-declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps & React.RefAttributes<HTMLSpanElement>>;
-
-type SurfaceValue = 'solid' | 'glass';
-
-interface ContentProps extends DialogPrimitive.DialogContentProps {
-    size?: Size | 'xl' | 'full';
-    surface?: SurfaceValue;
-}
-declare const Dialog: {
-    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<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>>;
-};
-
-declare const AlertDialog: {
-    Root: React.FC<RadixAlertDialog.AlertDialogProps>;
-    Trigger: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: React.FC<RadixAlertDialog.AlertDialogPortalProps>;
-    Overlay: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Action: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
-    Cancel: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
-};
-
-declare const Popover: {
-    Root: React.FC<RadixPopover.PopoverProps>;
-    Trigger: React.ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: React.FC<RadixPopover.PopoverPortalProps>;
-    Content: React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & {
-        surface?: SurfaceValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
-    Close: React.ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-};
-
-declare function Provider$1({ delayDuration, skipDelayDuration, ...props }: RadixTooltip.TooltipProviderProps): React.JSX.Element;
-interface TooltipProps {
-    label: string;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    delayDuration?: number;
-    children: React.ReactElement;
-}
-declare function Tooltip({ label, side, delayDuration, children }: TooltipProps): React.JSX.Element;
-
-declare function Root$1({ openDelay, closeDelay, ...props }: RadixHoverCard.HoverCardProps): React.JSX.Element;
-declare const HoverCard: {
-    Root: typeof Root$1;
-    Trigger: React.ForwardRefExoticComponent<RadixHoverCard.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-    Content: React.ForwardRefExoticComponent<RadixHoverCard.HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<RadixHoverCard.HoverCardArrowProps & React.RefAttributes<SVGSVGElement>>;
-};
-
-declare const DropdownMenu: {
-    Root: React.FC<RadixDropdownMenu.DropdownMenuProps>;
-    Trigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: React.FC<RadixDropdownMenu.DropdownMenuPortalProps>;
-    Content: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
-    RadioGroup: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-    RadioItem: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
-    Sub: React.FC<RadixDropdownMenu.DropdownMenuSubProps>;
-    SubTrigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
-    SubContent: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare const ContextMenu: {
-    Root: React.FC<RadixContextMenu.ContextMenuProps>;
-    Trigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
-    Portal: React.FC<RadixContextMenu.ContextMenuPortalProps>;
-    Content: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
-    RadioGroup: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-    RadioItem: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
-    Sub: React.FC<RadixContextMenu.ContextMenuSubProps>;
-    SubTrigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
-    SubContent: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare const Menubar: Record<string, any>;
-
-declare const NavigationMenu: {
-    Root: React.ForwardRefExoticComponent<RadixNav.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
-    List: React.ForwardRefExoticComponent<RadixNav.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<RadixNav.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-    Trigger: React.ForwardRefExoticComponent<RadixNav.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<RadixNav.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-    Link: React.ForwardRefExoticComponent<RadixNav.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-    Viewport: React.ForwardRefExoticComponent<RadixNav.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<RadixNav.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-interface NavigationRailRootProps extends React.HTMLAttributes<HTMLElement> {
-    /** Accessible name for the landmark. @default 'Main' */
-    'aria-label'?: string;
-    /** Optional slot above the items, e.g. a primary action or logo. */
-    header?: React.ReactNode;
-}
-interface NavigationRailItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
-    icon: React.ReactNode;
-    label: React.ReactNode;
-    active?: boolean;
-    /** Render your link (e.g. a router `<Link>`) as the item: pass it as the only child. */
-    asChild?: boolean;
-    children?: React.ReactElement;
-}
-declare const NavigationRail: {
-    Root: React.ForwardRefExoticComponent<NavigationRailRootProps & React.RefAttributes<HTMLElement>>;
-    Item: React.ForwardRefExoticComponent<NavigationRailItemProps & React.RefAttributes<HTMLAnchorElement>>;
-};
-
-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.Element;
-declare namespace Root {
-    var displayName: string;
-}
-declare const Drawer: {
-    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;
-    } & 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 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;
-    } & 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 Select: {
-    Root: React.FC<RadixSelect.SelectProps>;
-    Group: React.ForwardRefExoticComponent<RadixSelect.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Value: React.ForwardRefExoticComponent<RadixSelect.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-    Trigger: React.ForwardRefExoticComponent<RadixSelect.SelectTriggerProps & {
-        invalid?: boolean;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    ScrollUpButton: React.ForwardRefExoticComponent<RadixSelect.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
-    ScrollDownButton: React.ForwardRefExoticComponent<RadixSelect.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<RadixSelect.SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<RadixSelect.SelectItemProps & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<RadixSelect.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare const Combobox: {
-    Root: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-        shouldFilter?: boolean;
-        filter?: (value: string, search: string, keywords?: string[]) => number;
-        defaultValue?: string;
-        value?: string;
-        onValueChange?: (value: string) => void;
-        loop?: boolean;
-        disablePointerSelection?: boolean;
-        vimBindings?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
-        ref?: React.Ref<HTMLInputElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement> | "key">, "value" | "onChange" | "type"> & {
-        value?: string;
-        onValueChange?: (search: string) => void;
-    } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    List: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Empty: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
-        heading?: React.ReactNode;
-        value?: string;
-        forceMount?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
-        disabled?: boolean;
-        onSelect?: (value: string) => void;
-        value?: string;
-        keywords?: string[];
-        forceMount?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        alwaysRender?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-};
-
-interface AutocompleteOption {
-    value: string;
-    label: string;
-}
-interface AutocompleteProps {
-    options: AutocompleteOption[];
-    value?: string;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    emptyText?: string;
-    loading?: boolean;
-    className?: string;
-}
-declare function Autocomplete({ options, value, onValueChange, placeholder, emptyText, loading, className, }: AutocompleteProps): React.JSX.Element;
-declare namespace Autocomplete {
-    var displayName: string;
-}
-
-declare const switchVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SwitchProps extends RadixSwitch.SwitchProps, VariantProps<typeof switchVariants> {
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface CheckboxProps extends RadixCheckbox.CheckboxProps {
-}
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const RadioGroup: {
-    Root: React.ForwardRefExoticComponent<RadixRadioGroup.RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<RadixRadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-};
-
-interface SliderProps extends RadixSlider.SliderProps {
-    /** Accessible name per thumb (e.g. ['Minimum', 'Maximum']). Falls back to `aria-label`. */
-    thumbLabels?: string[];
-}
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
-
-declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ToggleProps extends RadixToggle.ToggleProps, VariantProps<typeof toggleVariants> {
-}
-declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
-
-type RootProps$1 = (RadixToggleGroup.ToggleGroupSingleProps | RadixToggleGroup.ToggleGroupMultipleProps) & {
-    variant?: VariantProps<typeof toggleVariants>['variant'];
-    size?: VariantProps<typeof toggleVariants>['size'];
-};
-declare const ToggleGroup: {
-    Root: React.ForwardRefExoticComponent<RootProps$1 & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<RadixToggleGroup.ToggleGroupItemProps & VariantProps<(props?: ({
-        variant?: "outline" | "default" | null | undefined;
-        size?: "sm" | "md" | "lg" | null | undefined;
-    } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
-};
-
-interface SegmentedControlProps extends Omit<RadixToggleGroup.ToggleGroupSingleProps, 'type'> {
-    size?: Size;
-}
-interface SegmentedControlItemProps extends RadixToggleGroup.ToggleGroupItemProps {
-}
-declare const SegmentedControl: {
-    Root: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
-};
-
-declare const Tabs: {
-    Root: React.ForwardRefExoticComponent<RadixTabs.TabsProps & React.RefAttributes<HTMLDivElement>>;
-    List: React.ForwardRefExoticComponent<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-type RootProps = RadixAccordion.AccordionSingleProps | RadixAccordion.AccordionMultipleProps;
-declare const Accordion: {
-    Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<RadixAccordion.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare const Collapsible: {
-    Root: React.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<RadixCollapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-
-interface ScrollAreaProps extends RadixScrollArea.ScrollAreaProps {
-    orientation?: 'vertical' | 'horizontal' | 'both';
-}
-declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
-
-interface ToolbarRootProps extends RadixToolbar.ToolbarProps {
-    /**
-     * Floating toolbar (Apple / M3 Expressive): a glass capsule for the control
-     * layer above content, e.g. editor or selection actions.
-     */
-    floating?: boolean;
-    /** With `floating`: pin it to the bottom centre of the viewport. */
-    placement?: 'bottom';
-}
-declare const Toolbar: {
-    Root: React.ForwardRefExoticComponent<ToolbarRootProps & React.RefAttributes<HTMLDivElement>>;
-    Button: React.ForwardRefExoticComponent<RadixToolbar.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    Separator: React.ForwardRefExoticComponent<RadixToolbar.ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-    ToggleGroup: React.ForwardRefExoticComponent<(RadixToolbar.ToolbarToggleGroupSingleProps | RadixToolbar.ToolbarToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-    ToggleItem: React.ForwardRefExoticComponent<RadixToolbar.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>>;
-};
-
-/** Swipe to dismiss toward the viewport's inline-end edge: right, or left in RTL. */
-declare function Provider({ swipeDirection, ...props }: RadixToast.ToastProviderProps): React.JSX.Element;
-declare namespace Provider {
-    var displayName: string;
-}
-declare const Toast: {
-    Provider: typeof Provider;
-    Viewport: React.ForwardRefExoticComponent<RadixToast.ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
-    Root: React.ForwardRefExoticComponent<RadixToast.ToastProps & React.RefAttributes<HTMLLIElement>>;
-    Title: React.ForwardRefExoticComponent<RadixToast.ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
-    Description: React.ForwardRefExoticComponent<RadixToast.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
-    Action: React.ForwardRefExoticComponent<RadixToast.ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
-    Close: React.ForwardRefExoticComponent<RadixToast.ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
-};
-
-interface ToasterProps {
-    /** Always show the toasts as a list instead of a collapsed stack. */
-    expand?: boolean;
-    /** How many toasts are visible at once; older ones are visually hidden. Default 3. */
-    visibleToasts?: number;
-}
-/**
- * Sonner-style stack. Collapsed: the newest toast in front, older ones peek
- * out below it, scaled down. Hovering or focusing the viewport fans them out
- * into a list. Radix pauses every toast's timer while the viewport is hovered
- * or focused — the same condition that expands the stack.
- *
- * Measured heights reach CSS as custom properties set through the CSSOM
- * (--nx-toast-index / --nx-toast-offset per toast, --nx-front-height and
- * --nx-stack-height on the viewport), never a style attribute (strict CSP).
- */
-declare function Toaster({ expand, visibleToasts }: ToasterProps): React.JSX.Element;
-declare namespace Toaster {
-    var displayName: string;
-}
-
-type ToastTone = 'success' | 'error' | 'warning' | 'info' | 'neutral';
-interface ToastItem {
-    id: string;
-    title: string;
-    description?: string;
-    tone?: ToastTone;
-    duration?: number;
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-    /** An Undo action; its label defaults to the `undo` message. Set by `toast.undoable`. */
-    undo?: {
-        label?: string;
-        onUndo: () => void;
-    };
-    /** Called once when the toast closes, however it closes (timer, swipe, close, action, dismiss). */
-    onClose?: () => void;
-}
-interface UndoableToastOptions {
-    /** Called when Undo is clicked; the toast then closes. */
-    onUndo: () => void;
-    /** Called once when the toast closes any other way — the change is final. */
-    onCommit?: () => void;
-    /** @default the `undo` message ('Undo') */
-    undoLabel?: string;
-    description?: string;
-    duration?: number;
-}
-declare function useToastStore(): ToastItem[];
-declare function dismiss(id?: string): void;
-declare function undoable(title: string, { onUndo, onCommit, undoLabel, description, duration }: UndoableToastOptions): string;
-declare const toast: {
-    success: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
-    error: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
-    info: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
-    warning: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
-    custom: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
-    /** A toast with an Undo action: Undo calls `onUndo`; any other close calls `onCommit`, once. */
-    undoable: typeof undoable;
-    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<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>>;
-    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-};
-
-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;
-}
-interface SidebarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    icon?: React.ReactNode;
-    active?: boolean;
-    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
-    asChild?: boolean;
-}
-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>>;
-    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-};
-
-declare const AppShell: {
-    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Main: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-};
-
-interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-    breadcrumb?: React.ReactNode;
-    /** Heading level of the title. Use 2 or 3 when the page already has an h1. @default 1 */
-    level?: 1 | 2 | 3;
-}
-declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const Breadcrumb: {
-    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-    List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLOListElement> & React.RefAttributes<HTMLOListElement>>;
-    Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-    Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLAnchorElement>>;
-    Page: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-    Separator: {
-        ({ children, className, }: {
-            children?: React.ReactNode;
-            className?: string;
-        }): React.JSX.Element;
-        displayName: string;
-    };
-    Ellipsis: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-        displayName: string;
-    };
-};
-
-interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
-    page: number;
-    totalItems: number;
-    pageSize?: number;
-    siblingCount?: number;
-    onPageChange: (page: number) => void;
-}
-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<CommandPaletteRootProps & React.RefAttributes<HTMLDivElement>>;
-    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
-        ref?: React.Ref<HTMLInputElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement> | "key">, "value" | "onChange" | "type"> & {
-        value?: string;
-        onValueChange?: (search: string) => void;
-    } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    List: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Empty: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
-        heading?: React.ReactNode;
-        value?: string;
-        forceMount?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
-        disabled?: boolean;
-        onSelect?: (value: string) => void;
-        value?: string;
-        keywords?: string[];
-        forceMount?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-        alwaysRender?: boolean;
-    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-};
-
-interface TableRootProps extends React.HTMLAttributes<HTMLTableElement> {
-    /**
-     * Accessible name of the scroll region shown when the table overflows
-     * horizontally. Falls back to the table's `aria-label`/`aria-labelledby`, then its caption.
-     */
-    scrollLabel?: string;
-}
-declare const Table: {
-    Root: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
-    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-    Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-    Head: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-    Cell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-    Caption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-};
-
-declare module '@tanstack/react-table' {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        /** Horizontal alignment of the header and cells. Use 'end' for numbers. @default 'start' */
-        align?: 'start' | 'end' | 'center';
-    }
-}
-/** A DataTable column: TanStack's `ColumnDef`, with `meta.align` for numeric columns. */
-type DataTableColumn<TData> = ColumnDef<TData, unknown>;
-interface DataTableProps<TData> extends React.HTMLAttributes<HTMLDivElement> {
-    columns: DataTableColumn<TData>[];
-    /** Names the table for assistive tech (and is shown below it unless `captionHidden`). */
-    caption?: React.ReactNode;
-    /** Keep the caption for screen readers only. */
-    captionHidden?: boolean;
-    data: TData[];
-    enableSorting?: boolean;
-    enableRowSelection?: boolean;
-    pagination?: {
-        pageSize?: number;
-    };
-}
-declare function DataTable<TData>({ columns, data, enableSorting, enableRowSelection, pagination, caption, captionHidden, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }: DataTableProps<TData>): React.JSX.Element;
-
-declare const EmptyState: {
-    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Illustration: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-};
-
-type ErrorTone = 'error' | 'warning' | 'info';
-interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-    description?: string;
-    tone?: ErrorTone;
-    onRetry?: () => void;
-}
-declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & React.RefAttributes<HTMLDivElement>>;
-
-interface FileUploadRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    accept?: string[];
-    maxFiles?: number;
-    onFilesChange?: (files: File[]) => void;
-}
-declare const FileUpload: {
-    Root: React.ForwardRefExoticComponent<FileUploadRootProps & React.RefAttributes<HTMLDivElement>>;
-    Dropzone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & {
-        index: number;
-    } & React.RefAttributes<HTMLLIElement>>;
-};
-
-interface DatePickerProps {
-    value?: Date;
-    onChange?: (date: Date | undefined) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    className?: string;
-    /** Id for the trigger button, e.g. to pair with a `<label htmlFor>`. */
-    id?: string;
-    /** Field name for screen readers; the current value is appended. */
-    'aria-label'?: string;
-    /** date-fns Locale for the calendar and trigger text; wins over NexubProvider's `dateLocale`. */
-    locale?: Locale;
-}
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface DateRangePickerProps {
-    value?: DateRange;
-    onChange?: (range: DateRange | undefined) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    className?: string;
-    /** Id for the trigger button, e.g. to pair with a `<label htmlFor>`. */
-    id?: string;
-    /** Field name for screen readers; the current value is appended. */
-    'aria-label'?: string;
-    /** date-fns Locale for the calendar and trigger text; wins over NexubProvider's `dateLocale`. */
-    locale?: Locale;
-}
-declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
-
-type ThemeMode = 'light' | 'dark' | 'system';
-
-interface ThemeContextValue {
-    /** The resolved theme actually applied (never 'system'). */
-    resolvedTheme: 'light' | 'dark';
-    /** The mode set by the consumer — may be 'system'. */
-    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;
-    /**
-     * Initial theme.  Defaults to 'system'.
-     */
-    defaultTheme?: ThemeMode;
-    /**
-     * localStorage key used to persist the user's choice.
-     * 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;
-    /**
-     * Brand seed colour (`#rgb` / `#rrggbb`) for white-label theming. The accent
-     * family named by `seedTarget` is regenerated from it (same HCT tones as the
-     * built-in roles, so WCAG pairs hold) and set on `<html>` via the CSSOM
-     * (strict-CSP safe), following the current `data-contrast` level.
-     *
-     * Runs on the client after `@nexub/tokens/seed` loads (a lazy chunk with
-     * the colour library), so server-rendered pages paint the default brand
-     * first. To avoid that flash, emit `createSeedThemeCss(seed)` from
-     * `@nexub/tokens/seed` into a server-rendered stylesheet instead.
-     */
-    seed?: string;
-    /** Accent family the seed recolours: 'primary' (default) or 'tertiary' (product brand). */
-    seedTarget?: 'primary' | 'tertiary';
-}
-declare function ThemeProvider({ children, defaultTheme, storageKey, defaultGlass, glassStorageKey, seed, seedTarget, }: ThemeProviderProps): React.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;
-    /** If set, a stored contrast level ('standard' | 'medium' | 'high') is applied as `data-contrast`. */
-    contrastStorageKey?: 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, contrastStorageKey, nonce, }: ThemeScriptProps): React.JSX.Element;
-
-type MotionDuration = 'instant' | 'fast' | 'normal' | 'slow' | 'slower';
-type MotionEasing = 'linear' | 'in' | 'out' | 'in-out' | 'out-expo' | 'spring';
-interface MotionBaseProps {
-    /** Whether the component is visible / mounted. */
-    in: boolean;
-    /**
-     * Speed on the spring tokens: `fast` → fast, `normal` → default,
-     * `slow`/`slower` → slow springs. `instant` turns motion off.
-     * @default 'normal'
-     */
-    duration?: MotionDuration;
-    /**
-     * Legacy: set it to use the old `--duration-*` + `--ease-{value}` tokens
-     * instead of springs. Omit it to ride the spring tokens.
-     */
-    easing?: MotionEasing;
-    /**
-     * Remove the element from the DOM when `in` becomes false
-     * (after the exit transition completes).
-     * @default false
-     */
-    unmountOnExit?: boolean;
-    children?: React.ReactNode;
-}
-
-interface FadeProps extends MotionBaseProps, React.HTMLAttributes<HTMLDivElement> {
-    /** Wrapper element tag. @default 'div' */
-    as?: React.ElementType;
-}
-/**
- * Fade — animates opacity between 0 and 1.
- *
- * ```tsx
- * <Fade in={isOpen}>
- *   <p>Hello</p>
- * </Fade>
- * ```
- */
-declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLDivElement>>;
-
-type SlideDirection = 'up' | 'down' | 'left' | 'right';
-interface SlideProps extends MotionBaseProps, React.HTMLAttributes<HTMLDivElement> {
-    /** Direction the element slides in from. @default 'up' */
-    direction?: SlideDirection;
-    /** Distance of the slide offset. @default '12px' */
-    distance?: string;
-    /** Wrapper element tag. @default 'div' */
-    as?: React.ElementType;
-}
-/**
- * Slide — animates opacity + translate from a given direction on the spring
- * tokens. Reduced motion keeps the fade and drops the travel.
- *
- * ```tsx
- * <Slide in={isOpen} direction="up">
- *   <Card />
- * </Slide>
- * ```
- */
-declare const Slide: React.ForwardRefExoticComponent<SlideProps & React.RefAttributes<HTMLDivElement>>;
-
-interface ScaleProps extends MotionBaseProps, React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The scale value at the start/end of the animation (when `in={false}`).
-     * @default 0.95
-     */
-    initialScale?: number;
-    /** Wrapper element tag. @default 'div' */
-    as?: React.ElementType;
-}
-/**
- * Scale — animates opacity + scale(x) from `initialScale` to 1 on the spring
- * tokens. Reduced motion keeps the fade and drops the scale.
- *
- * ```tsx
- * <Scale in={isOpen} initialScale={0.9}>
- *   <Menu />
- * </Scale>
- * ```
- */
-declare const Scale: React.ForwardRefExoticComponent<ScaleProps & React.RefAttributes<HTMLDivElement>>;
-
-interface CollapseProps extends Omit<MotionBaseProps, 'easing'>, React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Legacy: set it to use `--duration-*` + `--ease-{value}` instead of the
-     * spatial spring for the height transition.
-     */
-    easing?: MotionBaseProps['easing'];
-    /**
-     * Starting height when collapsed. Useful for "peek" effects.
-     * @default 0
-     */
-    collapsedHeight?: number | string;
-    /** Wrapper element tag. @default 'div' */
-    as?: React.ElementType;
-}
-/**
- * Collapse — animates `max-height` to reveal / hide content on the spatial
- * spring. Reduced motion snaps the height instead of animating it.
- * Height is measured from the content ref so you don't need to
- * provide an explicit height.
- *
- * ```tsx
- * <Collapse in={isOpen}>
- *   <p>Hidden content</p>
- * </Collapse>
- * ```
- */
-declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
-
-interface ListTransitionProps extends React.HTMLAttributes<HTMLElement> {
-    /** List element. @default 'div' */
-    as?: React.ElementType;
-    /** Element wrapping each item, e.g. `'li'` inside a `'ul'`. @default 'div' */
-    itemAs?: React.ElementType;
-    /** Animate the items present on first render too. @default false */
-    appear?: boolean;
-    /** Keyed children. Items without a key are rendered but never animated. */
-    children?: React.ReactNode;
-}
-/**
- * ListTransition — animates keyed items in and out of a list.
- * New items grow in from zero height and fade in; removed items stay in place
- * while they collapse and fade out, then unmount. Uses CSS keyframes on the
- * spring tokens (`nx-list-item` in `@nexub/themes/base`); reduced motion keeps
- * only the fade.
- *
- * Space items with padding inside each item, not `gap`, so a collapsing item
- * takes its spacing with it.
- *
- * ```tsx
- * <ListTransition as="ul" itemAs="li">
- *   {items.map((item) => <Row key={item.id} item={item} />)}
- * </ListTransition>
- * ```
- */
-declare const ListTransition: React.ForwardRefExoticComponent<ListTransitionProps & React.RefAttributes<HTMLElement>>;
-interface SkeletonSwapProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** While true the skeleton shows; flipping to false crossfades to the content. */
-    loading: boolean;
-    /** Placeholder shown while loading, usually `Skeleton`s shaped like the content. */
-    skeleton: React.ReactNode;
-    children?: React.ReactNode;
-}
-/**
- * SkeletonSwap — crossfades from a skeleton to the loaded content in place,
- * instead of popping. Sets `aria-busy` while loading.
- *
- * ```tsx
- * <SkeletonSwap loading={isLoading} skeleton={<Skeleton shape="rect" height={120} />}>
- *   <Card>…</Card>
- * </SkeletonSwap>
- * ```
- */
-declare const SkeletonSwap: React.ForwardRefExoticComponent<SkeletonSwapProps & React.RefAttributes<HTMLDivElement>>;
-
-/** True when the user asked the OS for reduced motion. False during SSR. */
-declare function usePrefersReducedMotion(): boolean;
-
-export { Accordion, Alert, AlertDialog, Amount, AppShell, AspectRatio, Autocomplete, Avatar, AvatarGroup, Badge, Box, Breadcrumb, Button, ButtonGroup, Card, CardLink, CheckList, CheckListItem, Checkbox, CheckboxCard, Chip, Citation, Code, Collapse, Collapsible, Combobox, CommandPalette, Container, ContextMenu, CountryBadge, DataTable, DatePicker, DateRangePicker, Dialog, Drawer, DropdownMenu, EmptyState, ErrorState, EyebrowChip, Fade, FileUpload, FilterChip, Flag, Flex, FormError, FormField, GradientDivider, Grid, Heading, HelperText, HoverCard, IconButton, Input, Kbd, KeyboardShortcut, Label, Link, ListTransition, Logo, MediaCard, Menubar, MessageActions, MessageBubble, MoneyInput, NavigationMenu, NavigationRail, NexubProvider, NumberInput, NumberTicker, PageHeader, Pagination, PasswordInput, Popover, Progress, PromptInput, RadioCard, RadioCardGroup, RadioGroup, Rating, Scale, ScrollArea, SearchInput, Section, SegmentedControl, Select, Separator, Sheet, Sidebar, Skeleton, SkeletonSwap, Slide, Slider, SourceChip, SourceList, Spinner, SplitButton, Stack, StreamingText, Switch, Table, Tabs, Text, TextGradient, Textarea, ThemeProvider, ThemeScript, ThinkingIndicator, Toast, Toaster, Toggle, ToggleGroup, Toolbar, Tooltip, Provider$1 as TooltipProvider, TopNav, addonVariants, alertVariants, avatarGroupVariants, avatarVariants, badgeVariants, buttonVariants, cardVariants, chipVariants, cn, containerVariants, defaultMessageStrings, headingVariants, iconButtonVariants, inputVariants, inputWrapperVariants, labelVariants, linkVariants, logoVariants, progressFillVariants, progressTrackVariants, ratingVariants, safeUrl, sectionVariants, separatorVariants, skeletonVariants, spinnerVariants, startViewTransition, textVariants, textareaVariants, toast, toggleVariants, useControllableState, useDisclosure, useIsomorphicLayoutEffect, useLocale, useMediaQuery, useMergedRefs, useNexubMessages, usePointerSheen, usePrefersReducedMotion, useTheme, useToastStore };
-export type { AlertProps, AmountProps, AspectRatioProps, AutocompleteOption, AutocompleteProps, AvatarGroupProps, AvatarProps, BadgeProps, BoxProps, ButtonGroupProps, ButtonProps, ButtonStatus, CardLinkProps, CardProps, CheckListItemProps, CheckListProps, CheckboxCardProps, CheckboxProps, ChipProps, CitationMessages, CitationProps, CitationSource, CodeProps, CollapseProps, CommandPaletteRootProps, ContainerProps, CountryBadgeProps, DataTableColumn, DataTableProps, DatePickerProps, DateRangePickerProps, DrawerRootProps, ErrorStateProps, EyebrowChipProps, FadeProps, Feedback, FileUploadRootProps, FilterChipProps, FlagProps, FlexProps, FormErrorProps, FormFieldContextValue, FormFieldRootProps, GradientDividerProps, GridProps, HeadingProps, HelperTextProps, IconButtonProps, InputProps, KbdProps, KeyboardShortcutProps, LabelProps, LinkProps, ListTransitionProps, LogoProps, MediaCardProps, MediaCardRatio, MessageActionsProps, MessageBubbleProps, MessageFrom, MessageStrings, MoneyInputProps, MotionBaseProps, MotionDuration, MotionEasing, NavigationRailItemProps, NavigationRailRootProps, NexubProviderProps, NumberInputProps, NumberTickerPart, NumberTickerProps, PageHeaderProps, PaginationProps, PasswordInputProps, ProgressProps, PromptInputMessages, PromptInputProps, PromptInputStatus, RadioCardGroupProps, RadioCardProps, RatingProps, ScaleProps, ScrollAreaProps, SearchInputProps, SectionProps, SegmentedControlItemProps, SegmentedControlProps, SeparatorProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarRootProps, Size, SkeletonProps, SkeletonSwapProps, SlideDirection, SlideProps, SliderProps, SourceChipProps, SourceListProps, SpinnerProps, SplitButtonProps, StackProps, StreamingTextProps, SwitchProps, TableRootProps, TextGradientProps, TextProps, TextareaProps, ThemeContextValue, ThemeMode, ThemeProviderProps, ThemeScriptProps, ThinkingIndicatorMessages, ThinkingIndicatorProps, ToastItem, ToasterProps, ToggleProps, ToolbarRootProps, TopNavItemProps, TopNavRootProps, UndoableToastOptions };
+export { cn } from './utils/cn.js';
+export type { Size } from './utils/control.js';
+export { startViewTransition } from './utils/viewTransition.js';
+export { useControllableState } from './hooks/useControllableState.js';
+export { useDisclosure } from './hooks/useDisclosure.js';
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
+export { useMediaQuery } from './hooks/useMediaQuery.js';
+export { useMergedRefs } from './hooks/useMergedRefs.js';
+export { usePointerSheen } from './hooks/usePointerSheen.js';
+export { PromptInput } from './components/PromptInput/index.js';
+export type { PromptInputProps, PromptInputMessages, PromptInputStatus } from './components/PromptInput/index.js';
+export { ThinkingIndicator } from './components/ThinkingIndicator/index.js';
+export type { ThinkingIndicatorProps, ThinkingIndicatorMessages } from './components/ThinkingIndicator/index.js';
+export { StreamingText } from './components/StreamingText/index.js';
+export type { StreamingTextProps } from './components/StreamingText/index.js';
+export { MessageBubble, MessageActions, defaultMessageStrings } from './components/MessageBubble/index.js';
+export type { MessageBubbleProps, MessageActionsProps, MessageFrom, MessageStrings, Feedback } from './components/MessageBubble/index.js';
+export { Citation, SourceChip, SourceList, safeUrl } from './components/Citation/index.js';
+export type { CitationProps, CitationSource, CitationMessages, SourceChipProps, SourceListProps } from './components/Citation/index.js';
+export { NexubProvider, useNexubMessages, useLocale, defaultMessages } from './components/NexubProvider/index.js';
+export type { NexubProviderProps, NexubMessages, Direction as TextDirection } from './components/NexubProvider/index.js';
+export { Button, buttonVariants } from './components/Button/index.js';
+export type { ButtonProps, ButtonStatus, ToneValue } from './components/Button/index.js';
+export { ButtonGroup } from './components/ButtonGroup/index.js';
+export type { ButtonGroupProps } from './components/ButtonGroup/index.js';
+export { SplitButton } from './components/SplitButton/index.js';
+export type { SplitButtonProps } from './components/SplitButton/index.js';
+export { IconButton, iconButtonVariants } from './components/IconButton/index.js';
+export type { IconButtonProps } from './components/IconButton/index.js';
+export { Input, inputVariants, inputWrapperVariants, addonVariants } from './components/Input/index.js';
+export type { InputProps } from './components/Input/index.js';
+export { Textarea, textareaVariants } from './components/Textarea/index.js';
+export type { TextareaProps } from './components/Textarea/index.js';
+export { NumberInput } from './components/NumberInput/index.js';
+export type { NumberInputProps } from './components/NumberInput/index.js';
+export { MoneyInput } from './components/MoneyInput/index.js';
+export type { MoneyInputProps } from './components/MoneyInput/index.js';
+export { Amount } from './components/Amount/index.js';
+export type { AmountProps } from './components/Amount/index.js';
+export { NumberTicker } from './components/NumberTicker/index.js';
+export type { NumberTickerProps, NumberTickerPart } from './components/NumberTicker/index.js';
+export { SearchInput } from './components/SearchInput/index.js';
+export type { SearchInputProps } from './components/SearchInput/index.js';
+export { PasswordInput } from './components/PasswordInput/index.js';
+export type { PasswordInputProps } from './components/PasswordInput/index.js';
+export { Label, labelVariants } from './components/Label/index.js';
+export type { LabelProps } from './components/Label/index.js';
+export { HelperText } from './components/HelperText/index.js';
+export type { HelperTextProps } from './components/HelperText/index.js';
+export { FormError } from './components/FormError/index.js';
+export type { FormErrorProps } from './components/FormError/index.js';
+export { FormField } from './components/FormField/index.js';
+export type { FormFieldRootProps, FormFieldContextValue } from './components/FormField/index.js';
+export { Badge, badgeVariants } from './components/Badge/index.js';
+export type { BadgeProps } from './components/Badge/index.js';
+export { FilterChip } from './components/FilterChip/index.js';
+export type { FilterChipProps } from './components/FilterChip/index.js';
+export { Chip, chipVariants } from './components/Chip/index.js';
+export type { ChipProps } from './components/Chip/index.js';
+export { EyebrowChip } from './components/EyebrowChip/index.js';
+export type { EyebrowChipProps } from './components/EyebrowChip/index.js';
+export { Avatar, avatarVariants } from './components/Avatar/index.js';
+export type { AvatarProps } from './components/Avatar/index.js';
+export { AvatarGroup, avatarGroupVariants } from './components/AvatarGroup/index.js';
+export type { AvatarGroupProps } from './components/AvatarGroup/index.js';
+export { Card, CardLink, cardVariants } from './components/Card/index.js';
+export type { CardProps, CardLinkProps } from './components/Card/index.js';
+export { RadioCardGroup, RadioCard } from './components/RadioCard/index.js';
+export type { RadioCardGroupProps, RadioCardProps } from './components/RadioCard/index.js';
+export { CheckboxCard } from './components/CheckboxCard/index.js';
+export type { CheckboxCardProps } from './components/CheckboxCard/index.js';
+export { MediaCard } from './components/MediaCard/index.js';
+export type { MediaCardProps, MediaCardRatio } from './components/MediaCard/index.js';
+export { Alert, alertVariants } from './components/Alert/index.js';
+export type { AlertProps } from './components/Alert/index.js';
+export { Skeleton, skeletonVariants } from './components/Skeleton/index.js';
+export type { SkeletonProps } from './components/Skeleton/index.js';
+export { Spinner, spinnerVariants } from './components/Spinner/index.js';
+export type { SpinnerProps } from './components/Spinner/index.js';
+export { Progress, progressTrackVariants, progressFillVariants } from './components/Progress/index.js';
+export type { ProgressProps } from './components/Progress/index.js';
+export { Separator, separatorVariants } from './components/Separator/index.js';
+export type { SeparatorProps } from './components/Separator/index.js';
+export { GradientDivider } from './components/GradientDivider/index.js';
+export type { GradientDividerProps } from './components/GradientDivider/index.js';
+export { Rating, ratingVariants } from './components/Rating/index.js';
+export type { RatingProps } from './components/Rating/index.js';
+export { CheckList, CheckListItem } from './components/CheckList/index.js';
+export type { CheckListProps, CheckListItemProps } from './components/CheckList/index.js';
+export { Code } from './components/Code/index.js';
+export type { CodeProps } from './components/Code/index.js';
+export { Kbd } from './components/Kbd/index.js';
+export type { KbdProps } from './components/Kbd/index.js';
+export { Link, linkVariants } from './components/Link/index.js';
+export type { LinkProps } from './components/Link/index.js';
+export { TextGradient } from './components/TextGradient/index.js';
+export type { TextGradientProps } from './components/TextGradient/index.js';
+export { Container, containerVariants } from './components/Container/index.js';
+export type { ContainerProps } from './components/Container/index.js';
+export { Section, sectionVariants } from './components/Section/index.js';
+export type { SectionProps } from './components/Section/index.js';
+export { Stack } from './components/Stack/index.js';
+export type { StackProps } from './components/Stack/index.js';
+export { Flex } from './components/Flex/index.js';
+export type { FlexProps } from './components/Flex/index.js';
+export { Grid } from './components/Grid/index.js';
+export type { GridProps } from './components/Grid/index.js';
+export { Box } from './components/Box/index.js';
+export type { BoxProps } from './components/Box/index.js';
+export { AspectRatio } from './components/AspectRatio/index.js';
+export type { AspectRatioProps } from './components/AspectRatio/index.js';
+export { VisuallyHidden } from './components/VisuallyHidden/index.js';
+export type { VisuallyHiddenProps } from './components/VisuallyHidden/index.js';
+export { Heading, headingVariants } from './components/Heading/index.js';
+export type { HeadingProps } from './components/Heading/index.js';
+export { Text, textVariants } from './components/Text/index.js';
+export type { TextProps } from './components/Text/index.js';
+export { Logo, logoVariants } from './components/Logo/index.js';
+export type { LogoProps } from './components/Logo/index.js';
+export { Flag } from './components/Flag/index.js';
+export type { FlagProps } from './components/Flag/index.js';
+export { CountryBadge } from './components/CountryBadge/index.js';
+export type { CountryBadgeProps } from './components/CountryBadge/index.js';
+export { KeyboardShortcut } from './components/KeyboardShortcut/index.js';
+export type { KeyboardShortcutProps } from './components/KeyboardShortcut/index.js';
+export { Dialog } from './components/Dialog/index.js';
+export { AlertDialog } from './components/AlertDialog/index.js';
+export { Popover } from './components/Popover/index.js';
+export { Tooltip } from './components/Tooltip/index.js';
+export { Provider as TooltipProvider } from './components/Tooltip/index.js';
+export { HoverCard } from './components/HoverCard/index.js';
+export { DropdownMenu } from './components/DropdownMenu/index.js';
+export { ContextMenu } from './components/ContextMenu/index.js';
+export { Menubar } from './components/Menubar/index.js';
+export { NavigationMenu } from './components/NavigationMenu/index.js';
+export { NavigationRail } from './components/NavigationRail/index.js';
+export type { NavigationRailRootProps, NavigationRailItemProps } from './components/NavigationRail/index.js';
+export { Drawer, Sheet } from './components/Drawer/index.js';
+export type { DrawerRootProps } from './components/Drawer/index.js';
+export { Select } from './components/Select/index.js';
+export { Combobox } from './components/Combobox/index.js';
+export { Autocomplete } from './components/Autocomplete/index.js';
+export type { AutocompleteOption, AutocompleteProps } from './components/Autocomplete/index.js';
+export { Switch } from './components/Switch/index.js';
+export type { SwitchProps } from './components/Switch/index.js';
+export { Checkbox } from './components/Checkbox/index.js';
+export type { CheckboxProps } from './components/Checkbox/index.js';
+export { RadioGroup } from './components/RadioGroup/index.js';
+export { Slider } from './components/Slider/index.js';
+export type { SliderProps } from './components/Slider/index.js';
+export { Toggle, toggleVariants } from './components/Toggle/index.js';
+export type { ToggleProps } from './components/Toggle/index.js';
+export { ToggleGroup } from './components/ToggleGroup/index.js';
+export { SegmentedControl } from './components/SegmentedControl/index.js';
+export type { SegmentedControlProps, SegmentedControlItemProps } from './components/SegmentedControl/index.js';
+export { Tabs } from './components/Tabs/index.js';
+export { Accordion } from './components/Accordion/index.js';
+export { Collapsible } from './components/Collapsible/index.js';
+export { ScrollArea } from './components/ScrollArea/index.js';
+export type { ScrollAreaProps } from './components/ScrollArea/index.js';
+export { Toolbar } from './components/Toolbar/index.js';
+export type { ToolbarRootProps } from './components/Toolbar/index.js';
+export { Toast } from './components/Toast/index.js';
+export { Toaster } from './components/Toast/index.js';
+export { toast, useToastStore } from './components/Toast/index.js';
+export type { ToastItem, ToasterProps, UndoableToastOptions } from './components/Toast/index.js';
+export { TopNav } from './components/TopNav/index.js';
+export type { TopNavItemProps, TopNavRootProps } from './components/TopNav/index.js';
+export { Sidebar } from './components/Sidebar/index.js';
+export type { SidebarRootProps, SidebarHeaderProps, SidebarGroupProps, SidebarItemProps } from './components/Sidebar/index.js';
+export { AppShell } from './components/AppShell/index.js';
+export { PageHeader } from './components/PageHeader/index.js';
+export type { PageHeaderProps } from './components/PageHeader/index.js';
+export { Breadcrumb } from './components/Breadcrumb/index.js';
+export { Pagination } from './components/Pagination/index.js';
+export type { PaginationProps } from './components/Pagination/index.js';
+export { CommandPalette } from './components/CommandPalette/index.js';
+export type { CommandPaletteRootProps } from './components/CommandPalette/index.js';
+export { Table } from './components/Table/index.js';
+export { DataTable } from './components/DataTable/index.js';
+export type { DataTableProps } from './components/DataTable/index.js';
+export { EmptyState } from './components/EmptyState/index.js';
+export { ErrorState } from './components/ErrorState/index.js';
+export type { ErrorStateProps } from './components/ErrorState/index.js';
+export { FileUpload } from './components/FileUpload/index.js';
+export type { FileUploadRootProps } from './components/FileUpload/index.js';
+export { DatePicker } from './components/DatePicker/index.js';
+export type { DatePickerProps } from './components/DatePicker/index.js';
+export { DateRangePicker } from './components/DateRangePicker/index.js';
+export type { DateRangePickerProps, DateRange } from './components/DateRangePicker/index.js';
+export { ThemeProvider, ThemeScript, useTheme } from './components/ThemeProvider/index.js';
+export type { ThemeMode, GlassMode, ThemeContextValue, ThemeProviderProps, ThemeScriptProps } from './components/ThemeProvider/index.js';
+export { Fade, Slide, Scale, Collapse, ListTransition, SkeletonSwap, usePrefersReducedMotion, Reveal, Float, Marquee } from './components/Motion/index.js';
+export type { FadeProps, SlideProps, SlideDirection, ScaleProps, CollapseProps, ListTransitionProps, SkeletonSwapProps, MotionDuration, MotionEasing, MotionBaseProps, RevealProps, FloatProps, MarqueeProps } from './components/Motion/index.js';
+export type { DataTableColumn } from './components/DataTable/index.js';
+export type { TableRootProps } from './components/Table/index.js';