@agent-factory-platform/ui-kit 0.2.0

package/dist/charts/basic.d.ts

@@ -0,0 +1,66 @@
+export interface TrendPoint {
+    label: string;
+    current: number;
+    previous?: number;
+}
+export interface BarPoint {
+    label: string;
+    value: number;
+}
+export interface PieSlice {
+    name: string;
+    value: number;
+}
+export interface RadarPoint {
+    label: string;
+    current: number;
+    previous?: number;
+}
+export declare function AreaTrendChart({ data, height, valueFormat, showPrevious, ariaLabel }: {
+    data: TrendPoint[];
+    height?: number;
+    valueFormat?: (value: string | number) => string;
+    showPrevious?: boolean;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export declare function BarChart({ data, height, valueFormat, signColor, ariaLabel }: {
+    data: BarPoint[];
+    height?: number;
+    valueFormat?: (value: string | number) => string;
+    signColor?: boolean;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export declare function HistogramChart(props: {
+    data: BarPoint[];
+    height?: number;
+    valueFormat?: (value: string | number) => string;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export declare function PieChart({ data, height, donut, centerLabel, valueFormat, ariaLabel }: {
+    data: PieSlice[];
+    height?: number;
+    donut?: boolean;
+    centerLabel?: string;
+    valueFormat?: (value: string | number) => string;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export declare function RadarChart({ data, height, ariaLabel }: {
+    data: RadarPoint[];
+    height?: number;
+    ariaLabel?: string;
+}): import("react").JSX.Element;
+export declare function RadialGaugeChart({ value, maximum, label, height }: {
+    value: number;
+    maximum?: number;
+    label: string;
+    height?: number;
+}): import("react").JSX.Element;
+export type SparklineTone = "up" | "down" | "blue";
+export declare function Sparkline({ data, tone, height, ariaLabel, emptyLabel, }: {
+    data: number[];
+    tone?: SparklineTone;
+    height?: number;
+    ariaLabel?: string;
+    /** Accessible label when there are fewer than 2 points (empty chart). */
+    emptyLabel?: string;
+}): import("react").JSX.Element;

package/dist/charts/chart-tooltip.d.ts

@@ -0,0 +1,12 @@
+export interface ChartTooltipItem {
+    name?: string | number;
+    value?: string | number;
+    color?: string;
+}
+export declare function ChartTooltip({ active, payload, label, valueFormat, labelFormat, }: {
+    active?: boolean;
+    payload?: ChartTooltipItem[];
+    label?: string | number;
+    valueFormat?: (value: string | number) => string;
+    labelFormat?: (value: string | number) => string;
+}): import("react").JSX.Element | null;

package/dist/charts/index.d.ts

@@ -0,0 +1,2 @@
+export { AreaTrendChart, BarChart, HistogramChart, PieChart, RadarChart, RadialGaugeChart, Sparkline, type BarPoint, type PieSlice, type RadarPoint, type SparklineTone, type TrendPoint } from "./basic";
+export { CATEGORICAL, CHART, axisProps, gridProps } from "./theme";

package/dist/charts/theme.d.ts

@@ -0,0 +1,38 @@
+/** Semantic chart roles shared by SVG, canvas, and third-party engines. */
+export declare const CHART: {
+    readonly rust: "var(--color-rust)";
+    readonly blue: "var(--color-data-blue)";
+    readonly ink: "var(--color-ink)";
+    readonly ash: "var(--color-ash)";
+    readonly graphite: "var(--color-graphite)";
+    readonly dove: "var(--color-dove)";
+    readonly grid: "var(--color-chart-grid)";
+    readonly axis: "var(--color-chart-axis)";
+    readonly canvas: "var(--color-surface-canvas)";
+    readonly surface: "var(--color-surface-raised)";
+    readonly up: "var(--color-up)";
+    readonly down: "var(--color-down)";
+    readonly apricot: "var(--color-apricot-wash)";
+    readonly sky: "var(--color-sky-wash)";
+    readonly white: "var(--color-surface-raised)";
+    readonly font: "var(--font-sohne)";
+};
+export declare const CATEGORICAL: string[];
+export declare const axisProps: {
+    readonly tick: {
+        readonly fill: "var(--color-graphite)";
+        readonly fontSize: 12;
+        readonly fontFamily: "var(--font-sohne)";
+    };
+    readonly tickLine: false;
+    readonly axisLine: {
+        readonly stroke: "var(--color-chart-axis)";
+    };
+    readonly tickMargin: 8;
+};
+export declare const gridProps: {
+    readonly stroke: "var(--color-chart-grid)";
+    readonly strokeOpacity: 1;
+    readonly strokeDasharray: "2 6";
+    readonly vertical: false;
+};

package/dist/component-api.d.ts

@@ -0,0 +1,21 @@
+export interface UiKitComponentApiProp {
+    name: string;
+    type: string;
+    required: boolean;
+    default: string;
+    description: string;
+}
+export interface UiKitComponentApiEntry {
+    name: string;
+    kind: string;
+    description: string;
+    source: string;
+    signature: string;
+    inherited: string;
+    props: readonly UiKitComponentApiProp[];
+}
+export interface UiKitComponentApi {
+    schemaVersion: number;
+    exports: Readonly<Record<string, UiKitComponentApiEntry>>;
+}
+export declare const UI_KIT_COMPONENT_API: UiKitComponentApi;

package/dist/component-api.js

@@ -0,0 +1,7 @@
+const e = /* @__PURE__ */ JSON.parse('{"Accordion":{"name":"Accordion","kind":"callable","description":"","source":"packages/ui-kit/src/components/disclosure.tsx","signature":"Accordion(props: { value: string; title: string; children: ReactNode; })","inherited":"{ value: string; title: string; children: ReactNode; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"title","type":"string","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""}]},"ActionGroup":{"name":"ActionGroup","kind":"callable","description":"Keeps related commands aligned and allows actions to wrap on narrow screens.","source":"packages/ui-kit/src/components/button.tsx","signature":"ActionGroup(props: { children: ReactNode })","inherited":"{ children: ReactNode }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""}]},"Alert":{"name":"Alert","kind":"callable","description":"","source":"packages/ui-kit/src/components/alert.tsx","signature":"Alert(props: AlertProps)","inherited":"AlertProps","props":[{"name":"action","type":"ReactNode","required":false,"default":"","description":""},{"name":"children","type":"ReactNode","required":false,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"icon","type":"ReactNode","required":false,"default":"","description":""},{"name":"title","type":"ReactNode","required":true,"default":"","description":""},{"name":"tone","type":"AlertTone | undefined","required":false,"default":"\\"info\\"","description":""}]},"AllocationSlider":{"name":"AllocationSlider","kind":"callable","description":"Dense percentage allocation control with fill, marks, and a vertical thumb.","source":"packages/ui-kit/src/components/slider.tsx","signature":"AllocationSlider(props: AllocationSliderProps)","inherited":"AllocationSliderProps","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"","description":""},{"name":"formatValue","type":"((v: number) => string) | undefined","required":false,"default":"","description":""},{"name":"marks","type":"number[] | undefined","required":false,"default":"","description":""},{"name":"max","type":"number | undefined","required":false,"default":"","description":""},{"name":"min","type":"number | undefined","required":false,"default":"","description":""},{"name":"onChange","type":"(v: number) => void","required":true,"default":"","description":""},{"name":"onCommit","type":"((v: number) => void) | undefined","required":false,"default":"","description":""},{"name":"step","type":"number | undefined","required":false,"default":"","description":""},{"name":"testId","type":"string | undefined","required":false,"default":"","description":""},{"name":"value","type":"number","required":true,"default":"","description":""}]},"AreaTrendChart":{"name":"AreaTrendChart","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"AreaTrendChart(props: { data: TrendPoint[]; height?: number; valueFormat?: (value: string | number) => string; showPrevious?: boolean; ariaLabel?: string })","inherited":"{ data: TrendPoint[]; height?: number; valueFormat?: (value: string | number) => string; showPrevious?: boolean; ariaLabel?: string }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"\\"Area trend chart\\"","description":""},{"name":"data","type":"TrendPoint[]","required":true,"default":"","description":""},{"name":"height","type":"number | undefined","required":false,"default":"240","description":""},{"name":"showPrevious","type":"boolean | undefined","required":false,"default":"true","description":""},{"name":"valueFormat","type":"((value: string | number) => string) | undefined","required":false,"default":"String","description":""}]},"AspectRatio":{"name":"AspectRatio","kind":"callable","description":"","source":"packages/ui-kit/src/components/utility.tsx","signature":"AspectRatio(props: P)","inherited":"P","props":[]},"Avatar":{"name":"Avatar","kind":"callable","description":"","source":"packages/ui-kit/src/components/avatar.tsx","signature":"Avatar(props: AvatarProps)","inherited":"AvatarProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"fallback","type":"ReactNode","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"size","type":"AvatarSize | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"src","type":"string | undefined","required":false,"default":"","description":""},{"name":"status","type":"AvatarStatus | undefined","required":false,"default":"","description":""},{"name":"statusLabel","type":"string | undefined","required":false,"default":"","description":""}]},"AvatarBadge":{"name":"AvatarBadge","kind":"callable","description":"Avatar badge — logo image, or pastel circle with 2-letter Ink monogram.","source":"packages/ui-kit/src/components/badge.tsx","signature":"AvatarBadge(props: { initials: string; tint?: string; size?: number; className?: string; /** When set, render a circular logo/photo instead of initials. */ src?: string; alt?: string; })","inherited":"{ initials: string; tint?: string; size?: number; className?: string; /** When set, render a circular logo/photo instead of initials. */ src?: string; alt?: string; }","props":[{"name":"alt","type":"string | undefined","required":false,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"initials","type":"string","required":true,"default":"","description":""},{"name":"size","type":"number | undefined","required":false,"default":"36","description":""},{"name":"src","type":"string | undefined","required":false,"default":"","description":"When set, render a circular logo/photo instead of initials."},{"name":"tint","type":"string | undefined","required":false,"default":"","description":""}]},"AvatarGroup":{"name":"AvatarGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/avatar.tsx","signature":"AvatarGroup(props: AvatarGroupProps)","inherited":"AvatarGroupProps","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"overlap","type":"AvatarGroupOverlap | undefined","required":false,"default":"\\"default\\"","description":""}]},"AvatarGroupOverflow":{"name":"AvatarGroupOverflow","kind":"callable","description":"","source":"packages/ui-kit/src/components/avatar.tsx","signature":"AvatarGroupOverflow(props: AvatarGroupOverflowProps)","inherited":"AvatarGroupOverflowProps","props":[{"name":"count","type":"number","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"showPlus","type":"boolean | undefined","required":false,"default":"true","description":""},{"name":"size","type":"number | undefined","required":false,"default":"20","description":""}]},"BarChart":{"name":"BarChart","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"BarChart(props: { data: BarPoint[]; height?: number; valueFormat?: (value: string | number) => string; signColor?: boolean; ariaLabel?: string })","inherited":"{ data: BarPoint[]; height?: number; valueFormat?: (value: string | number) => string; signColor?: boolean; ariaLabel?: string }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"\\"Bar chart\\"","description":""},{"name":"data","type":"BarPoint[]","required":true,"default":"","description":""},{"name":"height","type":"number | undefined","required":false,"default":"240","description":""},{"name":"signColor","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"valueFormat","type":"((value: string | number) => string) | undefined","required":false,"default":"String","description":""}]},"Breadcrumb":{"name":"Breadcrumb","kind":"callable","description":"","source":"packages/ui-kit/src/components/navigation.tsx","signature":"Breadcrumb(props: { label: string; items: readonly BreadcrumbItem[] })","inherited":"{ label: string; items: readonly BreadcrumbItem[] }","props":[{"name":"items","type":"readonly BreadcrumbItem[]","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""}]},"Button":{"name":"Button","kind":"callable","description":"Canonical command button. Use `compact` in dense application chrome, `default` in product forms, and `touch` for primary mobile actions. Icon-only buttons must provide an accessible name through `aria-label` or `title`.","source":"packages/ui-kit/src/components/button.tsx","signature":"Button(props: ButtonProps)","inherited":"ButtonProps","props":[{"name":"asChild","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"size","type":"ButtonSize | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"variant","type":"ButtonVariant | undefined","required":false,"default":"\\"primary\\"","description":""}]},"ButtonGroup":{"name":"ButtonGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/button-group.tsx","signature":"ButtonGroup(props: { label: string; children: ReactNode; orientation?: \\"horizontal\\" | \\"vertical\\"; className?: string })","inherited":"{ label: string; children: ReactNode; orientation?: \\"horizontal\\" | \\"vertical\\"; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"orientation","type":"\\"horizontal\\" | \\"vertical\\" | undefined","required":false,"default":"\\"horizontal\\"","description":""}]},"Calendar":{"name":"Calendar","kind":"callable","description":"","source":"packages/ui-kit/src/components/date-time.tsx","signature":"Calendar(props: CalendarProps)","inherited":"CalendarProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"dateLabel","type":"((value: string) => string) | undefined","required":false,"default":"(candidate) => candidate","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"locale","type":"string","required":true,"default":"","description":""},{"name":"maximum","type":"string | undefined","required":false,"default":"","description":""},{"name":"minimum","type":"string | undefined","required":false,"default":"","description":""},{"name":"nextMonthLabel","type":"string","required":true,"default":"","description":""},{"name":"onValueChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"previousMonthLabel","type":"string","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""},{"name":"weekdayLabels","type":"readonly string[]","required":true,"default":"","description":""}]},"Card":{"name":"Card","kind":"callable","description":"Framed content unit. Keep page sections unframed; use cards for repeated entities or genuinely bounded tools. `compact` is for dense workspace tiles.","source":"packages/ui-kit/src/components/card.tsx","signature":"Card(props: CardProps)","inherited":"CardProps","props":[{"name":"as","type":"\\"div\\" | \\"li\\" | \\"article\\" | \\"section\\" | undefined","required":false,"default":"\\"div\\"","description":""},{"name":"asChild","type":"boolean | undefined","required":false,"default":"false","description":"Preserve semantic product elements such as `article` while UIKit owns the frame."},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"density","type":"Density | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"tone","type":"Tone | undefined","required":false,"default":"\\"plain\\"","description":""}]},"CardLabel":{"name":"CardLabel","kind":"callable","description":"","source":"packages/ui-kit/src/components/card.tsx","signature":"CardLabel(props: { children: ReactNode; className?: string })","inherited":"{ children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""}]},"CardTitle":{"name":"CardTitle","kind":"callable","description":"","source":"packages/ui-kit/src/components/card.tsx","signature":"CardTitle(props: { children: ReactNode; className?: string })","inherited":"{ children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""}]},"ChartFrame":{"name":"ChartFrame","kind":"callable","description":"Stable shell for engine-owned chart canvases, SVGs, toolbars and evidence.","source":"packages/ui-kit/src/components/chart-frame.tsx","signature":"ChartFrame(props: ChartFrameProps)","inherited":"ChartFrameProps","props":[{"name":"legend","type":"ReactNode","required":false,"default":"","description":""},{"name":"status","type":"ChartStatus | undefined","required":false,"default":"","description":""},{"name":"statusLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"summary","type":"string","required":true,"default":"","description":""},{"name":"title","type":"ReactNode","required":true,"default":"","description":""},{"name":"toolbar","type":"ReactNode","required":false,"default":"","description":""}]},"Checkbox":{"name":"Checkbox","kind":"callable","description":"","source":"packages/ui-kit/src/components/selection-controls.tsx","signature":"Checkbox(props: CheckboxProps)","inherited":"CheckboxProps","props":[{"name":"checked","type":"boolean","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"label","type":"ReactNode","required":true,"default":"","description":""},{"name":"onCheckedChange","type":"(checked: boolean) => void","required":true,"default":"","description":""}]},"Collapsible":{"name":"Collapsible","kind":"callable","description":"","source":"packages/ui-kit/src/components/disclosure.tsx","signature":"Collapsible(props: { title: string; children: ReactNode })","inherited":"{ title: string; children: ReactNode }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"title","type":"string","required":true,"default":"","description":""}]},"ColorPicker":{"name":"ColorPicker","kind":"callable","description":"Locale-neutral precise color input with quick presets and HSV controls.","source":"packages/ui-kit/src/components/color-picker.tsx","signature":"ColorPicker(props: ColorPickerProps)","inherited":"ColorPickerProps","props":[{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"labels","type":"ColorPickerLabels","required":true,"default":"","description":""},{"name":"onChange","type":"(value: `#${string}`) => void","required":true,"default":"","description":""},{"name":"presets","type":"readonly `#${string}`[] | undefined","required":false,"default":"[]","description":""},{"name":"value","type":"`#${string}`","required":true,"default":"","description":""}]},"Combobox":{"name":"Combobox","kind":"callable","description":"","source":"packages/ui-kit/src/components/combobox.tsx","signature":"Combobox(props: ComboboxProps)","inherited":"ComboboxProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"emptyText","type":"string","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onValueChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"options","type":"readonly ComboboxOption[]","required":true,"default":"","description":""},{"name":"placeholder","type":"string | undefined","required":false,"default":"","description":""},{"name":"resultsLabel","type":"string","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""}]},"CommandDialog":{"name":"CommandDialog","kind":"callable","description":"Search/command overlay chrome; callers own providers, rows and execution.","source":"packages/ui-kit/src/components/command-dialog.tsx","signature":"CommandDialog(props: CommandDialogProps<T>)","inherited":"CommandDialogProps<T>","props":[{"name":"busy","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"filter","type":"T","required":true,"default":"","description":""},{"name":"filterAriaLabel","type":"string","required":true,"default":"","description":""},{"name":"filters","type":"CommandDialogFilter<T>[]","required":true,"default":"","description":""},{"name":"footer","type":"ReactNode","required":false,"default":"","description":""},{"name":"inputRef","type":"Ref<HTMLInputElement> | undefined","required":false,"default":"","description":""},{"name":"onClose","type":"() => void","required":true,"default":"","description":""},{"name":"onFilterChange","type":"(value: T) => void","required":true,"default":"","description":""},{"name":"onKeyDown","type":"KeyboardEventHandler<HTMLDivElement> | undefined","required":false,"default":"","description":""},{"name":"onQueryChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"open","type":"boolean","required":true,"default":"","description":""},{"name":"placeholder","type":"string","required":true,"default":"","description":""},{"name":"query","type":"string","required":true,"default":"","description":""},{"name":"title","type":"string","required":true,"default":"","description":""}]},"ConfirmDialog":{"name":"ConfirmDialog","kind":"callable","description":"Reusable confirmation dialog for destructive / irreversible actions. Built on the shared `Modal` primitive, so it inherits the responsive shape, scrim + Esc/backdrop close, focus trap, and aria-modal chrome. The caller owns the `open` state and the action; this only gates it behind an explicit Confirm. `confirmVariant` selects the command tone. `busy` disables both buttons (and shows nothing else) while an async `onConfirm` resolves, so a slow request can\'t be double-fired or cancelled mid-flight. Token-only styling — no raw hex (theme-check gate).","source":"packages/ui-kit/src/components/confirm-dialog.tsx","signature":"ConfirmDialog(props: { open: boolean; onClose: () => void; title: string; /** Body copy explaining the consequence of confirming. */ message: string; /** Optional rich content rendered below the message (e.g. a diff preview). */ body?: ReactNode; confirmLabel: string; cancelLabel: string; /** Accessible label for the title-bar close icon; defaults to `cancelLabel`. */ closeLabel?: string; /** Run on confirm; may be async — keep `busy` true until it settles. */ onConfirm: () => void | Promise<void>; /** Command tone, including destructive removes / deletes / signs out. */ confirmVariant?: Extract<ButtonVariant, \\"primary\\" | \\"accent\\" | \\"danger\\">; /** Disable both buttons while an async confirm is in flight. */ busy?: boolean; /** Confirm-button label while `busy` (defaults to `confirmLabel`). */ busyLabel?: string; /** Disable only the confirm button (e.g. validation); cancel stays available. */ confirmDisabled?: boolean; })","inherited":"{ open: boolean; onClose: () => void; title: string; /** Body copy explaining the consequence of confirming. */ message: string; /** Optional rich content rendered below the message (e.g. a diff preview). */ body?: ReactNode; confirmLabel: string; cancelLabel: string; /** Accessible label for the title-bar close icon; defaults to `cancelLabel`. */ closeLabel?: string; /** Run on confirm; may be async — keep `busy` true until it settles. */ onConfirm: () => void | Promise<void>; /** Command tone, including destructive removes / deletes / signs out. */ confirmVariant?: Extract<ButtonVariant, \\"primary\\" | \\"accent\\" | \\"danger\\">; /** Disable both buttons while an async confirm is in flight. */ busy?: boolean; /** Confirm-button label while `busy` (defaults to `confirmLabel`). */ busyLabel?: string; /** Disable only the confirm button (e.g. validation); cancel stays available. */ confirmDisabled?: boolean; }","props":[{"name":"body","type":"ReactNode","required":false,"default":"","description":"Optional rich content rendered below the message (e.g. a diff preview)."},{"name":"busy","type":"boolean | undefined","required":false,"default":"false","description":"Disable both buttons while an async confirm is in flight."},{"name":"busyLabel","type":"string | undefined","required":false,"default":"","description":"Confirm-button label while `busy` (defaults to `confirmLabel`)."},{"name":"cancelLabel","type":"string","required":true,"default":"","description":""},{"name":"closeLabel","type":"string | undefined","required":false,"default":"","description":"Accessible label for the title-bar close icon; defaults to `cancelLabel`."},{"name":"confirmDisabled","type":"boolean | undefined","required":false,"default":"false","description":"Disable only the confirm button (e.g. validation); cancel stays available."},{"name":"confirmLabel","type":"string","required":true,"default":"","description":""},{"name":"confirmVariant","type":"\\"danger\\" | \\"primary\\" | \\"accent\\" | undefined","required":false,"default":"","description":"Command tone, including destructive removes / deletes / signs out."},{"name":"message","type":"string","required":true,"default":"","description":"Body copy explaining the consequence of confirming."},{"name":"onClose","type":"() => void","required":true,"default":"","description":""},{"name":"onConfirm","type":"() => void | Promise<void>","required":true,"default":"","description":"Run on confirm; may be async — keep `busy` true until it settles."},{"name":"open","type":"boolean","required":true,"default":"","description":""},{"name":"title","type":"string","required":true,"default":"","description":""}]},"ContextMenu":{"name":"ContextMenu","kind":"callable","description":"","source":"packages/ui-kit/src/components/popover-menu.tsx","signature":"ContextMenu(props: { children: ReactNode; label: string; items: readonly MenuItem[]; })","inherited":"{ children: ReactNode; label: string; items: readonly MenuItem[]; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"items","type":"readonly MenuItem[]","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""}]},"DataTable":{"name":"DataTable","kind":"callable","description":"","source":"packages/ui-kit/src/components/data-table.tsx","signature":"DataTable(props: { label: string; columns: readonly DataTableColumn<T>[]; rows: readonly T[]; rowKey: (row: T) => string; emptyText: string; })","inherited":"{ label: string; columns: readonly DataTableColumn<T>[]; rows: readonly T[]; rowKey: (row: T) => string; emptyText: string; }","props":[{"name":"columns","type":"readonly DataTableColumn<T>[]","required":true,"default":"","description":""},{"name":"emptyText","type":"string","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"rowKey","type":"(row: T) => string","required":true,"default":"","description":""},{"name":"rows","type":"readonly T[]","required":true,"default":"","description":""}]},"DatePicker":{"name":"DatePicker","kind":"callable","description":"","source":"packages/ui-kit/src/components/date-time.tsx","signature":"DatePicker(props: DatePickerProps)","inherited":"DatePickerProps","props":[{"name":"calendarLabel","type":"string","required":true,"default":"","description":""},{"name":"dateLabel","type":"((value: string) => string) | undefined","required":false,"default":"","description":""},{"name":"displayValue","type":"((value: string) => string) | undefined","required":false,"default":"(candidate) => candidate","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"locale","type":"string","required":true,"default":"","description":""},{"name":"maximum","type":"string | undefined","required":false,"default":"","description":""},{"name":"minimum","type":"string | undefined","required":false,"default":"","description":""},{"name":"nextMonthLabel","type":"string","required":true,"default":"","description":""},{"name":"onValueChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"placeholder","type":"string","required":true,"default":"","description":""},{"name":"previousMonthLabel","type":"string","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""},{"name":"weekdayLabels","type":"readonly string[]","required":true,"default":"","description":""}]},"DateRangePicker":{"name":"DateRangePicker","kind":"callable","description":"","source":"packages/ui-kit/src/components/date-time.tsx","signature":"DateRangePicker(props: Omit<DatePickerProps, \\"value\\" | \\"onValueChange\\" | \\"label\\" | \\"minimum\\" | \\"maximum\\"> & { start: string; end: string; onChange: (range: { start: string; end: string }) => void; startLabel: string; endLabel: string; })","inherited":"Omit<DatePickerProps, \\"value\\" | \\"onValueChange\\" | \\"label\\" | \\"minimum\\" | \\"maximum\\"> & { start: string; end: string; onChange: (range: { start: string; end: string }) => void; startLabel: string; endLabel: string; }","props":[{"name":"calendarLabel","type":"string","required":true,"default":"","description":""},{"name":"dateLabel","type":"((value: string) => string) | undefined","required":false,"default":"","description":""},{"name":"displayValue","type":"((value: string) => string) | undefined","required":false,"default":"","description":""},{"name":"end","type":"string","required":true,"default":"","description":""},{"name":"endLabel","type":"string","required":true,"default":"","description":""},{"name":"locale","type":"string","required":true,"default":"","description":""},{"name":"nextMonthLabel","type":"string","required":true,"default":"","description":""},{"name":"onChange","type":"(range: { start: string; end: string; }) => void","required":true,"default":"","description":""},{"name":"placeholder","type":"string","required":true,"default":"","description":""},{"name":"previousMonthLabel","type":"string","required":true,"default":"","description":""},{"name":"start","type":"string","required":true,"default":"","description":""},{"name":"startLabel","type":"string","required":true,"default":"","description":""},{"name":"weekdayLabels","type":"readonly string[]","required":true,"default":"","description":""}]},"Donut":{"name":"Donut","kind":"callable","description":"Donut with a Rust stroke — the canonical warm-card visualization.","source":"packages/ui-kit/src/components/line-chart.tsx","signature":"Donut(props: { pct: number; size?: number })","inherited":"{ pct: number; size?: number }","props":[{"name":"pct","type":"number","required":true,"default":"","description":""},{"name":"size","type":"number | undefined","required":false,"default":"96","description":""}]},"Drawer":{"name":"Drawer","kind":"callable","description":"Agent Factory side drawer — a panel that slides in from the right (desktop) / bottom (mobile). Use for secondary, scrollable surfaces that shouldn\'t steal the whole viewport like a modal: filters, detail side-views, config. Chrome only (scrim, sliding panel, title + close, optional sticky footer); the caller composes the body. AnimatePresence drives the slide via motion tokens, so it respects reduced-motion. a11y: portal to <body>, role/aria-modal, Esc + scrim close, body scroll-lock, focus moves into the panel on open. Token-only.","source":"packages/ui-kit/src/components/drawer.tsx","signature":"Drawer(props: DrawerProps)","inherited":"DrawerProps","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"bare","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"closeLabel","type":"string | undefined","required":false,"default":"\\"Close\\"","description":""},{"name":"description","type":"ReactNode","required":false,"default":"","description":""},{"name":"footer","type":"ReactNode","required":false,"default":"","description":"Sticky action area pinned below the scrollable body."},{"name":"mobilePlacement","type":"\\"bottom\\" | \\"side\\" | undefined","required":false,"default":"\\"bottom\\"","description":""},{"name":"onClose","type":"() => void","required":true,"default":"","description":""},{"name":"open","type":"boolean","required":true,"default":"","description":""},{"name":"panelClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"rootClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"side","type":"\\"left\\" | \\"right\\" | undefined","required":false,"default":"\\"right\\"","description":""},{"name":"size","type":"\\"sm\\" | \\"md\\" | \\"lg\\" | \\"xl\\" | undefined","required":false,"default":"\\"md\\"","description":"Desktop width: `sm` 380px · `md` 460px · `lg` 560px · `xl` 860px."},{"name":"title","type":"string | undefined","required":false,"default":"","description":""}]},"DropdownSelect":{"name":"DropdownSelect","kind":"callable","description":"","source":"packages/ui-kit/src/components/dropdown-select.tsx","signature":"DropdownSelect(props: { value: string; options: DropdownSelectOption[]; onChange: (value: string) => void; ariaLabel: string; placeholder?: ReactNode; disabled?: boolean; density?: \\"compact\\" | \\"default\\"; menuAlign?: \\"start\\" | \\"end\\"; /** Render the menu at the document root when an overflow-clipped workspace owns the trigger. */ portaled?: boolean; className?: string; })","inherited":"{ value: string; options: DropdownSelectOption[]; onChange: (value: string) => void; ariaLabel: string; placeholder?: ReactNode; disabled?: boolean; density?: \\"compact\\" | \\"default\\"; menuAlign?: \\"start\\" | \\"end\\"; /** Render the menu at the document root when an overflow-clipped workspace owns the trigger. */ portaled?: boolean; className?: string; }","props":[{"name":"ariaLabel","type":"string","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"density","type":"\\"compact\\" | \\"default\\" | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"menuAlign","type":"\\"start\\" | \\"end\\" | undefined","required":false,"default":"\\"start\\"","description":""},{"name":"onChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"options","type":"DropdownSelectOption[]","required":true,"default":"","description":""},{"name":"placeholder","type":"ReactNode","required":false,"default":"","description":""},{"name":"portaled","type":"boolean | undefined","required":false,"default":"false","description":"Render the menu at the document root when an overflow-clipped workspace owns the trigger."},{"name":"value","type":"string","required":true,"default":"","description":""}]},"Field":{"name":"Field","kind":"callable","description":"","source":"packages/ui-kit/src/components/field.tsx","signature":"Field(props: FieldProps)","inherited":"FieldProps","props":[{"name":"children","type":"ReactElement<FieldControlProps, string | JSXElementConstructor<any>>","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"\\"\\"","description":""},{"name":"error","type":"ReactNode","required":false,"default":"","description":""},{"name":"hint","type":"ReactNode","required":false,"default":"","description":""},{"name":"label","type":"ReactNode","required":true,"default":"","description":""},{"name":"required","type":"boolean | undefined","required":false,"default":"false","description":""}]},"FloatingWindow":{"name":"FloatingWindow","kind":"callable","description":"A non-modal floating window — draggable by its header, resizable from the bottom-right corner, and pinnable. Unlike {@link Modal } it has NO scrim and does NOT lock page scroll: the page stays fully interactive underneath, so a user can keep interacting with the application while it floats above it. Narrow viewports (<640px): collapses to a near-fullscreen bottom sheet — drag / resize / pin are desktop-only affordances and get in the way of touch. - **Drag** — pointer-down on the header; `setPointerCapture` keeps the move stream flowing even when the cursor leaves the header, so fast drags stick. - **Resize** — the corner grip scales the box (min bounds enforced); the content (a `ResponsiveContainer` chart) re-fits, so resize == zoom. - **Pin** — when pinned the window persists (Esc is ignored); unpinned, Esc closes it. Position/size survive across closes so re-opening feels sticky. Token-only styling (theme-check clean), portalled to <body> so it escapes any transformed/backdrop-blur ancestor that would otherwise clip a fixed child.","source":"packages/ui-kit/src/components/floating-window.tsx","signature":"FloatingWindow(props: { open: boolean; onClose: () => void; title: string; children: ReactNode; initialW?: number; initialH?: number; minW?: number; minH?: number; pinLabel?: string; unpinLabel?: string; closeLabel?: string; })","inherited":"{ open: boolean; onClose: () => void; title: string; children: ReactNode; initialW?: number; initialH?: number; minW?: number; minH?: number; pinLabel?: string; unpinLabel?: string; closeLabel?: string; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"closeLabel","type":"string | undefined","required":false,"default":"\\"Close\\"","description":""},{"name":"initialH","type":"number | undefined","required":false,"default":"440","description":""},{"name":"initialW","type":"number | undefined","required":false,"default":"560","description":""},{"name":"minH","type":"number | undefined","required":false,"default":"260","description":""},{"name":"minW","type":"number | undefined","required":false,"default":"320","description":""},{"name":"onClose","type":"() => void","required":true,"default":"","description":""},{"name":"open","type":"boolean","required":true,"default":"","description":""},{"name":"pinLabel","type":"string | undefined","required":false,"default":"\\"Pin\\"","description":""},{"name":"title","type":"string","required":true,"default":"","description":""},{"name":"unpinLabel","type":"string | undefined","required":false,"default":"\\"Unpin\\"","description":""}]},"Heading":{"name":"Heading","kind":"callable","description":"Display headings — page identity and editorial openers only. `display` 72 · `lg` 56 · `base` 40. Product panels use Subheading.","source":"packages/ui-kit/src/components/heading.tsx","signature":"Heading(props: { level?: \\"display\\" | \\"lg\\" | \\"base\\"; as?: \\"h1\\" | \\"h2\\"; className?: string; children: ReactNode; })","inherited":"{ level?: \\"display\\" | \\"lg\\" | \\"base\\"; as?: \\"h1\\" | \\"h2\\"; className?: string; children: ReactNode; }","props":[{"name":"as","type":"\\"h2\\" | \\"h1\\" | undefined","required":false,"default":"\\"h2\\"","description":""},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"level","type":"\\"base\\" | \\"lg\\" | \\"display\\" | undefined","required":false,"default":"\\"base\\"","description":""}]},"HistogramChart":{"name":"HistogramChart","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"HistogramChart(props: { data: BarPoint[]; height?: number; valueFormat?: (value: string | number) => string; ariaLabel?: string })","inherited":"{ data: BarPoint[]; height?: number; valueFormat?: (value: string | number) => string; ariaLabel?: string }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"data","type":"BarPoint[]","required":true,"default":"","description":""},{"name":"height","type":"number | undefined","required":false,"default":"","description":""},{"name":"valueFormat","type":"((value: string | number) => string) | undefined","required":false,"default":"","description":""}]},"HoverTip":{"name":"HoverTip","kind":"callable","description":"","source":"packages/ui-kit/src/components/hover-tip.tsx","signature":"HoverTip(props: { content: ReactNode; children: ReactNode; /** * Panel width in px. For `hint`, used as max-width so longer copy (e.g. context * meter) can wrap instead of overflowing the viewport. */ width?: number; /** `panel` = rich popover; `hint` = compact label under the anchor. */ variant?: HoverTipVariant; })","inherited":"{ content: ReactNode; children: ReactNode; /** * Panel width in px. For `hint`, used as max-width so longer copy (e.g. context * meter) can wrap instead of overflowing the viewport. */ width?: number; /** `panel` = rich popover; `hint` = compact label under the anchor. */ variant?: HoverTipVariant; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"content","type":"ReactNode","required":true,"default":"","description":""},{"name":"variant","type":"HoverTipVariant | undefined","required":false,"default":"\\"panel\\"","description":"`panel` = rich popover; `hint` = compact label under the anchor."},{"name":"width","type":"number | undefined","required":false,"default":"240","description":"Panel width in px. For `hint`, used as max-width so longer copy (e.g. context meter) can wrap instead of overflowing the viewport."}]},"IconTip":{"name":"IconTip","kind":"callable","description":"Icon-only control — every icon button MUST expose a hover tooltip so intent is clear in both light and dark mode (native `title` alone is not enough).","source":"packages/ui-kit/src/components/icon-tip.tsx","signature":"IconTip(props: { label: string; children: ReactNode; })","inherited":"{ label: string; children: ReactNode; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""}]},"Input":{"name":"Input","kind":"callable","description":"","source":"packages/ui-kit/src/components/input.tsx","signature":"Input(props: P)","inherited":"P","props":[{"name":"density","type":"FieldDensity | undefined","required":false,"default":"","description":""}]},"InputGroup":{"name":"InputGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/input-group.tsx","signature":"InputGroup(props: { label: string; start?: ReactNode; end?: ReactNode; children: ReactElement<GroupControlProps>; className?: string })","inherited":"{ label: string; start?: ReactNode; end?: ReactNode; children: ReactElement<GroupControlProps>; className?: string }","props":[{"name":"children","type":"ReactElement<GroupControlProps, string | JSXElementConstructor<any>>","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"end","type":"ReactNode","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"start","type":"ReactNode","required":false,"default":"","description":""}]},"InputOtp":{"name":"InputOtp","kind":"callable","description":"","source":"packages/ui-kit/src/components/input-otp.tsx","signature":"InputOtp(props: InputOtpProps)","inherited":"InputOtpProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"inputMode","type":"\\"text\\" | \\"numeric\\" | undefined","required":false,"default":"\\"numeric\\"","description":""},{"name":"invalid","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"length","type":"number | undefined","required":false,"default":"6","description":""},{"name":"onValueChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""}]},"Item":{"name":"Item","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"Item(props: HTMLAttributes<HTMLLIElement> & { density?: \\"compact\\" | \\"touch\\" })","inherited":"HTMLAttributes<HTMLLIElement> & { density?: \\"compact\\" | \\"touch\\" }","props":[{"name":"density","type":"\\"compact\\" | \\"touch\\" | undefined","required":false,"default":"\\"touch\\"","description":""}]},"ItemAction":{"name":"ItemAction","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemAction(props: { children: ReactNode; className?: string })","inherited":"{ children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""}]},"ItemContent":{"name":"ItemContent","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemContent(props: HTMLAttributes<HTMLDivElement>)","inherited":"HTMLAttributes<HTMLDivElement>","props":[]},"ItemDescription":{"name":"ItemDescription","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemDescription(props: HTMLAttributes<HTMLParagraphElement>)","inherited":"HTMLAttributes<HTMLParagraphElement>","props":[]},"ItemList":{"name":"ItemList","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemList(props: { label: string; children: ReactNode; className?: string })","inherited":"{ label: string; children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""}]},"ItemMedia":{"name":"ItemMedia","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemMedia(props: HTMLAttributes<HTMLSpanElement>)","inherited":"HTMLAttributes<HTMLSpanElement>","props":[]},"ItemMeta":{"name":"ItemMeta","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemMeta(props: { children: ReactNode; className?: string })","inherited":"{ children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""}]},"ItemTitle":{"name":"ItemTitle","kind":"callable","description":"","source":"packages/ui-kit/src/components/item.tsx","signature":"ItemTitle(props: HTMLAttributes<HTMLParagraphElement>)","inherited":"HTMLAttributes<HTMLParagraphElement>","props":[]},"Kbd":{"name":"Kbd","kind":"callable","description":"","source":"packages/ui-kit/src/components/kbd.tsx","signature":"Kbd(props: HTMLAttributes<HTMLElement>)","inherited":"HTMLAttributes<HTMLElement>","props":[]},"KbdGroup":{"name":"KbdGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/kbd.tsx","signature":"KbdGroup(props: { label: string; children: ReactNode; className?: string })","inherited":"{ label: string; children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""}]},"LineChart":{"name":"LineChart","kind":"callable","description":"","source":"packages/ui-kit/src/components/line-chart.tsx","signature":"LineChart(props: { current: number[]; previous?: number[]; width?: number; height?: number; ariaLabel: string; })","inherited":"{ current: number[]; previous?: number[]; width?: number; height?: number; ariaLabel: string; }","props":[{"name":"ariaLabel","type":"string","required":true,"default":"","description":""},{"name":"current","type":"number[]","required":true,"default":"","description":""},{"name":"height","type":"number | undefined","required":false,"default":"96","description":""},{"name":"previous","type":"number[] | undefined","required":false,"default":"","description":""},{"name":"width","type":"number | undefined","required":false,"default":"280","description":""}]},"Listbox":{"name":"Listbox","kind":"callable","description":"","source":"packages/ui-kit/src/components/listbox.tsx","signature":"Listbox(props: ListboxProps)","inherited":"ListboxProps","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""}]},"ListboxOption":{"name":"ListboxOption","kind":"callable","description":"","source":"packages/ui-kit/src/components/listbox.tsx","signature":"ListboxOption(props: ListboxOptionProps)","inherited":"ListboxOptionProps","props":[{"name":"asChild","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"selected","type":"boolean","required":true,"default":"","description":""}]},"Menu":{"name":"Menu","kind":"callable","description":"","source":"packages/ui-kit/src/components/popover-menu.tsx","signature":"Menu(props: { trigger: ReactElement; label: string; items: readonly MenuItem[]; value?: string; onValueChange?: (value: string) => void; open?: boolean; onOpenChange?: (open: boolean) => void; align?: \\"start\\" | \\"center\\" | \\"end\\"; side?: \\"top\\" | \\"right\\" | \\"bottom\\" | \\"left\\"; contentClassName?: string; })","inherited":"{ trigger: ReactElement; label: string; items: readonly MenuItem[]; value?: string; onValueChange?: (value: string) => void; open?: boolean; onOpenChange?: (open: boolean) => void; align?: \\"start\\" | \\"center\\" | \\"end\\"; side?: \\"top\\" | \\"right\\" | \\"bottom\\" | \\"left\\"; contentClassName?: string; }","props":[{"name":"align","type":"\\"center\\" | \\"start\\" | \\"end\\" | undefined","required":false,"default":"\\"start\\"","description":""},{"name":"contentClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"items","type":"readonly MenuItem[]","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onOpenChange","type":"((open: boolean) => void) | undefined","required":false,"default":"","description":""},{"name":"onValueChange","type":"((value: string) => void) | undefined","required":false,"default":"","description":""},{"name":"open","type":"boolean | undefined","required":false,"default":"","description":""},{"name":"side","type":"\\"left\\" | \\"right\\" | \\"bottom\\" | \\"top\\" | undefined","required":false,"default":"\\"bottom\\"","description":""},{"name":"trigger","type":"ReactElement<unknown, string | JSXElementConstructor<any>>","required":true,"default":"","description":""},{"name":"value","type":"string | undefined","required":false,"default":"","description":""}]},"MenuChoiceGroup":{"name":"MenuChoiceGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/popover-menu.tsx","signature":"MenuChoiceGroup(props: MenuChoiceGroupProps)","inherited":"MenuChoiceGroupProps","props":[{"name":"label","type":"string","required":true,"default":"","description":""}]},"MenuChoiceItem":{"name":"MenuChoiceItem","kind":"callable","description":"","source":"packages/ui-kit/src/components/popover-menu.tsx","signature":"MenuChoiceItem(props: MenuChoiceItemProps)","inherited":"MenuChoiceItemProps","props":[{"name":"asChild","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"selected","type":"boolean","required":true,"default":"","description":""}]},"MenuCommandItem":{"name":"MenuCommandItem","kind":"callable","description":"","source":"packages/ui-kit/src/components/popover-menu.tsx","signature":"MenuCommandItem(props: MenuCommandItemProps)","inherited":"MenuCommandItemProps","props":[{"name":"asChild","type":"boolean | undefined","required":false,"default":"false","description":""}]},"Modal":{"name":"Modal","kind":"callable","description":"Agent Factory modal primitive with one responsive behavior: - **Mobile** (`<sm`): bottom sheet — full-width, pinned to the bottom edge, rounded top, respects the safe-area inset. **Desktop**: centered dialog card with the overlay radius token. AnimatePresence drives the scrim fade + panel rise (motion tokens, so it respects reduced-motion). Built-in a11y: role/aria-modal, Esc to close, scrim-click to close, body scroll-lock, focus moves into the dialog on open and is restored on close. Token-only styling — no raw hex, no borders >1px. Compose content with the page\'s own elements; this only owns the chrome (overlay, panel, optional title + close button).","source":"packages/ui-kit/src/components/modal.tsx","signature":"Modal(props: ModalProps)","inherited":"ModalProps","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"bare","type":"boolean | undefined","required":false,"default":"false","description":"Render children straight into the panel (no title/padding) so the caller owns the internal chrome. `title` remains the accessible name unless an explicit `ariaLabel` is supplied."},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"closeLabel","type":"string | undefined","required":false,"default":"\\"Close\\"","description":""},{"name":"footer","type":"ReactNode","required":false,"default":"","description":"Sticky action area pinned below the scrollable body."},{"name":"onClose","type":"() => void","required":true,"default":"","description":""},{"name":"open","type":"boolean","required":true,"default":"","description":""},{"name":"panelClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"placement","type":"\\"center\\" | \\"bottom\\" | \\"responsive\\" | undefined","required":false,"default":"\\"responsive\\"","description":""},{"name":"rootClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"sheetUntilPx","type":"number | undefined","required":false,"default":"560","description":""},{"name":"size","type":"\\"sm\\" | \\"lg\\" | \\"xl\\" | \\"command\\" | \\"wide\\" | \\"full\\" | undefined","required":false,"default":"\\"sm\\"","description":"Desktop width: `sm` 420px, `command` 680px, `lg` 820px, or `xl` 720px."},{"name":"title","type":"string | undefined","required":false,"default":"","description":""}]},"MultiSelect":{"name":"MultiSelect","kind":"callable","description":"","source":"packages/ui-kit/src/components/multi-select.tsx","signature":"MultiSelect(props: { value: T[]; options: readonly MultiSelectOption<T>[]; onValueChange: (value: T[]) => void; label: string; valueLabel: (selected: readonly MultiSelectOption<T>[]) => ReactNode; })","inherited":"{ value: T[]; options: readonly MultiSelectOption<T>[]; onValueChange: (value: T[]) => void; label: string; valueLabel: (selected: readonly MultiSelectOption<T>[]) => ReactNode; }","props":[{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onValueChange","type":"(value: T[]) => void","required":true,"default":"","description":""},{"name":"options","type":"readonly MultiSelectOption<T>[]","required":true,"default":"","description":""},{"name":"value","type":"T[]","required":true,"default":"","description":""},{"name":"valueLabel","type":"(selected: readonly MultiSelectOption<T>[]) => ReactNode","required":true,"default":"","description":""}]},"NativeSelect":{"name":"NativeSelect","kind":"callable","description":"","source":"packages/ui-kit/src/components/native-select.tsx","signature":"NativeSelect(props: NativeSelectProps)","inherited":"NativeSelectProps","props":[{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"options","type":"readonly NativeSelectOption[]","required":true,"default":"","description":""}]},"PageContainer":{"name":"PageContainer","kind":"callable","description":"","source":"packages/ui-kit/src/components/page.tsx","signature":"PageContainer(props: { className?: string; children: ReactNode; width?: PageContainerWidth; })","inherited":"{ className?: string; children: ReactNode; width?: PageContainerWidth; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"width","type":"PageContainerWidth | undefined","required":false,"default":"\\"fluid\\"","description":""}]},"Pagination":{"name":"Pagination","kind":"callable","description":"","source":"packages/ui-kit/src/components/navigation.tsx","signature":"Pagination(props: { label: string; page: number; pageCount: number; onPageChange: (page: number) => void; pageLabel: (page: number) => string; previousLabel: string; nextLabel: string; })","inherited":"{ label: string; page: number; pageCount: number; onPageChange: (page: number) => void; pageLabel: (page: number) => string; previousLabel: string; nextLabel: string; }","props":[{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"nextLabel","type":"string","required":true,"default":"","description":""},{"name":"onPageChange","type":"(page: number) => void","required":true,"default":"","description":""},{"name":"page","type":"number","required":true,"default":"","description":""},{"name":"pageCount","type":"number","required":true,"default":"","description":""},{"name":"pageLabel","type":"(page: number) => string","required":true,"default":"","description":""},{"name":"previousLabel","type":"string","required":true,"default":"","description":""}]},"PieChart":{"name":"PieChart","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"PieChart(props: { data: PieSlice[]; height?: number; donut?: boolean; centerLabel?: string; valueFormat?: (value: string | number) => string; ariaLabel?: string })","inherited":"{ data: PieSlice[]; height?: number; donut?: boolean; centerLabel?: string; valueFormat?: (value: string | number) => string; ariaLabel?: string }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"\\"Pie chart\\"","description":""},{"name":"centerLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"data","type":"PieSlice[]","required":true,"default":"","description":""},{"name":"donut","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"height","type":"number | undefined","required":false,"default":"220","description":""},{"name":"valueFormat","type":"((value: string | number) => string) | undefined","required":false,"default":"String","description":""}]},"Popover":{"name":"Popover","kind":"callable","description":"","source":"packages/ui-kit/src/components/popover-menu.tsx","signature":"Popover(props: { trigger: ReactElement; title: string; closeLabel?: string; children: ReactNode; open?: boolean; onOpenChange?: (open: boolean) => void; /** Use command width for dense searchable pickers; small remains the default. */ size?: \\"sm\\" | \\"command\\"; /** Align the popup to the trigger while retaining viewport collision handling. */ align?: \\"start\\" | \\"center\\" | \\"end\\"; side?: \\"top\\" | \\"right\\" | \\"bottom\\" | \\"left\\"; sideOffset?: number; contentClassName?: string; })","inherited":"{ trigger: ReactElement; title: string; closeLabel?: string; children: ReactNode; open?: boolean; onOpenChange?: (open: boolean) => void; /** Use command width for dense searchable pickers; small remains the default. */ size?: \\"sm\\" | \\"command\\"; /** Align the popup to the trigger while retaining viewport collision handling. */ align?: \\"start\\" | \\"center\\" | \\"end\\"; side?: \\"top\\" | \\"right\\" | \\"bottom\\" | \\"left\\"; sideOffset?: number; contentClassName?: string; }","props":[{"name":"align","type":"\\"center\\" | \\"start\\" | \\"end\\" | undefined","required":false,"default":"\\"center\\"","description":"Align the popup to the trigger while retaining viewport collision handling."},{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"closeLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"contentClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"onOpenChange","type":"((open: boolean) => void) | undefined","required":false,"default":"","description":""},{"name":"open","type":"boolean | undefined","required":false,"default":"","description":""},{"name":"side","type":"\\"left\\" | \\"right\\" | \\"bottom\\" | \\"top\\" | undefined","required":false,"default":"\\"bottom\\"","description":""},{"name":"sideOffset","type":"number | undefined","required":false,"default":"4","description":""},{"name":"size","type":"\\"sm\\" | \\"command\\" | undefined","required":false,"default":"\\"sm\\"","description":"Use command width for dense searchable pickers; small remains the default."},{"name":"title","type":"string","required":true,"default":"","description":""},{"name":"trigger","type":"ReactElement<unknown, string | JSXElementConstructor<any>>","required":true,"default":"","description":""}]},"Pressable":{"name":"Pressable","kind":"callable","description":"Unstyled interactive ownership boundary for router links and custom rows. It removes browser pointer-focus outlines while preserving the UIKit focus-visible ring for keyboard navigation.","source":"packages/ui-kit/src/components/button.tsx","signature":"Pressable(props: P)","inherited":"P","props":[{"name":"active","type":"boolean | undefined","required":false,"default":"","description":""},{"name":"asChild","type":"boolean | undefined","required":false,"default":"","description":""},{"name":"children","type":"ReactNode","required":false,"default":"","description":""}]},"Progress":{"name":"Progress","kind":"callable","description":"","source":"packages/ui-kit/src/components/progress.tsx","signature":"Progress(props: { value: number; label: string })","inherited":"{ value: number; label: string }","props":[{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"value","type":"number","required":true,"default":"","description":""}]},"RadarChart":{"name":"RadarChart","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"RadarChart(props: { data: RadarPoint[]; height?: number; ariaLabel?: string })","inherited":"{ data: RadarPoint[]; height?: number; ariaLabel?: string }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"\\"Radar chart\\"","description":""},{"name":"data","type":"RadarPoint[]","required":true,"default":"","description":""},{"name":"height","type":"number | undefined","required":false,"default":"260","description":""}]},"RadialGaugeChart":{"name":"RadialGaugeChart","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"RadialGaugeChart(props: { value: number; maximum?: number; label: string; height?: number })","inherited":"{ value: number; maximum?: number; label: string; height?: number }","props":[{"name":"height","type":"number | undefined","required":false,"default":"220","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"maximum","type":"number | undefined","required":false,"default":"100","description":""},{"name":"value","type":"number","required":true,"default":"","description":""}]},"RadioGroup":{"name":"RadioGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/selection-controls.tsx","signature":"RadioGroup(props: RadioGroupProps<T>)","inherited":"RadioGroupProps<T>","props":[{"name":"appearance","type":"\\"control\\" | \\"card\\" | undefined","required":false,"default":"\\"control\\"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onValueChange","type":"(value: T) => void","required":true,"default":"","description":""},{"name":"optionClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"options","type":"readonly RadioOption<T>[]","required":true,"default":"","description":""},{"name":"value","type":"T","required":true,"default":"","description":""}]},"RangeSlider":{"name":"RangeSlider","kind":"callable","description":"","source":"packages/ui-kit/src/components/slider.tsx","signature":"RangeSlider(props: { value: [number, number]; min?: number; max?: number; step?: number; density?: SliderDensity; onChange: (value: [number, number]) => void; onCommit?: (value: [number, number]) => void; lowerLabel: string; upperLabel: string; formatValue?: (value: number) => string; })","inherited":"{ value: [number, number]; min?: number; max?: number; step?: number; density?: SliderDensity; onChange: (value: [number, number]) => void; onCommit?: (value: [number, number]) => void; lowerLabel: string; upperLabel: string; formatValue?: (value: number) => string; }","props":[{"name":"density","type":"SliderDensity | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"formatValue","type":"((value: number) => string) | undefined","required":false,"default":"","description":""},{"name":"lowerLabel","type":"string","required":true,"default":"","description":""},{"name":"max","type":"number | undefined","required":false,"default":"100","description":""},{"name":"min","type":"number | undefined","required":false,"default":"0","description":""},{"name":"onChange","type":"(value: [number, number]) => void","required":true,"default":"","description":""},{"name":"onCommit","type":"((value: [number, number]) => void) | undefined","required":false,"default":"","description":""},{"name":"step","type":"number | undefined","required":false,"default":"1","description":""},{"name":"upperLabel","type":"string","required":true,"default":"","description":""},{"name":"value","type":"[number, number]","required":true,"default":"","description":""}]},"ResizablePaneGroup":{"name":"ResizablePaneGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/resizable-pane.tsx","signature":"ResizablePaneGroup(props: ResizablePaneGroupProps)","inherited":"ResizablePaneGroupProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"direction","type":"\\"horizontal\\" | \\"vertical\\" | undefined","required":false,"default":"\\"horizontal\\"","description":""},{"name":"first","type":"ReactNode","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"maximum","type":"number | undefined","required":false,"default":"80","description":""},{"name":"minimum","type":"number | undefined","required":false,"default":"20","description":""},{"name":"onValueChange","type":"(value: number) => void","required":true,"default":"","description":""},{"name":"second","type":"ReactNode","required":true,"default":"","description":""},{"name":"step","type":"number | undefined","required":false,"default":"5","description":""},{"name":"value","type":"number","required":true,"default":"","description":""}]},"ResourceIcon":{"name":"ResourceIcon","kind":"callable","description":"Resource icon with ordered image fallbacks and a deterministic monogram. The image and fallback are mutually exclusive, so transparent or failed remote assets never leave visual residue behind the logo.","source":"packages/ui-kit/src/components/badge.tsx","signature":"ResourceIcon(props: ResourceIconProps)","inherited":"ResourceIconProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"fallback","type":"string","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"size","type":"number | undefined","required":false,"default":"20","description":""},{"name":"sources","type":"string[] | undefined","required":false,"default":"[]","description":""},{"name":"tint","type":"string | undefined","required":false,"default":"","description":""}]},"ScrollArea":{"name":"ScrollArea","kind":"callable","description":"","source":"packages/ui-kit/src/components/utility.tsx","signature":"ScrollArea(props: ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>)","inherited":"ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>","props":[]},"ScrollLoadMore":{"name":"ScrollLoadMore","kind":"callable","description":"","source":"packages/ui-kit/src/components/scroll-load-more.tsx","signature":"ScrollLoadMore(props: ScrollLoadMoreProps)","inherited":"ScrollLoadMoreProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"endLabel","type":"string | undefined","required":false,"default":"","description":"Shown when `hasMore` is false (list fully loaded)."},{"name":"hasMore","type":"boolean","required":true,"default":"","description":""},{"name":"hintLabel","type":"string | undefined","required":false,"default":"","description":"Shown when more items exist but not currently loading."},{"name":"loading","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"loadingLabel","type":"string | undefined","required":false,"default":"","description":"Shown while the next page is fetching."},{"name":"loadingSlot","type":"ReactNode","required":false,"default":"","description":"Optional skeleton / placeholder rendered above the footer while loading."},{"name":"onLoadMore","type":"() => void","required":true,"default":"","description":""},{"name":"rootMargin","type":"string | undefined","required":false,"default":"\\"320px 0px\\"","description":"Distance before the sentinel enters view to prefetch the next page."}]},"SegSlider":{"name":"SegSlider","kind":"callable","description":"A segmented (pill) control whose white pill slides between options — used for compact two-state and multi-state controls. `tone` colors the active label. Measures the active item and lets CSS own the tween (transitions.dev 16). Token-only, dark-safe.","source":"packages/ui-kit/src/components/seg-slider.tsx","signature":"SegSlider(props: { options: { key: T; label: React.ReactNode; tone?: \\"up\\" | \\"down\\"; disabled?: boolean }[]; value: T; onChange: (k: T) => void; /** Fired when a disabled option is clicked (e.g. show why live mode is locked). */ onBlocked?: (k: T) => void; className?: string; /** `sm` for dense controls; `md` for the default form density. */ size?: \\"sm\\" | \\"md\\"; ariaLabel?: string; })","inherited":"{ options: { key: T; label: React.ReactNode; tone?: \\"up\\" | \\"down\\"; disabled?: boolean }[]; value: T; onChange: (k: T) => void; /** Fired when a disabled option is clicked (e.g. show why live mode is locked). */ onBlocked?: (k: T) => void; className?: string; /** `sm` for dense controls; `md` for the default form density. */ size?: \\"sm\\" | \\"md\\"; ariaLabel?: string; }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"onBlocked","type":"((k: T) => void) | undefined","required":false,"default":"","description":"Fired when a disabled option is clicked (e.g. show why live mode is locked)."},{"name":"onChange","type":"(k: T) => void","required":true,"default":"","description":""},{"name":"options","type":"{ key: T; label: React.ReactNode; tone?: \\"up\\" | \\"down\\"; disabled?: boolean; }[]","required":true,"default":"","description":""},{"name":"size","type":"\\"sm\\" | \\"md\\" | undefined","required":false,"default":"\\"md\\"","description":"`sm` for dense controls; `md` for the default form density."},{"name":"value","type":"T","required":true,"default":"","description":""}]},"SegmentedControl":{"name":"SegmentedControl","kind":"callable","description":"Mutually exclusive, in-place mode switch. Use SlidingTabs for navigation.","source":"packages/ui-kit/src/components/segmented-control.tsx","signature":"SegmentedControl(props: { value: T; options: SegmentedControlOption<T>[]; onChange: (value: T) => void; ariaLabel: string; density?: \\"compact\\" | \\"default\\" | \\"touch\\"; semantics?: \\"selection\\" | \\"tabs\\"; className?: string; })","inherited":"{ value: T; options: SegmentedControlOption<T>[]; onChange: (value: T) => void; ariaLabel: string; density?: \\"compact\\" | \\"default\\" | \\"touch\\"; semantics?: \\"selection\\" | \\"tabs\\"; className?: string; }","props":[{"name":"ariaLabel","type":"string","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"density","type":"\\"compact\\" | \\"default\\" | \\"touch\\" | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"onChange","type":"(value: T) => void","required":true,"default":"","description":""},{"name":"options","type":"SegmentedControlOption<T>[]","required":true,"default":"","description":""},{"name":"semantics","type":"\\"selection\\" | \\"tabs\\" | undefined","required":false,"default":"\\"selection\\"","description":""},{"name":"value","type":"T","required":true,"default":"","description":""}]},"Separator":{"name":"Separator","kind":"callable","description":"","source":"packages/ui-kit/src/components/utility.tsx","signature":"Separator(props: ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>)","inherited":"ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>","props":[]},"Sidebar":{"name":"Sidebar","kind":"callable","description":"","source":"packages/ui-kit/src/components/sidebar.tsx","signature":"Sidebar(props: HTMLAttributes<HTMLElement> & { label: string })","inherited":"HTMLAttributes<HTMLElement> & { label: string }","props":[{"name":"label","type":"string","required":true,"default":"","description":""}]},"SidebarContent":{"name":"SidebarContent","kind":"callable","description":"","source":"packages/ui-kit/src/components/sidebar.tsx","signature":"SidebarContent(props: HTMLAttributes<HTMLDivElement>)","inherited":"HTMLAttributes<HTMLDivElement>","props":[]},"SidebarHeader":{"name":"SidebarHeader","kind":"callable","description":"","source":"packages/ui-kit/src/components/sidebar.tsx","signature":"SidebarHeader(props: HTMLAttributes<HTMLDivElement>)","inherited":"HTMLAttributes<HTMLDivElement>","props":[]},"SidebarSection":{"name":"SidebarSection","kind":"callable","description":"","source":"packages/ui-kit/src/components/sidebar.tsx","signature":"SidebarSection(props: { label: ReactNode; children: ReactNode; className?: string })","inherited":"{ label: ReactNode; children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"ReactNode","required":true,"default":"","description":""}]},"Skeleton":{"name":"Skeleton","kind":"callable","description":"Skeleton — the single loading primitive. Project convention: loading states MUST render a skeleton shaped like the real content, never a spinner or bare text. Compose these blocks into a layout that mirrors the component that\'s loading (same grid, same rows, same sizes), so the page doesn\'t reflow when data arrives. <Skeleton className=\\"h-4 w-24\\" /> // a line <Skeleton className=\\"size-10 rounded-full\\" /> // an avatar Shimmer + tokens (`--sk-base`/`--sk-hi`, dark-aware) live in `.t-shimmer` (index.css). Pass `style={{ animationDelay }}` to stagger rows.","source":"packages/ui-kit/src/components/skeleton.tsx","signature":"Skeleton(props: { className?: string; style?: CSSProperties })","inherited":"{ className?: string; style?: CSSProperties }","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"style","type":"CSSProperties | undefined","required":false,"default":"","description":""}]},"Slider":{"name":"Slider","kind":"callable","description":"","source":"packages/ui-kit/src/components/slider.tsx","signature":"Slider(props: SliderProps)","inherited":"SliderProps","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"density","type":"SliderDensity | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"formatValue","type":"((v: number) => string) | undefined","required":false,"default":"","description":""},{"name":"marks","type":"number[] | undefined","required":false,"default":"[]","description":""},{"name":"max","type":"number | undefined","required":false,"default":"100","description":""},{"name":"min","type":"number | undefined","required":false,"default":"0","description":""},{"name":"onChange","type":"(v: number) => void","required":true,"default":"","description":""},{"name":"onCommit","type":"((v: number) => void) | undefined","required":false,"default":"","description":""},{"name":"step","type":"number | undefined","required":false,"default":"1","description":""},{"name":"testId","type":"string | undefined","required":false,"default":"","description":""},{"name":"value","type":"number","required":true,"default":"","description":""},{"name":"variant","type":"\\"plain\\" | \\"boxed\\" | \\"allocation\\" | undefined","required":false,"default":"\\"plain\\"","description":""}]},"SlidingTabs":{"name":"SlidingTabs","kind":"callable","description":"A text tab bar whose 2px underline slides between the active option.","source":"packages/ui-kit/src/components/sliding-tabs.tsx","signature":"SlidingTabs(props: { tabs: { key: T; label: ReactNode; count?: number; live?: boolean; liveLabel?: string; testId?: string }[]; value: T; onChange: (k: T) => void; /** When set, tabs are HTML5-draggable; drop reorders via (fromKey, toKey). */ onReorder?: (from: T, to: T) => void; size?: \\"sm\\" | \\"md\\"; variant?: \\"underline\\" | \\"toolbar\\"; className?: string; ariaLabel?: string; })","inherited":"{ tabs: { key: T; label: ReactNode; count?: number; live?: boolean; liveLabel?: string; testId?: string }[]; value: T; onChange: (k: T) => void; /** When set, tabs are HTML5-draggable; drop reorders via (fromKey, toKey). */ onReorder?: (from: T, to: T) => void; size?: \\"sm\\" | \\"md\\"; variant?: \\"underline\\" | \\"toolbar\\"; className?: string; ariaLabel?: string; }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"onChange","type":"(k: T) => void","required":true,"default":"","description":""},{"name":"onReorder","type":"((from: T, to: T) => void) | undefined","required":false,"default":"","description":"When set, tabs are HTML5-draggable; drop reorders via (fromKey, toKey)."},{"name":"size","type":"\\"sm\\" | \\"md\\" | undefined","required":false,"default":"\\"md\\"","description":""},{"name":"tabs","type":"{ key: T; label: ReactNode; count?: number; live?: boolean; liveLabel?: string; testId?: string; }[]","required":true,"default":"","description":""},{"name":"value","type":"T","required":true,"default":"","description":""},{"name":"variant","type":"\\"toolbar\\" | \\"underline\\" | undefined","required":false,"default":"\\"underline\\"","description":""}]},"Sparkline":{"name":"Sparkline","kind":"callable","description":"","source":"packages/ui-kit/src/charts/basic.tsx","signature":"Sparkline(props: { data: number[]; tone?: SparklineTone; height?: number; ariaLabel?: string; /** Accessible label when there are fewer than 2 points (empty chart). */ emptyLabel?: string; })","inherited":"{ data: number[]; tone?: SparklineTone; height?: number; ariaLabel?: string; /** Accessible label when there are fewer than 2 points (empty chart). */ emptyLabel?: string; }","props":[{"name":"ariaLabel","type":"string | undefined","required":false,"default":"\\"Value trend\\"","description":""},{"name":"data","type":"number[]","required":true,"default":"","description":""},{"name":"emptyLabel","type":"string | undefined","required":false,"default":"","description":"Accessible label when there are fewer than 2 points (empty chart)."},{"name":"height","type":"number | undefined","required":false,"default":"40","description":""},{"name":"tone","type":"SparklineTone | undefined","required":false,"default":"\\"up\\"","description":""}]},"Spinner":{"name":"Spinner","kind":"callable","description":"","source":"packages/ui-kit/src/components/spinner.tsx","signature":"Spinner(props: { label: string; size?: \\"compact\\" | \\"default\\"; className?: string })","inherited":"{ label: string; size?: \\"compact\\" | \\"default\\"; className?: string }","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"size","type":"\\"compact\\" | \\"default\\" | undefined","required":false,"default":"\\"default\\"","description":""}]},"SpotlightTour":{"name":"SpotlightTour","kind":"callable","description":"Full-screen guided-tour owner with a target cutout and collision-aware card.","source":"packages/ui-kit/src/components/spotlight-tour.tsx","signature":"SpotlightTour(props: SpotlightTourProps)","inherited":"SpotlightTourProps","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onEscape","type":"() => void","required":true,"default":"","description":""},{"name":"open","type":"boolean","required":true,"default":"","description":""},{"name":"preferredPlacement","type":"\\"auto\\" | \\"left\\" | \\"right\\" | \\"bottom\\" | \\"top\\" | undefined","required":false,"default":"\\"auto\\"","description":""},{"name":"target","type":"SpotlightRect | null | undefined","required":false,"default":"null","description":""}]},"StatCard":{"name":"StatCard","kind":"callable","description":"KPI display — big Sohne 480 number, caption label, green/red delta with arrow.","source":"packages/ui-kit/src/components/stat-card.tsx","signature":"StatCard(props: { label: string; value: string; delta?: string; direction?: \\"up\\" | \\"down\\"; })","inherited":"{ label: string; value: string; delta?: string; direction?: \\"up\\" | \\"down\\"; }","props":[{"name":"delta","type":"string | undefined","required":false,"default":"","description":""},{"name":"direction","type":"\\"up\\" | \\"down\\" | undefined","required":false,"default":"\\"up\\"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""}]},"StateView":{"name":"StateView","kind":"callable","description":"","source":"packages/ui-kit/src/components/state-view.tsx","signature":"StateView(props: { variant?: StateViewVariant; size?: StateViewSize; tone?: StateViewTone; /** Override the default per-variant glyph. */ icon?: ReactNode; title?: ReactNode; description?: ReactNode; action?: StateViewAction; /** One or more CTAs. Button size follows `size`; variant defaults as above. */ actions?: StateViewAction[]; /** Extra content below description / above actions (e.g. helper links). */ children?: ReactNode; className?: string; \\"data-testid\\"?: string; })","inherited":"{ variant?: StateViewVariant; size?: StateViewSize; tone?: StateViewTone; /** Override the default per-variant glyph. */ icon?: ReactNode; title?: ReactNode; description?: ReactNode; action?: StateViewAction; /** One or more CTAs. Button size follows `size`; variant defaults as above. */ actions?: StateViewAction[]; /** Extra content below description / above actions (e.g. helper links). */ children?: ReactNode; className?: string; \\"data-testid\\"?: string; }","props":[{"name":"action","type":"StateViewAction | undefined","required":false,"default":"","description":""},{"name":"actions","type":"StateViewAction[] | undefined","required":false,"default":"","description":"One or more CTAs. Button size follows `size`; variant defaults as above."},{"name":"children","type":"ReactNode","required":false,"default":"","description":"Extra content below description / above actions (e.g. helper links)."},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"data-testid","type":"string | undefined","required":false,"default":"","description":""},{"name":"description","type":"ReactNode","required":false,"default":"","description":""},{"name":"icon","type":"ReactNode","required":false,"default":"","description":"Override the default per-variant glyph."},{"name":"size","type":"StateViewSize | undefined","required":false,"default":"\\"md\\"","description":""},{"name":"title","type":"ReactNode","required":false,"default":"","description":""},{"name":"tone","type":"StateViewTone | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"variant","type":"StateViewVariant | undefined","required":false,"default":"\\"empty\\"","description":""}]},"StatsTable":{"name":"StatsTable","kind":"callable","description":"Region-style compact table — name in Graphite, right-aligned count in Ink 480, no dividers.","source":"packages/ui-kit/src/components/stats-table.tsx","signature":"StatsTable(props: { title: string; rows: Array<{ name: string; count: string }>; })","inherited":"{ title: string; rows: Array<{ name: string; count: string }>; }","props":[{"name":"rows","type":"{ name: string; count: string; }[]","required":true,"default":"","description":""},{"name":"title","type":"string","required":true,"default":"","description":""}]},"Subheading":{"name":"Subheading","kind":"callable","description":"Product subheading — 20px, reserved for page/section hierarchy.","source":"packages/ui-kit/src/components/heading.tsx","signature":"Subheading(props: { children: ReactNode; className?: string })","inherited":"{ children: ReactNode; className?: string }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""}]},"Switch":{"name":"Switch","kind":"callable","description":"","source":"packages/ui-kit/src/components/selection-controls.tsx","signature":"Switch(props: SwitchProps)","inherited":"SwitchProps","props":[{"name":"checked","type":"boolean","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"disabled","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"hideLabel","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"label","type":"ReactNode","required":true,"default":"","description":""},{"name":"labelClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"labelPosition","type":"\\"start\\" | \\"end\\" | undefined","required":false,"default":"\\"end\\"","description":""},{"name":"onCheckedChange","type":"(checked: boolean) => void","required":true,"default":"","description":""}]},"Table":{"name":"Table","kind":"callable","description":"Semantic table primitives for product-specific dense data compositions.","source":"packages/ui-kit/src/components/table.tsx","signature":"Table(props: P)","inherited":"P","props":[]},"TableBody":{"name":"TableBody","kind":"callable","description":"","source":"packages/ui-kit/src/components/table.tsx","signature":"TableBody(props: P)","inherited":"P","props":[]},"TableCell":{"name":"TableCell","kind":"callable","description":"","source":"packages/ui-kit/src/components/table.tsx","signature":"TableCell(props: P)","inherited":"P","props":[]},"TableHead":{"name":"TableHead","kind":"callable","description":"","source":"packages/ui-kit/src/components/table.tsx","signature":"TableHead(props: P)","inherited":"P","props":[]},"TableHeader":{"name":"TableHeader","kind":"callable","description":"","source":"packages/ui-kit/src/components/table.tsx","signature":"TableHeader(props: P)","inherited":"P","props":[]},"TableRow":{"name":"TableRow","kind":"callable","description":"","source":"packages/ui-kit/src/components/table.tsx","signature":"TableRow(props: P)","inherited":"P","props":[]},"Tag":{"name":"Tag","kind":"callable","description":"Tag pill — fully rounded, tinted, low-emphasis label.","source":"packages/ui-kit/src/components/badge.tsx","signature":"Tag(props: TagProps)","inherited":"TagProps","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"size","type":"TagScale | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"tone","type":"TagTone | undefined","required":false,"default":"\\"neutral\\"","description":""}]},"TagList":{"name":"TagList","kind":"callable","description":"Render a truncated tag row with a muted overflow counter (single line — never wraps).","source":"packages/ui-kit/src/components/tag-pill.tsx","signature":"TagList(props: { items: string[]; limit?: number; size?: TagSize; levelForItem?: (item: string) => TagLevel; labelForItem: (item: string) => string; className?: string; })","inherited":"{ items: string[]; limit?: number; size?: TagSize; levelForItem?: (item: string) => TagLevel; labelForItem: (item: string) => string; className?: string; }","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"items","type":"string[]","required":true,"default":"","description":""},{"name":"labelForItem","type":"(item: string) => string","required":true,"default":"","description":""},{"name":"levelForItem","type":"((item: string) => TagLevel) | undefined","required":false,"default":"() => \\"default\\"","description":""},{"name":"limit","type":"number | undefined","required":false,"default":"3","description":""},{"name":"size","type":"TagSize | undefined","required":false,"default":"\\"xs\\"","description":""}]},"TagPill":{"name":"TagPill","kind":"callable","description":"Compact label pill — use `level` to control contrast; default is readable on white cards.","source":"packages/ui-kit/src/components/tag-pill.tsx","signature":"TagPill(props: { children: ReactNode; level?: TagLevel; size?: TagSize; className?: string; title?: string; })","inherited":"{ children: ReactNode; level?: TagLevel; size?: TagSize; className?: string; title?: string; }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"level","type":"TagLevel | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"size","type":"TagSize | undefined","required":false,"default":"\\"xs\\"","description":""},{"name":"title","type":"string | undefined","required":false,"default":"","description":""}]},"Textarea":{"name":"Textarea","kind":"callable","description":"","source":"packages/ui-kit/src/components/input.tsx","signature":"Textarea(props: P)","inherited":"P","props":[{"name":"variant","type":"TextareaVariant | undefined","required":false,"default":"","description":""}]},"ThemeEditor":{"name":"ThemeEditor","kind":"callable","description":"Locale-neutral editor for the complete Agent Factory theme settings contract.","source":"packages/ui-kit/src/components/theme-editor.tsx","signature":"ThemeEditor(props: ThemeEditorProps)","inherited":"ThemeEditorProps","props":[{"name":"accents","type":"readonly `#${string}`[] | undefined","required":false,"default":"UI_THEME_ACCENTS","description":""},{"name":"brands","type":"readonly `#${string}`[] | undefined","required":false,"default":"UI_THEME_BRANDS","description":""},{"name":"labels","type":"ThemeEditorLabels","required":true,"default":"","description":""},{"name":"neutrals","type":"readonly `#${string}`[] | undefined","required":false,"default":"UI_THEME_NEUTRALS","description":""},{"name":"onChange","type":"(settings: UiThemeSettings) => void","required":true,"default":"","description":""},{"name":"settings","type":"UiThemeSettings","required":true,"default":"","description":""}]},"ThemeProvider":{"name":"ThemeProvider","kind":"callable","description":"","source":"packages/ui-kit/src/theme.tsx","signature":"ThemeProvider(props: HTMLAttributes<HTMLDivElement> & { settings: Partial<UiThemeSettings>; children: ReactNode })","inherited":"HTMLAttributes<HTMLDivElement> & { settings: Partial<UiThemeSettings>; children: ReactNode }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"settings","type":"Partial<UiThemeSettings>","required":true,"default":"","description":""}]},"TimeField":{"name":"TimeField","kind":"callable","description":"","source":"packages/ui-kit/src/components/date-time.tsx","signature":"TimeField(props: { label: string; value: string; onValueChange: (value: string) => void; timezone: string; minimum?: string; maximum?: string; })","inherited":"{ label: string; value: string; onValueChange: (value: string) => void; timezone: string; minimum?: string; maximum?: string; }","props":[{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"maximum","type":"string | undefined","required":false,"default":"","description":""},{"name":"minimum","type":"string | undefined","required":false,"default":"","description":""},{"name":"onValueChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"timezone","type":"string","required":true,"default":"","description":""},{"name":"value","type":"string","required":true,"default":"","description":""}]},"ToastProvider":{"name":"ToastProvider","kind":"callable","description":"","source":"packages/ui-kit/src/components/toast.tsx","signature":"ToastProvider(props: { children: ReactNode; closeLabel: string; duration?: number })","inherited":"{ children: ReactNode; closeLabel: string; duration?: number }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"closeLabel","type":"string","required":true,"default":"","description":""},{"name":"duration","type":"number | undefined","required":false,"default":"6000","description":""}]},"ToggleGroup":{"name":"ToggleGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/selection-controls.tsx","signature":"ToggleGroup(props: ToggleGroupProps<T>)","inherited":"ToggleGroupProps<T>","props":[{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onValueChange","type":"(value: T[]) => void","required":true,"default":"","description":""},{"name":"options","type":"readonly ToggleGroupOption<T>[]","required":true,"default":"","description":""},{"name":"value","type":"T[]","required":true,"default":"","description":""}]},"Toolbar":{"name":"Toolbar","kind":"callable","description":"","source":"packages/ui-kit/src/components/toolbar.tsx","signature":"Toolbar(props: { label: string; children: ReactNode; className?: string; variant?: \\"framed\\" | \\"bare\\"; density?: \\"compact\\" | \\"default\\" })","inherited":"{ label: string; children: ReactNode; className?: string; variant?: \\"framed\\" | \\"bare\\"; density?: \\"compact\\" | \\"default\\" }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"\\"\\"","description":""},{"name":"density","type":"\\"compact\\" | \\"default\\" | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"variant","type":"\\"bare\\" | \\"framed\\" | undefined","required":false,"default":"\\"framed\\"","description":""}]},"ToolbarButton":{"name":"ToolbarButton","kind":"callable","description":"","source":"packages/ui-kit/src/components/toolbar.tsx","signature":"ToolbarButton(props: ComponentPropsWithoutRef<typeof ToolbarPrimitive.Button>)","inherited":"ComponentPropsWithoutRef<typeof ToolbarPrimitive.Button>","props":[]},"ToolbarSeparator":{"name":"ToolbarSeparator","kind":"callable","description":"","source":"packages/ui-kit/src/components/toolbar.tsx","signature":"ToolbarSeparator(props: ComponentPropsWithoutRef<typeof ToolbarPrimitive.Separator>)","inherited":"ComponentPropsWithoutRef<typeof ToolbarPrimitive.Separator>","props":[]},"ToolbarToggleGroup":{"name":"ToolbarToggleGroup","kind":"callable","description":"","source":"packages/ui-kit/src/components/toolbar.tsx","signature":"ToolbarToggleGroup(props: { children: ReactNode })","inherited":"{ children: ReactNode }","props":[{"name":"children","type":"ReactNode","required":true,"default":"","description":""}]},"ToolbarToggleItem":{"name":"ToolbarToggleItem","kind":"callable","description":"","source":"packages/ui-kit/src/components/toolbar.tsx","signature":"ToolbarToggleItem(props: ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleItem>)","inherited":"ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleItem>","props":[]},"WidgetFrame":{"name":"WidgetFrame","kind":"callable","description":"","source":"packages/ui-kit/src/components/widget-frame.tsx","signature":"WidgetFrame(props: WidgetFrameProps)","inherited":"WidgetFrameProps","props":[{"name":"contentClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"density","type":"\\"compact\\" | \\"default\\" | undefined","required":false,"default":"\\"default\\"","description":""},{"name":"headerClassName","type":"string | undefined","required":false,"default":"","description":""},{"name":"headerContent","type":"ReactNode","required":false,"default":"","description":""},{"name":"hideHeader","type":"boolean | undefined","required":false,"default":"false","description":""},{"name":"status","type":"ReactNode","required":false,"default":"","description":""},{"name":"title","type":"ReactNode","required":true,"default":"","description":""},{"name":"toolbar","type":"ReactNode","required":false,"default":"","description":""}]},"WidgetPicker":{"name":"WidgetPicker","kind":"callable","description":"Searchable widget catalog used by modular application workspaces.","source":"packages/ui-kit/src/components/widget-picker.tsx","signature":"WidgetPicker(props: WidgetPickerProps)","inherited":"WidgetPickerProps","props":[{"name":"addedLabel","type":"string","required":true,"default":"","description":""},{"name":"categories","type":"WidgetPickerCategory[]","required":true,"default":"","description":""},{"name":"category","type":"string","required":true,"default":"","description":""},{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"emptyLabel","type":"string","required":true,"default":"","description":""},{"name":"items","type":"WidgetPickerItem[]","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"onCategoryChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"onQueryChange","type":"(value: string) => void","required":true,"default":"","description":""},{"name":"onToggle","type":"(id: string) => void","required":true,"default":"","description":""},{"name":"query","type":"string","required":true,"default":"","description":""},{"name":"searchLabel","type":"string","required":true,"default":"","description":""},{"name":"searchPlaceholder","type":"string","required":true,"default":"","description":""},{"name":"selected","type":"string[]","required":true,"default":"","description":""},{"name":"testIdPrefix","type":"string | undefined","required":false,"default":"","description":""}]},"WorkspaceGrid":{"name":"WorkspaceGrid","kind":"callable","description":"Draggable, resizable, serializable workspace for dense operational panels.","source":"packages/ui-kit/src/components/workspace-grid.tsx","signature":"WorkspaceGrid(props: WorkspaceGridProps)","inherited":"WorkspaceGridProps","props":[{"name":"className","type":"string | undefined","required":false,"default":"","description":""},{"name":"columns","type":"number | undefined","required":false,"default":"12","description":""},{"name":"gap","type":"number | undefined","required":false,"default":"6","description":""},{"name":"initialLayout","type":"Layout","required":true,"default":"","description":""},{"name":"items","type":"readonly WorkspaceGridItem[]","required":true,"default":"","description":""},{"name":"label","type":"string","required":true,"default":"","description":""},{"name":"moveLabel","type":"(label: string) => string","required":true,"default":"","description":""},{"name":"onLayoutChange","type":"((layout: WorkspaceGridLayout) => void) | undefined","required":false,"default":"","description":""},{"name":"resizeLabel","type":"string | undefined","required":false,"default":"label","description":""},{"name":"rows","type":"number | undefined","required":false,"default":"12","description":""},{"name":"storageKey","type":"string | undefined","required":false,"default":"","description":""},{"name":"testId","type":"string | undefined","required":false,"default":"","description":""}]}}'), t = {
+  schemaVersion: 1,
+  exports: e
+}, i = t;
+export {
+  i as UI_KIT_COMPONENT_API
+};

package/dist/components/alert.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export type AlertTone = "info" | "success" | "warning" | "danger";
+export interface AlertProps {
+    title: ReactNode;
+    children?: ReactNode;
+    tone?: AlertTone;
+    icon?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function Alert({ title, children, tone, icon, action, className }: AlertProps): import("react").JSX.Element;

package/dist/components/avatar.d.ts

@@ -0,0 +1,27 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export type AvatarSize = "compact" | "default" | "touch";
+export type AvatarStatus = "online" | "away" | "offline";
+export interface AvatarProps {
+    src?: string;
+    fallback: ReactNode;
+    label: string;
+    status?: AvatarStatus;
+    statusLabel?: string;
+    size?: AvatarSize;
+    className?: string;
+}
+export declare function Avatar({ src, fallback, label, status, statusLabel, size, className }: AvatarProps): import("react").JSX.Element;
+export type AvatarGroupOverlap = "compact" | "default";
+export interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLSpanElement>, "aria-label"> {
+    label: string;
+    children: ReactNode;
+    overlap?: AvatarGroupOverlap;
+}
+export declare function AvatarGroup({ label, children, overlap, className, ...props }: AvatarGroupProps): import("react").JSX.Element;
+export interface AvatarGroupOverflowProps extends Omit<HTMLAttributes<HTMLSpanElement>, "aria-label" | "children"> {
+    count: number;
+    label: string;
+    size?: number;
+    showPlus?: boolean;
+}
+export declare function AvatarGroupOverflow({ count, label, size, showPlus, className, style, ...props }: AvatarGroupOverflowProps): import("react").JSX.Element;