@uisatin/ui 0.0.0-stage → 0.1.1

package/components/form-field.js

@@ -0,0 +1,4 @@
+'use client';export { FormField, useFormField } from '../chunk-UBNHSZSE.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=form-field.js.map
+//# sourceMappingURL=form-field.js.map

package/components/form-field.js.map

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

package/components/hover-card.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * HoverCard, 1:1 with the uiKit design (🆕 context menu & hover card): a preview of a person,
+ * place or file over its link — the Popover surface (bg/popover, border/default, radius-xl, the
+ * lg shadow), 320 wide, 16px in. It opens after the pointer rests 400 ms on the trigger (the
+ * middle of NN/g's 0.3–0.5 s, so passing over a link doesn't flash it), stays while the pointer
+ * moves into it, and closes 150 ms after it leaves both. Keyboard focus on the trigger opens it.
+ *
+ * Only for extra context the page works without: anything someone needs to act on belongs in a
+ * Popover they open on purpose.
+ */
+export interface HoverCardProps {
+    /** The link or name it previews. Rendered with `asChild`. */
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    /** ms the pointer rests before it opens. */
+    openDelay?: number;
+    /** ms after the pointer leaves before it closes. */
+    closeDelay?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    container?: HTMLElement | null;
+    className?: string;
+}
+export declare function HoverCard({ trigger, children, side, align, openDelay, closeDelay, open, defaultOpen, onOpenChange, container, className, }: HoverCardProps): React.JSX.Element;
+/** The hover card's surface, for previews you place yourself. */
+export declare const hoverCardClass: string;

package/components/hover-card.js

@@ -0,0 +1,4 @@
+'use client';export { HoverCard, hoverCardClass } from '../chunk-HRKPV66B.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=hover-card.js.map
+//# sourceMappingURL=hover-card.js.map

package/components/hover-card.js.map

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

package/components/input-otp.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+/**
+ * InputOTP, 1:1 with the uiKit design (🆕 input otp & number): a one-time code as 36×36 cells,
+ * 8px apart, in groups (3 + 3 by default) split by an 8px border/strong dash. Each cell wears the
+ * field skin (bg/field, border/default, radius-lg, shadow xs); the cell the next digit goes into
+ * gets the focus border and ring and a blinking caret while the field has focus. A digit is
+ * text/base medium. With an error every cell turns action/destructive and the message replaces the
+ * hint under the cells; label, hint and error sit like Input's. With `success` (the code checked
+ * out) every cell's border turns status/green/fg and the message, in the same colour, leads with a
+ * 16px check.
+ *
+ * The message never moves the cells: it is as wide as the cells (it wraps rather than widening
+ * the field, which would shift a centred field sideways) and keeps a 20px line even while empty,
+ * so swapping hint → "Checking…" → success or error leaves the code where it is.
+ *
+ * The field is as wide as its cells, so it centres wherever it is placed. Focus shows only on
+ * the active cell: the real input carries no ring of its own.
+ *
+ * One real <input> lies over the cells (transparent text and caret), so typing, deleting, paste
+ * and the browser's SMS autofill (`autocomplete="one-time-code"`) all work as in any field, and
+ * screen readers hear one text box. Only digits by default (`pattern`); `onComplete` fires when
+ * every cell is filled.
+ */
+export interface InputOTPProps {
+    /** How many characters. */
+    length?: number;
+    /** Cells per group; groups are split by a dash. 0 for one group. */
+    groupSize?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Every cell is filled. */
+    onComplete?: (value: string) => void;
+    /** Which characters are allowed. Digits by default. */
+    pattern?: RegExp;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    /** An error message (replaces the hint), or `true` to mark the cells invalid without one. */
+    error?: React.ReactNode | boolean;
+    /** The code checked out: a message under the cells (replaces the hint), or `true` for green cells alone. Ignored while there is an error. */
+    success?: React.ReactNode | boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    id?: string;
+    name?: string;
+    'aria-label'?: string;
+    className?: string;
+}
+export declare function InputOTP({ length, groupSize, value: valueProp, defaultValue, onValueChange, onComplete, pattern, label, hint, error, success, disabled, autoFocus, id, name, className, ...props }: InputOTPProps): React.JSX.Element;

package/components/input-otp.js

@@ -0,0 +1,8 @@
+'use client';export { InputOTP } from '../chunk-XL75JRUA.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=input-otp.js.map
+//# sourceMappingURL=input-otp.js.map

