@uisatin/ui 0.0.0-stage → 0.1.1

package/components/radio.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+/**
+ * Radio, 1:1 with the uiKit `_radioBase` (852:22410) and `Radio` (852:22426) sets: a 16px
+ * circle, checked as a solid primary fill with a 6px dot, with an optional label (14/20 medium,
+ * text/default) and description (14/20 regular, muted) 2px apart, 8px from the circle, on either
+ * side. Disabled turns both texts text/subtle. The look of every state is
+ * styles/components/radio.css.
+ *
+ * A Radio lives in a RadioGroup (Radix): the group owns the value, so `checked` (Figma's
+ * property) follows from the group's `value` / `defaultValue`, and arrow keys move between
+ * options. With a label or description the whole field is a `<label>`, so a click anywhere on
+ * it (circle, label, description) picks the option, and hovering it hovers the circle; the label
+ * names the circle, the description is wired with `aria-describedby`.
+ */
+export interface RadioGroupProps extends React.ComponentProps<typeof RadioGroupPrimitive.Root> {
+}
+export declare function RadioGroup({ className, ...props }: RadioGroupProps): React.JSX.Element;
+export interface RadioProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Which side of the text the circle sits on. */
+    placement?: 'left' | 'right';
+    /** Show a state without interacting, for state sheets. */
+    'data-force'?: 'hover' | 'focus' | 'pressed';
+}
+export declare function Radio({ className, label, description, placement, id, disabled, ...props }: RadioProps): React.JSX.Element;

package/components/radio.js

@@ -0,0 +1,4 @@
+'use client';export { Radio, RadioGroup } from '../chunk-LLHTVIM3.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=radio.js.map
+//# sourceMappingURL=radio.js.map

package/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"radio.js"}

package/components/search-bar.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+/**
+ * SearchBar, 1:1 with the uiKit `searchBar` (3233:18871): a 32px field for the sidebar that
+ * fills its container. A 16px search icon in text/muted, 13px text (placeholder text/subtle),
+ * 8px padding and gaps, radius-lg, border/default on bg/card with the xs shadow; hover takes
+ * border/strong, focus border/focus with the 2px focus ring. The ⌘K keys (Kbd sm) can be hidden
+ * with `shortcut={false}`.
+ *
+ * With `shortcut`, ⌘K or Ctrl+K anywhere on the page focuses it; Escape clears it.
+ */
+export interface SearchBarProps extends Omit<React.ComponentProps<'input'>, 'size'> {
+    /** Show the ⌘K keycaps and listen for the shortcut. */
+    shortcut?: boolean;
+    /** Listen for ⌘K / Ctrl+K. Defaults to `shortcut`; turn it off when something else owns the
+     *  shortcut (a Command menu this bar opens) but the keycaps should still show. */
+    hotkey?: boolean;
+    /** Classes for the outer field; `className` styles the input. */
+    wrapperClassName?: string;
+}
+export declare const SearchBar: React.ForwardRefExoticComponent<Omit<SearchBarProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/components/search-bar.js

@@ -0,0 +1,5 @@
+'use client';export { SearchBar } from '../chunk-UGRSWP6U.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=search-bar.js.map
+//# sourceMappingURL=search-bar.js.map

package/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"search-bar.js"}

