@labpane/ui 1.0.0 → 1.2.0

package/dist/ui/button.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+declare const buttonVariants: {
+    default: string;
+    destructive: string;
+    outline: string;
+    secondary: string;
+    ghost: string;
+    link: string;
+};
+declare const buttonSizes: {
+    default: string;
+    xs: string;
+    sm: string;
+    lg: string;
+    icon: string;
+    "icon-xs": string;
+    "icon-sm": string;
+    "icon-lg": string;
+};
+export type ButtonVariant = keyof typeof buttonVariants;
+export type ButtonSize = keyof typeof buttonSizes;
+declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: ButtonVariant | null;
+    size?: ButtonSize | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/ui/card.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    bordered?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    as?: "h2" | "h3" | "h4" | "div";
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    bordered?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/ui/chart-frame.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+/** Shared surface for interactive charts. Data loading belongs to the caller. */
+declare const ChartFrame: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartFrame };

package/dist/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/ui/classes.d.ts

@@ -1,2 +1,7 @@
 import { type ClassValue } from "clsx";
 export declare function cn(...inputs: ClassValue[]): string;
+export declare const focusRing = "labui:focus-visible:border-ring labui:focus-visible:ring-[3px] labui:focus-visible:ring-ring/50";
+export declare const invalidRing = "labui:aria-invalid:border-destructive labui:aria-invalid:ring-destructive/20 labui:dark:aria-invalid:ring-destructive/40";
+export declare const overlay = "labui:fixed labui:inset-0 labui:z-50 labui:bg-overlay labui:data-[state=open]:animate-fade-in labui:data-[state=closed]:animate-fade-out";
+export declare const closeButton: string;
+export declare const inputSurface: string;

package/dist/ui/command.d.ts

@@ -0,0 +1,82 @@
+import * as React from "react";
+import { Dialog } from "./dialog.js";
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "onSelect" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/ui/confirm-dialog.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+export type Confirmation = {
+    value: string;
+    label: string;
+    placeholder?: string;
+    match?: "exact" | "loose";
+};
+export type ConfirmDialogProps = {
+    trigger?: React.ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: React.ReactNode;
+    name?: string;
+    description?: React.ReactNode;
+    confirmLabel: string;
+    cancelLabel?: string;
+    pendingLabel?: string;
+    tone?: "destructive" | "default";
+    warning?: React.ReactNode;
+    confirmation?: Confirmation;
+    typeToConfirm?: boolean;
+    disabled?: boolean;
+    onConfirm: () => void | Promise<void>;
+    errorMessage?: string;
+};
+export declare function matchesConfirmation(value: string, confirmation: Confirmation): boolean;
+export declare function ConfirmDialog({ trigger, open, defaultOpen, onOpenChange, ...props }: ConfirmDialogProps): React.JSX.Element;