package/components/input-otp.js.map

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

package/components/input.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/**
+ * Input, 1:1 with the uiKit `Input` set (820:51657): a label (medium), the field, and a hint
+ * (13/19.5, muted) 8px apart. The label is 13px at every size. Three sizes: sm 28 with a 13px
+ * value, md 32 and lg 36 with 14px (lg at radius-xl), fixed whatever the theme's body size; 12px side padding,
+ * optional 16px leading and trailing icons 8px from the text.
+ *
+ * Placeholder is text/muted; a value is text/default and turns the icons from muted to
+ * default (Figma's `filled`). `error` swaps the hint for the message in action/destructive/bg
+ * and sets `aria-invalid`. Hover, focus and the error ring are styles/components/input.css.
+ *
+ * Inside a FormField, leave out `label`, `hint` and `error`: the field supplies the id,
+ * description and invalid state.
+ */
+export interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'> {
+    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';
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    /** Classes for the outer wrapper (label + field + hint). `className` styles the field. */
+    wrapperClassName?: string;
+    /** Show a state without interacting, for state sheets. */
+    'data-force'?: 'hover' | 'focus';
+}
+export declare function Input({ label, hint, error, size, leadingIcon, trailingIcon, className, wrapperClassName, id, disabled, required, value, defaultValue, onChange, 'aria-describedby': ariaDescribedBy, 'data-force': force, ...props }: InputProps): React.JSX.Element;

package/components/input.js

@@ -0,0 +1,5 @@
+'use client';export { Input } from '../chunk-YPNKBE5X.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

package/components/input.js.map

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

package/components/kbd.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+/**
+ * Kbd, 1:1 with the uiKit `Kbd` set (4021:3415): one keyboard key. sm is 18px high with 4px
+ * sides, md 20px with 6px; a single character or glyph makes it an exact square, radius-sm, a 0.75px border/default edge on
+ * component/kbd/bg (bg/card in Light, bg/muted in Dark), the 11px medium Keycap glyph in
+ * text/muted. Put keys of one shortcut 2px apart, or pass `keys` and let `KbdGroup` do it.
+ *
+ * `tone="inverse"` is for keys on an inverse surface (a tooltip): a darker key on the dark pill
+ * in Light, a lighter one on the light pill in Dark.
+ */
+export interface KbdProps extends React.ComponentProps<'kbd'> {
+    size?: 'sm' | 'md';
+    tone?: 'default' | 'inverse';
+}
+export declare function Kbd({ size, tone, className, children, ...props }: KbdProps): React.JSX.Element;
+/**
+ * Splits a shortcut into keys: modifier glyphs one by one, the rest as one key ("Esc", "K").
+ * Spaces or "+" split it explicitly ("Ctrl + K").
+ */
+export declare function keysOf(shortcut: string): string[];
+export interface KbdGroupProps extends Omit<React.ComponentProps<'span'>, 'children'> {
+    /** A shortcut such as "⌘K" or "⌃⇧V", split into keys, or the keys themselves. */
+    keys: string | React.ReactNode[];
+    size?: KbdProps['size'];
+    tone?: KbdProps['tone'];
+}
+/** The keys of one shortcut, 2px apart. */
+export declare function KbdGroup({ keys, size, tone, className, ...props }: KbdGroupProps): React.JSX.Element;
+export declare const KbdArrowUp: () => React.JSX.Element;
+export declare const KbdArrowDown: () => React.JSX.Element;
+export declare const KbdReturn: () => React.JSX.Element;
+export interface KbdHintProps extends Omit<React.ComponentProps<'span'>, 'children'> {
+    keys: React.ReactNode[];
+    label: React.ReactNode;
+}
+/** A key hint for a menu footer: keys, then what they do in 12px text/muted, 6px apart. */
+export declare function KbdHint({ keys, label, className, ...props }: KbdHintProps): React.JSX.Element;

package/components/kbd.js

@@ -0,0 +1,4 @@
+'use client';export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=kbd.js.map
+//# sourceMappingURL=kbd.js.map

package/components/kbd.js.map

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