package/components/segmented-control.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+/**
+ * SegmentedControl, from the uiKit `segmented control` page: 2–5 segments that switch
+ * views or filters in place. One segment is always selected; the selected pill slides under
+ * the labels to the new segment, as in Tabs and Pagination (sliding-indicator.tsx: 300 ms,
+ * the leading edge first): a white card with Shadow/sm in Light. Arrow keys move between segments.
+ * Values 1:1 with the uiKit `_segmentedControl/item` (3080:20278) and `SegmentedControl` (3080:21247) sets.
+ */
+type Size = 'xs' | 'md' | 'lg';
+type Shape = 'default' | 'rounded';
+export interface SegmentedControlItem {
+    value: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SegmentedControlProps {
+    items: SegmentedControlItem[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: Size;
+    shape?: Shape;
+    /** A 1px border-subtle outline around the track. */
+    border?: boolean;
+    fullWidth?: boolean;
+    /** Required when the segments have no visible text of their own. */
+    'aria-label'?: string;
+    className?: string;
+}
+export declare function SegmentedControl({ items, value: valueProp, defaultValue, onValueChange, size, shape, border, fullWidth, className, ...aria }: SegmentedControlProps): React.JSX.Element;
+export {};

package/components/segmented-control.js

@@ -0,0 +1,5 @@
+'use client';export { SegmentedControl } from '../chunk-WTMZT3IT.js';
+import '../chunk-J3NSDRVH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=segmented-control.js.map
+//# sourceMappingURL=segmented-control.js.map

package/components/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"segmented-control.js"}

package/components/select.d.ts

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import { type MenuItemContentProps } from './dropdown.js';
+/**
+ * Select, 1:1 with the uiKit `Select` set (4022:3531): the field around it is Input's (a 13px
+ * medium label 8px above, a 13px hint or error under it), the trigger is Input's skin with the
+ * value and a 16px chevron (sm 28, md 32, lg 36; 12px in, 8px gaps), an optional 16px leading
+ * icon (by default the picked option's own icon, when the options have icons). Placeholder is text/muted, a value text/default. While the list is open the trigger
+ * keeps the focus border and ring.
+ *
+ * The list is the Dropdown menu: the same surface, rows, groups and options, so every option
+ * takes what a `DropdownMenuItem` takes (icon, description, stacked or inline layout, 20px
+ * icons, a shortcut) and the current one is marked with the check. It opens 4px under the
+ * trigger, at least as wide.
+ *
+ * Built on the Radix Select: arrow keys, typeahead, Home/End, Escape, a native form value
+ * (`name`), and focus back on the trigger. Inside a FormField, leave out `label`, `hint` and
+ * `error`.
+ */
+export interface SelectOption extends Omit<MenuItemContentProps, 'label' | 'selected' | 'renderLabel' | 'layout' | 'iconSize'> {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectGroup {
+    label?: React.ReactNode;
+    options: SelectOption[];
+}
+export interface SelectProps {
+    /** Options, or titled groups of options. */
+    options: SelectOption[] | SelectGroup[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    /** An error message (replaces the hint), or `true` to mark the field invalid without one. */
+    error?: React.ReactNode | boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /** A 16px icon before the value. Left out, the picked option's own icon shows there. */
+    leadingIcon?: React.ReactNode;
+    /** Row layout of every option: description under the label, or after it. */
+    layout?: MenuItemContentProps['layout'];
+    /** Option icon size; 20 suits stacked two-line options. */
+    iconSize?: MenuItemContentProps['iconSize'];
+    disabled?: boolean;
+    required?: boolean;
+    /** Form field name, for a native form submit. */
+    name?: string;
+    id?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    'aria-label'?: string;
+    /** Classes for the outer wrapper (label + field + hint). `className` styles the trigger. */
+    wrapperClassName?: string;
+    className?: string;
+    /** Show a state without interacting, for state sheets. */
+    'data-force'?: 'hover' | 'focus';
+}
+export declare const isOptionGroups: <T>(o: T[] | {
+    options: T[];
+}[]) => o is {
+    options: T[];
+}[];
+/** Ids and state for a field with a label, a hint or an error, inside or outside a FormField. */
+export declare function useFieldChrome({ id, disabled, error, hint, }: {
+    id?: string;
+    disabled?: boolean;
+    error?: React.ReactNode | boolean;
+    hint?: React.ReactNode;
+}): {
+    controlId: string;
+    disabled: boolean;
+    invalid: boolean;
+    required: boolean | undefined;
+    describedBy: string | undefined;
+    message: React.ReactNode;
+    messageId: string | undefined;
+    isError: boolean;
+};
+/** Label 8px above the control, hint or error 8px under it: Input's field, for Select and Combobox. */
+export declare function FieldChrome({ label, action, chrome, className, children, }: {
+    label?: React.ReactNode;
+    /** On the label's line, at the field's right edge: the smallest button, e.g. Clear. */
+    action?: React.ReactNode;
+    chrome: ReturnType<typeof useFieldChrome>;
+    className?: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** The trigger's chevron, 16px in the icon colour. */
+export declare function SelectChevron({ className }: {
+    className?: string;
+}): React.JSX.Element;
+export declare function Select({ options, value, defaultValue, onValueChange, placeholder, label, hint, error, size, leadingIcon, layout, iconSize, disabled, required, name, id, open, defaultOpen, onOpenChange, container, wrapperClassName, className, 'data-force': force, ...props }: SelectProps): React.JSX.Element;

package/components/select.js

@@ -0,0 +1,7 @@
+'use client';export { FieldChrome, Select, SelectChevron, isOptionGroups, useFieldChrome } from '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

package/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"select.js"}

package/components/sheet.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+/**
+ * Sheet, 1:1 with the uiKit `Sheet` set (4025:3504): a panel that slides in from an edge and sits
+ * flush with it, square and borderless on that side. bottom for phones (full width, radius-2xl
+ * on the top corners, a 24px handle band with a 36 × 4 border/strong grip); right or left for
+ * wider screens (400px, full height, radius-2xl on the inner corners, the Dialog's 36px close
+ * button 7px from the top-right corner). Both are bg/card with a
+ * border/subtle edge on the open side and the shadcn `lg` shadow, 16px in and 16px between a
+ * header (14px medium title over a 13px muted description, 2px apart), the content and a
+ * right-aligned footer of buttons 8px apart (on the bottom sheet they share the width).
+ *
+ * Built on the Radix Dialog: focus moves in on open and back to the trigger on close; Escape,
+ * the backdrop or the handle closes it. It slides in over 250 ms on ease-out and out over 200.
+ */
+export interface SheetProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Optional element that opens the sheet (rendered with `asChild`, so pass a Button). */
+    trigger?: React.ReactNode;
+    side?: 'bottom' | 'right' | 'left';
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** The buttons at the bottom. Wrap one in `SheetClose` to make it close the sheet. */
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    /** Modal blocks the page and shows the overlay; turn it off for inline previews. */
+    modal?: boolean;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    onOpenAutoFocus?: (event: Event) => void;
+    className?: string;
+}
+export declare function Sheet({ open, defaultOpen, onOpenChange, trigger, side, title, description, footer, children, modal, container, onOpenAutoFocus, className, }: SheetProps): React.JSX.Element;
+/** Wrap a footer button in this to make it close the sheet: `<SheetClose asChild><Button…/></SheetClose>`. */
+export declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/components/sheet.js

@@ -0,0 +1,6 @@
+'use client';export { Sheet, SheetClose } from '../chunk-TKO44NDI.js';
+import '../chunk-JPNWHWAQ.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=sheet.js.map
+//# sourceMappingURL=sheet.js.map

package/components/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sheet.js"}

package/components/sidebar.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { Collapsible } from 'radix-ui';
+export interface SidebarProps extends React.ComponentProps<'nav'> {
+}
+/** The navigation landmark. Name it with `aria-label` when a page has more than one nav. */
+export declare function Sidebar({ className, ...props }: SidebarProps): React.JSX.Element;
+export interface SidebarItemProps extends Omit<React.ComponentProps<'a'>, 'children'> {
+    label: string;
+    icon?: React.ReactNode;
+    /** The current page. Sets `aria-current="page"`. */
+    active?: boolean;
+    /** Unread or pending work. Hidden at 0. */
+    count?: number;
+    /** The collapsed rail: icon only, label in a tooltip. */
+    iconOnly?: boolean;
+    disabled?: boolean;
+    /** Render your router's link instead of `<a>`. */
+    asChild?: boolean;
+    children?: React.ReactNode;
+}
+export declare function SidebarItem({ className, label, icon, active, count, iconOnly, disabled, asChild, href, children, ...props }: SidebarItemProps): React.JSX.Element;
+export interface SidebarGroupProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, 'children'> {
+    label: string;
+    icon?: React.ReactNode;
+    /** How many items the group holds. */
+    count?: number;
+    children?: React.ReactNode;
+    /** Forwarded to the header button, e.g. `data-force="hover"` on a state sheet. */
+    triggerProps?: React.ComponentProps<'button'> & {
+        'data-force'?: string;
+    };
+}
+export declare function SidebarGroup({ className, label, icon, count, defaultOpen, open: openProp, onOpenChange, children, triggerProps, ...props }: SidebarGroupProps): React.JSX.Element;
+export interface SidebarSubItemProps extends Omit<React.ComponentProps<'a'>, 'children'> {
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+    asChild?: boolean;
+    children?: React.ReactNode;
+}
+export declare function SidebarSubItem({ className, label, active, disabled, asChild, href, children, ...props }: SidebarSubItemProps): React.JSX.Element;
+export interface SidebarSubGroupProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    label: string;
+    /** Its `SidebarSubItem`s; they sit 12px further in. */
+    children?: React.ReactNode;
+    /** One of its sub-items is the current page: opens it by default and marks the label. */
+    active?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function SidebarSubGroup({ className, label, children, active, open: openProp, defaultOpen, onOpenChange, ...props }: SidebarSubGroupProps): React.JSX.Element;

package/components/sidebar.js

@@ -0,0 +1,4 @@
+'use client';export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from '../chunk-BNTPPZCK.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=sidebar.js.map
+//# sourceMappingURL=sidebar.js.map

package/components/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar.js"}

package/components/skeleton.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * Skeleton, 1:1 with the uiKit `Skeleton` set (4025:3862): a bg/muted placeholder in three
+ * shapes. text is a 12px line at radius-sm (240 wide by default), circle 32px round, rect
+ * 240 × 120 at radius-lg. Size it with `width` / `height` or classes.
+ *
+ * `animated` runs a soft band across the block (a 6% wash of text/default, so it lightens in
+ * Dark and darkens in Light), 1.6 s a pass on ease-in-out; with reduced motion it stays still.
+ *
+ * The blocks are aria-hidden: put `aria-busy` on the region that is loading.
+ */
+export interface SkeletonProps extends React.ComponentProps<'div'> {
+    shape?: 'text' | 'circle' | 'rect';
+    animated?: boolean;
+    width?: number | string;
+    height?: number | string;
+}
+export declare function Skeleton({ shape, animated, width, height, className, style, ...props }: SkeletonProps): React.JSX.Element;

package/components/skeleton.js

@@ -0,0 +1,4 @@
+'use client';export { Skeleton } from '../chunk-YG7JOOLJ.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.js.map

package/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"skeleton.js"}

package/components/slider.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+/**
+ * Slider, 1:1 with the uiKit `Slider` set (4025:3621): a 4px bg/muted track with the picked
+ * part in action/primary/bg, and 16px bg/popover thumbs with a border/strong ring and the
+ * shadow-sm drop (0 1 3). Hover turns the ring text/subtle, keyboard focus adds a 2px focus
+ * ring, disabled fades the whole slider to 50%. 20px tall, so the thumbs have room.
+ *
+ * One value or a range: pass a number or a `[from, to]` pair as `value` / `defaultValue`.
+ *
+ * Around it, all optional:
+ * - `label` on the left above the track and, on the same line at the right, the picked value
+ *   (`showValue`, on by default, "40" or "20 – 80", through `formatValue`).
+ * - `inputs`: small number fields beside the track to type a value: the range's from on the
+ *   left and to on the right, a single value on the right. They take the readout's place.
+ *   A typed value is clamped, snapped to `step` and kept in order on Enter or blur; Escape
+ *   puts the current value back.
+ * - `tooltip`: the value in a Tooltip bubble over the thumb while it is dragged or moved with
+ *   the keys.
+ * - `orientation="vertical"`: the track runs bottom to top (160px unless styled), the inputs
+ *   go above (to) and below (from or the single value).
+ *
+ * Built on the Radix Slider: arrow keys, Page Up/Down, Home/End, a native form value (`name`)
+ * and a `slider` role per thumb, with `formatValue` as its spoken value.
+ */
+export interface SliderProps {
+    /** A number, or a `[from, to]` pair for a range. */
+    value?: number | [number, number];
+    defaultValue?: number | [number, number];
+    /** Every change while it moves. Gets a number or a pair, as given. */
+    onValueChange?: (value: number | [number, number]) => void;
+    /** Once, when a drag ends or a key or a typed value changes it. */
+    onValueCommit?: (value: number | [number, number]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Smallest gap between the range's thumbs, in steps. */
+    minStepsBetweenThumbs?: number;
+    label?: React.ReactNode;
+    /** The picked value at the right of the label's line. Hidden while `inputs` are on. */
+    showValue?: boolean;
+    /** Small number fields beside the track to type the value. */
+    inputs?: boolean;
+    /** The value in a bubble over the thumb while it moves. */
+    tooltip?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    /** How a value reads in the readout, the bubble, the fields' neighbours and to screen readers. */
+    formatValue?: (value: number) => string;
+    disabled?: boolean;
+    /** Form field name, for a native form submit. */
+    name?: string;
+    id?: string;
+    /** Names the slider when there is no `label`. */
+    'aria-label'?: string;
+    /** Classes for the outer wrapper. */
+    className?: string;
+}
+export declare function Slider({ value: valueProp, defaultValue, onValueChange, onValueCommit, min, max, step, minStepsBetweenThumbs, label, showValue, inputs, tooltip, orientation, formatValue, disabled, name, id, 'aria-label': ariaLabel, className, }: SliderProps): React.JSX.Element;

package/components/slider.js

@@ -0,0 +1,8 @@
+'use client';export { Slider } from '../chunk-L6NCCSIP.js';
+import '../chunk-YPNKBE5X.js';
+import '../chunk-B6V4VSGH.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=slider.js.map
+//# sourceMappingURL=slider.js.map

package/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"slider.js"}

package/components/sliding-indicator.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+/**
+ * The background (or underline) that slides under the selected item of Tabs, Segmented control
+ * and Pagination, all on one motion: 300 ms on the kit's ease-out, the leading edge (the one
+ * on the side it is heading to) moving straight away and the trailing edge 30 ms behind, so it
+ * stretches a little towards the new item and settles there. A change mid-move carries on from
+ * wherever it is. Only a change of selection animates; a resize just puts it in place. With
+ * reduced motion it moves at once.
+ *
+ * `listRef` is the positioned element the items sit in, `selector` finds the selected item in
+ * it, `selected` is whatever names the selection. Render the indicator absolutely at left 0 of
+ * the list with the returned `ref`; until it is placed (`ready`), let the selected item paint
+ * its own fill so the server render isn't bare.
+ */
+export declare const SLIDE_MS = 300;
+export declare function useSlidingIndicator<T extends HTMLElement = HTMLSpanElement>(listRef: React.RefObject<HTMLElement | null>, selector: string, selected: unknown, 
+/** Off: it moves to the new item at once. */
+{ animate: motionOn }?: {
+    animate?: boolean;
+}): {
+    ref: React.RefObject<T | null>;
+    ready: boolean;
+};

package/components/sliding-indicator.js

@@ -0,0 +1,3 @@
+'use client';export { SLIDE_MS, useSlidingIndicator } from '../chunk-J3NSDRVH.js';
+//# sourceMappingURL=sliding-indicator.js.map
+//# sourceMappingURL=sliding-indicator.js.map

package/components/sliding-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sliding-indicator.js"}

package/components/streaming-text.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+/**
+ * Streaming text: an agent's answer writing itself out as it arrives, in the assistant
+ * Message's type (text/default 13/19.5).
+ *
+ * Give it the text received so far and keep it growing; `streaming` while more is coming. A
+ * model sends text in uneven chunks, so the component doesn't print them as they land: it
+ * writes at an even pace (`speed`, letters a second), stops briefly after a full stop or a
+ * comma, and speeds up when it falls behind, so a backlog never takes more than about a second
+ * to catch up. A caret (2px, action/primary/bg) sits at the end while it writes.
+ *
+ * `reveal` is how each piece comes in: `blur` (default) fades every letter in from a 2px blur
+ * over 220 ms, `fade` without the blur, `word` a word at a time, `none` prints letters as they
+ * come with no motion. Only the letters arriving animate; the rest carry no filter.
+ *
+ * The whole text received is in the DOM from the start (letters not yet written are only
+ * transparent), so screen readers get it at once; the box is aria-busy while it streams.
+ * With reduced motion it shows everything received straight away.
+ */
+export interface StreamingTextProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Everything received so far. Grow it as chunks arrive. */
+    text: string;
+    /** More is coming: keeps the caret and the pace going. */
+    streaming?: boolean;
+    /** Letters written a second at the even pace. */
+    speed?: number;
+    reveal?: 'blur' | 'fade' | 'word' | 'none';
+    /** The caret at the end while it writes. */
+    caret?: boolean;
+    /** Called once everything received is written and `streaming` is off. */
+    onDone?: () => void;
+}
+export declare function StreamingText({ text, streaming, speed, reveal, caret, onDone, className, ...props }: StreamingTextProps): React.JSX.Element;

package/components/streaming-text.js

@@ -0,0 +1,4 @@
+'use client';export { StreamingText } from '../chunk-RTJ76X5U.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=streaming-text.js.map
+//# sourceMappingURL=streaming-text.js.map

package/components/streaming-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"streaming-text.js"}

