@ceebee/ui 0.5.2 → 1.0.0

package/dist/client.d.ts

@@ -1,7 +1,24 @@
+import { ThemeConfig } from 'antd';
+export * from 'antd';
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, ReactElement } from 'react';
+import { ReactNode } from 'react';
+export { default as enUSLocale } from 'antd/locale/en_US';
+export { default as enUSDatePickerLocale } from 'antd/es/date-picker/locale/en_US';
+export { default as idIDLocale } from 'antd/locale/id_ID';
+export { default as zhCNLocale } from 'antd/locale/zh_CN';
 import * as _base_ui_react from '@base-ui/react';
 
+interface ThemeBridgeProps {
+    children: ReactNode;
+    mode: 'light' | 'dark';
+    theme?: ThemeConfig;
+}
+/**
+ * Translates Ceebee's live CSS Tokens into Ant's theme seed. Ant still owns component geometry,
+ * interaction, accessibility, and derived tokens; Ceebee owns the active Skin and colour mode.
+ */
+declare function ThemeBridge({ children, mode, theme }: ThemeBridgeProps): react.JSX.Element;
+
 /**
  * Every string the library says out loud. They are here rather than inline because a component
  * that hard-codes "Previous slide" is an English component, and this library is used to build
@@ -34,13 +51,8 @@ interface Labels {
     decrease: string;
     expandNavigation: string;
     collapseNavigation: string;
-    /** Tour buttons. A Tour's own `labels` prop still wins over these. */
-    back: string;
+    /** Carousel and image-preview stepping. */
     next: string;