package/dist/ui/copy-button.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Button } from "./button.js";
+export declare function CopyButton({ value, label, className, variant, size, ...props }: Omit<React.ComponentPropsWithoutRef<typeof Button>, "onClick" | "value" | "size"> & {
+    value: string;
+    label?: string;
+    size?: "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+}): React.JSX.Element;

package/dist/ui/dialog.d.ts

@@ -1,27 +1,18 @@
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare function Dialog({ open, defaultOpen, onOpenChange, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     showCloseButton?: boolean;
+    busy?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };
-export declare function ConfirmDialog({ trigger, title, name, confirmLabel, typeToConfirm, onConfirm, }: {
-    trigger: React.ReactElement;
-    title: string;
-    name: string;
-    confirmLabel: string;
-    typeToConfirm?: boolean;
-    onConfirm: () => Promise<void>;
-}): React.JSX.Element;
-export declare function DiscardDialog({ label, onCancel, onConfirm, onCloseAutoFocus, }: {
-    label?: string;
-    onCancel: () => void;
-    onConfirm: () => void;
-    onCloseAutoFocus?: (event: Event) => void;
-}): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/discard-dialog.d.ts

@@ -0,0 +1,6 @@
+export declare function DiscardDialog({ label, onCancel, onConfirm, onCloseAutoFocus, }: {
+    label?: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    onCloseAutoFocus?: (event: Event) => void;
+}): import("react").JSX.Element;

package/dist/ui/email-thread.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export type EmailParticipant = {
+    name?: string;
+    address?: string;
+};
+declare function EmailIdentity({ name, address }: EmailParticipant): React.JSX.Element;
+declare const EmailThread: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const messageTones: {
+    default: string;
+    muted: string;
+    warning: string;
+};
+export type EmailMessageProps = Omit<React.ComponentPropsWithoutRef<"li">, "children"> & {
+    sender: EmailParticipant;
+    recipient?: EmailParticipant;
+    attribution?: React.ReactNode;
+    dateTime?: string;
+    dateLabel: string;
+    badge?: React.ReactNode;
+    tone?: keyof typeof messageTones;
+    body: string;
+    attachments?: React.ReactNode;
+};
+declare const EmailMessage: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "children"> & {
+    sender: EmailParticipant;
+    recipient?: EmailParticipant;
+    attribution?: React.ReactNode;
+    dateTime?: string;
+    dateLabel: string;
+    badge?: React.ReactNode;
+    tone?: keyof typeof messageTones;
+    body: string;
+    attachments?: React.ReactNode;
+} & React.RefAttributes<HTMLLIElement>>;
+export { EmailIdentity, EmailMessage, EmailThread };

package/dist/ui/empty.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+declare const Empty: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const emptyMediaVariants: {
+    default: string;
+    icon: string;
+};
+declare const EmptyMedia: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    variant?: keyof typeof emptyMediaVariants;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const EmptyContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };

package/dist/ui/field.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+declare const FieldSet: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+declare const FieldLegend: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref"> & {
+    variant?: "legend" | "label";
+} & React.RefAttributes<HTMLLegendElement>>;
+declare const FieldGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const fieldOrientations: {
+    vertical: string;
+    horizontal: string;
+    responsive: string;
+};
+declare const Field: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: keyof typeof fieldOrientations;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const FieldContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FieldSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type FieldErrorItem = {
+    message?: string;
+} | undefined;
+declare const FieldError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    errors?: FieldErrorItem[];
+} & React.RefAttributes<HTMLDivElement>>;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/ui/file-input.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const FileInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "type"> & {
+    chooseLabel?: string;
+    emptyLabel?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { FileInput };

package/dist/ui/flame-graph-model.d.ts

@@ -0,0 +1,23 @@
+/** Inclusive and exclusive values use the same unit supplied to the chart. */
+export type FlameNode = {
+    id: string;
+    parentId: string | null;
+    name: string;
+    total: number;
+    self: number;
+    calls: number;
+    /** Caller-supplied source or location detail, shown without interpreting it. */
+    detail?: string;
+    color?: string;
+};
+export type FlameRect = {
+    node: FlameNode;
+    x: number;
+    width: number;
+    depth: number;
+};
+export declare function indexFlameNodes(nodes: FlameNode[]): Map<string, FlameNode>;
+/** Lays out a caller-provided tree. Horizontal position is alphabetical, not time. */
+export declare function flameLayout(nodes: FlameNode[], focusId: string, width: number): FlameRect[];
+/** Ancestry from the root down to the node, for breadcrumbs and search results. */
+export declare function flamePath(nodes: FlameNode[] | Map<string, FlameNode>, id: string): FlameNode[];

package/dist/ui/flame-graph.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type FlameNode } from "./flame-graph-model.js";
+export type { FlameNode } from "./flame-graph-model.js";
+export type FlameGraphProps = {
+    nodes: FlameNode[];
+    label?: string;
+    unit?: string;
+    countLabel?: string;
+    meanLabel?: string;
+    focusId?: string | null;
+    onFocusChange?: (id: string | null) => void;
+};
+/** Interactive flame graph over caller-supplied data: hover or focus to inspect, click to zoom. */
+declare const FlameGraph: React.ForwardRefExoticComponent<FlameGraphProps & React.RefAttributes<HTMLDivElement>>;
+export { FlameGraph };