package/components/line-chart.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type ChartCardBaseProps } from './chart.js';
+/**
+ * Line and Area chart, 1:1 with the uiKit `chart/lineCard` (4076:6759) and `chart/areaCard`
+ * (4070:7627), in the shared ChartCard (chart.tsx).
+ *
+ * One metric over the period: a smooth 2px line in chart/3 (monotone, so it never overshoots a
+ * point) over a 180px plot with a 32px axis gutter and 4 dashed border-subtle gridlines at nice
+ * ticks, the x labels 6px under it (at most about seven, evenly picked). `AreaCard` fills under
+ * the line with chart/3 fading from 28% to nothing at the baseline. No legend: the title says
+ * what is plotted and the KPI above gives its total.
+ *
+ * Hover (or `highlight`) picks the nearest point: a dashed border-strong drop line from it to the
+ * baseline, an 8px dot ringed in chart/3 on bg/card, the tooltip above it (date and value) and
+ * its x label in text/default. Every point is also reachable with the keyboard (arrow keys on the
+ * focused plot). When the data changes the plot fades in on its new scale, unless motion is
+ * reduced.
+ */
+export interface LineCardProps extends ChartCardBaseProps {
+    /** Unit after the value in the tooltip ("orders"). */
+    unit?: string;
+    /** Fill under the line. `AreaCard` sets it. */
+    area?: boolean;
+    /** Swap the plot without the fade when the data changes, as under prefers-reduced-motion. */
+    reducedMotion?: boolean;
+}
+export declare function LineCard({ data, formatValue, highlight, unit, area, reducedMotion, total, ...props }: LineCardProps): React.JSX.Element;
+/** The Line chart with the gradient under its line. */
+export declare function AreaCard(props: Omit<LineCardProps, 'area'>): React.JSX.Element;

package/components/line-chart.js

@@ -0,0 +1,12 @@
+'use client';export { AreaCard, LineCard } from '../chunk-SHDFUXYV.js';
+import '../chunk-DO3TBNSC.js';
+import '../chunk-YPJYW624.js';
+import '../chunk-Y5AYU7PK.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-O7F3CIDV.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=line-chart.js.map
+//# sourceMappingURL=line-chart.js.map

package/components/line-chart.js.map

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

package/components/message-actions.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+/**
+ * MessageActions, 1:1 with uiKit `_chat/answerActions` (901:20164): the row under an assistant
+ * reply. Delivery status (16px icon in a 24px box) and time in text/muted medium 13, then like,
+ * dislike and copy as 24px tertiary icon buttons 2px apart, then Share (tertiary xs with a
+ * label). Groups sit 8px apart with 1 × 12 border/default dividers between them.
+ *
+ * Feedback: a clicked thumb stays pressed (border/input fill, icon text/subtle) until the other
+ * one is clicked or it is clicked again; `feedback` sets it, `onFeedback` reports it.
+ * The status and time show only when there is a `timestamp`.
+ */
+export type MessageFeedback = 'like' | 'dislike' | null;
+export interface MessageActionsProps extends React.ComponentProps<'div'> {
+    /** "20 minutes ago". Leave it out to drop the status and time. */
+    timestamp?: string;
+    status?: 'sending' | 'delivered';
+    /** The pressed thumb. Pass it with onFeedback to control it, or once to start from it. */
+    feedback?: MessageFeedback;
+    showShare?: boolean;
+    onFeedback?: (value: MessageFeedback) => void;
+    onCopy?: () => void;
+    onShare?: () => void;
+}
+export declare function MessageActions({ timestamp, status, feedback: feedbackProp, showShare, onFeedback, onCopy, onShare, className, ...props }: MessageActionsProps): React.JSX.Element;

package/components/message-actions.js

@@ -0,0 +1,5 @@
+'use client';export { MessageActions } from '../chunk-AN2RNJLR.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=message-actions.js.map
+//# sourceMappingURL=message-actions.js.map

package/components/message-actions.js.map

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

