@sableui/react 0.13.2 → 0.15.0

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { AspectBox, AspectBoxProps, Bleed, BleedProps, Breakpoint, Center, Cente
 export { Icon, IconContextValue, IconProps, IconProvider, IconProviderProps, composeIconSets, useIconSet } from './icon/index.js';
 export { a as IconRenderProps, I as IconSet, b as IconVariant } from './registry-CyL28OzJ.js';
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, ElementType, ReactElement, Ref, ComponentPropsWithRef, MouseEvent, ComponentProps, AriaAttributes, FormEvent } from 'react';
+import { ReactNode, AnimationEvent, ComponentPropsWithoutRef, ElementType, ReactElement, Ref, ComponentPropsWithRef, MouseEvent, ComponentProps, AriaAttributes, FormEvent } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { useRender } from '@base-ui/react/use-render';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -144,10 +144,22 @@ declare function componentLabel(name: string): string;
  *
  * - `system`  — defer to the OS `prefers-reduced-motion` preference (default).
  * - `full`    — force motion on (overrides the OS preference in-app).
+ * - `subtle`  — essential motion only: feedback, overlays, disclosure and
+ *               loaders play; expressive motion (glides, rolling numbers, drawn
+ *               ticks, shakes, staggers, overshoot) resolves instantly. Follows
+ *               the OS preference for everything else, so it never turns motion
+ *               on for someone who asked for it off.
  * - `reduced` — damp all token-driven motion to static.
  * - `off`     — synonym for `reduced`; motion is fully disabled.
  */