-    done: string;
-    skip: string;
-    /** Coachmark and Checklist progress, e.g. "2 of 5". */
-    progress: (current: number, total: number) => string;
 }
 declare const DEFAULT_LABELS: Labels;
 interface LabelsProviderProps {
@@ -67,7 +79,7 @@ interface MotionProviderProps {
 }
 /**
  * The one place animation is scaled or switched off, and the seam that honours
- * `prefers-reduced-motion` (ADR 0004). Reduced motion means transforms drop and opacity
+ * `prefers-reduced-motion`. Reduced motion means transforms drop and opacity
  * stays; it never means a state change happens invisibly.
  */
 declare function MotionProvider({ children, enabled, scale }: MotionProviderProps): react.JSX.Element;
@@ -87,397 +99,19 @@ interface ThemeState {
     resolved: 'light' | 'dark';
 }
 /**
- * Colour itself comes from CSS, not from here (ADR 0002) — this only flips `data-theme`
+ * Colour itself comes from CSS, not from here — this only flips `data-theme`
  * on the document root, so the first paint is already correct without a blocking script
  * for anyone who never overrides the system setting.
  */
-declare function ThemeProvider({ children, defaultChoice, persist, }: {
+declare function ThemeProvider({ children, defaultChoice, persist, antdTheme, }: {
     children: ReactNode;
     defaultChoice?: ThemeChoice;
     persist?: boolean;
+    /** Optional Ant token/component overrides applied after the active Ceebee Skin. */
+    antdTheme?: ThemeConfig;
 }): react.JSX.Element;
 declare function useTheme(): ThemeState;
 
-type Tone = 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'danger';
-type Size = 'sm' | 'md' | 'lg';
-
-/** Motion redefines the drag and animation event handlers, so the DOM versions are dropped
- *  rather than silently conflicting. A button that needs HTML5 drag is not this component. */
-type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration'>;
-interface ButtonProps extends NativeButtonProps {
-    variant?: 'solid' | 'soft' | 'outline' | 'ghost';
-    tone?: Tone;
-    size?: Size;
-    /** Shown instead of the label, with the button held at its current width. */
-    loading?: boolean;
-    iconStart?: ReactNode;
-    iconEnd?: ReactNode;
-    /** Opts this button out of press feedback without touching the provider. */
-    motion?: boolean;
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface FieldWiring {
-    controlId: string;
-    describedBy: string | undefined;
-    invalid: boolean;
-    required: boolean;
-}
-/** Inputs read their id and aria wiring from here; standalone use returns null. */
-declare function useFieldWiring(): FieldWiring | null;
-interface FieldProps {
-    label: ReactNode;
-    hint?: ReactNode;
-    /** A string renders the message; `true` marks invalid without one. */
-    error?: ReactNode | boolean;
-    required?: boolean;
-    /** Hides the label visually while keeping it for screen readers. */
-    labelHidden?: boolean;
-    className?: string;
-    children: ReactNode;
-}
-/**
- * Label, hint, error, and the `aria-describedby` / `aria-invalid` links between them —
- * the part that is most often silently wrong. The library owns this and refuses to own
- * form state or validation (ADR 0011).
- */
-declare function Field({ label, hint, error, required, labelHidden, className, children }: FieldProps): react.JSX.Element;
-
-interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    size?: Size;
-    /** Marks invalid when used outside a Field; inside one, the Field decides. */
-    invalid?: boolean;
-}
-declare const Input: react.ForwardRefExoticComponent<TextInputProps & react.RefAttributes<HTMLInputElement>>;
-interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    invalid?: boolean;
-}
-declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
-
-interface SelectOption<T extends string = string> {
-    value: T;
-    label: ReactNode;
-    disabled?: boolean;
-}
-interface SelectProps<T extends string = string> {
-    items: Array<SelectOption<T>>;
-    value?: T | null;
-    defaultValue?: T | null;
-    onValueChange?: (value: T) => void;
-    placeholder?: string;
-    size?: Size;
-    disabled?: boolean;
-    invalid?: boolean;
-    name?: string;
-    id?: string;
-    className?: string;
-}
-/**
- * Listbox behaviour — typeahead, roving focus, scroll containment, form association —
- * is Base UI's (ADR 0003). This adds the brand and the Field wiring.
- */
-declare function Select<T extends string = string>({ items, value, defaultValue, onValueChange, placeholder, size, disabled, invalid, name, id, className, }: SelectProps<T>): react.JSX.Element;
-
-interface CheckboxProps {
-    label: ReactNode;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    indeterminate?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    name?: string;
-    value?: string;
-    /** Secondary line under the label — the place for "why would I tick this". */
-    description?: ReactNode;
-    className?: string;
-}
-/** The control and its label are one component: a checkbox whose label is not wired is a bug. */
-declare function Checkbox({ label, checked, defaultChecked, indeterminate, onCheckedChange, disabled, name, value, description, className, }: CheckboxProps): react.JSX.Element;
-interface RadioOption<T extends string = string> {
-    value: T;
-    label: ReactNode;
-    description?: ReactNode;
-    disabled?: boolean;
-}
-interface RadioGroupProps<T extends string = string> {
-    options: Array<RadioOption<T>>;
-    value?: T;
-    defaultValue?: T;
-    onValueChange?: (value: T) => void;
-    name?: string;
-    /** Names the group for assistive technology when it is not inside a Field. */
-    label?: string;
-    direction?: 'column' | 'row';
-    /**
-     * `segmented` draws the group as one track of adjoining cells instead of a
-     * list of dots. Appearance and geometry only — the role, the keyboard, and
-     * the value it reports are a radiogroup's either way (ADR 0014). Reach for it
-     * where the options are few enough to show at once, which is where a dropdown
-     * is the wrong control anyway.
-     */
-    variant?: 'list' | 'segmented';
-    disabled?: boolean;
-    className?: string;
-}
-declare function RadioGroup<T extends string = string>({ options, value, defaultValue, onValueChange, name, label, direction, variant, disabled, className, }: RadioGroupProps<T>): react.JSX.Element;
-interface SwitchProps {
-    label: ReactNode;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    name?: string;
-    description?: ReactNode;
-    /** Label on the left, control on the right — the settings-row arrangement. */
-    justified?: boolean;
-    className?: string;
-}
-/** A Switch applies immediately. If a change needs saving, that is a Checkbox in a form. */
-declare function Switch({ label, checked, defaultChecked, onCheckedChange, disabled, name, description, justified, className, }: SwitchProps): react.JSX.Element;
-
-interface ComboboxOption {
-    value: string;
-    label: string;
-    description?: ReactNode;
-    disabled?: boolean;
-}
-/**
- * Fetches the options for a query. Receiving one puts the AutoComplete in async mode:
- * the built-in match is switched off, because whatever answered the query has
- * already decided what matches and filtering the reply again would drop rows whose
- * label does not happen to contain what was typed.
- *
- * The `signal` aborts when a newer query supersedes this one. Replies are also
- * discarded by sequence, so a slow "a" landing after a fast "abc" cannot overwrite
- * the newer list — the failure that makes an async picker show the wrong rows.
- */
-type ComboboxLoader = (query: string, signal: AbortSignal) => Promise<ComboboxOption[]>;
-interface ComboboxProps {
-    /** The whole list, filtered in the browser. Omit when `loadItems` is given. */
-    items?: ComboboxOption[];
-    /** Asks somewhere else for the options instead of holding them all (ADR 0006). */
-    loadItems?: ComboboxLoader;
-    /** How long typing has to stop before `loadItems` is asked. */
-    loadDelay?: number;
-    value?: string | null;
-    defaultValue?: string | null;
-    onValueChange?: (value: string | null) => void;
-    placeholder?: string;
-    /** Shown when the query matches nothing. */
-    emptyMessage?: ReactNode;
-    /** Shown while `loadItems` is outstanding. */
-    loadingMessage?: ReactNode;
-    /** Shown when `loadItems` rejects. */
-    errorMessage?: ReactNode;
-    size?: Size;
-    disabled?: boolean;
-    invalid?: boolean;
-    name?: string;
-    id?: string;
-    className?: string;
-}
-/**
- * A Select you can type into. Reach for it past roughly a dozen options — below that, scanning a
- * list is faster than typing, and Select is the simpler component.
- */
-declare function AutoComplete({ items, loadItems, loadDelay, value, defaultValue, onValueChange, placeholder, emptyMessage, loadingMessage, errorMessage, size, disabled, invalid, name, id, className, }: ComboboxProps): react.JSX.Element;
-
-interface DateInputProps {
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onValueChange?: (value: Date | null) => void;
-    min?: Date;
-    max?: Date;
-    /** How the chosen date reads in the field. Defaults to the viewer's locale, medium length. */
-    format?: (date: Date) => string;
-    weekStartsOn?: 0 | 1;
-    size?: Size;
-    disabled?: boolean;
-    invalid?: boolean;
-    placeholder?: string;
-    className?: string;
-}
-/**
- * Typing and picking, both. Typing is what fast people do and what a date of birth needs; the
- * calendar is for "the second Tuesday" questions a text field cannot answer.
- */
-declare function DatePicker({ value, defaultValue, onValueChange, min, max, format, weekStartsOn, size, disabled, invalid, placeholder, className, }: DateInputProps): react.JSX.Element;
-
-/** Date arithmetic for the picker. Pure, and dealing only in local calendar days. */
-interface DayCell {
-    date: Date;
-    /** False for the leading and trailing days that belong to the neighbouring months. */
-    inMonth: boolean;
-}
-declare function isSameDay(a: Date | null, b: Date | null): boolean;
-declare function startOfDay(date: Date): Date;
-/**
- * Six weeks of cells, always. A fixed grid height means the popover does not resize when a
- * month happens to span five weeks instead of six.
- */
-declare function monthMatrix(year: number, month: number, weekStartsOn?: 0 | 1): DayCell[][];
-/**
- * Reads what a person typed. ISO first, then day-first with `/`, `-`, or `.` — day-first because
- * that is what most of the world writes, and an ambiguous `03/04` has to pick a side.
- */
-declare function parseDateInput(input: string): Date | null;
-declare function formatISO(date: Date | null): string;
-declare function isOutOfRange(date: Date, min?: Date, max?: Date): boolean;
-
-/** Time-of-day parsing and formatting. Pure, like the date maths next to it. */
-interface TimeValue {
-    hours: number;
-    minutes: number;
-}
-/**
- * Reads what a person typed: `9`, `9:30`, `0930`, `9.30`, `9 pm`, `21:05`. Returns null rather
- * than guessing when the result would not be a real time.
- */
-declare function parseTime(input: string): TimeValue | null;
-declare function formatTime({ hours, minutes }: TimeValue): string;
-declare function timeToMinutes({ hours, minutes }: TimeValue): number;
-/** Every selectable time between two bounds, at `step` minutes. Bounds are inclusive. */
-declare function timeOptions(step: number, min?: TimeValue, max?: TimeValue): TimeValue[];
-declare function isTimeOutOfRange(value: TimeValue, min?: TimeValue, max?: TimeValue): boolean;
-
-interface TimeInputProps {
-    value?: TimeValue | null;
-    defaultValue?: TimeValue | null;
-    onValueChange?: (value: TimeValue | null) => void;
-    min?: TimeValue;
-    max?: TimeValue;
-    /** Minutes between the offered times. Typing is never restricted to them. */
-    step?: number;
-    size?: Size;
-    disabled?: boolean;
-    invalid?: boolean;
-    placeholder?: string;
-    className?: string;
-}
-/**
- * The DatePicker's sibling. Typing accepts what people actually type — `9`, `0930`, `9:30`,
- * `9pm` — and the list is a convenience on top, never the only way to answer.
- */
-declare function TimePicker({ value, defaultValue, onValueChange, min, max, step, size, disabled, invalid, placeholder, className, }: TimeInputProps): react.JSX.Element;
-
-/** File acceptance rules, kept pure: what gets rejected and why is worth asserting. */
-interface FileRules {
-    /** Extensions or MIME types, e.g. ['.pdf', 'image/*']. */
-    accept?: string[];
-    /** Bytes. */
-    maxSize?: number;
-    maxFiles?: number;
-    multiple?: boolean;
-}
-interface Rejection {
-    file: File;
-    reason: string;
-}
-declare function matchesAccept(file: File, accept: string[] | undefined): boolean;
-/**
- * Splits an incoming batch against the rules and what is already held. Every rejection carries
- * a reason, because a file that disappears without explanation reads as a broken uploader.
- */
-declare function partitionFiles(incoming: File[], existing: File[], rules: FileRules): {
-    accepted: File[];
-    rejected: Rejection[];
-};
-/** The " — PDF up to 5 MB" tail under the drop zone. Empty when there is nothing to say. */
-declare function describeAccept(rules: FileRules): string;
-
-interface UploadProps extends FileRules {
-    onFilesChange: (files: File[]) => void;
-    files?: File[];
-    /** Rejections are surfaced rather than swallowed — a file that vanishes silently reads as a bug. */
-    onReject?: (rejections: Array<{
-        file: File;
-        reason: string;
-    }>) => void;
-    disabled?: boolean;
-    children?: ReactNode;
-    className?: string;
-}
-declare function Upload({ onFilesChange, files, onReject, accept, maxSize, maxFiles, multiple, disabled, children, className, }: UploadProps): react.JSX.Element;
-
-/** Numeric input arithmetic, kept pure so the awkward cases are asserted, not hoped for. */
-interface NumberBounds {
-    min?: number;
-    max?: number;
-    step?: number;
-}
-/** Parses what a person typed. Accepts a comma decimal separator; returns null for nonsense. */
-declare function parseNumber(input: string): number | null;
-declare function clamp(value: number, { min, max }: NumberBounds): number;
-/**
- * Steps by `step` and clamps. Floating point is rounded back to the step's own precision,
- * because 0.1 + 0.2 must read as 0.3 in an input a person is looking at.
- */
-declare function stepBy(value: number | null, direction: 1 | -1, bounds: NumberBounds): number;
-declare function decimalPlaces(step: number): number;
-/** Whether stepping in this direction would do anything — drives the disabled state. */
-declare function canStep(value: number | null, direction: 1 | -1, bounds: NumberBounds): boolean;
-
-interface NumberInputProps extends NumberBounds {
-    value?: number | null;
-    defaultValue?: number | null;
-    onValueChange?: (value: number | null) => void;
-    size?: Size;
-    disabled?: boolean;
-    invalid?: boolean;
-    name?: string;
-    placeholder?: string;
-    /** Shown inside the control, e.g. 'kg', 'IDR'. Decorative — keep the unit in the label too. */
-    suffix?: string;
-    className?: string;
-}
-/**
- * A text input that speaks numbers, not `<input type="number">`: that one scrolls its value
- * away under the wheel, accepts 'e' and '+', and formats inconsistently across locales.
- */
-declare function InputNumber({ value, defaultValue, onValueChange, min, max, step, size, disabled, invalid, name, placeholder, suffix, className, }: NumberInputProps): react.JSX.Element;
-
-interface DialogProps {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    title: ReactNode;
-    description?: ReactNode;
-    children?: ReactNode;
-    footer?: ReactNode;
-    size?: 'sm' | 'md' | 'lg';
-    /** Slides from the edge instead of scaling in the centre. */
-    placement?: 'center' | 'end';
-    /** The element that opens it. Omit for a fully controlled dialog. */
-    trigger?: ReactNode;
-    className?: string;
-}
-/**
- * Focus trapping, scroll locking, dismissal, and the `aria-labelledby` wiring are Base UI's
- * (ADR 0003). Enter and exit are CSS transitions driven by Base UI's own state attributes,
- * because Base UI owns this element's mount lifecycle — motion is used where we own it.
- */
-declare function Modal({ open, defaultOpen, onOpenChange, title, description, children, footer, size, placement, trigger, className, }: DialogProps): react.JSX.Element;
-declare const DialogClose: react.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-interface DrawerProps {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    title: ReactNode;
-    description?: ReactNode;
-    children?: ReactNode;
-    footer?: ReactNode;
-    /** The element that opens it. Omit for a fully controlled drawer. */
-    trigger?: ReactNode;
-    className?: string;
-}
-/**
- * Modal navigation or task panel anchored to the inline end edge. Base UI supplies
- * focus trapping, dismissal, scroll locking, and accessible dialog semantics.
- */
-declare function Drawer({ open, defaultOpen, onOpenChange, title, description, children, footer, trigger, className, }: DrawerProps): react.JSX.Element;
-declare const DrawerClose: react.ForwardRefExoticComponent<Omit<_base_ui_react.AlertDialogCloseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
 /** Command matching and ranking. Pure — search that ranks badly is a bug you can only see in a test. */
 interface Command {
     id: string;
@@ -539,111 +173,11 @@ interface ChecklistProps {
 /**
  * Getting-started tasks with progress. Which tasks are done is the app's knowledge, passed in —
  * the library does not track anyone's account state, the same rule the Seen Store follows
- * (ADR 0006).
+ *.
  */
 declare function Checklist({ title, tasks, completeSlot, className }: ChecklistProps): react.JSX.Element;
 
-type Side = 'top' | 'right' | 'bottom' | 'left';
-type Align = 'start' | 'center' | 'end';
-interface PopoverProps {
-    trigger: ReactElement;
-    children: ReactNode;
-    side?: Side;
-    align?: Align;
-    /** Distance from the anchor, in px. Keep it at the token step unless the arrow needs room. */
-    sideOffset?: number;
-    showArrow?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    className?: string;
-}
-/** Positioning, dismissal, and focus return come from Base UI; this adds the surface (ADR 0003). */
-declare function Popover({ trigger, children, side, align, sideOffset, showArrow, open, onOpenChange, className, }: PopoverProps): react.JSX.Element;
-interface TooltipProps {
-    children: ReactElement;
-    /** Plain text. A tooltip that needs markup is a Popover — screen readers read this as a label. */
-    label: string;
-    side?: Side;
-    align?: Align;
-    /** Distance from the anchor, in px. */
-    sideOffset?: number;
-    showArrow?: boolean;
-    delay?: number;
-}
-declare function Tooltip({ children, label, side, align, sideOffset, showArrow, delay, }: TooltipProps): react.JSX.Element;
-
-interface TagProps {
-    children: ReactNode;
-    tone?: Tone;
-    variant?: 'soft' | 'solid' | 'outline';
-    size?: 'sm' | 'md';
-    icon?: ReactNode;
-    /** Makes the tag itself pressable — filtering by it, or opening what it names. */
-    onClick?: () => void;
-    /** Whether a pressable tag is currently on. Reported as `aria-pressed`. */
-    pressed?: boolean;
-    /** Adds a control that takes the tag away. Not the same as pressing it. */
-    onClose?: () => void;
-    /** Render something else in the tag's place — a router's own Link. */
-    render?: ReactElement;
-    className?: string;
-}
-/**
- * A label you can do something to.
- *
- * `Badge` is the one you cannot: it says what something is and nothing more, and
- * its own note says that a label which can be pressed or removed is this instead.
- * That is the whole boundary between them — not the size, not the colour, but
- * whether there is anything to press (ADR 0014). They share the look and differ
- * in what they are.
- *
- * Pressing and removing are also two different things, so they are two props. A
- * tag that filters by its own value and a tag that takes itself off a list are
- * not the same gesture, and one component that guessed which you meant would be
- * wrong half the time.
- */
-declare function Tag({ children, tone, variant, size, icon, onClick, pressed, onClose, render, className, }: TagProps): react.JSX.Element;
-
-interface RateProps {
-    /** 0 means nothing chosen, which is different from choosing the lowest score. */
-    value: number;
-    onValueChange?: (value: number) => void;
-    count?: number;
-    size?: number;
-    /** Shows a score without offering to change it. */
-    readOnly?: boolean;
-    /** Names the group when it is not inside a Field. */
-    label?: string;
-    className?: string;
-}
-/**
- * A score out of a few, set by pressing one of them.
- *
- * A radiogroup, not a row of buttons: exactly one of a small visible set is the
- * definition of one, and it buys the arrow keys and the announced position for
- * free. Read-only it is not a group at all — there is nothing to choose, so it
- * is an image with a label saying what it shows.
- *
- * Pressing the current score again clears it. Nought stars and one star are
- * different answers, and without this there is no way back to the first.
- */
-declare function Rate({ value, onValueChange, count, size, readOnly, label, className, }: RateProps): react.JSX.Element;
-
-interface AlertProps {
-    title?: ReactNode;
-    children?: ReactNode;
-    tone?: Tone;
-    /** Replaces the tone's default icon. Pass null to drop it. */
-    icon?: ReactNode | null;
-    actions?: ReactNode;
-    onDismiss?: () => void;
-    className?: string;
-}
-/**
- * `danger` and `warning` announce themselves through `role="alert"`; the quieter tones do not,
- * because a success note that interrupts a screen reader mid-sentence is not helpful.
- */
-declare function Alert({ title, children, tone, icon, actions, onDismiss, className }: AlertProps): react.JSX.Element;
+type Tone = 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'danger';
 
 type ToastPosition = 'bottom-end' | 'bottom-center' | 'bottom-start' | 'top-end' | 'top-center' | 'top-start';
 interface ToastProviderProps {
@@ -676,56 +210,6 @@ declare function useToast(): {
     promise: <Value, T extends any = any>(promise: Promise<Value>, options: _base_ui_react.ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
 };
 
-interface TabItem {
-    value: string;
-    label: ReactNode;
-    /** Count or status shown after the label, e.g. a Badge. */
-    adornment?: ReactNode;
-    disabled?: boolean;
-    content: ReactNode;
-}
-interface TabsProps {
-    items: TabItem[];
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    variant?: 'underline' | 'pill';
-    className?: string;
-}
-/** Roving focus, panel association, and the moving indicator are Base UI's (ADR 0003). */
-declare function Tabs({ items, value, defaultValue, onValueChange, variant, className }: TabsProps): react.JSX.Element;
-
-interface MenuItem {
-    /** Omit everything but `separator` to draw a divider. */
-    separator?: boolean;
-    label?: ReactNode;
-    icon?: ReactNode;
-    shortcut?: string;
-    tone?: Extract<Tone, 'neutral' | 'danger'>;
-    disabled?: boolean;
-    checked?: boolean;
-    onSelect?: () => void;
-}
-interface MenuSection {
-    label?: ReactNode;
-    items: MenuItem[];
-}
-interface DropdownMenuBaseProps {
-    trigger: ReactElement;
-    align?: 'start' | 'center' | 'end';
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    className?: string;
-}
-type DropdownMenuProps = DropdownMenuBaseProps & ({
-    items: MenuItem[];
-    sections?: never;
-} | {
-    items?: never;
-    sections: MenuSection[];
-});
-/** Typeahead, roving focus, and dismissal are Base UI's; the surface and the rhythm are ours. */
-declare function Dropdown({ trigger, items, sections, align, side, className }: DropdownMenuProps): react.JSX.Element;
-
 interface NavItem {
     label: ReactNode;
     icon?: ReactNode;
@@ -768,264 +252,6 @@ interface TopBarProps {
 }
 declare function TopBar({ title, subtitle, center, actions, sticky, className }: TopBarProps): react.JSX.Element;
 
-/** Sorting and pagination arithmetic, kept pure so the off-by-ones are asserted (ADR 0012). */
-type SortDirection = 'asc' | 'desc';
-interface SortState {
-    column: string;
-    direction: SortDirection;
-}
-/**
- * What clicking a header does. Sorting a new column starts ascending; clicking the sorted
- * column flips it; clicking a descending column clears the sort — three states, because
- * "back to the order the server gave me" is a state people look for.
- */
-declare function nextSort(current: SortState | null, column: string): SortState | null;
-declare function ariaSortFor(current: SortState | null, column: string): 'ascending' | 'descending' | 'none';
-interface PageRange {
-    /** Page numbers to render; `null` is an ellipsis. */
-    items: Array<number | null>;
-    totalPages: number;
-    /** 1-based index of the first and last row on this page, for "1–20 of 137". */
-    from: number;
-    to: number;
-}
-/**
- * The page list, with ellipses. `siblings` is how many pages flank the current one; first and
- * last are always shown, because jumping to the end is the second most common thing people do.
- */
-declare function pageRange(page: number, pageSize: number, total: number, siblings?: number): PageRange;
-
-interface Column<Row> {
-    key: string;
-    header: ReactNode;
-    /** Cell content. Given the row, so a column can render a Badge or an Avatar. */
-    cell: (row: Row) => ReactNode;
-    align?: 'start' | 'end';
-    width?: string;
-    sortable?: boolean;
-    /** Hides the column below 720px — for the ones a phone can live without. */
-    secondary?: boolean;
-    /** Clips overflowing text with an ellipsis instead of widening the column. */
-    truncate?: boolean;
-}
-interface DataTableProps<Row> {
-    columns: Array<Column<Row>>;
-    rows: Row[];
-    rowKey: (row: Row) => string;
-    /** Accessible name for the table. */
-    label: string;
-    sort?: SortState | null;
-    onSortChange?: (sort: SortState | null) => void;
-    onRowClick?: (row: Row) => void;
-    /** Rendered in place of the body when there are no rows — an Empty, usually. */
-    empty?: ReactNode;
-    className?: string;
-}
-/**
- * A table, not a grid: no virtualisation, no column resizing, no editing. It renders rows and
- * sorts by a column, and anything past that is a product feature rather than a design system one.
- */
-declare function Table<Row>({ columns, rows, rowKey, label, sort, onSortChange, onRowClick, empty, className, }: DataTableProps<Row>): react.JSX.Element;
-declare namespace Table {
-    var Skeleton: typeof DataTableSkeleton;
-}
-interface DataTableSkeletonProps {
-    columns: number;
-    rows?: number;
-    className?: string;
-}
-/** Same row height and column count as the real table, so the page does not jump (ADR 0009). */
-declare function DataTableSkeleton({ columns, rows, className }: DataTableSkeletonProps): react.JSX.Element;
-
-interface PaginationProps {
-    page: number;
-    pageSize: number;
-    total: number;
-    onPageChange: (page: number) => void;
-    /** Shows "1–20 of 137" beside the controls. */
-    showSummary?: boolean;
-    siblings?: number;
-    className?: string;
-}
-declare function Pagination({ page, pageSize, total, onPageChange, showSummary, siblings, className, }: PaginationProps): react.JSX.Element;
-
-interface ImageProps {
-    src: string;
-    /** Empty string is allowed, and means "decorative" — but it has to be said out loud. */
-    alt: string;
-    /** Width / height, e.g. 16 / 9. Reserves the space so nothing below it jumps. */
-    aspectRatio?: number;
-    /** A tiny data URI, blurred up while the real image loads. */
-    blurDataUrl?: string;
-    /** Flat colour to sit behind the image when there is no blur placeholder. */
-    background?: string;
-    fit?: 'cover' | 'contain';
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-    loading?: 'lazy' | 'eager';
-    className?: string;
-}
-/**
- * An `<img>` that reserves its space and fades in. It is not a Next.js Image and does not want to
- * be: no resizing service, no loader — those belong to the framework the app already chose.
- */
-declare function Image({ src, alt, aspectRatio, blurDataUrl, background, fit, radius, loading, className, }: ImageProps): react.JSX.Element;
-
-interface CarouselProps {
-    children: ReactNode;
-    /** Accessible name — a carousel with no name is an unlabelled region to a screen reader. */
-    label: string;
-    /** Slide width as a CSS length or fraction of the viewport, e.g. '18rem' or '50%'. */
-    slideWidth?: string;
-    gap?: 2 | 3 | 4 | 5;
-    loop?: boolean;
-    align?: 'start' | 'center';
-    /** Milliseconds between advances. Omit for a carousel that only moves when asked. */
-    autoplay?: number;
-    showArrows?: boolean;
-    showDots?: boolean;
-    className?: string;
-}
-declare function CarouselRoot({ children, label, slideWidth, gap, loop, align, autoplay, showArrows, showDots, className, }: CarouselProps): react.JSX.Element;
-interface CarouselSlideProps {
-    children: ReactNode;
-    className?: string;
-}
-declare function CarouselSlide({ children, className }: CarouselSlideProps): react.JSX.Element;
-interface CarouselSkeletonProps {
-    slides?: number;
-    slideWidth?: string;
-    slideHeight?: string;
-    gap?: 2 | 3 | 4 | 5;
-}
-/** Same track geometry as the real carousel, so slides do not resize on load (ADR 0009). */
-declare function CarouselSkeleton({ slides, slideWidth, slideHeight, gap, }: CarouselSkeletonProps): react.JSX.Element;
-declare const Carousel: typeof CarouselRoot & {
-    Slide: typeof CarouselSlide;
-    Skeleton: typeof CarouselSkeleton;
-};
-
-/** Inputs that decide whether a carousel may advance on its own. */
-interface AutoplayConditions {
-    /** The caller asked for autoplay at all. */
-    requested: boolean;
-    pointerInside: boolean;
-    /** Focus is somewhere inside the carousel — keyboard users must not lose their place. */
-    focusInside: boolean;
-    documentHidden: boolean;
-    reducedMotion: boolean;
-}
-/**
- * Autoplay stops for four separate reasons, and every one of them is a bug when missed:
- * a hovered carousel that keeps moving, a focused one that steals the slide out from under
- * a keyboard user, a background tab burning frames, and motion nobody asked for.
- */
-declare function shouldAutoplay(conditions: AutoplayConditions): boolean;
-
-interface CoachmarkProps {
-    open: boolean;
-    /** The element being pointed at. Already resolved — a Tour does the resolving. */
-    anchor: Element | null;
-    title: ReactNode;
-    children?: ReactNode;
-    side?: Side;
-    align?: Align;
-    /** Dims the page and cuts a hole around the anchor. A number sets the hole's padding in px. */
-    spotlight?: boolean | number;
-    /** e.g. `{ current: 2, total: 5 }` — rendered as "2 of 5" and announced. */
-    progress?: {
-        current: number;
-        total: number;
-    };
-    actions?: ReactNode;
-    onDismiss?: () => void;
-    className?: string;
-}
-/**
- * One anchored bubble pointing at one element. It knows nothing about sequence and nothing
- * about who has seen it — those are Tour and the Seen Store (ADR 0006).
- */
-declare function Coachmark({ open, anchor, title, children, side, align, spotlight, progress, actions, onDismiss, className, }: CoachmarkProps): react.JSX.Element;
-
-/**
- * How a Tour asks whether someone has already been through it.
- *
- * The library ships this interface and no implementation on purpose (ADR 0006): a library that
- * reaches for localStorage has decided what a user is and where their state lives, and that is
- * the assumption that makes an onboarding library impossible to remove later.
- *
- * A localStorage adapter is four lines; a server-backed one is a fetch. Both are yours.
- */
-interface SeenStore {
-    /** Whether this tour has been completed or skipped before. May be async. */
-    has: (tourId: string) => boolean | Promise<boolean>;
-    /** Records that it has now. Called once, when the tour finishes or is skipped. */
-    mark: (tourId: string) => void | Promise<void>;
-}
-
-/** Tour sequencing, kept pure so every edge is assertable (ADR 0012). */
-type TourStatus = 'idle' | 'running' | 'finished' | 'skipped';
-interface TourState {
-    index: number;
-    status: TourStatus;
-}
-type TourAction = {
-    type: 'start';
-} | {
-    type: 'next';
-} | {
-    type: 'prev';
-} | {
-    type: 'goto';
-    index: number;
-} | {
-    type: 'skip';
-} | {
-    type: 'finish';
-};
-declare const initialTourState: TourState;
-/**
- * `stepCount` is passed in rather than held in state because steps are props: a tour whose
- * steps change while it runs must not point past the end of the new list.
- */
-declare function tourReducer(state: TourState, action: TourAction, stepCount: number): TourState;
-/** A tour that ended, either way. Both outcomes mark the Seen Store. */
-declare function hasEnded(status: TourStatus): boolean;
-type StepTarget = string | Element | {
-    current: Element | null;
-} | (() => Element | null) | null;
-/**
- * Resolves a step's target. Returns null rather than throwing when the element is not mounted
- * yet — the Tour retries, because a target that appears one frame late is normal, not an error.
- */
-declare function resolveTarget(target: StepTarget, root: ParentNode): Element | null;
-
-interface TourStep {
-    target: StepTarget;
-    title: ReactNode;
-    content?: ReactNode;
-    side?: Side;
-    align?: Align;
-    spotlight?: boolean | number;
-}
-interface TourProps {
-    /** Stable id — this is what the Seen Store remembers. */
-    id: string;
-    steps: TourStep[];
-    /** Starts the tour when it turns true. */
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /** Injected by the app; without one the tour runs every time it is opened (ADR 0006). */
-    seenStore?: SeenStore;
-    onFinish?: () => void;
-    onSkip?: () => void;
-    labels?: Partial<Record<'back' | 'next' | 'done' | 'skip', string>>;
-}
-/**
- * Sequences Coachmarks. It owns order and nothing else: memory is the Seen Store's, the bubble
- * is the Coachmark's, and the steps belong to the caller.
- */
-declare function Tour({ id, steps, open, onOpenChange, seenStore, onFinish, onSkip, labels }: TourProps): react.JSX.Element | null;
-
 interface RevealProps {
     children: ReactNode;
     /** Direction the content travels from. Under reduced motion it only fades. */
@@ -1049,4 +275,4 @@ interface StaggerProps {
 /** Wraps each child in a Reveal with an increasing delay — the list arrives, it does not pop. */
 declare function Stagger({ children, step, from, onView, className }: StaggerProps): react.JSX.Element;
 
-export { Alert, type AlertProps, type Align, AutoComplete, type AutoplayConditions, Button, type ButtonProps, Carousel, type CarouselProps, type CarouselSkeletonProps, type CarouselSlideProps, Checkbox, type CheckboxProps, Checklist, type ChecklistProps, type ChecklistTask, Coachmark, type CoachmarkProps, type Column, type ComboboxOption, type ComboboxProps, type Command, CommandPalette, type CommandPaletteProps, DEFAULT_LABELS, type DataTableProps, type DataTableSkeletonProps, type DateInputProps, DatePicker, type DayCell, DialogClose, type DialogProps, Drawer, DrawerClose, type DrawerProps, Dropdown, type DropdownMenuProps, type DurationToken, Field, type FieldProps, type FileRules, Image, type ImageProps, Input, InputNumber, type Labels, LabelsProvider, type LabelsProviderProps, type MenuItem, type MenuSection, Modal, type MotionHelpers, MotionProvider, type MotionProviderProps, type MotionSettings, type NavItem, type NavSection, type NumberBounds, type NumberInputProps, type PageRange, Pagination, type PaginationProps, type PaletteCommand, Popover, type PopoverProps, RadioGroup, type RadioGroupProps, type RadioOption, type RankedCommand, Rate, type RateProps, type Rejection, Reveal, type RevealProps, type SeenStore, Select, type SelectOption, type SelectProps, type Side, Sidebar, type SidebarProps, type SortDirection, type SortState, type SpringPreset, Stagger, type StaggerProps, type StepTarget, Switch, type SwitchProps, type TabItem, Table, Tabs, type TabsProps, Tag, type TagProps, type TextInputProps, Textarea, type TextareaProps, type ThemeChoice, ThemeProvider, type TimeInputProps, TimePicker, type TimeValue, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, Tooltip, type TooltipProps, TopBar, type TopBarProps, Tour, type TourAction, type TourProps, type TourState, type TourStatus, type TourStep, Upload, type UploadProps, ariaSortFor, canStep, clamp, decimalPlaces, describeAccept, filterCommands, formatISO, formatTime, groupCommands, hasEnded, initialTourState, isOutOfRange, isSameDay, isTimeOutOfRange, matchesAccept, monthMatrix, nextSort, pageRange, parseDateInput, parseNumber, parseTime, partitionFiles, rankCommand, resolveTarget, shouldAutoplay, startOfDay, stepBy, timeOptions, timeToMinutes, tourReducer, useFieldWiring, useLabels, useMotionSettings, useTheme, useToast };
+export { Checklist, type ChecklistProps, type ChecklistTask, type Command, CommandPalette, type CommandPaletteProps, DEFAULT_LABELS, type DurationToken, type Labels, LabelsProvider, type LabelsProviderProps, type MotionHelpers, MotionProvider, type MotionProviderProps, type MotionSettings, type NavItem, type NavSection, type PaletteCommand, type RankedCommand, Reveal, type RevealProps, Sidebar, type SidebarProps, type SpringPreset, Stagger, type StaggerProps, ThemeBridge, type ThemeBridgeProps, type ThemeChoice, ThemeProvider, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, TopBar, type TopBarProps, filterCommands, groupCommands, rankCommand, useLabels, useMotionSettings, useTheme, useToast };