package/components/message.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { type MessageFeedback } from './message-actions.js';
+import { type ThinkingStep } from './thinking.js';
+/**
+ * Message, 1:1 with the uiKit Message docs view (3890:70165), composed from `_chat/userMessage`
+ * (901:20155), `_chat/source` and `_chat/answerActions` (901:20164, see MessageActions).
+ *
+ * user: a right-aligned action/inverse bubble (12px corners, 4px bottom-right), 12 × 8
+ * padding, text/on-inverse 13/19.5, wrapping at 256px of text. A source card sits 8px above
+ * it: bg/canvas, border/subtle, radius 10, 16px logo, title medium 13/18, url 12/12 muted.
+ *
+ * assistant: no bubble, so long answers read like a document — text/default 13/19.5, with
+ * the collapsed Thinking above and the actions below, 12px apart.
+ */
+export interface MessageSource {
+    /** The page or message title, "Q3 pipeline review". */
+    title: React.ReactNode;
+    /** Shown under the title, "docs.sature.app/q3-review". */
+    url?: React.ReactNode;
+    /** A 16px logo or favicon. */
+    icon?: React.ReactNode;
+    /** Makes the card a link. */
+    href?: string;
+}
+export interface MessageProps extends React.ComponentProps<'div'> {
+    role?: 'user' | 'assistant';
+    /** The steps the agent ran; shows a collapsed Thinking above an assistant answer. */
+    thinking?: ThinkingStep[];
+    /** The summary on that Thinking header. */
+    thinkingLabel?: React.ReactNode;
+    /** A page or message the user brought in, shown as a card above their bubble. */
+    source?: MessageSource;
+    /** Feedback, copy and share under an assistant answer. Off while it streams. */
+    actions?: boolean;
+    timestamp?: string;
+    onFeedback?: (value: MessageFeedback) => void;
+    onCopy?: () => void;
+    onShare?: () => void;
+}
+export declare function Message({ role, thinking, thinkingLabel, source, actions, timestamp, onFeedback, onCopy, onShare, className, children, ...props }: MessageProps): React.JSX.Element;

package/components/message.js

@@ -0,0 +1,8 @@
+'use client';export { Message } from '../chunk-PVOLDO4G.js';
+import '../chunk-ESC5JCVQ.js';
+import '../chunk-AN2RNJLR.js';
+import '../chunk-KNUWZNFV.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=message.js.map
+//# sourceMappingURL=message.js.map

package/components/message.js.map

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

package/components/number-input.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+/**
+ * NumberInput, 1:1 with the uiKit design (🆕 input otp & number): Input's field skin and sizes
+ * (sm 28, md 32, lg 36) with − and + at its ends and the value centred, tabular. The buttons are
+ * 24px squares (radius-md, hover bg/hover, text/muted → text/default); at `min` or `max` the one
+ * that would cross it fades to 40% and stops.
+ *
+ * It's a spinbutton: ArrowUp / ArrowDown step, PageUp / PageDown step ten times, Home / End jump
+ * to `min` / `max`. Typing is free while focused; Enter or leaving the field clamps it, snaps it to
+ * `step` and commits; Escape puts the last value back.
+ */
+export interface NumberInputProps {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: 'sm' | 'md' | 'lg';
+    /** How the value reads in the field and to screen readers. */
+    formatValue?: (value: number) => string;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    error?: React.ReactNode | boolean;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    'aria-label'?: string;
+    /** Classes for the outer wrapper (label + field + hint). `className` styles the field. */
+    wrapperClassName?: string;
+    className?: string;
+}
+export declare function NumberInput({ value: valueProp, defaultValue, onValueChange, min, max, step, size, formatValue, label, hint, error, disabled, id, name, wrapperClassName, className, ...props }: NumberInputProps): React.JSX.Element;

package/components/number-input.js

@@ -0,0 +1,8 @@
+'use client';export { NumberInput } from '../chunk-LW3TRU5W.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=number-input.js.map
+//# sourceMappingURL=number-input.js.map

package/components/number-input.js.map

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