-type MotionPolicy = "system" | "full" | "reduced" | "off";
+type MotionPolicy = "system" | "full" | "subtle" | "reduced" | "off";
+/**
+ * How much motion one component or region may use — the value of a
+ * component's `motion` prop and of `<MotionScope level>`. It can only turn
+ * motion DOWN from what the surroundings allow: `full` means "inherit", never
+ * "override the reader's reduce-motion setting".
+ */
+type MotionLevel = "full" | "subtle" | "off";
 interface MotionContextValue {
     policy: MotionPolicy;
     setPolicy: (policy: MotionPolicy) => void;
@@ -155,6 +167,12 @@ interface MotionContextValue {
     prefersReducedMotion: boolean;
     /** Resolved: will token-driven motion play right now? Mirrors the CSS. */
     enabled: boolean;
+    /**
+     * Resolved: will EXPRESSIVE motion play — glides, rolling numbers, drawn
+     * ticks, shakes, staggers? False under `subtle` as well as when motion is
+     * off. JS-driven flourishes read this; essential JS motion reads `enabled`.
+     */
+    expressive: boolean;
 }
 interface MotionProviderProps {
     children: ReactNode;
@@ -186,6 +204,49 @@ interface MotionProviderProps {
  * then read/flip it anywhere via `useMotion()`.
  */
 declare function MotionProvider({ children, defaultPolicy, policy: controlledPolicy, onPolicyChange, target, }: MotionProviderProps): react.JSX.Element;
+/**
+ * The value `data-motion` should carry for a component's `motion` prop:
+ * nothing for `full` (inherit), the level otherwise. Spread it on the
+ * component's root element — the CSS policy does the rest.
+ */
+declare function motionAttribute(level: MotionLevel | undefined): MotionLevel | undefined;
+/**
+ * A component's motion, from its own `motion` prop and everything around it
+ * (provider, scopes, the OS preference) — whichever is lower. Use the returned
+ * `enabled` / `expressive` to gate JS-driven motion, and spread `attribute`
+ * as the root's `data-motion` so the CSS recipes inside agree:
+ *
+ *   const motion = useMotionLevel(props.motion)
+ *   <div data-motion={motion.attribute}>…</div>
+ */
+declare function useMotionLevel(level?: MotionLevel): {
+    level: MotionLevel;
+    enabled: boolean;
+    expressive: boolean;
+    attribute: MotionLevel | undefined;
+};
+interface MotionScopeProps {
+    children: ReactNode;
+    /**
+     * How much motion this region may use. `subtle` keeps feedback, overlays
+     * and loaders and drops the flourishes; `off` stills everything. A scope
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     */
+    level: Exclude<MotionLevel, "full">;
+}
+/**
+ * Turns motion down for one region — a dense data view, an embedded widget, a
+ * screen a test captures — without touching the rest of the app. Renders a
+ * `display: contents` wrapper carrying `data-motion`, so it adds no box to the
+ * layout, and provides the same level to `useMotion()` / `useMotionLevel()`
+ * below it so JS-driven motion agrees with the CSS.
+ *
+ * Overlays portal out of the DOM subtree, so their CSS follows the app-level
+ * policy rather than the scope; set the level on <MotionProvider> to cover
+ * them too.
+ */
+declare function MotionScope({ children, level }: MotionScopeProps): react.JSX.Element;
 /**
  * Read and control the motion policy. Falls back to a provider-less default
  * (follows the OS preference) so it's safe to call without a <MotionProvider> —
@@ -201,6 +262,64 @@ declare function useMotion(): MotionContextValue;
  */
 declare function useReducedMotion(): boolean;
 
+/**
+ * Drives the `motion-shake` recipe: call `shake()` when an answer is refused
+ * (a wrong code, a submit with invalid fields) and spread `shakeProps` on the
+ * element carrying `motion-shake`.
+ *
+ *   const { shake, shakeProps } = useShake()
+ *   <div className="motion-shake" {...shakeProps}>…</div>
+ *
+ * The attribute is cleared when the animation ends, so the next refusal plays
+ * it again. A refusal that lands mid-shake restarts it: the attribute is
+ * dropped for one frame and set again, which is the only way to replay a CSS
+ * animation without remounting the element.
+ *
+ * The recipe's duration is expressive, so under `subtle` and reduced motion it
+ * is 0 — the shake resolves instantly, and the field's own error colour and
+ * message carry the refusal. Never shake without one.
+ */
+declare function useShake(): {
+    shake: () => void;
+    shakeProps: {
+        "data-shake": "" | undefined;
+        onAnimationEnd: (event: AnimationEvent<HTMLElement>) => void;
+    };
+};
+
+/**
+ * Lets an element ease to its content's new size when the content changes in
+ * place — "Delete" becoming "Confirm delete?", "Copy" becoming "Copied".
+ *
+ * CSS cannot do this alone. A transition fires when a computed value changes,
+ * and a content-sized box computes `width: auto` before AND after the label
+ * swap, so there is nothing to interpolate; `interpolate-size` only helps
+ * between a keyword and a length. So the outer element gets an explicit pixel
+ * size, measured from an inner element that keeps sizing to its content, and
+ * `motion-size` on the outer one eases between the two pixel values.
+ *
+ *   const size = useAutoSize<HTMLButtonElement, HTMLSpanElement>()
+ *   <button ref={size.outerRef} className="motion-size">
+ *     <span ref={size.innerRef} className="inline-flex w-max">{label}</span>
+ *   </button>
+ *
+ * The outer element's own padding and border are added back, so the inner
+ * element is just the content. The first measurement is applied with
+ * transitions suppressed, so nothing animates on mount. Under `subtle` and
+ * reduced motion the recipe's size duration is 0 and the box simply resizes.
+ *
+ * Pass `enabled: false` when something else owns the size — a full-width
+ * stacked action, a caller's `w-*` class. The inline pixel size would win over
+ * any class, so the hook stands down and clears what it wrote.
+ */
+declare function useAutoSize<Outer extends HTMLElement = HTMLElement, Inner extends HTMLElement = HTMLElement>({ axis, enabled }?: {
+    axis?: "width" | "height" | "both";
+    enabled?: boolean;
+}): {
+    outerRef: react.RefObject<Outer | null>;
+    innerRef: react.RefObject<Inner | null>;
+};
+
 interface UseInViewOptions {
     /** Stop observing after the first time it enters view. @default true */
     once?: boolean;
@@ -321,6 +440,118 @@ declare namespace Presence {
     var displayName: string;
 }
 
+/**
+ * The palette: nine colour families and a scale under every tone, generated
+ * for whatever theme is painting. `scripts/build-palette.mjs` writes this into
+ * `src/palette.css`; `palette.test.ts` holds every built-in theme to it.
+ *
+ * The contract is roles, and roles are not enough for a product. Tags, avatars,
+ * labels and illustration need more colours than three tones, and raw Tailwind
+ * steps ignore the theme, so they were banned outright. These follow it:
+ *
+ * - A **family** (red, orange, yellow, green, teal, blue, purple, pink) keeps
+ *   its own hue and leans toward the brand by half the gap, at most 15°, and
+ *   only as far as the brand has colour to lean toward (an ink-black primary
+ *   pulls nothing). Material 3's harmonize, the same lean the customizer gives
+ *   status colours. Lightness and chroma are fixed per step, fitted inside sRGB
+ *   across the whole lean, so no brand can push a step out of gamut.
+ * - **neutral** is the theme's own page and ink mixed in steps, so it carries
+ *   whatever tint the theme's surfaces do.
+ * - Every **tone** (tone-1…3, info, warning, success, destructive) gets a scale
+ *   on one shared ladder of depths, and the tone lands exactly on the step
+ *   nearest its own lightness: a light status colour in dark mode is 800, a
+ *   mid one is 500. The steps either side stretch to keep the ladder's ends,
+ *   so a tone near one end does not crush five steps into the little room
+ *   left past it, and tone-1-100 and success-100 are the same depth.
+ *
+ * Steps follow the mode rather than literal lightness: a low step is always
+ * near the page and a high step always far from it, so 800 text on a 100
+ * wash reads in both modes with no `dark:` (Sable has none).
+ */
+declare const PALETTE_STEPS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+type PaletteStep = (typeof PALETTE_STEPS)[number];
+interface PaletteFamily {
+    name: string;
+    /** The family's own hue, before the lean. */
+    hue: number;
+    /** Step 500, per mode: lightness and the chroma the family is aiming for. */
+    light: {
+        l: number;
+        c: number;
+    };
+    dark: {
+        l: number;
+        c: number;
+    };
+}
+declare const PALETTE_FAMILIES: readonly PaletteFamily[];
+/** The hue families by name — the values Badge, Pill and StatusDot take on `tone`. */
+declare const PALETTE_COLORS: readonly ["red", "orange", "yellow", "green", "teal", "blue", "purple", "pink"];
+type PaletteColor = (typeof PALETTE_COLORS)[number];
+declare const isPaletteColor: (value: unknown) => value is PaletteColor;
+/** Tokens that get a scale of their own, `--<token>-50` … `--<token>-950`. */
+declare const PALETTE_TONES: readonly ["tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
+/** Everything the palette names: neutral, the families, then the tone scales. */
+declare const PALETTE_SCALES: readonly ["neutral", ...string[], "tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
+
+interface BurstProps {
+    /**
+     * Plays the burst each time this value changes. Nothing plays on mount, so
+     * a page that loads with a post already liked stays still. A counter that
+     * goes up on each "on" is the usual trigger; leave it alone on "off" so
+     * un-liking is quiet.
+     */
+    trigger: unknown;
+    /**
+     * The palette families the dots take in turn. The ring blooms in the host's
+     * `currentColor` and fades into the first. Families, not colours: the
+     * palette is generated from the active theme, so the confetti re-themes
+     * with everything else. @default ["pink", "purple", "blue", "orange"]
+     */
+    palette?: readonly PaletteColor[];
+    /** How many places dots fly from; each throws a pair. @default 7 */
+    count?: number;
+    /**
+     * Throw this instead of dots: copies of the glyph being celebrated (an
+     * emoji reaction), larger than a dot and with no ring, the way a reaction
+     * sprays its own emoji. Text only — it is repeated once per piece.
+     */
+    particle?: ReactNode;
+    /**
+     * Also play once when it mounts. For a glyph that arrives BECAUSE of the
+     * action — a reaction pill that did not exist until the reader chose it —
+     * where mounting is the change. Never for a page that loads.
+     * @default false
+     */
+    playOnMount?: boolean;
+    /** Sizing (`[--burst-size:…]`) or placement. */
+    className?: string;
+    /**
+     * How much motion this component uses. A burst is pure flourish, so it
+     * renders only at `full`: `subtle` and `off` render nothing.
+     */
+    motion?: MotionLevel;
+}
+/**
+ * Burst — the follow-through after a small celebratory toggle: a disc that
+ * hollows into a ring, then dots thrown outward that shrink as they go. Place
+ * it inside a `relative` wrapper around the glyph it celebrates, beside a
+ * `motion-bloom` on the glyph itself:
+ *
+ *   <span className="relative inline-flex">
+ *     <span key={likes} className={liked ? "motion-bloom" : undefined}><Icon name="heart" /></span>
+ *     <Burst trigger={likes} />
+ *   </span>
+ *
+ * It sizes from `--burst-size` (the ring's diameter, default 2.25em — about
+ * twice the glyph) and colours from the themed palette families. Decorative and
+ * `aria-hidden`; it draws outside its box and never takes pointer events.
+ * Use it for a moment of delight on an action a person chose — a like, a
+ * star, a finished task — never on something the system did, and never on
+ * every row of a list at once.
+ */
+declare function Burst({ trigger, palette, count, particle, playOnMount, className, motion, }: BurstProps): react.JSX.Element | null;
+
 /** Is the cross-document/SPA View Transitions API available? */
 declare function supportsViewTransitions(): boolean;
 /**
@@ -367,7 +598,9 @@ interface ButtonProps extends Omit<ComponentPropsWithRef<"button">, "onClick">,
      */
     render?: useRender.RenderProp;
     /**
-     * Show a leading Spinner while an action is in flight, and ignore presses.
+     * Show a Spinner while an action is in flight, and ignore presses. It takes
+     * the `iconStart` slot, or lays over a plain label (faded in place) so the
+     * button keeps its width.
      * Sets `aria-busy` and `aria-disabled`, not the native `disabled`: disabling
      * the focused button dropped focus to the page, so a sheet opened by the
      * action had nowhere to return it. @default false
@@ -454,6 +687,135 @@ declare function ButtonGroup({ className, role, ...props }: ButtonGroupProps): r
 
 declare const buttonGroupMeta: ComponentMeta;
 
+type IconSize = "icon" | "icon-sm" | "icon-xs";
+interface ConfirmButtonProps extends Omit<ButtonProps, "children" | "onClick" | "variant" | "size" | "loading" | "loadingLabel" | "iconStart" | "render" | "type"> {
+    /** The idle label — the action, e.g. "Delete". */
+    children: ReactNode;
+    /**
+     * The label while armed, waiting for the second press. Defaults to
+     * "Confirm <label>?" for a text label ("Delete" → "Confirm delete?") and
+     * "Confirm?" otherwise. Pass it to localise.
+     */
+    confirmLabel?: ReactNode;
+    /**
+     * Called on the second press, while armed. May return a promise: the button
+     * then stays armed and shows its spinner until it settles.
+     */
+    onConfirm: () => unknown;
+    /** How long it stays armed without a second press, in ms. @default 3000 */
+    timeout?: number;
+    /** The idle look. @default "secondary" */
+    variant?: ButtonProps["variant"];
+    /** The armed look. @default "destructive" */
+    confirmVariant?: ButtonProps["variant"];
+    /** A labelled size — the label is the whole interaction, so no icon-only sizes. @default "md" */
+    size?: Exclude<NonNullable<ButtonProps["size"]>, IconSize>;
+    /** A leading icon, kept through both states (e.g. `<Icon name="trash" />`). */
+    icon?: ReactNode;
+    /**
+     * What assistive tech hears when it arms, after the armed label.
+     * @default "Press again to confirm."
+     */
+    confirmHint?: string;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The width easing and the draining countdown are the flourish; the
+     * label cross-fade and colour change stay under `subtle`.
+     * @default "full"
+     */
+    motion?: MotionLevel;
+}
+/**
+ * ConfirmButton — an inline two-step confirm for a low-stakes destructive or
+ * irreversible action, where a modal would be heavier than the decision.
+ *
+ *   <ConfirmButton icon={<Icon name="trash" />} onConfirm={removeRow}>Delete</ConfirmButton>
+ *
+ * The first press ARMS it: the label becomes the question ("Confirm delete?"),
+ * the button turns destructive, and a thin line drains along its foot for the
+ * time it will wait. A second press inside that time runs `onConfirm`. Leaving
+ * it — the timeout, Escape, focus moving away, a press elsewhere — disarms it
+ * and the original label returns. Enter and Space work twice, like a click.
+ *
+ * Both labels stay mounted in one grid cell and cross-fade. The button's width
+ * eases to the new label (useAutoSize + motion-size), so it grows into the
+ * question instead of jumping, and the neighbours it pushes travel rather than
+ * teleport. CSS alone cannot do it: a content-sized button computes
+ * `width: auto` before and after the swap, so nothing changes to transition.
+ *
+ * Built on Button: variants are swapped, never restyled, so every theme's
+ * destructive tier is the armed look.
+ */
+declare function ConfirmButton({ children, confirmLabel, onConfirm, timeout, variant, confirmVariant, size, icon, confirmHint, motion, disabled, className, onBlur, onKeyDown, ref, ...props }: ConfirmButtonProps): react.JSX.Element;
+declare namespace ConfirmButton {
+    var displayName: string;
+}
+
+declare const confirmButtonMeta: ComponentMeta;
+
+type LabelledSize = "xs" | "sm" | "md";
+interface LikeButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "iconStart" | "iconEnd" | "badge" | "loading" | "loadingLabel" | "render" | "type"> {
+    /** Pressed (liked), controlled. */
+    pressed?: boolean;
+    /** Pressed (liked) at first, uncontrolled. @default false */
+    defaultPressed?: boolean;
+    /** Called when a press turns it on or off, with the new state. */
+    onPressedChange?: (pressed: boolean, event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * The total, shown beside the glyph and rolled when it changes. Pressing
+     * adds or removes the viewer's like at once, before your handler has saved
+     * it, and the button goes back to showing `count` exactly whenever `count`
+     * changes — so pass the server's total and update it when the save lands.
+     * Omit it for a bare glyph.
+     */
+    count?: number;
+    /** How to write the count — `{ notation: "compact" }` for 1.2K. Passed to `Intl.NumberFormat`. */
+    format?: Intl.NumberFormatOptions;
+    /** The glyph, by icon name. Its `solid` variant is shown while pressed. @default "heart" */
+    icon?: string;
+    /**
+     * The palette family the glyph fills with while pressed; the burst blooms
+     * from it. A family, not a colour, so it follows the theme. @default "red"
+     */
+    tone?: PaletteColor;
+    /** The accessible name, read before the count. @default "Like" */
+    label?: string;
+    /** @default "ghost" */
+    variant?: "ghost" | "outline" | "secondary";
+    /** @default "sm" */
+    size?: LabelledSize;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The bloom and burst are the flourish; the fill and the count
+     * changing stay.
+     */
+    motion?: MotionLevel;
+}
+/**
+ * LikeButton — a pressed-or-not toggle for a like, a star, a save. Pressing
+ * it on fills the glyph, which blooms past its size and settles while a ring
+ * and a spray of dots burst from it, and the count rolls up a digit. Pressing
+ * it off is quiet: the glyph empties and the count rolls back.
+ *
+ *   <LikeButton count={post.likes} defaultPressed={post.liked} onPressedChange={(on) => save(on)} />
+ *   <LikeButton icon="star" tone="yellow" label="Star" count={repo.stars} />
+ *
+ * A Sable Button carrying `aria-pressed`, with Toggle's controlled/uncontrolled
+ * contract (`pressed` / `defaultPressed` / `onPressedChange`). It composes
+ * Button rather than Toggle: Toggle's pressed fill is the one thing a like
+ * must not show — its state is the glyph.
+ */
+declare function LikeButton({ className, count, format, icon, tone, label, variant, size, motion, pressed: pressedProp, defaultPressed, onPressedChange, onClick, ...props }: LikeButtonProps): react.JSX.Element;
+declare namespace LikeButton {
+    var displayName: string;
+}
+
+declare const likeButtonMeta: ComponentMeta;
+
 interface CardProps extends ComponentPropsWithRef<"div"> {
     /** "default" = raised surface (bg-card + edge + soft shadow). "flat" = transparent. */
     variant?: "default" | "flat";
@@ -1260,8 +1622,21 @@ type OtpFieldProps = Omit<BaseRootProps, "className" | "render" | "length" | "ch
      * @default (index, length) => `Character ${index + 1} of ${length}`
      */
     getSlotLabel?: (index: number, length: number) => string;
-    /** Marks every slot invalid. `<Field error>` sets this for you. */
+    /**
+     * Marks every slot invalid: destructive border and digits, and — when it
+     * turns on after mount — one short shake of the whole field. `<Field error>`
+     * sets this for you.
+     */
     "aria-invalid"?: boolean | "true" | "false";
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The shake on a refused code is the flourish; the destructive
+     * colour stays at every level.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 };
 /**
  * OtpField — a one-time-code entry over Base UI's OTP Field.
@@ -1278,8 +1653,13 @@ type OtpFieldProps = Omit<BaseRootProps, "className" | "render" | "length" | "ch
  * Slots are `text-mono-lg` (20px) so iOS Safari never zooms on focus, and sit
  * on the control ladder — `--control-md` wide, `--control-lg` tall — so a
  * compact Workspace retunes them with everything else.
+ *
+ * A refused code shakes the field once (motion-shake) as it turns invalid, and
+ * the digits take the destructive colour. The slots are NOT cleared: the wrong
+ * digits are the evidence of which one was mistyped, and the error message
+ * under the field says what to do next.
  */
-declare function OtpField({ className, length, groupSize, getSlotLabel, "aria-invalid": ariaInvalid, ...root }: OtpFieldProps): react.JSX.Element;
+declare function OtpField({ className, length, groupSize, getSlotLabel, "aria-invalid": ariaInvalid, motion, onAnimationEnd, ...root }: OtpFieldProps): react.JSX.Element;
 declare namespace OtpField {
     var displayName: string;
 }
@@ -1431,7 +1811,7 @@ declare namespace Label {
 
 declare const labelMeta: ComponentMeta;
 
-type RootProps$7 = Omit<ComponentProps<typeof Switch$1.Root>, "className"> & {
+type RootProps$8 = Omit<ComponentProps<typeof Switch$1.Root>, "className"> & {
     className?: string;
 };
 /**
@@ -1445,15 +1825,22 @@ type RootProps$7 = Omit<ComponentProps<typeof Switch$1.Root>, "className"> & {
  * Use it for immediate-effect toggles. For deferred/form-submit choices that
  * need a visible label and validation, reach for a checkbox instead.
  */
-declare function Switch({ className, ...props }: RootProps$7): react.JSX.Element;
+declare function Switch({ className, ...props }: RootProps$8): react.JSX.Element;
 declare namespace Switch {
     var displayName: string;
 }
 
 declare const switchMeta: ComponentMeta;
 
-type RootProps$6 = Omit<ComponentProps<typeof Checkbox$1.Root>, "className"> & {
+type RootProps$7 = Omit<ComponentProps<typeof Checkbox$1.Root>, "className"> & {
     className?: string;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Under `subtle` the tick fades in instead of drawing itself.
+     */
+    motion?: MotionLevel;
 };
 /**
  * Checkbox — themed wrapper over Base UI's Checkbox (Root + Indicator).
@@ -1469,7 +1856,7 @@ type RootProps$6 = Omit<ComponentProps<typeof Checkbox$1.Root>, "className"> & {
  * The box and its mark are shared with CheckboxCard (`CHECK_BOX` +
  * `CheckboxMark`), so the standalone control and the card's box cannot drift.
  */
-declare function Checkbox({ className, children, ...props }: RootProps$6): react.JSX.Element;
+declare function Checkbox({ className, children, motion, ...props }: RootProps$7): react.JSX.Element;
 declare namespace Checkbox {
     var displayName: string;
 }
@@ -1494,23 +1881,47 @@ declare const checkboxMeta: ComponentMeta;
  * no rule — the switcher idiom (Preview / Code, view modes inside a card),
  * where a rule under a short row of two or three options reads as structure
  * that is not there. The active tab reads from Base UI's `data-active`.
+ *
+ * In both styles the active mark is ONE element that travels: TabsList renders
+ * Base UI's Tabs.Indicator for you, and it glides (`motion-glide`) to the new
+ * tab and stretches to its width. See TabsList for the hand-off that keeps the
+ * first paint right before it mounts.
  */
-declare const Tabs: react.ForwardRefExoticComponent<Omit<_base_ui_react.TabsRootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type RootProps$6 = ComponentProps<typeof Tabs$1.Root> & {
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the glide, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     * @default "full"
+     */
+    motion?: MotionLevel;
+};
+declare function Tabs({ motion, ...props }: RootProps$6): react.JSX.Element;
+declare namespace Tabs {
+    var displayName: string;
+}
 type TabsVariant = "underline" | "pill";
 type ListProps$1 = Omit<ComponentProps<typeof Tabs$1.List>, "className"> & {
     className?: string;
     /** `underline` (default) or `pill`. Triggers inside inherit it. */
     variant?: TabsVariant;
 };
-/** The tablist — a row of triggers, on a divider rule or as pills. */
-declare function TabsList({ className, variant, ...props }: ListProps$1): react.JSX.Element;
+/**
+ * The tablist — a row of triggers, on a divider rule or as pills. It renders
+ * the gliding indicator itself, so composing TabsList + TabsTrigger is all a
+ * consumer writes.
+ */
+declare function TabsList({ className, variant, children, ...props }: ListProps$1): react.JSX.Element;
 type TriggerProps$4 = Omit<ComponentProps<typeof Tabs$1.Tab>, "className"> & {
     className?: string;
 };
 /**
  * A single tab button (Base UI's Tabs.Tab). Underline: the active tab draws its
  * rule via `data-active`, and `-mb-px` overlaps the list's divider. Pill: the
- * active tab takes a muted fill on the control ladder, and its label is trimmed
+ * active tab takes a muted fill on the control ladder. In both, that per-tab
+ * mark is only the fallback until TabsList's gliding indicator is shown; the
+ * tab is `relative` so it paints over the indicator. The pill label is trimmed
  * to the cap height so it centres optically in the short pill. A pill tab is a
  * button-shaped control, so it takes the theme's button shape (`--button-radius`,
  * as Button does): a pill in Sable, rounded in Poppy, square in Meridian.
@@ -1521,7 +1932,22 @@ declare function TabsTrigger({ className, children, ...props }: TriggerProps$4):
 type PanelProps$3 = Omit<ComponentProps<typeof Tabs$1.Panel>, "className"> & {
     className?: string;
 };
-/** The panel shown when its matching trigger is active. */
+/**
+ * The panel shown when its matching trigger is active.
+ *
+ * A changed panel fades in (`animate-fade-in`, essential: it confirms the
+ * click landed even when two panels look alike). Opacity only — a slide would
+ * move the content the reader is about to read. Two guards keep it from
+ * costing layout:
+ *
+ * - Not on first render. Base UI reports `data-activation-direction="none"`
+ *   until the selection has changed, so a page full of tabs does not fade in
+ *   on load.
+ * - The outgoing panel leaves at once. Base UI keeps it mounted until its
+ *   animations finish (`data-ending-style`); left displayed, a switch made
+ *   mid-fade stacked both panels for a moment and the page jumped by a panel's
+ *   height. `hidden` while ending takes it out of layout immediately.
+ */
 declare function TabsPanel({ className, ...props }: PanelProps$3): react.JSX.Element;
 
 declare const tabsMeta: ComponentMeta;
@@ -1590,6 +2016,38 @@ type SimpleTooltipProps = Omit<ComponentProps<typeof Tooltip$1.Root>, "children"
  * <TooltipProvider>; for arrows or richer content, use the composable parts.
  */
 declare function SimpleTooltip({ content, children, side, align, sideOffset, ...root }: SimpleTooltipProps): react.JSX.Element;
+interface TooltipGroupProps {
+    /** The triggers — `SimpleTooltip`s — that share the one tooltip. */
+    children: ReactNode;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Under `subtle` the tooltip jumps between triggers and only
+     * cross-fades its label.
+     */
+    motion?: MotionLevel;
+}
+/**
+ * TooltipGroup — one tooltip shared by every `SimpleTooltip` inside it, which
+ * glides from trigger to trigger as the pointer moves along a toolbar instead
+ * of closing and reopening:
+ *
+ *   <TooltipGroup>
+ *     <SimpleTooltip content="Bold"><Button … /></SimpleTooltip>
+ *     <SimpleTooltip content="Italic"><Button … /></SimpleTooltip>
+ *   </TooltipGroup>
+ *
+ * Renders no element of its own, so it drops into any layout. Each
+ * SimpleTooltip keeps its own `content`, `side`, `align` and `sideOffset`;
+ * `disabled` still turns one trigger off. Root-level props a SimpleTooltip
+ * would otherwise take (`open`, `onOpenChange`) belong to the shared tooltip
+ * and are ignored inside a group. The composable Tooltip parts are unaffected.
+ */
+declare function TooltipGroup({ children, motion }: TooltipGroupProps): react.JSX.Element;
+declare namespace TooltipGroup {
+    var displayName: string;
+}
 
 declare const tooltipMeta: ComponentMeta;
 
@@ -1870,6 +2328,64 @@ declare namespace ThinkingOrb {
 
 declare const thinkingOrbMeta: ComponentMeta;
 
+type ToolCallStatus = "running" | "awaiting" | "complete" | "error" | "denied";
+declare const TOOL_CALL_STATUS_LABELS: Record<ToolCallStatus, string>;
+interface ToolCallProps extends Omit<ComponentPropsWithRef<"div">, "title" | "children"> {
+    /** The tool's own name, as the model called it (`search_docs`). Shown in mono. */
+    name: string;
+    /**
+     * What the call does, in words a person reads ("Searched the docs"). Leads the
+     * row, with `name` after it. Omit it and the row leads with `name`.
+     */
+    title?: ReactNode;
+    /**
+     * Where the call is. `awaiting` is a call held for the person's approval;
+     * `denied` is one they declined.
+     * @default "running"
+     */
+    status?: ToolCallStatus;
+    /** Overrides the status word ("Running", "Done", …), for another language or a more specific phrase. */
+    statusLabel?: string;
+    /** The arguments. A string shows as is; anything else as formatted JSON. */
+    input?: unknown;
+    /** The result, shown the same way as `input`. `children` replaces it with a rendered result. */
+    output?: unknown;
+    /** What went wrong, for `status="error"`. Always visible, under the row, not behind the disclosure. */
+    error?: ReactNode;
+    /** A rendered result in place of `output`'s code view: a list of hits, a chart, a diff. */
+    children?: ReactNode;
+    /** Open the details on mount. @default false */
+    defaultOpen?: boolean;
+    /** Controlled open state of the details. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * ToolCall — one tool an agent called, inside its turn: what it did, where it
+ * is, and the arguments and result one click away.
+ *
+ *   <ToolCall
+ *     name="search_docs"
+ *     title="Searched the docs"
+ *     status="complete"
+ *     input={{ query: "date range" }}
+ *     output={{ hits: 3 }}
+ *   />
+ *
+ * The row is the summary, so a thread of ten calls stays scannable; the details
+ * are a disclosure because almost nobody reads them and the person checking
+ * one call needs all of it. The status glyph is the one thing that moves: the
+ * spinner swaps for the outcome when the call settles, which is the moment
+ * worth seeing. A status change is announced once, politely, after mount — a
+ * thread loaded from history announces nothing.
+ */
+declare function ToolCall({ name, title, status, statusLabel, input, output, error, children, defaultOpen, open, onOpenChange, className, ...props }: ToolCallProps): react.JSX.Element;
+declare namespace ToolCall {
+    var displayName: string;
+}
+
+declare const toolCallMeta: ComponentMeta;
+
 interface StreamingTextProps extends Omit<ComponentPropsWithoutRef<"p">, "children"> {
     /**
      * The text received SO FAR. Grow it as tokens arrive; this component assumes
@@ -2195,6 +2711,51 @@ declare const meterTrackVariants: (props?: ({
 
 declare const meterMeta: ComponentMeta;
 
+interface NumberTickerProps extends Omit<ComponentPropsWithRef<"span">, "children" | "prefix"> {
+    /** The number to show. When it changes, the digits roll to it. */
+    value: number;
+    /** How to write the number — currency, percent, fraction digits, compact. Passed to `Intl.NumberFormat`. */
+    format?: Intl.NumberFormatOptions;
+    /** BCP 47 locale(s) for the formatting. @default the runtime locale */
+    locales?: string | string[];
+    /** Before the number. A string is part of the number's text (and rolls in or out with it); an element is rendered as given. */
+    prefix?: ReactNode;
+    /** After the number ("+", " pts"). A string is part of the number's text; an element is rendered as given. */
+    suffix?: ReactNode;
+    /**
+     * Which way the digits roll. `auto` rolls up when the value grows and down
+     * when it shrinks, like an odometer; `up` / `down` fix the direction (a
+     * countdown, a score that only climbs). @default "auto"
+     */
+    trend?: "auto" | "up" | "down";
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     */
+    motion?: MotionLevel;
+}
+/**
+ * A number that rolls to its new value digit by digit, like an odometer —
+ * for a figure that changes in place while someone watches it: a dashboard
+ * total, a live count, a price as options change. Each digit is a column that
+ * turns to its new place; separators, signs and units hold still; a digit that
+ * appears or goes away eases its width, so the text around it never jumps.
+ *
+ * The first render is at rest — a number on first paint is content, not news.
+ * Under `subtle` (or reduced motion) the value simply updates. The visible
+ * columns are aria-hidden; the whole written number is real text for assistive
+ * tech and for copying. It is not a live region — pass `aria-live` when a
+ * change should be announced.
+ */
+declare function NumberTicker({ value, format, locales, prefix, suffix, trend, motion, className, ...props }: NumberTickerProps): react.JSX.Element;
+declare namespace NumberTicker {
+    var displayName: string;
+}
+
+declare const numberTickerMeta: ComponentMeta;
+
 /**
  * One segment's fill. The decorative tones lead, because a breakdown names
  * categories (kinds of sale, file types, teams), not good and bad; the status
@@ -2357,7 +2918,19 @@ interface CartesianBaseProps {
     xAxis?: boolean;
     /** The vertical axis. @default false for values (columns), true for categories (horizontal bars) */
     yAxis?: boolean;
-    /** Play the arrival when the chart scrolls into view. @default true */
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The arrival and the data-change morph are the flourish; the hover
+     * dim and the gliding cursor are the feedback `subtle` keeps.
+     */
+    motion?: MotionLevel;
+    /**
+     * Play the arrival when the chart scrolls into view. `animate={false}` is
+     * `motion="subtle"`.
+     * @deprecated Use `motion="subtle"` (what `animate={false}` now maps to: no arrival, hover kept) or `motion="off"`.
+     */
     animate?: boolean;
     /** The highlighted row (controlled). `null` for none. */
     activeIndex?: number | null;
@@ -2466,7 +3039,19 @@ interface PieChartProps {
     tooltip?: boolean | ChartTooltipOptions;
     valueFormatter?: ChartValueFormatter;
     locale?: string;
-    /** Sweep the slices in clockwise when the chart scrolls into view. @default true */
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The sweep, the slice morph and the rolling centre number are the
+     * flourish; the hover pull-out and dim are the feedback `subtle` keeps.
+     */
+    motion?: MotionLevel;
+    /**
+     * Sweep the slices in clockwise when the chart scrolls into view.
+     * `animate={false}` is `motion="subtle"`.
+     * @deprecated Use `motion="subtle"` (what `animate={false}` now maps to: no arrival, hover kept) or `motion="off"`.
+     */
     animate?: boolean;
     /** The pulled-out slice (controlled). */
     activeIndex?: number | null;
@@ -2481,7 +3066,7 @@ interface PieChartProps {
  * clockwise from 12 o'clock as the chart scrolls into view, and the active
  * slice pulls outward.
  */
-declare function PieChart({ data, index, valueKey, label, categories, className, donut, centerLabel, separator, labels, labelContent, legend, tooltip, valueFormatter, locale, animate, activeIndex, defaultActiveIndex, onActiveIndexChange, }: PieChartProps): react.JSX.Element;
+declare function PieChart({ data, index, valueKey, label, categories, className, donut, centerLabel, separator, labels, labelContent, legend, tooltip, valueFormatter, locale, motion, animate, activeIndex, defaultActiveIndex, onActiveIndexChange, }: PieChartProps): react.JSX.Element;
 declare namespace PieChart {
     var displayName: string;
 }
@@ -2514,7 +3099,19 @@ interface RadarChartProps {
     tooltip?: boolean | ChartTooltipOptions;
     valueFormatter?: ChartValueFormatter;
     locale?: string;
-    /** Grow the polygons from the centre when the chart scrolls into view. @default true */
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The polygons growing in and morphing are the flourish; the
+     * hover dot is the feedback `subtle` keeps.
+     */
+    motion?: MotionLevel;
+    /**
+     * Grow the polygons from the centre when the chart scrolls into view.
+     * `animate={false}` is `motion="subtle"`.
+     * @deprecated Use `motion="subtle"` (what `animate={false}` now maps to: no arrival, hover kept) or `motion="off"`.
+     */
     animate?: boolean;
     activeIndex?: number | null;
     defaultActiveIndex?: number | null;
@@ -2526,7 +3123,7 @@ interface RadarChartProps {
  * spokes and one to three series. Polygons grow out from the centre as the
  * chart scrolls into view.
  */
-declare function RadarChart({ data, index, series: rawSeries, label, className, grid, gridFill, filled, dots, radiusAxis, legend, tooltip, valueFormatter, locale, animate, activeIndex, defaultActiveIndex, onActiveIndexChange, }: RadarChartProps): react.JSX.Element;
+declare function RadarChart({ data, index, series: rawSeries, label, className, grid, gridFill, filled, dots, radiusAxis, legend, tooltip, valueFormatter, locale, motion, animate, activeIndex, defaultActiveIndex, onActiveIndexChange, }: RadarChartProps): react.JSX.Element;
 declare namespace RadarChart {
     var displayName: string;
 }
@@ -2563,7 +3160,19 @@ interface RadialChartProps {
     tooltip?: boolean | ChartTooltipOptions;
     valueFormatter?: ChartValueFormatter;
     locale?: string;
-    /** Draw the rings round from their start when the chart scrolls into view. @default true */
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The draw-on, the ring morph and the rolling centre number are the
+     * flourish; the hover dim is the feedback `subtle` keeps.
+     */
+    motion?: MotionLevel;
+    /**
+     * Draw the rings round from their start when the chart scrolls into view.
+     * `animate={false}` is `motion="subtle"`.
+     * @deprecated Use `motion="subtle"` (what `animate={false}` now maps to: no arrival, hover kept) or `motion="off"`.
+     */
     animate?: boolean;
     activeIndex?: number | null;
     defaultActiveIndex?: number | null;
@@ -2575,7 +3184,7 @@ interface RadialChartProps {
  * gauge and `stacked` splits one ring between rows. Rings draw round from 12
  * o'clock (or the gauge's left) as the chart scrolls into view.
  */
-declare function RadialChart({ data, index, valueKey, label, categories, className, max, sweep, stacked, track, labels, centerLabel, legend, tooltip, valueFormatter, locale, animate, activeIndex, defaultActiveIndex, onActiveIndexChange, }: RadialChartProps): react.JSX.Element;
+declare function RadialChart({ data, index, valueKey, label, categories, className, max, sweep, stacked, track, labels, centerLabel, legend, tooltip, valueFormatter, locale, motion, animate, activeIndex, defaultActiveIndex, onActiveIndexChange, }: RadialChartProps): react.JSX.Element;
 declare namespace RadialChart {
     var displayName: string;
 }
@@ -2591,7 +3200,19 @@ interface SparklineProps extends Omit<ComponentPropsWithRef<"svg">, "children" |
     variant?: "line" | "area" | "bar";
     /** Colour by role. @default "primary" */
     tone?: ChartTone;
-    /** Draw on (or rise) when it scrolls into view. @default true */
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Drawing on (or rising) as it scrolls into view is the
+     * flourish, so `subtle` shows the finished line.
+     */
+    motion?: MotionLevel;
+    /**
+     * Draw on (or rise) when it scrolls into view. `animate={false}` is
+     * `motion="subtle"`.
+     * @deprecated Use `motion="subtle"` (what `animate={false}` now maps to) or `motion="off"`.
+     */
     animate?: boolean;
     /** BCP 47 locale for the spoken numbers. */
     locale?: string;
@@ -2602,7 +3223,7 @@ interface SparklineProps extends Omit<ComponentPropsWithRef<"svg">, "children" |
  * stretched to fit, so it follows its container. For values a reader needs
  * to look up, use AreaChart or LineChart.
  */
-declare function Sparkline({ data, label, variant, tone, animate, locale, className, ...props }: SparklineProps): react.JSX.Element;
+declare function Sparkline({ data, label, variant, tone, motion, animate, locale, className, ...props }: SparklineProps): react.JSX.Element;
 declare namespace Sparkline {
     var displayName: string;
 }
@@ -2753,8 +3374,16 @@ type ToggleGroupProps = Omit<ComponentProps<typeof ToggleGroup$1>, "className">
      * @default "default"
      */
     appearance?: ToggleGroupAppearance;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the glide, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 };
-declare function ToggleGroup({ className, appearance, ...props }: ToggleGroupProps): react.JSX.Element;
+declare function ToggleGroup({ className, appearance, motion, children, ...props }: ToggleGroupProps): react.JSX.Element;
 declare namespace ToggleGroup {
     var displayName: string;
 }
@@ -3509,6 +4138,13 @@ interface NotificationBadgeProps extends ComponentPropsWithRef<"span">, Omit<Var
      * corner. @default false
      */
     overlay?: boolean;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     */
+    motion?: MotionLevel;
 }
 /**
  * An unread indicator. Two modes: a bare `dot`, or a `count` pill that shows
@@ -3516,11 +4152,15 @@ interface NotificationBadgeProps extends ComponentPropsWithRef<"span">, Omit<Var
  * picks the fill (destructive default; primary/neutral for non-alarming counts),
  * `size` scales it, and `overlay` pins it to the corner of a `relative` host.
  *
+ * A count that changes rolls to its new number (NumberTicker), and a badge that
+ * shows up after being empty pops in (motion-appear) — but never on first
+ * paint, so a page that loads with three unread does not perform them.
+ *
  * Decorative: it is `aria-hidden`, so the count reaches assistive tech through
  * the host's own name ("Notifications, 3 unread"). Pass `aria-hidden={false}`
  * only when the badge stands alone and its number is the information.
  */
-declare function NotificationBadge({ dot, count, max, tone, size, overlay, className, ...props }: NotificationBadgeProps): react.JSX.Element | null;
+declare function NotificationBadge({ dot, count, max, tone, size, overlay, motion, className, ...props }: NotificationBadgeProps): react.JSX.Element | null;
 declare namespace NotificationBadge {
     var displayName: string;
 }
@@ -3559,6 +4199,14 @@ type CalendarProps = DayPickerProps & {
      * @default false
      */
     bare?: boolean;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the month slide, `off` stills
+     * it. It can only turn motion down — it never overrides a reader's
+     * reduce-motion setting.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 };
 /**
  * Calendar — an owned wrapper over react-day-picker v9, themed entirely with
@@ -3571,7 +4219,7 @@ type CalendarProps = DayPickerProps & {
  *   const [date, setDate] = useState<Date>()
  *   <Calendar mode="single" selected={date} onSelect={setDate} />
  */
-declare function Calendar({ className, classNames, showOutsideDays, components, bare, ...props }: CalendarProps): react.JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, components, bare, motion, animate, ...props }: CalendarProps): react.JSX.Element;
 declare namespace Calendar {
     var displayName: string;
 }
@@ -3702,7 +4350,7 @@ declare const datePickerMeta: ComponentMeta;
  * binds it via Base UI's `toastManager` prop.
  */
 declare const toastManager: _base_ui_react.ToastManager<any>;
-/** Visual/semantic type of a toast — drives the accent and (for loading) a spinner. */
+/** Visual/semantic type of a toast — drives the status glyph and (for loading) a spinner. */
 type ToastType = "success" | "error" | "warning" | "info" | "loading";
 /** Screen anchor for the toast stack. */
 type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
@@ -3913,7 +4561,7 @@ type TriggerProps$1 = Omit<ComponentProps<typeof Accordion$1.Trigger>, "classNam
      * e.g. a plus-becomes-an-× FAQ toggle:
      *
      *   indicator={
-     *     <Icon name="plus" className="text-xs text-muted-foreground transition-transform [[data-panel-open]_&]:rotate-45" />
+     *     <Icon name="plus" className="text-xs text-muted-foreground motion-interactive [[data-panel-open]_&]:rotate-45" />
      *   }
      *
      * When omitted, the default chevron (rotating 180° on open) is used.
@@ -5101,7 +5749,7 @@ type GroupProps$1 = Omit<ComponentProps<typeof Collapsible>, "children" | "class
  *     <PropertyRow label="Tint">…</PropertyRow>
  *   </PropertyGroup>
  */
-declare function PropertyGroup({ label, summary, className, children, ...props }: GroupProps$1): react.JSX.Element;
+declare function PropertyGroup({ label, summary, className, children, open: openProp, defaultOpen, onOpenChange, ...props }: GroupProps$1): react.JSX.Element;
 declare namespace PropertyGroup {
     var displayName: string;
 }
@@ -5221,7 +5869,16 @@ declare function treeIndent(depth: number): string;
  * `className="min-h-0 flex-1 overflow-y-auto scrollbar-quiet"` when the tree is
  * the scrolling region itself.
  */
-declare function Tree({ className, children, onKeyDown, ...props }: ComponentProps<"div">): react.JSX.Element;
+type TreeProps = ComponentProps<"div"> & {
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Under `subtle` expanded rows appear at once instead of unfolding.
+     */
+    motion?: MotionLevel;
+};
+declare function Tree({ className, children, onKeyDown, motion, ...props }: TreeProps): react.JSX.Element;
 declare namespace Tree {
     var displayName: string;
 }
@@ -5547,10 +6204,23 @@ declare const appShellMeta: ComponentMeta;
 type SidebarContextValue = {
     collapsed: boolean;
     icons: boolean;
+    /**
+     * The rail has been collapsed at some point in this mount, so labels that
+     * mount now are coming back on a reopen and may fade in. False on first
+     * paint, so an expanded rail's labels are simply there on load.
+     */
+    reopened?: boolean;
 };
-/** Read the rail's collapsed state — e.g. to swap a full wordmark for a mark. */
 declare function useSidebar(): SidebarContextValue;
 interface SidebarProps extends ComponentPropsWithRef<"aside"> {
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the collapse ease and the
+     * current-page glide, `off` stills it. It can only turn motion down — it
+     * never overrides a reader's reduce-motion setting.
+     * @default "full"
+     */
+    motion?: MotionLevel;
     /**
      * Collapse the rail to an icon-only width. Controlled — drive it from app
      * state and wire a toggle (e.g. a Button in the header or footer). Collapsed,
@@ -5587,7 +6257,7 @@ interface SidebarProps extends ComponentPropsWithRef<"aside"> {
      */
     surface?: "rail" | "page";
 }
-declare function Sidebar({ collapsed, icons, variant, surface, className, children, ...props }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ collapsed, icons, variant, surface, motion, className, children, ...props }: SidebarProps): react.JSX.Element;
 declare namespace Sidebar {
     var displayName: string;
 }
@@ -5623,8 +6293,16 @@ declare function SidebarBrand({ mark, label, render, className, "aria-label": ar
 declare namespace SidebarBrand {
     var displayName: string;
 }
-/** The scrollable nav region — grows to fill the rail between header and footer. */
-declare function SidebarNav({ className, ...props }: ComponentPropsWithRef<"nav">): react.JSX.Element;
+/**
+ * The scrollable nav region — grows to fill the rail between header and footer.
+ *
+ * The current-page fill is ONE element that glides to the active item (the
+ * same engine and hand-off as SideNav), so a page change inside a persistent
+ * layout reads as the marker moving rather than one row dimming and another
+ * lighting. Each item keeps its own `data-[active]` fill as the server-render
+ * fallback until the glide mounts.
+ */
+declare function SidebarNav({ className, children, ...props }: ComponentPropsWithRef<"nav">): react.JSX.Element;
 declare namespace SidebarNav {
     var displayName: string;
 }
@@ -5674,6 +6352,14 @@ interface SideNavProps extends ComponentPropsWithRef<"nav"> {
      * local rails; `sidebar` matches the app Sidebar for sub-navs inside chrome.
      */
     activeVariant?: SideNavActiveVariant;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the glide, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 }
 /**
  * SideNav — a lightweight, in-content vertical navigation list: the settings /
@@ -5689,7 +6375,7 @@ interface SideNavProps extends ComponentPropsWithRef<"nav"> {
  *     <SideNavItem label="Account" render={<Link to="/settings/account" />} />
  *   </SideNav>
  */
-declare function SideNav({ className, size, activeVariant, ...props }: SideNavProps): react.JSX.Element;
+declare function SideNav({ className, size, activeVariant, motion, children, ...props }: SideNavProps): react.JSX.Element;
 declare namespace SideNav {
     var displayName: string;
 }
@@ -6363,6 +7049,13 @@ type CheckboxCardProps = Omit<ComponentProps<typeof Checkbox$1.Root>, "className
      * and icon. Defaults to "neutral" (the primary/accent treatment).
      */
     tone?: CheckboxCardTone;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Under `subtle` the tick fades in instead of drawing itself.
+     */
+    motion?: MotionLevel;
 };
 /**
  * CheckboxCard — a multi-select selection card: a card-sized Base UI Checkbox
@@ -6375,7 +7068,7 @@ type CheckboxCardProps = Omit<ComponentProps<typeof Checkbox$1.Root>, "className
  *     {REASONS.map((r) => <CheckboxCard key={r} value={r} title={r} />)}
  *   </CheckboxGroup>
  */
-declare function CheckboxCard({ className, title, description, icon, tone, ...props }: CheckboxCardProps): react.JSX.Element;
+declare function CheckboxCard({ className, title, description, icon, tone, motion, ...props }: CheckboxCardProps): react.JSX.Element;
 declare namespace CheckboxCard {
     var displayName: string;
 }
@@ -6808,6 +7501,14 @@ interface ThemeSwitcherProps extends Omit<ComponentPropsWithRef<"div">, "onChang
     onValueChange: (value: ThemeMode) => void;
     /** Accessible label for the group. @default "Theme" */
     label?: string;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the glide, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 }
 /**
  * ThemeSwitcher — a segmented light / dark / system switch. Presentational:
@@ -6824,7 +7525,7 @@ interface ThemeSwitcherProps extends Omit<ComponentPropsWithRef<"div">, "onChang
  *
  * Requires a `desktop` icon in the active IconSet (alongside `sun` + `moon`).
  */
-declare function ThemeSwitcher({ value, onValueChange, label, className, ref, ...props }: ThemeSwitcherProps): react.JSX.Element;
+declare function ThemeSwitcher({ value, onValueChange, label, motion, className, ref, ...props }: ThemeSwitcherProps): react.JSX.Element;
 declare namespace ThemeSwitcher {
     var displayName: string;
 }
@@ -7321,16 +8022,32 @@ interface FeedbackProps extends Omit<ComponentPropsWithRef<"form">, "onSubmit">
     ratings?: FeedbackRating[];
     /** Called with the rating + message when the form is submitted. */
     onSubmit?: (data: FeedbackData) => void;
+    /** The line shown, and read out, once the feedback is sent. @default "Thanks for the feedback." */
+    successMessage?: string;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. The drawn check is the flourish; the thanks line stays.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 }
 /**
  * Feedback — a compact feedback popover. Composes our Popover + Textarea +
  * Button + Toggle. A secondary trigger opens a small form with a row of rating
- * toggles and a message field; submitting calls `onSubmit` and closes the
- * popover. Rating and message are managed internally:
+ * toggles and a message field; submitting calls `onSubmit`, says thanks for a
+ * moment, then closes the popover. Rating and message are managed internally:
  *
  *   <Feedback onSubmit={({ rating, message }) => report(rating, message)} />
+ *
+ * The thanks used to be missing: the popover simply vanished on submit, which
+ * looks exactly like the form being dismissed or the message being lost. Now
+ * the form gives way to a drawn check and a line in the same box (the two
+ * share one grid cell, so the popover does not resize), and the popover closes
+ * on its own after a short read.
  */
-declare function Feedback({ label, heading, placeholder, submitLabel, ratings, onSubmit, className, ...props }: FeedbackProps): react.JSX.Element;
+declare function Feedback({ label, heading, placeholder, submitLabel, ratings, successMessage, onSubmit, motion, className, ...props }: FeedbackProps): react.JSX.Element;
 declare namespace Feedback {
     var displayName: string;
 }
@@ -7729,6 +8446,16 @@ interface CarouselProps {
      * the arrows only; the dots and the autoplay toggle keep their own shells.
      */
     arrowClassName?: string;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the glide, `off` stills it. It
+     * can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Under `subtle` the slides still travel (that is the answer to
+     * "next") and the active dot snaps; `off` also makes the slides cut and
+     * pauses autoplay, as reduced motion does.
+     * @default "full"
+     */
+    motion?: MotionLevel;
 }
 /**
  * Carousel — a generic, accessible, zero-dependency slide carousel. Transform
@@ -7744,7 +8471,7 @@ interface CarouselProps {
  *
  * Motion is token-driven, so transitions go instant under the motion policy.
  */
-declare function Carousel({ children, slidesToShow, gap, loop, autoplay, arrows, dots, counter, draggable, index: controlledIndex, defaultIndex, onIndexChange, label, className, slideClassName, arrowClassName, }: CarouselProps): react.JSX.Element | null;
+declare function Carousel({ children, slidesToShow, gap, loop, autoplay, arrows, dots, counter, draggable, index: controlledIndex, defaultIndex, onIndexChange, label, className, slideClassName, arrowClassName, motion, }: CarouselProps): react.JSX.Element | null;
 declare namespace Carousel {
     var displayName: string;
 }
@@ -8170,6 +8897,14 @@ interface ChatComposerProps extends Omit<ComponentPropsWithRef<"form">, "onSubmi
     }) => ReactNode);
     /** Ref to the underlying textarea — for focusing after a send, or on mount. */
     fieldRef?: ComponentPropsWithRef<"textarea">["ref"];
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps feedback and drops the flourish, `off` stills it.
+     * It can only turn motion down — it never overrides a reader's reduce-motion
+     * setting. Under `subtle` the field snaps to its new height and the send and
+     * stop glyphs fade rather than morph.
+     */
+    motion?: MotionLevel;
 }
 /**
  * ChatComposer — the input half of a conversation.
@@ -8203,7 +8938,7 @@ interface ChatComposerProps extends Omit<ComponentPropsWithRef<"form">, "onSubmi
  *   Interrupting a long generation is the most common thing a reader wants
  *   during one, and it belongs where their cursor already is.
  */
-declare function ChatComposer({ value, defaultValue, onValueChange, onSend, allowEmpty, placeholder, sendOn, busy, onStop, disabled, invalid, attachments, leading, actions, onAttach, label, sendLabel, stopLabel, footer, fieldRef, className, children, ...props }: ChatComposerProps): react.JSX.Element;
+declare function ChatComposer({ value, defaultValue, onValueChange, onSend, allowEmpty, placeholder, sendOn, busy, onStop, disabled, invalid, attachments, leading, actions, onAttach, label, sendLabel, stopLabel, footer, fieldRef, motion, className, children, ...props }: ChatComposerProps): react.JSX.Element;
 declare namespace ChatComposer {
     var displayName: string;
 }
@@ -8375,6 +9110,68 @@ declare namespace Message {
 
 declare const messageMeta: ComponentMeta;
 
+/** One choice in a reaction picker: the emoji and the name a screen reader says for it. */
+interface Reaction {
+    emoji: string;
+    /** The accessible name, e.g. "Heart". An emoji's own spoken name varies by platform. */
+    label: string;
+}
+/** The quick set a picker offers when you pass none — the reactions most chats lead with. */
+declare const DEFAULT_REACTIONS: readonly Reaction[];
+interface ReactionChoiceProps {
+    /** The choices, in order. @default DEFAULT_REACTIONS */
+    reactions?: readonly Reaction[];
+    /** The emoji the reader has already reacted with: shown pressed, and choosing one again removes it. */
+    selected?: readonly string[];
+    /** Called with the emoji the reader chose. Toggle it in or out of `selected`. */
+    onSelect?: (emoji: string) => void;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps the press and drops the wave of emoji blooming in,
+     * `off` stills it. It can only turn motion down.
+     */
+    motion?: MotionLevel;
+}
+interface ReactionPickerProps extends ReactionChoiceProps, Omit<ToolbarProps, "children" | "onSelect"> {
+    /** Trailing controls after the emoji — a "more" button that opens a full picker. */
+    children?: ReactNode;
+}
+/**
+ * ReactionPicker — the quick row of emoji you react to a message with. A
+ * toolbar: one stop in the tab order, the arrow keys move along it, and each
+ * emoji is a toggle reporting `aria-pressed`. Opening it plays a short wave as
+ * the emoji bloom in one after another, and the one under the pointer
+ * magnifies. Put it in a Popover from an add-reaction control — or use
+ * `BubbleReactionAdd`, which is exactly that — and use `MenuReactions` for the
+ * same row inside a right-click menu.
+ *
+ *   <ReactionPicker selected={mine} onSelect={(emoji) => toggle(message.id, emoji)} />
+ */
+declare function ReactionPicker({ reactions, selected, onSelect, motion, className, children, "aria-label": ariaLabel, ...props }: ReactionPickerProps): react.JSX.Element;
+declare namespace ReactionPicker {
+    var displayName: string;
+}
+interface MenuReactionsProps extends ReactionChoiceProps, Omit<ComponentProps<typeof Menu$1.Group>, "className" | "children" | "onSelect"> {
+    className?: string;
+}
+/**
+ * The same quick row as the first group of a menu — the reactions above Reply
+ * and Copy when a message is right-clicked or long-pressed. Each emoji is a
+ * checkbox menu item (checked when the reader has reacted with it), so the
+ * arrow keys and typeahead reach it like any other row, and choosing one
+ * closes the menu. Works in `MenuContent` and `ContextMenuContent` alike.
+ *
+ *   <ContextMenuContent>
+ *     <MenuReactions selected={mine} onSelect={toggle} />
+ *     <ContextMenuSeparator />
+ *     <ContextMenuItem>Reply</ContextMenuItem>
+ *   </ContextMenuContent>
+ */
+declare function MenuReactions({ reactions, selected, onSelect, motion, className, "aria-label": ariaLabel, ...props }: MenuReactionsProps): react.JSX.Element;
+declare namespace MenuReactions {
+    var displayName: string;
+}
+
 interface BubbleProps extends ComponentPropsWithRef<"div"> {
     /**
      * Surface treatment. `muted` for the other party, `primary` for the reader's
@@ -8409,8 +9206,9 @@ interface BubbleProps extends ComponentPropsWithRef<"div"> {
  *   <Message>
  *     <Bubble>Shipping it now.</Bubble>
  *     <BubbleReactions>
- *       <BubbleReaction emoji="🎉" count={3} active onClick={() => toggle("🎉")} />
- *       <BubbleReaction emoji="👀" count={1} onClick={() => toggle("👀")} />
+ *       <BubbleReaction emoji="🎉" label="Party" count={3} active onClick={() => toggle("🎉")} />
+ *       <BubbleReaction emoji="👀" label="Eyes" count={1} onClick={() => toggle("👀")} />
+ *       <BubbleReactionAdd selected={mine} onSelect={toggle} />
  *     </BubbleReactions>
  *   </Message>
  *
@@ -8427,31 +9225,82 @@ interface BubbleReactionsProps extends ComponentPropsWithRef<"div"> {
     /** Match the enclosing `<Bubble align>` so the row hangs off the right edge. @default "start" */
     align?: "start" | "end";
 }
-/** The row of reaction pills belonging to one bubble. */
-declare function BubbleReactions({ align, className, ...props }: BubbleReactionsProps): react.JSX.Element;
+/**
+ * The row of reaction pills belonging to one bubble. Render it for every
+ * message, even one with no reactions yet: it hides itself while empty, and
+ * staying mounted is how it knows the first reaction someone adds is new
+ * (and so celebrates) rather than one the page loaded with.
+ */
+declare function BubbleReactions({ align, className, children, ...props }: BubbleReactionsProps): react.JSX.Element;
 declare namespace BubbleReactions {
     var displayName: string;
 }
 interface BubbleReactionProps extends Omit<ComponentPropsWithRef<"button">, "children"> {
     /** The reaction glyph. Rendered as text, so any emoji works with no icon mapping. */
     emoji: ReactNode;
+    /**
+     * What the emoji means, for the accessible name ("Party, 3"). An emoji's own
+     * spoken name varies by platform; without a label the pill is named by its
+     * count alone.
+     */
+    label?: string;
     /** How many people reacted this way. Hidden at 1 — the pill already says "one". */
     count?: number;
     /** The reader reacted this way. Drives `aria-pressed`, not just the styling. */
     active?: boolean;
+    /**
+     * How much motion this component uses: `full` (default) inherits the app's
+     * policy, `subtle` keeps the tint and the count changing and drops the
+     * bloom and the spray of emoji, `off` stills it. It can only turn motion down.
+     */
+    motion?: MotionLevel;
 }
 /**
  * One reaction pill — a toggle, not a label. It reports `aria-pressed` because
  * "did I react to this" is state a screen-reader user needs before deciding
  * whether pressing it adds or removes their reaction.
+ *
+ * When it becomes the reader's own — pressed on, or added from a picker — the
+ * emoji blooms and a spray of copies of it bursts out, the way a chat app
+ * answers a reaction, and the count rolls. Pressing it off is quiet. A pill
+ * the page loads with never plays.
  */
-declare function BubbleReaction({ emoji, count, active, className, ...props }: BubbleReactionProps): react.JSX.Element;
+declare function BubbleReaction({ emoji, label, count, active, motion, className, ...props }: BubbleReactionProps): react.JSX.Element;
 declare namespace BubbleReaction {
     var displayName: string;
 }
+interface BubbleReactionAddProps extends Omit<ComponentPropsWithRef<"button">, "children" | "onSelect"> {
+    /** The choices the picker offers. @default DEFAULT_REACTIONS */
+    reactions?: readonly Reaction[];
+    /** The emoji the reader has already reacted with, shown pressed in the picker. */
+    selected?: readonly string[];
+    /** Called with the emoji the reader chose; the picker closes. Toggle it in or out of `selected`. */
+    onSelect?: (emoji: string) => void;
+    /** The accessible name. @default "Add reaction" */
+    label?: string;
+    /** Passed to the picker: how much motion it uses. */
+    motion?: MotionLevel;
+}
+/**
+ * The add-reaction pill at the end of a reaction row: a smiley that opens a
+ * ReactionPicker above it. Choosing an emoji closes the picker and hands the
+ * emoji to `onSelect`; add it to the row and the new pill celebrates as it
+ * arrives.
+ *
+ *   <BubbleReactions>
+ *     {pills}
+ *     <BubbleReactionAdd selected={mine} onSelect={toggle} />
+ *   </BubbleReactions>
+ */
+declare function BubbleReactionAdd({ reactions, selected, onSelect, label, motion, className, ...props }: BubbleReactionAddProps): react.JSX.Element;
+declare namespace BubbleReactionAdd {
+    var displayName: string;
+}
 
 declare const bubbleMeta: ComponentMeta;
 
+declare const reactionPickerMeta: ComponentMeta;
+
 interface AttachmentProps extends Omit<ComponentPropsWithRef<"div">, "onClick"> {
     /**
      * File name. When it runs out of room the stem truncates and the extension
@@ -8854,8 +9703,16 @@ type CopySource = string | (() => string | Promise<string>);
  *
  *   const { copy, copied } = useCopy(address)
  *   <Button variant="ghost" size="icon-sm" aria-label="Copy address" onClick={copy}>
- *     <Icon name={copied ? "check" : "copy"} />
+ *     <span aria-hidden="true" className="motion-icon-swap">
+ *       <span data-active={!copied} className="inline-flex"><Icon name="copy" /></span>
+ *       <span data-active={copied} className="inline-flex"><Icon name="check" /></span>
+ *     </span>
  *   </Button>
+ *   <span role="status" className="sr-only">{copied ? "Copied" : ""}</span>
+ *
+ * Both glyphs stay mounted so the copy mark cross-fades into the check (a
+ * ternary swap snaps between frames); the status line says it to a screen
+ * reader, which a glyph change does not. CodeBlock is the reference.
  *
  * Text that costs something to produce (a file to fetch, a document to
  * serialise) is passed as a function, called only on click:
@@ -8915,60 +9772,6 @@ interface SmoothWheelOptions {
  */
 declare function useSmoothWheel({ axis, mapVertical, smooth, }?: SmoothWheelOptions): (node: HTMLElement | null) => void;
 
-/**
- * The palette: nine colour families and a scale under every tone, generated
- * for whatever theme is painting. `scripts/build-palette.mjs` writes this into
- * `src/palette.css`; `palette.test.ts` holds every built-in theme to it.
- *
- * The contract is roles, and roles are not enough for a product. Tags, avatars,
- * labels and illustration need more colours than three tones, and raw Tailwind
- * steps ignore the theme, so they were banned outright. These follow it:
- *
- * - A **family** (red, orange, yellow, green, teal, blue, purple, pink) keeps
- *   its own hue and leans toward the brand by half the gap, at most 15°, and
- *   only as far as the brand has colour to lean toward (an ink-black primary
- *   pulls nothing). Material 3's harmonize, the same lean the customizer gives
- *   status colours. Lightness and chroma are fixed per step, fitted inside sRGB
- *   across the whole lean, so no brand can push a step out of gamut.
- * - **neutral** is the theme's own page and ink mixed in steps, so it carries
- *   whatever tint the theme's surfaces do.
- * - Every **tone** (tone-1…3, info, warning, success, destructive) gets a scale
- *   on one shared ladder of depths, and the tone lands exactly on the step
- *   nearest its own lightness: a light status colour in dark mode is 800, a
- *   mid one is 500. The steps either side stretch to keep the ladder's ends,
- *   so a tone near one end does not crush five steps into the little room
- *   left past it, and tone-1-100 and success-100 are the same depth.
- *
- * Steps follow the mode rather than literal lightness: a low step is always
- * near the page and a high step always far from it, so 800 text on a 100
- * wash reads in both modes with no `dark:` (Sable has none).
- */
-declare const PALETTE_STEPS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-type PaletteStep = (typeof PALETTE_STEPS)[number];
-interface PaletteFamily {
-    name: string;
-    /** The family's own hue, before the lean. */
-    hue: number;
-    /** Step 500, per mode: lightness and the chroma the family is aiming for. */
-    light: {
-        l: number;
-        c: number;
-    };
-    dark: {
-        l: number;
-        c: number;
-    };
-}
-declare const PALETTE_FAMILIES: readonly PaletteFamily[];
-/** The hue families by name — the values Badge, Pill and StatusDot take on `tone`. */
-declare const PALETTE_COLORS: readonly ["red", "orange", "yellow", "green", "teal", "blue", "purple", "pink"];
-type PaletteColor = (typeof PALETTE_COLORS)[number];
-declare const isPaletteColor: (value: unknown) => value is PaletteColor;
-/** Tokens that get a scale of their own, `--<token>-50` … `--<token>-950`. */
-declare const PALETTE_TONES: readonly ["tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
-/** Everything the palette names: neutral, the families, then the tone scales. */
-declare const PALETTE_SCALES: readonly ["neutral", ...string[], "tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
-
-declare const SABLE_UI_VERSION: "0.13.2";
+declare const SABLE_UI_VERSION: "0.15.0";
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, type ArtTone, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Button, type ButtonBleed, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, CaretMenu, CaretMenuItem, type CaretMenuItemProps, type CaretMenuProps, type CaretTrigger, type CaretTriggerField, type CaretTriggerMatch, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, type ConstraintFlag, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, type CopySource, DataTable, type DataTableColumn, type DataTableProps, type DataTableRowKey, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, DisclosurePicker, DisclosurePickerEmpty, DisclosurePickerList, type DisclosurePickerListProps, DisclosurePickerOption, type DisclosurePickerOptionProps, DisclosurePickerPanel, type DisclosurePickerPanelProps, type DisclosurePickerProps, type DisclosurePickerSearch, DisclosurePickerTrigger, type DisclosurePickerTriggerProps, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, type FieldsetVariant, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, FontPicker, type FontPickerFont, type FontPickerOption, type FontPickerProps, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, GradientArt, type GradientArtProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, InputGroup, type InputGroupProps, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, MediaImage, type MediaImageProps, MediaTile, type MediaTileProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Menubar, type MenubarProps, MenubarTrigger, type MenubarTriggerProps, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionPolicy, MotionProvider, type MotionProviderProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PALETTE_COLORS, PALETTE_FAMILIES, PALETTE_SCALES, PALETTE_STEPS, PALETTE_TONES, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaletteColor, type PaletteFamily, type PaletteStep, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, type Presentation, PresentationProvider, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyGroup, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SectionHeader, type SectionHeaderProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$2 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetPortal, type SheetProps, type SheetSnapPoint, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, SkipLink, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, type SmoothWheelOptions, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemePreview, type ThemePreviewProps, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastContent, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCaretTriggerOptions, type UseCaretTriggerResult, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonGroupMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, caretMenuMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, disclosurePickerMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, fontPickerMeta, formMeta, formatFileSize, formatHex, glidingHighlightMeta, gradientArtMeta, hsvToRgb, hueColor, inlineStatusMeta, inputGroupMeta, inputMeta, isPaletteColor, isTransparent, kbdMeta, labelMeta, lineChartMeta, markerMeta, marqueeMeta, mediaImageMeta, mediaTileMeta, menuMeta, menubarMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, navigationMenuMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, sectionHeaderMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useCaretTrigger, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useDisclosurePicker, useInView, useMotion, usePanelWidth, usePresentation, useReducedMotion, useScrollActivity, useSidebar, useSmoothWheel, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, type ArtTone, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, BubbleReactionAdd, type BubbleReactionAddProps, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Burst, type BurstProps, Button, type ButtonBleed, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, CaretMenu, CaretMenuItem, type CaretMenuItemProps, type CaretMenuProps, type CaretTrigger, type CaretTriggerField, type CaretTriggerMatch, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, ConfirmButton, type ConfirmButtonProps, type ConstraintFlag, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, type CopySource, DEFAULT_REACTIONS, DataTable, type DataTableColumn, type DataTableProps, type DataTableRowKey, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, DisclosurePicker, DisclosurePickerEmpty, DisclosurePickerList, type DisclosurePickerListProps, DisclosurePickerOption, type DisclosurePickerOptionProps, DisclosurePickerPanel, type DisclosurePickerPanelProps, type DisclosurePickerProps, type DisclosurePickerSearch, DisclosurePickerTrigger, type DisclosurePickerTriggerProps, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, type FieldsetVariant, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, FontPicker, type FontPickerFont, type FontPickerOption, type FontPickerProps, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, GradientArt, type GradientArtProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, InputGroup, type InputGroupProps, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LikeButton, type LikeButtonProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, MediaImage, type MediaImageProps, MediaTile, type MediaTileProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuReactions, type MenuReactionsProps, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Menubar, type MenubarProps, MenubarTrigger, type MenubarTriggerProps, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionLevel, type MotionPolicy, MotionProvider, type MotionProviderProps, MotionScope, type MotionScopeProps, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, NumberTicker, type NumberTickerProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PALETTE_COLORS, PALETTE_FAMILIES, PALETTE_SCALES, PALETTE_STEPS, PALETTE_TONES, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaletteColor, type PaletteFamily, type PaletteStep, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, type Presentation, PresentationProvider, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyGroup, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, type Reaction, ReactionPicker, type ReactionPickerProps, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SectionHeader, type SectionHeaderProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$2 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetPortal, type SheetProps, type SheetSnapPoint, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, SkipLink, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, type SmoothWheelOptions, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TOOL_CALL_STATUS_LABELS, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemePreview, type ThemePreviewProps, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastContent, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, ToolCall, type ToolCallProps, type ToolCallStatus, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipGroup, type TooltipGroupProps, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCaretTriggerOptions, type UseCaretTriggerResult, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonGroupMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, caretMenuMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, confirmButtonMeta, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, disclosurePickerMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, fontPickerMeta, formMeta, formatFileSize, formatHex, glidingHighlightMeta, gradientArtMeta, hsvToRgb, hueColor, inlineStatusMeta, inputGroupMeta, inputMeta, isPaletteColor, isTransparent, kbdMeta, labelMeta, likeButtonMeta, lineChartMeta, markerMeta, marqueeMeta, mediaImageMeta, mediaTileMeta, menuMeta, menubarMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, motionAttribute, navigationMenuMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, numberTickerMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, reactionPickerMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, sectionHeaderMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolCallMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useAutoSize, useCaretTrigger, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useDisclosurePicker, useInView, useMotion, useMotionLevel, usePanelWidth, usePresentation, useReducedMotion, useScrollActivity, useShake, useSidebar, useSmoothWheel, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };