@uisatin/ui 0.0.0-stage → 0.1.1

package/components/tabs.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Tabs as TabsPrimitive } from 'radix-ui';
+/**
+ * Tabs, 1:1 with the uiKit `Tabs` (3635:18677) and `tabs/item` (3635:18591) sets.
+ *
+ * Underline: tabs 32px apart on a 1px border/default rule; md is 36px high with a 14px label,
+ * sm 32px with 13px. The selected tab has a 2px action/primary indicator sitting on the rule;
+ * hover shows it in border/strong. Focus draws a 1.5px border/focus ring around the label.
+ *
+ * Pill: tabs 4px apart, radius-full; md 32px high with 12px sides, sm 28px with 10px. Hover
+ * fills bg/muted, selected bg/selected, focus a 1px border/focus ring.
+ *
+ * The selected tab's indicator (the underline's 2px bar, the pill's bg/selected) is one element
+ * that slides from tab to tab under the labels, as in the Segmented control and Pagination
+ * (sliding-indicator.tsx): 300 ms, the leading edge first.
+ *
+ * Labels are text/muted, text/default on hover, focus and selected; disabled is 50%. Optional
+ * 16px leading icon, 6px from the label. Built on the Radix Tabs (arrow keys move between tabs).
+ * States answer to `data-force="hover" | "focus"` for state sheets.
+ */
+export type TabItem = string | {
+    value: string;
+    label: React.ReactNode;
+    /** 16px leading icon. */
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+export interface TabsProps {
+    items: TabItem[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: 'underline' | 'pill';
+    size?: 'md' | 'sm';
+    /** Disable every tab. */
+    disabled?: boolean;
+    /** Accessible name for the tab list. */
+    'aria-label'?: string;
+    /** `TabsContent` panels, one per item value. */
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Tabs({ items, value, defaultValue, onValueChange, variant, size, disabled, children, className, ...props }: TabsProps): React.JSX.Element;
+/** The panel for one tab value. */
+export declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;

package/components/tabs.js

@@ -0,0 +1,5 @@
+'use client';export { Tabs, TabsContent } from '../chunk-DETGJAIC.js';
+import '../chunk-J3NSDRVH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/components/tabs.js.map

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

package/components/textarea.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * Textarea, 1:1 with the uiKit `Textarea` set (3647:17812): the Input skin (surface fill,
+ * border/default, radius-lg, shadow xs; border/strong on hover, border/focus and the focus
+ * ring on focus, action/destructive/bg on error) at 96px tall with a resize grip. Above it a
+ * label (medium 13/18) with an optional "(Optional)" in muted 13; under it a hint row: the
+ * hint (muted) and, with `maxLength`, a counter (text/subtle) on the right. An error message
+ * replaces the hint and turns the whole row action/destructive/bg. Disabled is bg/muted with
+ * text/subtle and the whole field at 60%.
+ *
+ * `maxLength` drives the counter and is not enforced, so a pasted text can run over and show
+ * it (134/120); pair it with `error` to say what to fix. The look is styles/components/
+ * input.css (`.satin-field`) plus textarea.css.
+ */
+export interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange' | 'maxLength'> {
+    label?: React.ReactNode;
+    /** Adds a muted "(Optional)" after the label. */
+    optional?: boolean;
+    hint?: React.ReactNode;
+    /** An error message (replaces the hint), or `true` to mark the field invalid without one. */
+    error?: React.ReactNode | boolean;
+    /** Shows a `length/maxLength` counter. */
+    maxLength?: number;
+    onChange?: (value: string) => void;
+    /** Classes for the outer wrapper (label + field + hint row). `className` styles the field. */
+    wrapperClassName?: string;
+    /** Show a state without interacting, for state sheets. */
+    'data-force'?: 'hover' | 'focus';
+}
+export declare function Textarea({ label, optional, hint, error, maxLength, className, wrapperClassName, id, disabled, required, value, defaultValue, onChange, 'aria-describedby': ariaDescribedBy, 'data-force': force, ...props }: TextareaProps): React.JSX.Element;

package/components/textarea.js

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

package/components/textarea.js.map

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

package/components/thinking.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { type AgentLoadingIndicator } from './agent-loading.js';
+/**
+ * Thinking, 1:1 with the uiKit `Thinking` set (3239:20908) and its parts thinking/header
+ * (3239:20766), thinking/step (3239:20791) and thinking/_mark (3239:20674).
+ *
+ * What an agent did, once it is done; while it works, AgentLoading (agent-loading.tsx) shows
+ * instead. collapsed: the mark at rest (the full tetris board, or the flappy bird), summary
+ * and a 14px chevron. expanded: the same header with the chevron turned up, then 8px down a body
+ * with 4px left inset: a 16px rail (1px line, rail-edge → rail-center → rail-edge) and, 12px
+ * on, the steps 8px apart.
+ *
+ * The header is a button (click, Enter, Space) that opens and folds the body with the
+ * Accordion's motion; the folded body stays mounted but leaves tab order and screen readers.
+ * `state` sets the starting state and follows later changes, `onToggle` reports them.
+ */
+export type ThinkingStep = 
+/** A finished action: green check, label, muted meta that truncates. */
+{
+    type?: 'task';
+    label: React.ReactNode;
+    meta?: React.ReactNode;
+}
+/** A thought, wrapping in text/muted. */
+ | {
+    type: 'text';
+    text: React.ReactNode;
+}
+/** A page that was read: 16px favicon, title, muted meta. */
+ | {
+    type: 'source';
+    icon?: React.ReactNode;
+    label: React.ReactNode;
+    meta?: React.ReactNode;
+}
+/** A dev tool call: icon (pencil by default), name, mono target, +added −removed, meta. */
+ | {
+    type: 'tool';
+    icon?: React.ReactNode;
+    label: React.ReactNode;
+    target?: React.ReactNode;
+    added?: React.ReactNode;
+    removed?: React.ReactNode;
+    meta?: React.ReactNode;
+}
+/** The rest, folded: "+5 more". */
+ | {
+    type: 'more';
+    label: React.ReactNode;
+};
+export type ThinkingState = 'collapsed' | 'expanded';
+/** The mark beside the summary, matching the AgentLoading that ran before it. */
+export type ThinkingIndicator = AgentLoadingIndicator;
+export interface ThinkingProps extends Omit<React.ComponentProps<'div'>, 'onToggle'> {
+    /** collapsed once the agent is done, expanded when people open it. */
+    state?: ThinkingState;
+    /** The summary, e.g. "Thought for 2m 45s". */
+    label?: React.ReactNode;
+    steps?: ThinkingStep[];
+    /** The mark beside the summary. */
+    indicator?: ThinkingIndicator;
+    onToggle?: (open: boolean) => void;
+}
+export declare function Thinking({ state, label, steps, indicator, onToggle, className, ...props }: ThinkingProps): React.JSX.Element;

package/components/thinking.js

@@ -0,0 +1,5 @@
+'use client';export { Thinking } from '../chunk-ESC5JCVQ.js';
+import '../chunk-KNUWZNFV.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=thinking.js.map
+//# sourceMappingURL=thinking.js.map

package/components/thinking.js.map

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

package/components/toast.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { Toast as ToastPrimitive } from 'radix-ui';
+/**
+ * Toast, 1:1 with the uiKit `Toast` set (3650:17696): intent neutral, info, success, warning or
+ * error. A 397px popover surface, radius-xl, border/default, the shadcn `lg` shadow, padding
+ * 10 left / 8 right and 10 top and bottom (12 at the bottom on the four status intents, as in
+ * Figma). A 36px radius-md icon tile in the intent's status bg, a 13px medium title (20px line)
+ * over a 13px muted description (16px line), then an optional secondary action and a 24px close.
+ *
+ * Built on the Radix Toast. Render one `<Toaster />` near the root and call `toast()` anywhere:
+ *   toast.success('Booking confirmed', { description: 'Table for 4…', action: { label: 'Undo' } })
+ *
+ * The Toaster stacks them bottom-right, newest in front. Behind it, the next ones peek 16px above,
+ * each 5% smaller, cut to the front one's height with their content faded out, so the stack is
+ * even; three show at most and the rest wait, parked in the last place. Hovering or focusing the
+ * stack unfolds it, one under another 8px apart at their own heights, every toast readable, and
+ * pauses their timers.
+ *
+ * Toasts move as whole cards and never fade on the way: a new one slides up from below the
+ * stack (150% of its height), a closed one slides back down the same way, and the rest move to
+ * their new places at the same time. Every move is one transform on one element, 500 ms on the
+ * kit's ease-out, so a toast added or closed mid-move just carries on from where it is. The
+ * cut to the front one's height eases over 150 ms, the content fade over 250 ms.
+ */
+export type ToastIntent = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export interface ToastAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface ToastOptions {
+    description?: React.ReactNode;
+    intent?: ToastIntent;
+    action?: ToastAction;
+    /** The small close button on the right. */
+    closeButton?: boolean;
+    /** The status icon tile on the left. */
+    icon?: boolean;
+    /** Milliseconds before it closes by itself. `Infinity` keeps it until dismissed. */
+    duration?: number;
+    id?: string;
+}
+type Shortcut = (title: React.ReactNode, options?: Omit<ToastOptions, 'intent'>) => string;
+/** Show a toast. Returns its id, which `toast.dismiss(id)` takes. */
+export declare const toast: ((title: React.ReactNode, options?: ToastOptions) => string) & {
+    info: Shortcut;
+    success: Shortcut;
+    warning: Shortcut;
+    error: Shortcut;
+    /** Close one toast, or all of them. */
+    dismiss: (id?: string) => void;
+};
+export interface ToastProps extends Omit<React.ComponentProps<typeof ToastPrimitive.Root>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    intent?: ToastIntent;
+    action?: ToastAction;
+    closeButton?: boolean;
+    icon?: boolean;
+}
+/** A single toast on its own. Lives inside `<Toaster>` (it needs the Radix toast provider). */
+export declare function Toast({ title, description, intent, action, closeButton, icon, duration, className, ...props }: ToastProps): React.JSX.Element;
+export interface ToasterProps {
+    /** Classes for the viewport; `absolute` instead of `fixed` keeps it inside a positioned parent. */
+    className?: string;
+    /** Most toasts on screen at once; the rest wait behind. */
+    limit?: number;
+    /** Your own controlled `<Toast>`s, rendered alongside the ones from `toast()`. */
+    children?: React.ReactNode;
+}
+export declare function Toaster({ className, limit, children }: ToasterProps): React.JSX.Element;
+export {};

package/components/toast.js

@@ -0,0 +1,5 @@
+'use client';export { Toast, Toaster, toast } from '../chunk-2HKBZFIK.js';
+import '../chunk-HNQUX43Z.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=toast.js.map
+//# sourceMappingURL=toast.js.map

package/components/toast.js.map

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

package/components/toggle.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Toggle as TogglePrimitive } from 'radix-ui';
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Toggle, 1:1 with the uiKit `Toggle` set (852:21771): a button that stays pressed. Two
+ * variants, outline (bg/popover, border/default, radius-lg) and ghost (no fill, radius-md),
+ * two sizes, md 32 (14/21) and sm 28 (13/18), 10px side padding, a 16px icon 8px from the
+ * label, and a square icon-only form.
+ *
+ * At rest the label and icon are text/muted. Hover: bg/muted (outline adds border/strong).
+ * Focus: an action/primary border, plus the 2px focus ring on outline. Pressed:
+ * action/secondary/bg-pressed (outline with border/strong), text/default; pressed + focus
+ * adds the ring on both. Disabled: text/subtle, outline on bg/muted. Ghost rounds to radius-lg
+ * whenever it is hovered, focused or pressed, as in Figma.
+ *
+ * States use satin-hover / satin-focus (or data-force), pressed is Radix's data-state="on".
+ */
+declare const toggleVariants: (props?: ({
+    variant?: "ghost" | "outline" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToggleProps extends React.ComponentProps<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
+    /** A 16px icon before the label, or the only content when `iconOnly` (then pass an aria-label). */
+    icon?: React.ReactNode;
+    /** Show a state without interacting, for state sheets. */
+    'data-force'?: 'hover' | 'focus';
+}
+export declare function Toggle({ className, variant, size, iconOnly, icon, children, ...props }: ToggleProps): React.JSX.Element;
+export { toggleVariants };

package/components/toggle.js

@@ -0,0 +1,4 @@
+'use client';export { Toggle, toggleVariants } from '../chunk-UC3ZJWOD.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.js.map

package/components/toggle.js.map

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

package/components/tooltip.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+/**
+ * Tooltip, 1:1 with the uiKit `tooltip/shortcut` set (3306:17555): an inverse pill
+ * (text/default fill, bg/canvas text, medium 13/19.5) with the action name and optional
+ * keys: a KbdGroup of sm keys in the inverse tone, so they read on the dark pill in Light and
+ * the light one in Dark. Padding 4 / 6 / 4 / 10, 8px between
+ * label and keys. Shape default is radius-lg; rounded is a pill. Shadow md (0 8 12 shadow-md, 0 1 1.5 shadow-ambient) and the
+ * 1px top highlight. Without a shortcut the right padding matches the left (10).
+ *
+ * Built on the Radix tooltip: it opens on hover after `delay` and at once on keyboard focus,
+ * waits `closeDelay` after the pointer leaves before closing, closes on Escape, and links itself to the trigger with aria-describedby. It sits 8px from
+ * the trigger and fades in from 4px towards it (`@starting-style`, ease-out, 150 ms).
+ */
+export interface TooltipProps {
+    /** The action, in one or two words. */
+    label: React.ReactNode;
+    /** Keys that run the action, e.g. "⌘K" or "⌃⇧V". */
+    shortcut?: string;
+    shape?: 'default' | 'rounded';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** Hover delay in ms before it opens. */
+    delay?: number;
+    /** How long it stays after the pointer leaves, in ms, so a quick slip off the trigger doesn't flicker it. */
+    closeDelay?: number;
+    /** The trigger. It must be focusable (a button, a link). */
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Portal target. Defaults to `document.body`. */
+    container?: HTMLElement | null;
+    className?: string;
+}
+export declare function TooltipBubble({ label, shortcut, shape, className, ...props }: Pick<TooltipProps, 'label' | 'shortcut' | 'shape' | 'className'> & React.ComponentProps<'div'>): React.JSX.Element;
+export declare function Tooltip({ label, shortcut, shape, side, delay, closeDelay, children, open: openProp, defaultOpen, onOpenChange, container, className, }: TooltipProps): React.JSX.Element;

package/components/tooltip.js

@@ -0,0 +1,5 @@
+'use client';export { Tooltip, TooltipBubble } from '../chunk-B6V4VSGH.js';
+import '../chunk-BKZBWPUH.js';
+import '../chunk-H63FYCMY.js';
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/components/tooltip.js.map

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

package/index.d.ts

@@ -0,0 +1,64 @@
+export { cn } from './lib/utils.js';
+export * from './theme/index.js';
+export * from './components/accordion.js';
+export * from './components/avatar.js';
+export { Badge, badgeVariants, type BadgeProps, type BadgeTone } from './components/badge.js';
+export * from './components/banner.js';
+export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './components/breadcrumb.js';
+export { Button, buttonVariants, type ButtonProps } from './components/button.js';
+export * from './components/card.js';
+export { ChartCard, ChartTooltip, ChartLegendRow, ChartLegendPill, type ChartDatum, type ChartCardBaseProps } from './components/chart.js';
+export { LineCard, AreaCard, type LineCardProps } from './components/line-chart.js';
+export { DonutCard, type DonutCardProps } from './components/donut-chart.js';
+export { BarCard, type BarCardProps } from './components/bar-chart.js';
+export { ChannelCard, type ChannelCardProps } from './components/channel-chart.js';
+export { Checkbox, type CheckboxProps } from './components/checkbox.js';
+export { Chip, ChipAvatar, chipVariants, type ChipProps } from './components/chip.js';
+export { Combobox, type ComboboxProps } from './components/combobox.js';
+export { CommandMenu, type CommandMenuProps, type CommandItem, type CommandGroup } from './components/command-menu.js';
+export { CodeBlock, type CodeBlockProps } from './components/code-block.js';
+export { Dialog, DialogClose, DialogAlert, CloseIcon, type DialogProps, type DialogVariant, type DialogAlertProps, type DialogAlertIntent } from './components/dialog.js';
+export * from './components/dot.js';
+export { Floating, type FloatingProps, type FloatingSide } from './components/floating.js';
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuItemClass, menuSurfaceClass, menuGroupClass, menuGroupLabelClass, type DropdownMenuProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type MenuItemContentProps } from './components/dropdown.js';
+export { FormField, useFormField, type FormFieldProps, type FormFieldContextValue } from './components/form-field.js';
+export { Input, type InputProps } from './components/input.js';
+export * from './components/kbd.js';
+export { Pagination, paginationRange, type PaginationProps } from './components/pagination.js';
+export { Popover, PopoverClose, PopoverPanel, type PopoverProps } from './components/popover.js';
+export { Progress, type ProgressProps } from './components/progress.js';
+export { Radio, RadioGroup, type RadioProps, type RadioGroupProps } from './components/radio.js';
+export { SearchBar, type SearchBarProps } from './components/search-bar.js';
+export { Select, FieldChrome, useFieldChrome, SelectChevron, type SelectProps, type SelectOption, type SelectGroup } from './components/select.js';
+export { SegmentedControl, type SegmentedControlItem, type SegmentedControlProps } from './components/segmented-control.js';
+export { Sheet, SheetClose, type SheetProps } from './components/sheet.js';
+export * from './components/sidebar.js';
+export { Skeleton, type SkeletonProps } from './components/skeleton.js';
+export { Slider, type SliderProps } from './components/slider.js';
+export { Switch, type SwitchProps } from './components/switch.js';
+export { Table, type TableProps, type Column, type Row, type Sort } from './components/table.js';
+export { Tabs, TabsContent, type TabsProps, type TabItem } from './components/tabs.js';
+export { Textarea, type TextareaProps } from './components/textarea.js';
+export { Toast, Toaster, toast, type ToastProps, type ToasterProps, type ToastOptions, type ToastIntent, type ToastAction } from './components/toast.js';
+export { Toggle, toggleVariants, type ToggleProps } from './components/toggle.js';
+export { Tooltip, TooltipBubble, type TooltipProps } from './components/tooltip.js';
+export * from './components/agent-picker.js';
+export * from './components/attachment.js';
+export * from './components/decision-card.js';
+export * from './components/empty-state.js';
+export { Message, type MessageProps, type MessageSource } from './components/message.js';
+export { MessageActions, type MessageActionsProps, type MessageFeedback } from './components/message-actions.js';
+export { PromptBar, defaultActions as promptBarDefaultActions, type PromptBarProps, type PromptBarModel, type PromptBarAction } from './components/prompt-bar.js';
+export { StreamingText, type StreamingTextProps } from './components/streaming-text.js';
+export { Thinking, type ThinkingProps, type ThinkingStep, type ThinkingState, type ThinkingIndicator } from './components/thinking.js';
+export { AgentLoading, type AgentLoadingProps, type AgentLoadingIndicator, TetrisMark, TetrisLabel, TetrisStill, FlappySprite, ShimmerLabel, type Glimmer } from './components/agent-loading.js';
+export { FileUpload, FileUploadItem, fileIconFor, formatBytes, type FileUploadProps, type FileUploadFile, type FileUploadRejection, type FileUploadStatus } from './components/file-upload.js';
+export { InputOTP, type InputOTPProps } from './components/input-otp.js';
+export { NumberInput, type NumberInputProps } from './components/number-input.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSub, ContextMenuSeparator, type ContextMenuProps, type ContextMenuItemProps, type ContextMenuSubProps } from './components/context-menu.js';
+export { HoverCard, hoverCardClass, type HoverCardProps } from './components/hover-card.js';
+export { Citation, Sources, type CitationProps, type CitationSource, type SourcesProps } from './components/citations.js';
+export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange, type CalendarProps, type DatePickerProps, type DatePickerPanelProps, type DateRangePickerPanelProps, type DateRangePickerProps, type DateRange } from './components/date-picker.js';
+export { AgentSuggestion, AgentSuggestionQuote, AgentSuggestionMetric, AgentSuggestionDiff, AgentSuggestionChanges, type AgentSuggestionProps, type AgentSuggestionChange } from './components/agent-suggestion.js';
+export { CookieConsent, type CookieConsentProps } from './components/cookie-consent.js';
+export { AnnouncementBar, type AnnouncementBarProps } from './components/announcement-bar.js';

