@uisatin/ui 0.0.0-stage → 0.1.0

package/components/chip.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { BadgeTone } from './badge';
+/**
+ * Chip, 1:1 with the uiKit `Chip` set (3206:79959): Subtle or Outline, md (28, control-height)
+ * or sm (24, control-height-xs), eight tones like Badge, an optional dot, avatar and remove
+ * button. Label medium 13/19.5, 8px side padding; the dot, avatar and close slots overlap
+ * the label padding by 4px, as in Figma.
+ *
+ * Neutral is its own look: Outline is a popover surface with a border-default edge and an
+ * xs drop shadow, Subtle is the secondary action fill. Every other tone uses the `tone/*`
+ * tokens (repointed by `data-tone`): tone-bg fill, tone-border edge, tone-fg text; hover and
+ * pressed fill with tone-border.
+ *
+ * States (satin-hover / satin-focus / satin-pressed, or `data-force`):
+ * - hover: neutral outline bg-hover + border-strong; neutral subtle border-input fill.
+ * - pressed: neutral border-input fill with a border-strong edge, no drop shadow.
+ * - focus: the 2px action/focus-ring spread, border-strong edge, no drop shadow.
+ * - disabled: 50% opacity, no drop shadow.
+ * Subtle pressed's 1px edge is an inset shadow so the chip doesn't grow by 2px.
+ *
+ * With `onRemove` the chip is a `span` holding a real remove button (a button can't hold
+ * a button); without it, the chip itself is the button.
+ */
+declare const chipVariants: (props?: ({
+    variant?: "outline" | "subtle" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+    neutral?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ChipBaseProps = Omit<VariantProps<typeof chipVariants>, 'neutral'> & {
+    tone?: BadgeTone;
+    /** A status dot before the label. */
+    dot?: boolean;
+    /** A 16px avatar before the label (an initials avatar or an image). */
+    avatar?: React.ReactNode;
+    /** Shows the close button; called when it's clicked. */
+    onRemove?: () => void;
+    /** Accessible name of the remove button. Defaults to "Remove <label>". */
+    removeLabel?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};
+export type ChipProps = ChipBaseProps & Omit<React.ComponentProps<'button'>, keyof ChipBaseProps> & {
+    'data-force'?: 'hover' | 'focus' | 'pressed';
+};
+export declare function Chip({ className, variant, size, tone, dot, avatar, onRemove, removeLabel, disabled, children, type, ...props }: ChipProps): React.JSX.Element;
+/** The 16px initials avatar from Figma (Avatar 992:20199 at size 16): tone-bg, 7px semibold tone-fg. */
+export declare function ChipAvatar({ initials, tone, className }: {
+    initials: string;
+    tone?: BadgeTone;
+    className?: string;
+}): React.JSX.Element;
+export { chipVariants };

package/components/chip.js

@@ -0,0 +1,4 @@
+'use client';export { Chip, ChipAvatar, chipVariants } from '../chunk-3ERGAHKA.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=chip.js.map
+//# sourceMappingURL=chip.js.map

package/components/chip.js.map

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

package/components/citations.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+/**
+ * Citations and sources, 1:1 with the uiKit design (🆕 citations): where an answer comes from.
+ *
+ * - `Citation`: a numbered chip right after the claim — 16 high, text/xs medium on bg/muted,
+ *   radius-sm; hover bg/hover with a border/strong ring. Resting on it (or focusing it) opens a
+ *   HoverCard with the source: logo and where it lives, the title, and the quoted passage.
+ * - `Sources`: under the message, a pill with the sources' logos stacked and "3 sources"; it
+ *   opens into the list — number, logo, title, where it lives — each row a link.
+ *
+ * A source's `icon` is its logo (an app's or a site's favicon); without one it gets a tile with
+ * its first letter, so a missing favicon never leaves a hole.
+ */
+export interface CitationSource {
+    title: string;
+    /** Where it comes from: the app or site, "Notion" or "freshfarm.pl". */
+    origin?: string;
+    href?: string;
+    /** A 16px logo or favicon. */
+    icon?: React.ReactNode;
+    /** The passage the answer relies on, shown in the preview. */
+    quote?: string;
+}
+export interface CitationProps {
+    /** 1-based, as in the Sources list. */
+    index: number;
+    source: CitationSource;
+    className?: string;
+}
+export declare function Citation({ index, source, className }: CitationProps): React.JSX.Element;
+export interface SourcesProps {
+    sources: CitationSource[];
+    /** Start with the list open. */
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare function Sources({ sources, defaultOpen, className }: SourcesProps): React.JSX.Element;

package/components/citations.js

@@ -0,0 +1,5 @@
+'use client';export { Citation, Sources } from '../chunk-6C7CGJX2.js';
+import '../chunk-HRKPV66B.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=citations.js.map
+//# sourceMappingURL=citations.js.map

package/components/citations.js.map

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

package/components/code-block.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface CodeBlockProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    code: string;
+    filename?: string;
+    view?: 'code' | 'diff';
+    showHeader?: boolean;
+    showActions?: boolean;
+    /** 1-based line numbers to mark (code view). */
+    highlightLines?: number[];
+    /** Turn syntax colours off for plain output such as logs. */
+    highlight?: boolean;
+}
+export declare function CodeBlock({ code, filename, view, showHeader, showActions, highlightLines, highlight, className, ...props }: CodeBlockProps): React.JSX.Element;

package/components/code-block.js

@@ -0,0 +1,5 @@
+'use client';export { CodeBlock } from '../chunk-A5XEM3GF.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=code-block.js.map
+//# sourceMappingURL=code-block.js.map

package/components/code-block.js.map

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

package/components/combobox.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { type SelectOption } from './select';
+/**
+ * Combobox, 1:1 with the uiKit `Combobox` set (4023:3549): Select's field, opening a searchable
+ * list. The panel is the menu surface at the field's width (240 at least): a 36px search row
+ * (16px icon, 14px query, 12px in) over a border/subtle rule, then the matching options as
+ * inline menu rows 2px apart in 4px of padding.
+ *
+ * Single: a pick fills the field with its label and closes the list. Multiple: each pick
+ * toggles and the list stays open; the field shows the picks as small outline chips, 4px
+ * apart, each with its own remove button, and grows a row at a time as they wrap. The chips sit
+ * 3px from the field's edge, so their labels start where a value's text would. With more than
+ * one pick, Clear (the xs tertiary button) shows on the label's line at the field's right edge.
+ *
+ * `footer` adds Cancel (secondary) and Apply (primary) under a border/subtle rule, 8px in: picks
+ * then wait for Apply, which stays disabled until something is picked; Cancel or Escape drops
+ * them.
+ *
+ * Typing filters by label and description. Arrow keys move the highlight, Enter picks it, the
+ * pointer highlights what it is over. The query field is a `combobox` that owns the `listbox`.
+ */
+export interface ComboboxProps {
+    options: SelectOption[];
+    /** The applied picks. */
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    multiple?: boolean;
+    /** Cancel and Apply under the list; picks apply only with Apply. */
+    footer?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    /** Shown when nothing matches the query. */
+    emptyText?: React.ReactNode;
+    applyLabel?: string;
+    cancelLabel?: string;
+    clearLabel?: string;
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    error?: React.ReactNode | boolean;
+    size?: 'sm' | 'md' | 'lg';
+    leadingIcon?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    /** Keep focus where it is when the panel opens (inline previews). */
+    onOpenAutoFocus?: (event: Event) => void;
+    /** A press outside the panel; `preventDefault()` keeps it open. */
+    onInteractOutside?: (event: Event) => void;
+    'aria-label'?: string;
+    wrapperClassName?: string;
+    className?: string;
+}
+export declare function Combobox({ options, value, defaultValue, onValueChange, multiple, footer, placeholder, searchPlaceholder, emptyText, applyLabel, cancelLabel, clearLabel, label, hint, error, size, leadingIcon, disabled, id, open: openProp, defaultOpen, onOpenChange, container, onOpenAutoFocus, onInteractOutside, wrapperClassName, className, ...props }: ComboboxProps): React.JSX.Element;

package/components/combobox.js

@@ -0,0 +1,10 @@
+'use client';export { Combobox } from '../chunk-NSRTTYQ4.js';
+import '../chunk-3ERGAHKA.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=combobox.js.map
+//# sourceMappingURL=combobox.js.map

package/components/combobox.js.map

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

package/components/command-menu.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+/**
+ * Command menu, 1:1 with the uiKit `Command menu` set (4024:3582): the ⌘K palette. A 520px
+ * popover surface (radius-2xl, border/subtle, the shadcn `lg` shadow) with a 48px search row
+ * (16px icon, 14px query, an Esc key, 16px in) over a border/subtle rule; titled groups 8px
+ * apart in 8px of padding, each with a 24px heading (12px medium, text/muted) and inline menu
+ * rows; and a 40px footer of key hints (Navigate, Open on the left, Close on the right).
+ *
+ * Rows are the Dropdown's: a 16px icon, the label, an optional description after it and an
+ * optional `shortcut` (Kbd sm) on the right. The highlighted row takes the menu highlight,
+ * bg/selected, whether the pointer or the arrow keys put it there. The first match is
+ * highlighted; Enter runs it and closes the menu.
+ *
+ * It sits in the middle of the screen (or of its `container`).
+ *
+ * Built on the Radix Dialog (focus trap, Escape, focus back to where it was). With `hotkey`,
+ * ⌘K or Ctrl+K anywhere on the page toggles it.
+ */
+export interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    /** Keys that run it outside the menu, e.g. "⌘N". Optional. */
+    shortcut?: string;
+    /** More words to match on. */
+    keywords?: string[];
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface CommandGroup {
+    label: React.ReactNode;
+    items: CommandItem[];
+}
+export interface CommandMenuProps {
+    groups: CommandGroup[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Toggle the menu with ⌘K / Ctrl+K. */
+    hotkey?: boolean;
+    placeholder?: string;
+    /** Shown when nothing matches; gets the query. */
+    emptyText?: (query: string) => React.ReactNode;
+    /** Show the footer of key hints. */
+    hints?: boolean;
+    /** 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 CommandMenu({ groups, open: openProp, defaultOpen, onOpenChange, hotkey, placeholder, emptyText, hints, modal, container, onOpenAutoFocus, className, }: CommandMenuProps): React.JSX.Element;

package/components/command-menu.js

@@ -0,0 +1,6 @@
+'use client';export { CommandMenu } from '../chunk-P4O6TGDR.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=command-menu.js.map
+//# sourceMappingURL=command-menu.js.map

package/components/command-menu.js.map

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

package/components/context-menu.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { ContextMenu as ContextPrimitive } from 'radix-ui';
+import { type MenuItemContentProps } from './dropdown';
+/**
+ * ContextMenu, 1:1 with the uiKit design (🆕 context menu & hover card): DropdownMenu's surface
+ * and rows, opened by right-click (or a long press) on its target, at the pointer. 255 wide, 4px
+ * in, rows 0 apart, separators a 1px bg/muted rule. Shortcuts on the right as Kbd; a submenu row
+ * ends in a text/muted chevron (the kit's `showSubmenu`) and opens beside it, 4px off; destructive
+ * rows are action/destructive/fg (red-400 in dark), icon included, and go last.
+ *
+ * Built on the Radix ContextMenu: arrow keys, typeahead, Escape, Shift+F10 / the menu key on the
+ * focused target.
+ */
+export interface ContextMenuProps {
+    /** What right-click opens the menu on. Rendered with `asChild`, so pass one element. */
+    trigger: React.ReactNode;
+    /** `ContextMenuItem`s, `ContextMenuSub`s and `ContextMenuSeparator`s. */
+    children: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    /** Modal menus block the rest of the page while open. */
+    modal?: boolean;
+    /** Focus moved outside a non-modal menu; call `preventDefault()` to keep it open. */
+    onFocusOutside?: (event: Event) => void;
+    className?: string;
+}
+export declare function ContextMenu({ trigger, children, onOpenChange, container, modal, onFocusOutside, className, }: ContextMenuProps): React.JSX.Element;
+export interface ContextMenuItemProps extends Omit<React.ComponentProps<typeof ContextPrimitive.Item>, 'children'>, Pick<MenuItemContentProps, 'icon' | 'shortcut' | 'description'> {
+    label: string;
+    /** Deletes or removes: action/destructive/fg, and best placed last. */
+    destructive?: boolean;
+}
+export declare function ContextMenuItem({ label, icon, shortcut, description, destructive, className, ...props }: ContextMenuItemProps): React.JSX.Element;
+export interface ContextMenuSubProps extends Pick<MenuItemContentProps, 'icon'> {
+    label: string;
+    /** The submenu's items. */
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+/** A row that opens a submenu beside it (hover, →, or Enter). */
+export declare function ContextMenuSub({ label, icon, children, disabled }: ContextMenuSubProps): React.JSX.Element;
+/** A 1px bg/muted rule between groups of rows. */
+export declare function ContextMenuSeparator({ className }: {
+    className?: string;
+}): React.JSX.Element;

package/components/context-menu.js

@@ -0,0 +1,6 @@
+'use client';export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from '../chunk-PF3YBUKT.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=context-menu.js.map
+//# sourceMappingURL=context-menu.js.map

package/components/context-menu.js.map

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

package/components/cookie-consent.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+/**
+ * CookieConsent: what the site stores and the three answers, in one floating card at the
+ * bottom of the page. bg/popover, border/subtle, radius-3xl, the shadcn lg shadow; 20 × 16 in.
+ *
+ * The message (Body/lg, text/muted) is kept to a narrow column so it reads in three short
+ * lines; the actions sit to its right: Customize as a tertiary button in text/muted, then
+ * Reject all as a rounded secondary button and Accept all as the rounded primary one. Below 640px the actions wrap under the message.
+ *
+ * `floating` pins it 16px above the bottom of the viewport, centred; leave it off to place the
+ * card yourself. It is a labelled region, not a modal: the page stays usable behind it.
+ */
+export interface CookieConsentProps extends Omit<React.ComponentProps<'section'>, 'children'> {
+    /** What the site stores and why. */
+    children?: React.ReactNode;
+    onAccept?: () => void;
+    onReject?: () => void;
+    /** Shows Customize; open your settings from here. */
+    onCustomize?: () => void;
+    acceptLabel?: string;
+    rejectLabel?: string;
+    customizeLabel?: string;
+    /** Fixed to the bottom of the viewport, centred, 16px up. */
+    floating?: boolean;
+}
+export declare function CookieConsent({ children, onAccept, onReject, onCustomize, acceptLabel, rejectLabel, customizeLabel, floating, className, 'aria-label': ariaLabel, ...props }: CookieConsentProps): React.JSX.Element;

package/components/cookie-consent.js

@@ -0,0 +1,5 @@
+'use client';export { CookieConsent } from '../chunk-NN6PKJWS.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=cookie-consent.js.map
+//# sourceMappingURL=cookie-consent.js.map

package/components/cookie-consent.js.map

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

package/components/date-picker.d.ts

@@ -0,0 +1,112 @@
+import * as React from 'react';
+/**
+ * Calendar, DatePicker and DateRangePicker, 1:1 with the uiKit design (🆕 date picker).
+ *
+ * Calendar: one month (or two side by side), Monday first, weekdays as one letter in text/xs muted.
+ * Days are 36px in 40px cells, their numbers text/sm (13px) medium. A picked day is a primary circle; the two ends of a range are
+ * primary squares rounded radius-md, with a band in status/brand/bg — a tint of the brand —
+ * from the middle of the first to the middle of the last. While the end is being picked the day
+ * under the pointer gets a bg/hover circle and the band runs up to it. Today is a 12×2 primary
+ * dash under its number; days of other months are text/subtle.
+ *
+ * Header: "November 2026" in text/sm (13px) medium, with arrows, or (`header="picker"`) "‹ November ›" on the left and the
+ * year as a small Select on the right, newest first, the shown year checked. Always six weeks, so
+ * the height never jumps between months.
+ *
+ * Keyboard: the grid is one tab stop; arrows move a day or a week, Page Up / Down a month, Home /
+ * End the week, Enter or Space picks.
+ */
+export type DateRange = {
+    from: Date | null;
+    to: Date | null;
+};
+export declare const formatDate: (d: Date) => string;
+export declare const formatRange: ({ from, to }: DateRange) => string;
+export interface CalendarProps {
+    mode?: 'single' | 'range';
+    /** single: the picked day. */
+    value?: Date | null;
+    onValueChange?: (value: Date) => void;
+    /** range: the picked range. */
+    range?: DateRange;
+    onRangeChange?: (range: DateRange) => void;
+    /** The first month shown. Defaults to the value's month, or today's. */
+    month?: Date;
+    onMonthChange?: (month: Date) => void;
+    /** Two months side by side (the range picker). */
+    months?: 1 | 2;
+    header?: 'title' | 'picker';
+    min?: Date;
+    max?: Date;
+    /** Today, for the dash. Defaults to now. */
+    today?: Date;
+    className?: string;
+}
+export declare function Calendar({ mode, value, onValueChange, range, onRangeChange, month: monthProp, onMonthChange, months, header, min, max, today: todayProp, className, }: CalendarProps): React.JSX.Element;
+interface FieldBits {
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    error?: React.ReactNode | boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    id?: string;
+    size?: 'sm' | 'md' | 'lg';
+    /** Classes for the outer wrapper (label + field + hint). `className` styles the field. */
+    wrapperClassName?: string;
+    className?: string;
+}
+export interface DatePickerPanelProps {
+    value?: Date | null;
+    onValueChange?: (value: Date) => void;
+    min?: Date;
+    max?: Date;
+    today?: Date;
+    className?: string;
+}
+/** The date picker's panel on its own, in place: the popover surface with the Calendar, month and year to pick. */
+export declare function DatePickerPanel({ value, onValueChange, min, max, today, className }: DatePickerPanelProps): React.JSX.Element;
+export interface DatePickerProps extends FieldBits {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onValueChange?: (value: Date) => void;
+    min?: Date;
+    max?: Date;
+    today?: Date;
+    /** Portal target. */
+    container?: HTMLElement | null;
+}
+/** A date field: the kit Input's skin with a calendar icon; the Calendar opens 4px below, with month and year to pick. */
+export declare function DatePicker({ value: valueProp, defaultValue, onValueChange, min, max, today, label, hint, error, placeholder, disabled, id, size, container, wrapperClassName, className, }: DatePickerProps): React.JSX.Element;
+export interface DateRangePickerProps extends FieldBits {
+    value?: DateRange;
+    defaultValue?: DateRange;
+    /** Called on Apply. */
+    onValueChange?: (value: DateRange) => void;
+    min?: Date;
+    max?: Date;
+    today?: Date;
+    applyLabel?: string;
+    cancelLabel?: string;
+    container?: HTMLElement | null;
+}
+/**
+ * A range field: two months, Cancel and Apply in the footer. Picks wait for Apply. Picking an
+ * end before the start swaps them.
+ */
+export declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, min, max, today, label, hint, error, placeholder, disabled, id, size, applyLabel, cancelLabel, container, wrapperClassName, className, }: DateRangePickerProps): React.JSX.Element;
+export interface DateRangePickerPanelProps {
+    /** The range the panel starts from; picks stay in the panel until Apply. */
+    value?: DateRange;
+    /** Apply. */
+    onApply?: (value: DateRange) => void;
+    onCancel?: () => void;
+    min?: Date;
+    max?: Date;
+    today?: Date;
+    applyLabel?: string;
+    cancelLabel?: string;
+    className?: string;
+}
+/** The range picker's panel on its own, in place: two months, Cancel and Apply. */
+export declare function DateRangePickerPanel({ value, onApply, onCancel, min, max, today, applyLabel, cancelLabel, className, }: DateRangePickerPanelProps): React.JSX.Element;
+export {};

package/components/date-picker.js

@@ -0,0 +1,9 @@
+'use client';export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from '../chunk-XZNHT6MO.js';
+import '../chunk-72OCFAPT.js';
+import '../chunk-UBNHSZSE.js';
+import '../chunk-3DINAQLL.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=date-picker.js.map
+//# sourceMappingURL=date-picker.js.map

package/components/date-picker.js.map

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

package/components/decision-card.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+/**
+ * DecisionCard, 1:1 with the uiKit `DecisionCard` set (3096:1626) and its `decisionItem` rows
+ * (3092:61608): one question an agent asks, its answers, and Skip / Continue.
+ *
+ * The card is 364 wide, bg/popover, border/default, radius-2xl, shadow-xs. The header is the
+ * medium 14/20 title with an optional step navigator (24px icon buttons around "1/3"); the
+ * footer is a tertiary Skip in text/muted and a primary Continue, 16px above and 12px below.
+ *
+ * - `radio` / `checkbox`: rows of 20px with 4px padding, hover bg action/secondary, 2px apart.
+ * - `chips`: wrapping 28px pills 6px apart; selected ones turn status/brand (fill, border, text).
+ * - `ranking`: 10px-radius rows with a grip, a rank dot (primary for #1) and the label. Drag to
+ *   reorder, or Alt + Arrow keys; the dragged row lifts with border/strong and the md shadow.
+ * - `draft`: the agent's text in a bubble (radius-2xl, 4px top-left); Rewrite makes it editable.
+ * - `summary`: what the card collapses to once answered, with a Change action.
+ *
+ * Stepping between questions moves like Pagination: the new title and answers slide in 24px from
+ * the side of the step (from the right going forward), the old ones slide the other way and fade
+ * out a little faster, and the card eases to its new height, all 300 ms on the kit ease-out. The
+ * step navigator and the footer stay put. Stepping again mid-slide carries on from where things
+ * are. Under reduced motion the parts only cross-fade (150 ms) and the height snaps.
+ */
+export type DecisionOption = {
+    value: string;
+    label: string;
+    /** 14px icon, used by `chips`. */
+    icon?: React.ReactNode;
+};
+export type DecisionValue = string | string[];
+export interface DecisionCardProps extends Omit<React.ComponentProps<'div'>, 'title' | 'defaultValue' | 'onChange'> {
+    type?: 'radio' | 'checkbox' | 'chips' | 'ranking' | 'draft' | 'summary';
+    title: string;
+    /** "1/3". Shows the step navigator. */
+    step?: string;
+    onPreviousStep?: () => void;
+    onNextStep?: () => void;
+    /** A muted line under the title, e.g. "Select up to 5". */
+    hint?: string;
+    options?: DecisionOption[];
+    /**
+     * radio: the chosen value. checkbox / chips: the chosen values. ranking: every value in order.
+     * draft: the text. summary: the values to list.
+     */
+    value?: DecisionValue;
+    defaultValue?: DecisionValue;
+    onValueChange?: (value: DecisionValue) => void;
+    /** chips: how many can be picked. */
+    max?: number;
+    /** draft: the bold first line of the draft, e.g. the subject. */
+    draftTitle?: string;
+    onContinue?: (value: DecisionValue) => void;
+    onSkip?: () => void;
+    /** summary: reopens the question. */
+    onEdit?: () => void;
+    /** draft: called when Rewrite is pressed, after the field becomes editable. */
+    onRewrite?: () => void;
+    continueLabel?: string;
+    skipLabel?: string;
+}
+export declare function DecisionCard({ className, type, title, step, onPreviousStep, onNextStep, hint, options, value: valueProp, defaultValue, onValueChange, max, draftTitle, onContinue, onSkip, onEdit, onRewrite, continueLabel, skipLabel, ...props }: DecisionCardProps): React.JSX.Element;
+/** A static `decisionItem` row in its hover state, for state sheets. */
+export declare function DecisionItemPreview({ children, hover }: {
+    children: React.ReactNode;
+    hover?: boolean;
+}): React.JSX.Element;

package/components/decision-card.js

@@ -0,0 +1,7 @@
+'use client';export { DecisionCard, DecisionItemPreview } from '../chunk-TX3H3QMA.js';
+import '../chunk-J3NSDRVH.js';
+import '../chunk-FDKIX4DC.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=decision-card.js.map
+//# sourceMappingURL=decision-card.js.map

package/components/decision-card.js.map

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

package/components/dialog.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+/**
+ * Dialog, 1:1 with the uiKit `Dialog` set (465:66873): variant default or destructive.
+ * A 425px popover surface (min 360, max 560, never wider or taller than the screen less 16px a side; the body scrolls), radius-2xl, border/default, the shadcn `lg`
+ * shadow. Header 16 / 16 / 8 with a 14px medium title and a 13px muted description, a body
+ * 16px in with a 12px gap (body text, any content, an optional `DialogAlert`), then a
+ * right-aligned footer with 16px padding on both variants, on the same inset as the header and
+ * body. The close button is a 36px tertiary icon button 8px from the top-right corner.
+ *
+ * Built on the Radix Dialog. The destructive variant keeps the same primitive but takes
+ * `role="alertdialog"`, so screen readers announce it as an alert. Pass `container` to portal
+ * it into a positioned element (the docs stage) instead of the page; the dialog then centres
+ * inside that element rather than the viewport.
+ */
+export type DialogVariant = 'default' | 'destructive';
+export interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Optional element that opens the dialog (rendered with `asChild`, so pass a Button). */
+    trigger?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: DialogVariant;
+    /** A `DialogAlert` shown under the body, for a side effect the user must know about. */
+    alert?: React.ReactNode;
+    /** The actions on the right of the footer. Leave it out for a read-only dialog. */
+    footer?: React.ReactNode;
+    /** Figma's `footerSlot`: content on the left of the footer, e.g. a "Don't ask again" checkbox. */
+    footerStart?: React.ReactNode;
+    /** Body. A string renders as body text (13px, text/default). */
+    children?: React.ReactNode;
+    /** Show the close button in the corner. */
+    closeButton?: boolean;
+    /** 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;
+    /** Called when focus moves into the dialog on open; `preventDefault()` keeps it where it was. */
+    onOpenAutoFocus?: (event: Event) => void;
+    className?: string;
+}
+/** The X from Figma's close button (`icon` 16px, 1.25 stroke). */
+export declare function CloseIcon(): React.JSX.Element;
+export declare function Dialog({ open, defaultOpen, onOpenChange, trigger, title, description, variant, alert, footer, footerStart, children, closeButton, modal, container, onOpenAutoFocus, className, }: DialogProps): React.JSX.Element;
+/** Wrap a footer button in this to make it close the dialog: `<DialogClose asChild><Button…/></DialogClose>`. */
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export type DialogAlertIntent = 'info' | 'success' | 'warning' | 'error';
+/**
+ * Alert, 1:1 with the uiKit `Alert` set (475:27871): the inline notice inside a dialog.
+ * radius-xl, 16 / 12 padding, the intent's status bg, a 16px status icon in the intent's
+ * status fg, a 14px medium title over a 13px muted description, and an optional 28px close.
+ */
+export interface DialogAlertProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    intent?: DialogAlertIntent;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Hide the status icon. */
+    icon?: boolean;
+    /** Shows the close button; called when it is pressed. */
+    onDismiss?: () => void;
+}
+/** The four status glyphs from Figma (16px, 1.25 stroke), drawn in currentColor. */
+export declare function StatusIcon({ intent }: {
+    intent: DialogAlertIntent;
+}): React.JSX.Element;
+export declare function DialogAlert({ intent, title, description, icon, onDismiss, className, ...props }: DialogAlertProps): React.JSX.Element;