package/dist/ui/form-fields.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { Input } from "./primitives.js";
+import { Input } from "./input.js";
 type TextProps = {
     label: string;
     value: string;

package/dist/ui/histogram.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+/** Inclusive integer bounds, with a count of observations in each interval. */
+export type HistogramBin = {
+    from: number;
+    to: number;
+    count: number;
+};
+export type HistogramChartProps = {
+    bins: HistogramBin[];
+    label: string;
+    xLabel: string;
+    unit: string;
+    selected?: number;
+    onSelect: (index: number) => void;
+};
+/** Small presentation-only plot for a table cell. Its caller supplies the button. */
+declare const HistogramSparkline: React.ForwardRefExoticComponent<{
+    bins: HistogramBin[];
+    label: string;
+} & React.RefAttributes<SVGSVGElement>>;
+/** Discrete, equal-width bins. Pointer and keyboard inspection share one selection. */
+declare const HistogramChart: React.ForwardRefExoticComponent<HistogramChartProps & React.RefAttributes<HTMLDivElement>>;
+export { HistogramChart, HistogramSparkline };

package/dist/ui/index.d.ts

@@ -1,6 +1,57 @@
-export * from "./primitives.js";
-export * from "./dialog.js";
-export * from "./menu.js";
+export { cn } from "./classes.js";
+export * from "./alert.js";
 export * from "./app-menu.js";
+export * from "./avatar.js";
+export * from "./badge.js";
+export * from "./breadcrumb.js";
+export * from "./browser-layout.js";
+export * from "./button.js";
+export * from "./card.js";
+export * from "./chart-frame.js";
+export * from "./checkbox.js";
+export * from "./command.js";
+export * from "./confirm-dialog.js";
+export * from "./copy-button.js";
+export * from "./dialog.js";
+export * from "./discard-dialog.js";
+export * from "./email-thread.js";
+export * from "./empty.js";
+export * from "./field.js";
+export * from "./file-input.js";
+export * from "./flame-graph.js";
 export * from "./form-fields.js";
+export * from "./histogram.js";
+export * from "./input.js";
+export * from "./input-group.js";
+export * from "./kbd.js";
+export * from "./label.js";
+export * from "./menu.js";
+export * from "./native-select.js";
+export * from "./nav-tabs.js";
+export * from "./page.js";
+export * from "./rail.js";
+export * from "./search-input.js";
+export * from "./select.js";
+export * from "./separator.js";
+export * from "./settings.js";
+export * from "./sheet.js";
+export * from "./side-panel.js";
+export * from "./sidebar.js";
+export * from "./skeleton.js";
+export * from "./spinner.js";
+export * from "./stat.js";
+export * from "./steps.js";
+export * from "./switch.js";
+export * from "./tab-state.js";
 export * from "./table.js";
+export * from "./table-screen.js";
+export * from "./tabs.js";
+export * from "./textarea.js";
+export * from "./theme.js";
+export * from "./time-series-chart.js";
+export * from "./timing-tracks.js";
+export * from "./toggle.js";
+export * from "./tooltip.js";
+export * from "./topbar.js";
+export * from "./use-chart-width.js";
+export * from "./use-mobile.js";

package/dist/ui/input-group.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const addonAlignments: {
+    "inline-start": string;
+    "inline-end": string;
+    "block-start": string;
+    "block-end": string;
+};
+declare const InputGroupAddon: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    align?: keyof typeof addonAlignments;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const groupButtonSizes: {
+    xs: string;
+    sm: string;
+    "icon-xs": string;
+    "icon-sm": string;
+};
+declare const InputGroupButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: import("./button.js").ButtonVariant | null;
+    size?: import("./button.js").ButtonSize | null;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>, "ref">, "size"> & {
+    size?: keyof typeof groupButtonSizes;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const InputGroupText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const InputGroupTextarea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/ui/kbd.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const Kbd: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const KbdGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Kbd, KbdGroup };

package/dist/ui/label.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/ui/menu.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 export type MenuAction = {
     label: string;
     onSelect: () => void;
@@ -14,6 +15,31 @@ export type MenuOption = {
     group?: string;
     icon?: React.ReactNode;
 };
+declare function DropdownMenu({ open, defaultOpen, onOpenChange, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const itemVariants: {
+    default: string;
+    destructive: string;
+};
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    variant?: keyof typeof itemVariants;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export declare function MenuContent({ children, className, }: {
     children: React.ReactNode;
     className?: string;
@@ -31,3 +57,4 @@ export declare function OptionMenu({ trigger, options, onSelect, open, onOpenCha
     onOpenChange?: (open: boolean) => void;
     onCloseAutoFocus?: (event: Event) => void;
 }): React.JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/ui/native-select.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "size"> & {
+    size?: "sm" | "default";
+} & React.RefAttributes<HTMLSelectElement>>;
+declare const NativeSelectOption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & React.RefAttributes<HTMLOptionElement>>;
+declare const NativeSelectOptGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & React.RefAttributes<HTMLOptGroupElement>>;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/ui/nav-tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const NavTabs: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavTab: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    active?: boolean;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export { NavTabs, NavTab };

package/dist/ui/overlay.d.ts

@@ -0,0 +1 @@
+export declare function useOverlayOpen(open: boolean | undefined, onOpenChange: ((open: boolean) => void) | undefined, defaultOpen?: boolean): [boolean, (open: boolean) => void];

package/dist/ui/page.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+declare const PageActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PageHeaderText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PageEyebrow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const PageTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const PageDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const PageHeader: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
+    title?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    description?: React.ReactNode;
+    leading?: React.ReactNode;
+    actions?: React.ReactNode;
+    variant?: "bar";
+} & React.RefAttributes<HTMLElement>>;
+declare const Page: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "title"> & {
+    title?: React.ReactNode;
+    actions?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Back: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    label: string;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export { Back, Page, PageActions, PageDescription, PageEyebrow, PageHeader, PageHeaderText, PageTitle, };

package/dist/ui/rail.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+declare const Rail: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+} & React.RefAttributes<HTMLDivElement>, "ref">, "collapsible"> & React.RefAttributes<HTMLDivElement>>;
+declare const RailItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    variant?: "default" | "outline";
+    size?: "default" | "lg" | "sm";
+    tooltip?: string | React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+} & React.RefAttributes<HTMLButtonElement>, "ref">, "isActive"> & {
+    active?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Rail, RailItem };

package/dist/ui/search-input.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const SearchInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & {
+    onClear?: () => void;
+    clearLabel?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { SearchInput };