package/components/pagination.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+/**
+ * Pagination, 1:1 with the uiKit `Pagination` set (4025:3807), two layouts:
+ * - full: Previous and Next (tertiary md buttons with their arrows) around the page numbers,
+ *   4px apart: the first and last page, the current one with `siblings` on each side, and an
+ *   ellipsis where pages are skipped. Pages are 28px squares, radius 10, 13px text/muted;
+ *   hover bg/hover and text/default; the current page bg/selected, text/default, medium.
+ * - compact: icon-only Previous and Next around "Page 5 of 12" (13px, text/muted), 8px apart.
+ *
+ * Moving between pages (`motion`), the pages keep their places and only their numbers change:
+ * - scroll (default): the pages are a strip. Each page slides from where it was to its new place,
+ *   a page coming into view slides out from under the ellipsis on the side the reader pages
+ *   towards, one leaving slides under the other and fades, and the pill under the current
+ *   page moves on the same 300 ms curve (sliding-indicator.tsx, shared with Tabs and the
+ *   Segmented control). Nothing is clipped and no number changes in place.
+ * - slide: the current page's bg/selected pill slides under the numbers to the new
+ *   page, like the Segmented control's, 200 ms on ease-out; a number that changes in place
+ *   fades out before the new one fades in.
+ * - none: no motion; the current page simply takes the pill.
+ *
+ * Previous and Next are disabled at the ends. With `getHref`, every page is a link (for pages
+ * the server renders); without it they are buttons that call `onPageChange`.
+ *
+ * A `nav` named "Pagination"; the current page has aria-current="page".
+ */
+export interface PaginationProps extends Omit<React.ComponentProps<'nav'>, 'children'> {
+    /** How many pages there are. */
+    pageCount: number;
+    /** The current page, from 1. */
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    /** Each page's URL: pages become links. */
+    getHref?: (page: number) => string;
+    layout?: 'full' | 'compact';
+    /** Pages shown on each side of the current one (full layout). */
+    siblings?: number;
+    previousLabel?: string;
+    nextLabel?: string;
+    /** How the row moves when the page changes. */
+    motion?: 'slide' | 'scroll' | 'none';
+}
+/** The pages to show, with 'gap' where an ellipsis stands for skipped ones. Always 2 × siblings + 5 slots when there are enough pages, so the bar keeps its width. */
+export declare function paginationRange(page: number, pageCount: number, siblings?: number): (number | 'gap')[];
+export declare function Pagination({ pageCount, page: pageProp, defaultPage, onPageChange, getHref, layout, siblings, previousLabel, nextLabel, motion, className, 'aria-label': ariaLabel, ...props }: PaginationProps): React.JSX.Element;

package/components/pagination.js

@@ -0,0 +1,6 @@
+'use client';export { Pagination, paginationRange } from '../chunk-QS4N4MNP.js';
+import '../chunk-J3NSDRVH.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/components/pagination.js.map

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

package/components/popover.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Popover as PopoverPrimitive } from 'radix-ui';
+/**
+ * Popover, 1:1 with the uiKit `Popover` component (613:18781): a 320px popover surface,
+ * radius-xl, border/default, the shadcn `lg` shadow, 10px padding all round. A 13px medium
+ * title (18px line) over a 13px muted description, 2px apart; a 16px close glyph in text/subtle
+ * 10px from the top-right corner; an optional body slot 16px below the header. It opens 8px below its trigger, aligned to the trigger's start.
+ *
+ * Built on the Radix Popover. `children` is the trigger (rendered with `asChild`, so pass a
+ * Button); `body` fills the body slot. Pass `container` to portal it into the docs stage.
+ */
+export interface PopoverProps {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** The trigger. Rendered with `asChild`. */
+    children?: React.ReactNode;
+    /** Figma's body slot: actions or a small form. Keep it to one task. */
+    body?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    /** Show the close glyph in the corner. */
+    closeButton?: boolean;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    /** Called when focus moves into the popover on open; `preventDefault()` keeps it where it was. */
+    onOpenAutoFocus?: (event: Event) => void;
+    /** A press or focus outside the popover; `preventDefault()` keeps it open. */
+    onInteractOutside?: (event: Event) => void;
+    className?: string;
+}
+export declare function Popover({ title, description, children, body, open, defaultOpen, onOpenChange, side, align, sideOffset, closeButton, container, onOpenAutoFocus, onInteractOutside, className, }: PopoverProps): React.JSX.Element;
+/**
+ * The popover's panel on its own, in place: no trigger, no positioning. For docs, previews
+ * and layers you anchor yourself. The close button calls `onClose`.
+ */
+export declare function PopoverPanel({ title, description, body, closeButton, onClose, className, }: Pick<PopoverProps, 'title' | 'description' | 'body' | 'closeButton' | 'className'> & {
+    onClose?: () => void;
+}): React.JSX.Element;
+/** Wrap a body button in this to make it close the popover: `<PopoverClose asChild><Button…/></PopoverClose>`. */
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/components/popover.js

@@ -0,0 +1,4 @@
+'use client';export { Popover, PopoverClose, PopoverPanel } from '../chunk-BNZVTLHV.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=popover.js.map
+//# sourceMappingURL=popover.js.map

package/components/popover.js.map

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