package/components/switch.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Switch as SwitchPrimitive } from 'radix-ui';
+/**
+ * Switch, 1:1 with the uiKit `_switchBase` (3647:17617) and `Switch` (3647:17714) sets: a
+ * 32 × 18 track (border/input off, calm green on, each with its hover), a 14px white thumb,
+ * a 2px focus ring, 50% when disabled. Label medium 13/19.5, description muted, 10px from
+ * the track. Use it for settings that apply at once; use a checkbox inside a form.
+ * The look of every state lives in styles/components.css.
+ */
+export interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    placement?: 'left' | 'right';
+}
+export declare function Switch({ className, label, description, placement, id, ...props }: SwitchProps): React.JSX.Element;

package/components/switch.js

@@ -0,0 +1,4 @@
+'use client';export { Switch } from '../chunk-SH6NG6VN.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"switch.js"}

package/components/table.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+/**
+ * Table, 1:1 with the uiKit `Table` set (3411:21610) and its parts: table/header (3410:17835),
+ * table/row (3410:18040), table/cell (3409:17760), table/headerCell (3409:17734) and
+ * table/checkboxCell (3409:17703). A real `<table>`.
+ *
+ * - Frame: bg/card, 1px border-subtle, radius-xl, clipped.
+ * - Header row: component/table-header fill, 1px border-subtle under it. Header cells pad
+ *   4 / 8 / 4 / 4 around a label button (8px sides, 3px top and bottom, radius-md, medium
+ *   13/18, text-muted); hover tints the button bg-hover. Sortable headers cycle
+ *   none → asc → desc with a 14px arrow 10px after the label, and set aria-sort.
+ * - Cells: 12 left, 10 right, 8 top and bottom, at least 40 high, regular 13/19.5, clipped
+ *   with an ellipsis. Chips and other nodes sit in a row 4px apart.
+ * - Checkbox column: 8px left padding, no right padding; the header box selects all.
+ * - zebra: every second row on component/table-zebra.
+ * - Row hover lifts the row: bg-hover, 1px border-strong edge, radius-xl, shadow sm.
+ * - overflow="fit": columns are proportional (`width` is an fr weight). overflow="scroll":
+ *   columns keep their pixel `width`, the first column stays in place, a 64px fade marks
+ *   the clipped edge and a 6px scrollbar (bg-muted track, border-strong thumb) sits below.
+ *
+ * The row edge is drawn with inset shadows on the cells, since table rows can't take a
+ * border radius. `data-force="hover"` on a `<tr>` shows the hover state.
+ */
+export type Sort = {
+    key: string;
+    direction: 'asc' | 'desc';
+} | null;
+export type Row = {
+    id: string;
+} & Record<string, unknown>;
+export interface Column<R extends Row = Row> {
+    key: string;
+    header: React.ReactNode;
+    /** fr weight with overflow="fit" (default 1), pixels with overflow="scroll" (default 160). */
+    width?: number;
+    sortable?: boolean;
+    /** Renders the cell; defaults to the row's value at `key`. */
+    cell?: (row: R) => React.ReactNode;
+    align?: 'left' | 'right';
+}
+export interface TableProps<R extends Row = Row> extends Omit<React.ComponentProps<'div'>, 'children'> {
+    columns: Column<R>[];
+    rows: R[];
+    selectable?: boolean;
+    zebra?: boolean;
+    overflow?: 'fit' | 'scroll';
+    /** Called with the new sort; rows are sorted by value unless `manualSort` is set. */
+    onSortChange?: (sort: Sort) => void;
+    defaultSort?: Sort;
+    /** Leave rows in the order given (sort them yourself in onSortChange). */
+    manualSort?: boolean;
+    selected?: string[];
+    onSelectedChange?: (ids: string[]) => void;
+    /** Accessible name of the table. */
+    label?: string;
+}
+export declare function Table<R extends Row = Row>({ columns, rows, selectable, zebra, overflow, onSortChange, defaultSort, manualSort, selected: selectedProp, onSelectedChange, label, className, ...props }: TableProps<R>): React.JSX.Element;

package/components/table.js

@@ -0,0 +1,5 @@
+'use client';export { Table } from '../chunk-X3PQANZO.js';
+import '../chunk-FDKIX4DC.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.js"}