package/index.js

@@ -0,0 +1,231 @@
+'use client';export { Toggle, toggleVariants } from './chunk-UC3ZJWOD.js';
+export { StreamingText } from './chunk-RTJ76X5U.js';
+export { Switch } from './chunk-SH6NG6VN.js';
+export { Table } from './chunk-X3PQANZO.js';
+export { Tabs, TabsContent } from './chunk-DETGJAIC.js';
+export { Textarea } from './chunk-QUF2IPOZ.js';
+export { Toast, Toaster, toast } from './chunk-2HKBZFIK.js';
+export { Radio, RadioGroup } from './chunk-LLHTVIM3.js';
+export { SearchBar } from './chunk-UGRSWP6U.js';
+export { SegmentedControl } from './chunk-WTMZT3IT.js';
+export { Sheet, SheetClose } from './chunk-TKO44NDI.js';
+export { Sidebar, SidebarGroup, SidebarItem, SidebarSubGroup, SidebarSubItem } from './chunk-BNTPPZCK.js';
+export { Skeleton } from './chunk-YG7JOOLJ.js';
+export { Slider } from './chunk-L6NCCSIP.js';
+export { AreaCard, LineCard } from './chunk-SHDFUXYV.js';
+export { Message } from './chunk-PVOLDO4G.js';
+export { Thinking } from './chunk-ESC5JCVQ.js';
+export { MessageActions } from './chunk-AN2RNJLR.js';
+export { NumberInput } from './chunk-LW3TRU5W.js';
+export { Pagination, paginationRange } from './chunk-QS4N4MNP.js';
+export { Popover, PopoverClose, PopoverPanel } from './chunk-BNZVTLHV.js';
+export { PromptBar, defaultActions as promptBarDefaultActions } from './chunk-6YXUBP27.js';
+export { EmptyState, emptyStateVariants } from './chunk-WX6BP5ZP.js';
+export { FileUpload, FileUploadItem, fileIconFor, formatBytes } from './chunk-GICKPMJU.js';
+export { InputOTP } from './chunk-XL75JRUA.js';
+export { Input } from './chunk-YPNKBE5X.js';
+export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuSub } from './chunk-PF3YBUKT.js';
+export { CookieConsent } from './chunk-NN6PKJWS.js';
+export { Calendar, DatePicker, DatePickerPanel, DateRangePicker, DateRangePickerPanel, formatDate, formatRange } from './chunk-XZNHT6MO.js';
+export { DecisionCard, DecisionItemPreview } from './chunk-TX3H3QMA.js';
+import './chunk-J3NSDRVH.js';
+export { CloseIcon, Dialog, DialogAlert, DialogClose } from './chunk-JPNWHWAQ.js';
+export { DonutCard } from './chunk-CL2II6BX.js';
+export { Dot, dotVariants } from './chunk-B2K45IUR.js';
+export { ChannelCard } from './chunk-LZMKSFCF.js';
+export { Checkbox } from './chunk-FDKIX4DC.js';
+export { Citation, Sources } from './chunk-6C7CGJX2.js';
+export { HoverCard, hoverCardClass } from './chunk-HRKPV66B.js';
+export { CodeBlock } from './chunk-A5XEM3GF.js';
+export { Combobox } from './chunk-NSRTTYQ4.js';
+export { Chip, ChipAvatar, chipVariants } from './chunk-3ERGAHKA.js';
+export { CommandMenu } from './chunk-P4O6TGDR.js';
+export { AVATAR_TOOLTIP_DELAY, Avatar, avatarVariants } from './chunk-TVLGZGYN.js';
+export { Tooltip, TooltipBubble } from './chunk-B6V4VSGH.js';
+export { BarCard } from './chunk-DO3TBNSC.js';
+export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-YPJYW624.js';
+export { Floating } from './chunk-Y5AYU7PK.js';
+export { FieldChrome, Select, SelectChevron, useFieldChrome } from './chunk-72OCFAPT.js';
+export { FormField, useFormField } from './chunk-UBNHSZSE.js';
+export { Breadcrumb } from './chunk-HL42K2NH.js';
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuItem, MenuItemContent, menuGroupClass, menuGroupLabelClass, menuItemClass, menuSurfaceClass } from './chunk-3DINAQLL.js';
+export { Kbd, KbdArrowDown, KbdArrowUp, KbdGroup, KbdHint, KbdReturn, keysOf } from './chunk-BKZBWPUH.js';
+export { Card, cardVariants } from './chunk-XILQ7GXE.js';
+export { Accordion, AccordionItem } from './chunk-GQA24FYG.js';
+export { AgentLoading, FlappySprite, ShimmerLabel, TetrisLabel, TetrisMark, TetrisStill } from './chunk-KNUWZNFV.js';
+export { AgentAvatar, AgentMenuItem, AgentPicker, AgentPickerRow } from './chunk-VAGIAREV.js';
+export { AgentSuggestion, AgentSuggestionChanges, AgentSuggestionDiff, AgentSuggestionMetric, AgentSuggestionQuote } from './chunk-MR3JDI7E.js';
+export { Progress } from './chunk-7TXHCRAG.js';
+export { Badge, badgeVariants } from './chunk-O7F3CIDV.js';
+export { AnnouncementBar } from './chunk-D7RZNTFC.js';
+export { Banner, bannerVariants } from './chunk-6QMSWITQ.js';
+export { bannerMesh } from './chunk-YX5VNRJX.js';
+export { Attachment, AttachmentGroup, AttachmentPreview, AttachmentPreviewPager, AttachmentPreviewSheets, FileIcon } from './chunk-H4NU7NPO.js';
+export { Button, buttonVariants } from './chunk-HNQUX43Z.js';
+export { cn } from './chunk-H63FYCMY.js';
+
+// src/theme/create-theme.ts
+var defaultTheme = { brand: "#4633D7", radius: 1 };
+var toLinear = (c) => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+var toGamma = (c) => c <= 31308e-7 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  const full = h.length === 3 ? [...h].map((c) => c + c).join("") : h.slice(0, 6);
+  return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16) / 255);
+}
+function rgbToOklch([r, g, b]) {
+  const [lr, lg, lb] = [r, g, b].map(toLinear);
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  return [L, Math.hypot(A, B), (Math.atan2(B, A) * 180 / Math.PI + 360) % 360];
+}
+function oklchToRgb([L, C, H]) {
+  const a = C * Math.cos(H * Math.PI / 180);
+  const b = C * Math.sin(H * Math.PI / 180);
+  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return [
+    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
+  ];
+}
+var inGamut = (rgb) => rgb.every((c) => c >= -5e-4 && c <= 1.0005);
+function oklchToHex([L, C, H]) {
+  let c = C;
+  let rgb = oklchToRgb([L, c, H]);
+  while (!inGamut(rgb) && c > 0) {
+    c = Math.max(0, c - 5e-3);
+    rgb = oklchToRgb([L, c, H]);
+  }
+  return "#" + rgb.map((v) => Math.round(Math.min(1, Math.max(0, toGamma(v))) * 255).toString(16).padStart(2, "0")).join("").toUpperCase();
+}
+var luminance = (hex) => {
+  const [r, g, b] = hexToRgb(hex).map(toLinear);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+var contrast = (a, b) => {
+  const [x, y] = [luminance(a), luminance(b)].sort((p, q) => q - p);
+  return (x + 0.05) / (y + 0.05);
+};
+var RAMP = {
+  "blue-50": "#F2F4FF",
+  "blue-200": "#CFD6FF",
+  "blue-300": "#B1BBFE",
+  "blue-500": "#5146E9",
+  "blue-600": "#4633D7",
+  "blue-700": "#3923B9",
+  "blue-900": "#1D1168",
+  "blue-950": "#110A47",
+  "blue-soft-50": "#F3F5FF",
+  "blue-soft-200": "#D9DEFB",
+  "blue-soft-300": "#BEC7FC",
+  "blue-soft-700": "#5158A0",
+  "blue-soft-900": "#30344F",
+  "blue-soft-950": "#1F2132",
+  "primary-dark": "#493DD6",
+  "primary-hover-dark": "#554FE7",
+  "primary-pressed-dark": "#3E2AC5",
+  "primary-border-light": "#9085E7",
+  "primary-border-dark": "#928BE6"
+};
+var SOLID = /* @__PURE__ */ new Set(["blue-500", "blue-600", "blue-700", "primary-dark", "primary-hover-dark", "primary-pressed-dark"]);
+function solidLightness(c, h, base, hoverStep) {
+  const passes = (L) => contrast(oklchToHex([L, c, h]), "#FFFFFF") >= 4.7 && contrast(oklchToHex([L + hoverStep, c, h]), "#FFFFFF") >= 4.7;
+  if (passes(base)) return base;
+  let lo = 0.2;
+  let hi = base;
+  for (let i = 0; i < 20; i++) {
+    const mid = (lo + hi) / 2;
+    if (passes(mid)) lo = mid;
+    else hi = mid;
+  }
+  return lo;
+}
+function brandVars(brand) {
+  const [bl, bc, bh] = rgbToOklch(hexToRgb(brand));
+  const lch = (step) => rgbToOklch(hexToRgb(RAMP[step]));
+  const [rl, rc, rh] = lch("blue-600");
+  const chroma = bc / rc;
+  const light = solidLightness(bc, bh, bl, lch("blue-500")[0] - rl);
+  const darkRest = lch("primary-dark")[0];
+  const dark = solidLightness(bc, bh, light + (darkRest - rl), lch("primary-hover-dark")[0] - darkRest);
+  const root = {};
+  for (const [step, hex] of Object.entries(RAMP)) {
+    const [l, c, h] = rgbToOklch(hexToRgb(hex));
+    const isDark = step.endsWith("-dark") && step !== "primary-border-dark";
+    const L = SOLID.has(step) ? isDark ? dark + (l - darkRest) : light + (l - rl) : l;
+    root[`--color-${step}`] = step === "blue-600" && light === bl ? brand.toUpperCase() : oklchToHex([Math.min(0.97, Math.max(0.15, L)), c * chroma, bh + (h - rh)]);
+  }
+  root["--color-blue-600-a20"] = `${root["--color-blue-600"]}33`;
+  root["--color-blue-500-a20"] = `${root["--color-blue-500"]}33`;
+  root["--color-primary-focus-dark"] = `${root["--color-primary-dark"]}33`;
+  return root;
+}
+var RADII = { xs: 4, sm: 6, md: 8, xl: 12, "2xl": 16, "3xl": 20 };
+function radiusVars(scale) {
+  const v = {};
+  for (const [k, px] of Object.entries(RADII)) v[`--radius-${k}`] = `${Math.round(px * scale * 2) / 2}px`;
+  v["--radius"] = `${Math.round(10 * scale * 2) / 2}px`;
+  v["--radius-pill"] = scale >= 1 ? "9999px" : `${Math.round(16 * scale)}px`;
+  return v;
+}
+function themeVars(theme) {
+  return { root: { ...brandVars(theme.brand), ...radiusVars(theme.radius) }, dark: {} };
+}
+var SCOPED_LIGHT = {
+  "--border-focus": "var(--color-blue-600)",
+  "--action-primary-bg": "var(--color-blue-600)",
+  "--action-primary-bg-hover": "var(--color-blue-500)",
+  "--action-primary-bg-pressed": "var(--color-blue-700)",
+  "--action-primary-border": "var(--color-primary-border-light)",
+  "--action-focus-ring": "var(--color-blue-600-a20)",
+  "--status-brand-bg": "var(--color-blue-soft-50)",
+  "--status-brand-border": "var(--color-blue-soft-200)",
+  "--status-brand-fg": "var(--color-blue-soft-700)",
+  "--radius-lg": "var(--radius)"
+};
+var SCOPED_DARK = {
+  "--border-focus": "var(--color-primary-hover-dark)",
+  "--action-primary-bg": "var(--color-primary-dark)",
+  "--action-primary-bg-hover": "var(--color-primary-hover-dark)",
+  "--action-primary-bg-pressed": "var(--color-primary-pressed-dark)",
+  "--action-primary-border": "var(--color-primary-border-dark)",
+  "--action-focus-ring": "var(--color-primary-focus-dark)",
+  "--status-brand-bg": "var(--color-blue-soft-950)",
+  "--status-brand-border": "var(--color-blue-soft-900)",
+  "--status-brand-fg": "var(--color-blue-soft-300)"
+};
+function themeCss(theme, scope) {
+  const vars = themeVars(theme);
+  const root = scope ? { ...vars.root, ...SCOPED_LIGHT } : vars.root;
+  const dark = scope ? { ...vars.dark, ...SCOPED_DARK } : vars.dark;
+  const block = (sel, vars2) => `${sel} {
+${Object.entries(vars2).map(([k, v]) => `  ${k}: ${v};`).join("\n")}
+}`;
+  return [
+    `/* Satin theme: brand ${theme.brand.toUpperCase()}, radius ${theme.radius}. */`,
+    // :root:root outranks Satin's own :root, so the theme wins wherever the file is loaded.
+    block(scope ?? ":root:root", root),
+    ...Object.keys(dark).length ? [block(scope ? `.dark ${scope}` : ":root.dark", dark)] : [],
+    ""
+  ].join("\n\n");
+}
+function randomTheme(current) {
+  const [, , currentHue] = current ? rgbToOklch(hexToRgb(current.brand)) : [0, 0, -360];
+  const hue = (currentHue + 60 + Math.random() * 240) % 360;
+  const l = 0.5 + Math.random() * 0.25;
+  const brand = oklchToHex([l, 0.12 + Math.random() * 0.08, hue]);
+  const radii = [0, 0.5, 1, 1.5].filter((r) => r !== current?.radius);
+  const radius = radii[Math.floor(Math.random() * radii.length)];
+  return { brand, radius };
+}
+
+export { contrast, defaultTheme, randomTheme, themeCss, themeVars };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map