package/components/progress.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+/**
+ * Progress, 1:1 with the uiKit `Progress` set (4025:3851): a bg/muted track, 4px (sm) or 8px
+ * (md), fully rounded, with the done part in action/primary/bg. Above it, optionally, a label
+ * row 8px up: the label (13px medium, text/default) on the left and the percentage (13px,
+ * text/muted) on the right.
+ *
+ * Leave `value` out while the amount is unknown: a third of the track then slides across.
+ * The bar moves to a new value over 300 ms on ease-out.
+ *
+ * A `progressbar` with aria-valuenow (and the label as its name) when there is a value.
+ */
+export interface ProgressProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** 0 to `max`; left out, the bar is indeterminate. */
+    value?: number | null;
+    max?: number;
+    label?: React.ReactNode;
+    /** The percentage at the right of the label row. */
+    showValue?: boolean;
+    size?: 'sm' | 'md';
+    /** How the value reads on the right and to screen readers. Defaults to a whole percentage. */
+    formatValue?: (value: number, max: number) => string;
+}
+export declare function Progress({ value, max, label, showValue, size, formatValue, className, 'aria-label': ariaLabel, ...props }: ProgressProps): React.JSX.Element;

package/components/progress.js

@@ -0,0 +1,4 @@
+'use client';export { Progress } from '../chunk-7TXHCRAG.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=progress.js.map
+//# sourceMappingURL=progress.js.map

package/components/progress.js.map

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

package/components/prompt-bar.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+/**
+ * PromptBar, 1:1 with the uiKit `PromptBar` set (3158:21803), its input row
+ * `_prompterInteractions` (3157:23767), `_dictationButton` (3156:40589), the `Attachment` chips
+ * (3141:20409) and the two menus `_dropdowns/addToConversation` (3157:23548) and
+ * `dropdowns/models`.
+ *
+ * The bar: bg/field, 1px border/default, shadow/xs, 8px padding, rows 8px apart. shape
+ * default = radius 12 with Default buttons; pill = radius-full on one line, radius 20 once
+ * attachments or a second line of text add height, with Rounded buttons. The input row is
+ * add (+), the field (14/21, placeholder text/subtle), then 4px apart the model select, dictation
+ * and send — all 28px DS buttons. Once the text needs a second line the bar expands: the field
+ * takes its own row, with + and the model below on the left and dictation and send on the right. state inactive: border/default and send disabled; active (the
+ * field focused, or text to send): border/strong and send enabled.
+ *
+ * Menus open 8px above: + opens addToConversation across the full width of the bar, the model
+ * select opens the models list (241px, right-aligned); the trigger shows its pressed fill.
+ * Dictation toggles to the primary button with a three-bar wave that moves while it records.
+ * Enter sends, Shift+Enter adds a line.
+ */
+export interface PromptBarModel {
+    value: string;
+    label: string;
+    /** 20px in the menu, 16px on the select. */
+    icon?: React.ReactNode;
+}
+export interface PromptBarAction {
+    id: string;
+    label: string;
+    description?: string;
+    /** 16px icon. */
+    icon?: React.ReactNode;
+    /** Without it, the `upload` action opens the file picker and adds the files as attachments. */
+    onSelect?: () => void;
+}
+export interface PromptBarProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {
+    shape?: 'pill' | 'default';
+    /** The text. Pass it with onValueChange to control it. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    /** Files shown as chips above the field; people can remove them before sending. */
+    attachments?: File[];
+    onAttachmentsChange?: (files: File[]) => void;
+    /** The selected model's value (or its label, when there is no `models` list). */
+    model?: string;
+    /** The models menu. Without it the select shows `model` and opens nothing. */
+    models?: PromptBarModel[];
+    onModelChange?: (value: string) => void;
+    /** Icon on the select when `models` doesn't give one. */
+    modelIcon?: React.ReactNode;
+    /** Rows of the + menu. Defaults to Upload a file and Web search. */
+    actions?: PromptBarAction[];
+    /** The + at the end of the menu's search row. */
+    onAddAgent?: () => void;
+    onDictationChange?: (recording: boolean) => void;
+    disabled?: boolean;
+    onSubmit?: (value: string, attachments: File[]) => void;
+}
+/** Upload a file and Web search: spread them into `actions` to add your own rows after them. */
+export declare const defaultActions: PromptBarAction[];
+export declare function PromptBar({ shape, value: valueProp, defaultValue, onValueChange, placeholder, attachments: attachmentsProp, onAttachmentsChange, model: modelProp, models, onModelChange, modelIcon, actions, onAddAgent, onDictationChange, disabled, onSubmit, className, ...props }: PromptBarProps): React.JSX.Element;

package/components/prompt-bar.js

@@ -0,0 +1,6 @@
+'use client';export { PromptBar, defaultActions } from '../chunk-6YXUBP27.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=prompt-bar.js.map
+//# sourceMappingURL=prompt-bar.js.map

package/components/prompt-bar.js.map

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