@corbits/react-ui 0.1.0 → 0.2.0

package/dist/ui/file-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Upload } from "lucide-react";
 import { useRef, useState } from "react";
@@ -18,49 +19,28 @@ import { cn } from "../lib/utils.js";
  * The input is cleared after each selection so choosing the same file twice
  * still fires — the browser's change event will not repeat for an identical
  * value.
- */ export function FileInput({ onFiles, label = "Choose files", hint, className, disabled, ...props }) {
+ */
+export function FileInput({ onFiles, label = "Choose files", hint, className, disabled, ...props }) {
     const [dragging, setDragging] = useState(false);
     const inputRef = useRef(null);
-    return /*#__PURE__*/ _jsxs("label", {
-        onDragOver: (event)=>{
-            if (disabled === true) return;
+    return (_jsxs("label", { onDragOver: (event) => {
+            if (disabled === true)
+                return;
             event.preventDefault();
             setDragging(true);
-        },
-        onDragLeave: ()=>setDragging(false),
-        onDrop: (event)=>{
-            if (disabled === true) return;
+        }, onDragLeave: () => setDragging(false), onDrop: (event) => {
+            if (disabled === true)
+                return;
             event.preventDefault();
             setDragging(false);
-            if (event.dataTransfer.files.length > 0) onFiles(event.dataTransfer.files);
-        },
-        className: cn("flex cursor-pointer flex-col items-center gap-1.5 rounded-lg border border-dashed border-input px-6 py-8 text-center transition-colors", dragging && "border-primary-emphasis bg-primary/10", disabled === true ? "cursor-not-allowed opacity-50" : "hover:bg-muted", // The focus ring lives on the hidden input; project it onto the zone,
+            if (event.dataTransfer.files.length > 0)
+                onFiles(event.dataTransfer.files);
+        }, className: cn("flex cursor-pointer flex-col items-center gap-1.5 rounded-lg border border-dashed border-input px-6 py-8 text-center transition-colors", dragging && "border-primary-emphasis bg-primary/10", disabled === true ? "cursor-not-allowed opacity-50" : "hover:bg-muted", 
+        // The focus ring lives on the hidden input; project it onto the zone,
         // which is the thing the user can actually see.
-        "has-[input:focus-visible]:outline has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-[var(--ring)]", className),
-        children: [
-            /*#__PURE__*/ _jsx("input", {
-                ref: inputRef,
-                type: "file",
-                disabled: disabled,
-                className: "sr-only",
-                onChange: (event)=>{
-                    if (event.target.files !== null && event.target.files.length > 0) onFiles(event.target.files);
+        "has-[input:focus-visible]:outline has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-[var(--ring)]", className), children: [_jsx("input", { ref: inputRef, type: "file", disabled: disabled, className: "sr-only", onChange: (event) => {
+                    if (event.target.files !== null && event.target.files.length > 0)
+                        onFiles(event.target.files);
                     event.target.value = "";
-                },
-                ...props
-            }),
-            /*#__PURE__*/ _jsx(Upload, {
-                className: "size-5 text-muted-foreground",
-                "aria-hidden": true
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: "text-sm font-medium",
-                children: label
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: "text-xs text-muted-foreground",
-                children: hint ?? "or drag them here"
-            })
-        ]
-    });
+                }, ...props }), _jsx(Upload, { className: "size-5 text-muted-foreground", "aria-hidden": true }), _jsx("span", { className: "text-sm font-medium", children: label }), _jsx("span", { className: "text-xs text-muted-foreground", children: hint ?? "or drag them here" })] }));
 }

package/dist/ui/filter-bar.d.ts

@@ -39,4 +39,4 @@ export type FilterBarProps = {
  * URL. Owning it here would mean every consumer fights the component to make
  * their filters linkable.
  */
-export declare function FilterBar({ filters, onChange, children, className }: FilterBarProps): import("react").JSX.Element;
+export declare function FilterBar({ filters, onChange, children, className, }: FilterBarProps): import("react").JSX.Element;

package/dist/ui/filter-bar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { cn } from "../lib/utils.js";
@@ -21,75 +22,14 @@ import { Button } from "./button.js";
  * Filter state lives with the caller because it almost always also lives in the
  * URL. Owning it here would mean every consumer fights the component to make
  * their filters linkable.
- */ export function FilterBar({ filters, onChange, children, className }) {
-    const active = filters.filter((filter)=>filter.value !== null);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cn("flex flex-col gap-2", className),
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center gap-3",
-                children: [
-                    filters.map((filter)=>/*#__PURE__*/ _jsxs("label", {
-                            className: "flex items-center gap-1.5 text-xs text-muted-foreground",
-                            children: [
-                                filter.label,
-                                /*#__PURE__*/ _jsxs("select", {
-                                    value: filter.value ?? "",
-                                    onChange: (event)=>onChange(filter.id, event.target.value === "" ? null : event.target.value),
-                                    className: "h-8 rounded-md border border-input bg-card px-2 text-xs text-foreground",
-                                    children: [
-                                        /*#__PURE__*/ _jsx("option", {
-                                            value: "",
-                                            children: filter.anyLabel
-                                        }),
-                                        filter.options.map((option)=>/*#__PURE__*/ _jsx("option", {
-                                                value: option.value,
-                                                children: option.label
-                                            }, option.value))
-                                    ]
-                                })
-                            ]
-                        }, filter.id)),
-                    children
-                ]
-            }),
-            active.length === 0 ? null : /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center gap-2",
-                children: [
-                    active.map((filter)=>{
-                        const option = filter.options.find((candidate)=>candidate.value === filter.value);
-                        return /*#__PURE__*/ _jsxs("button", {
-                            type: "button",
-                            onClick: ()=>onChange(filter.id, null),
-                            // The whole chip is the remove control, and its accessible name
-                            // says so — an "×" alone is announced as "times".
-                            "aria-label": `Remove filter ${filter.label}: ${option?.label ?? filter.value}`,
-                            className: "inline-flex items-center gap-1 rounded-sm bg-muted px-2 py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground",
-                            children: [
-                                /*#__PURE__*/ _jsx("span", {
-                                    className: "font-medium text-foreground",
-                                    children: filter.label
-                                }),
-                                option?.label ?? filter.value,
-                                /*#__PURE__*/ _jsx(X, {
-                                    className: "size-3",
-                                    "aria-hidden": true
-                                })
-                            ]
-                        }, filter.id);
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        type: "button",
-                        variant: "ghost",
-                        size: "sm",
-                        className: "h-6 px-2 text-xs",
-                        onClick: ()=>{
-                            for (const filter of active)onChange(filter.id, null);
-                        },
-                        children: "Clear all"
-                    })
-                ]
-            })
-        ]
-    });
+ */
+export function FilterBar({ filters, onChange, children, className, }) {
+    const active = filters.filter((filter) => filter.value !== null);
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [filters.map((filter) => (_jsxs("label", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [filter.label, _jsxs("select", { value: filter.value ?? "", onChange: (event) => onChange(filter.id, event.target.value === "" ? null : event.target.value), className: "h-8 rounded-md border border-input bg-card px-2 text-xs text-foreground", children: [_jsx("option", { value: "", children: filter.anyLabel }), filter.options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }, filter.id))), children] }), active.length === 0 ? null : (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [active.map((filter) => {
+                        const option = filter.options.find((candidate) => candidate.value === filter.value);
+                        return (_jsxs("button", { type: "button", onClick: () => onChange(filter.id, null), "aria-label": `Remove filter ${filter.label}: ${option?.label ?? filter.value}`, className: "inline-flex items-center gap-1 rounded-sm bg-muted px-2 py-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground", children: [_jsx("span", { className: "font-medium text-foreground", children: filter.label }), option?.label ?? filter.value, _jsx(X, { className: "size-3", "aria-hidden": true })] }, filter.id));
+                    }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-6 px-2 text-xs", onClick: () => {
+                            for (const filter of active)
+                                onChange(filter.id, null);
+                        }, children: "Clear all" })] }))] }));
 }

package/dist/ui/filter-chip.d.ts

@@ -11,4 +11,4 @@ export type FilterChipProps = {
  * `<button>` with `aria-pressed`, not a styled label, so the selection state
  * is announced and the control is reachable with Space/Enter alone.
  */
-export declare function FilterChip({ selected, onClick, children, count, className }: FilterChipProps): import("react").JSX.Element;
+export declare function FilterChip({ selected, onClick, children, count, className, }: FilterChipProps): import("react").JSX.Element;

package/dist/ui/filter-chip.js

@@ -4,20 +4,12 @@ import { cn } from "../lib/utils.js";
  * A toggleable filter pill — a category, a tag, a facet value. A real
  * `<button>` with `aria-pressed`, not a styled label, so the selection state
  * is announced and the control is reachable with Space/Enter alone.
- */ export function FilterChip({ selected = false, onClick, children, count, className }) {
-    return /*#__PURE__*/ _jsxs("button", {
-        type: "button",
-        "aria-pressed": selected,
-        onClick: onClick,
-        className: cn(// active:brightness-95 mirrors Button's press state: it lands on
+ */
+export function FilterChip({ selected = false, onClick, children, count, className, }) {
+    return (_jsxs("button", { type: "button", "aria-pressed": selected, onClick: onClick, className: cn(
+        // active:brightness-95 mirrors Button's press state: it lands on
         // pointer-down, so it sits outside transition-colors.
-        "inline-flex items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-semibold transition-colors ease-out active:brightness-95", selected ? "border-border bg-card text-foreground shadow-sm" : "border-border bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground", className),
-        children: [
-            children,
-            count === undefined ? null : /*#__PURE__*/ _jsx("span", {
-                className: cn("text-[10.5px] font-bold", selected ? "text-primary-emphasis" : "text-muted-foreground"),
-                children: count
-            })
-        ]
-    });
+        "inline-flex items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-semibold transition-colors ease-out active:brightness-95", selected
+            ? "border-border bg-card text-foreground shadow-sm"
+            : "border-border bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground", className), children: [children, count === undefined ? null : (_jsx("span", { className: cn("text-[10.5px] font-bold", selected ? "text-primary-emphasis" : "text-muted-foreground"), children: count }))] }));
 }

package/dist/ui/gate-block.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 import { type GateShellModel } from "../lib/workflow-registry.js";
+export type { GateKind, GateShellModel } from "../lib/workflow-registry.js";
 export type GateBlockProps = {
     readonly gate: GateShellModel;
     /** The interactive payload — a review list, choice buttons, a form. */
@@ -13,4 +14,4 @@ export type GateBlockProps = {
  * component only frames it, so the resume-payload contract stays wherever
  * the host's signal-sending logic already lives.
  */
-export declare function GateBlock({ gate, children, footer, className }: GateBlockProps): import("react").JSX.Element;
+export declare function GateBlock({ gate, children, footer, className, }: GateBlockProps): import("react").JSX.Element;

package/dist/ui/gate-block.js

@@ -1,37 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GATE_KIND_LABEL } from "../lib/workflow-registry.js";
+import { GATE_KIND_LABEL, } from "../lib/workflow-registry.js";
 import { cn } from "../lib/utils.js";
 /**
  * Presentational chrome for a pending gate: a run parked on a human
  * decision. The interactive payload is entirely the caller's — this
  * component only frames it, so the resume-payload contract stays wherever
  * the host's signal-sending logic already lives.
- */ export function GateBlock({ gate, children, footer, className }) {
-    return /*#__PURE__*/ _jsxs("section", {
-        "data-gate-kind": gate.kind,
-        "aria-label": GATE_KIND_LABEL[gate.kind],
-        className: cn("rounded-lg border border-primary-emphasis/30 bg-primary/5 px-3.5 py-3", className),
-        children: [
-            /*#__PURE__*/ _jsx("p", {
-                className: "text-[10.5px] font-bold uppercase tracking-[0.05em] text-primary-emphasis",
-                children: GATE_KIND_LABEL[gate.kind]
-            }),
-            /*#__PURE__*/ _jsx("h3", {
-                className: "mt-1 text-sm font-semibold",
-                children: gate.title
-            }),
-            gate.prompt === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                className: "mt-1 text-xs leading-snug text-muted-foreground",
-                children: gate.prompt
-            }),
-            children === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                className: "mt-3",
-                children: children
-            }),
-            footer === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                className: "mt-3 flex flex-wrap items-center gap-2",
-                children: footer
-            })
-        ]
-    });
+ */
+export function GateBlock({ gate, children, footer, className, }) {
+    return (_jsxs("section", { "data-gate-kind": gate.kind, "aria-label": GATE_KIND_LABEL[gate.kind], className: cn("rounded-lg border border-primary-emphasis/30 bg-primary/5 px-3.5 py-3", className), children: [_jsx("p", { className: "text-[10.5px] font-bold uppercase tracking-[0.05em] text-primary-emphasis", children: GATE_KIND_LABEL[gate.kind] }), _jsx("h3", { className: "mt-1 text-sm font-semibold", children: gate.title }), gate.prompt === undefined ? null : (_jsx("p", { className: "mt-1 text-xs leading-snug text-muted-foreground", children: gate.prompt })), children === undefined ? null : _jsx("div", { className: "mt-3", children: children }), footer === undefined ? null : (_jsx("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: footer }))] }));
 }

package/dist/ui/horizontal-stepper.d.ts

@@ -10,4 +10,4 @@ export type HorizontalStepperProps = {
  * change, so a run with more steps than fit on screen never leaves the
  * active one off to the side unannounced.
  */
-export declare function HorizontalStepper({ steps, className }: HorizontalStepperProps): import("react").JSX.Element;
+export declare function HorizontalStepper({ steps, className, }: HorizontalStepperProps): import("react").JSX.Element;

package/dist/ui/horizontal-stepper.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useScrollCurrentIntoView } from "../hooks/use-scroll-current-into-view.js";
-import { workflowStepGlyph, workflowStepLabelClass } from "../lib/workflow-run-progress.js";
+import { workflowStepGlyph, workflowStepLabelClass, } from "../lib/workflow-run-progress.js";
 import { cn } from "../lib/utils.js";
 // Above this many steps, an even split can't give every label readable room,
 // so labels compress to numbers-only pills except for the current step — the
@@ -8,9 +9,12 @@ import { cn } from "../lib/utils.js";
 // renders (`sr-only`) so a screen reader still hears the full sequence.
 const LABEL_VISIBLE_STEP_THRESHOLD = 5;
 function pillClass(status) {
-    if (status === "completed") return "bg-success text-success-foreground";
-    if (status === "failed") return "bg-destructive text-destructive-foreground";
-    if (status === "current") return "bg-primary text-primary-foreground";
+    if (status === "completed")
+        return "bg-success text-success-foreground";
+    if (status === "failed")
+        return "bg-destructive text-destructive-foreground";
+    if (status === "current")
+        return "bg-primary text-primary-foreground";
     return "bg-muted text-muted-foreground";
 }
 /**
@@ -19,47 +23,16 @@ function pillClass(status) {
  * work. Scrolls the current step into view on mount and on every step
  * change, so a run with more steps than fit on screen never leaves the
  * active one off to the side unannounced.
- */ export function HorizontalStepper({ steps, className }) {
-    const currentStep = steps.find((step)=>step.status === "current");
+ */
+export function HorizontalStepper({ steps, className, }) {
+    const currentStep = steps.find((step) => step.status === "current");
     const currentRef = useScrollCurrentIntoView(currentStep?.number ?? -1);
     const compress = steps.length > LABEL_VISIBLE_STEP_THRESHOLD;
-    return /*#__PURE__*/ _jsx("div", {
-        className: cn("border-b border-border bg-card px-6 py-5", className),
-        children: /*#__PURE__*/ _jsx("ol", {
-            "aria-label": "Workflow progress",
-            className: "flex items-center gap-2 overflow-x-auto [mask-image:linear-gradient(to_right,transparent,black_12px,black_calc(100%-12px),transparent)] md:gap-3",
-            children: steps.map((step, index)=>/*#__PURE__*/ _jsxs("li", {
-                    ref: step.status === "current" ? currentRef : undefined,
-                    "aria-current": step.status === "current" ? "step" : undefined,
-                    className: cn("flex min-w-0 items-center gap-2 last:flex-initial md:gap-3", compress ? step.status === "current" ? "flex-[8_1_0%]" : "flex-1" : "flex-1"),
-                    children: [
-                        /*#__PURE__*/ _jsxs("span", {
-                            className: "relative flex size-8 shrink-0 items-center justify-center",
-                            children: [
-                                step.status === "current" ? /*#__PURE__*/ _jsx("span", {
-                                    "aria-hidden": true,
-                                    className: "absolute inset-0 rounded-full bg-primary/30 motion-safe:[animation:corbits-status-pulse_1.8s_ease-out_infinite]"
-                                }) : null,
-                                /*#__PURE__*/ _jsx("span", {
-                                    className: cn("relative flex size-8 items-center justify-center rounded-full text-sm font-medium transition-colors", pillClass(step.status)),
-                                    children: workflowStepGlyph(step.status, step.number)
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsx("span", {
-                            title: step.label,
-                            className: cn("min-w-0 flex-1 truncate text-sm font-medium", compress && step.status !== "current" ? "sr-only" : workflowStepLabelClass(step.status)),
-                            children: step.label
-                        }),
-                        index === steps.length - 1 ? null : /*#__PURE__*/ _jsx("span", {
-                            className: cn("h-0.5 shrink-0 overflow-hidden rounded-full bg-border", compress ? "min-w-2 flex-1" : "w-4 md:w-6"),
-                            children: /*#__PURE__*/ _jsx("span", {
-                                "data-filled": step.status === "completed",
-                                className: "block h-full w-full origin-left rounded-full bg-success transition-transform duration-300 ease-out data-[filled=false]:scale-x-0 data-[filled=true]:scale-x-100"
-                            })
-                        })
-                    ]
-                }, step.number))
-        })
-    });
+    return (_jsx("div", { className: cn("border-b border-border bg-card px-6 py-5", className), children: _jsx("ol", { "aria-label": "Workflow progress", className: "flex items-center gap-2 overflow-x-auto [mask-image:linear-gradient(to_right,transparent,black_12px,black_calc(100%-12px),transparent)] md:gap-3", children: steps.map((step, index) => (_jsxs("li", { ref: step.status === "current" ? currentRef : undefined, "aria-current": step.status === "current" ? "step" : undefined, className: cn("flex min-w-0 items-center gap-2 last:flex-initial md:gap-3", compress
+                    ? step.status === "current"
+                        ? "flex-[8_1_0%]"
+                        : "flex-1"
+                    : "flex-1"), children: [_jsxs("span", { className: "relative flex size-8 shrink-0 items-center justify-center", children: [step.status === "current" ? (_jsx("span", { "aria-hidden": true, className: "absolute inset-0 rounded-full bg-primary/30 motion-safe:[animation:corbits-status-pulse_1.8s_ease-out_infinite]" })) : null, _jsx("span", { className: cn("relative flex size-8 items-center justify-center rounded-full text-sm font-medium transition-colors", pillClass(step.status)), children: workflowStepGlyph(step.status, step.number) })] }), _jsx("span", { title: step.label, className: cn("min-w-0 flex-1 truncate text-sm font-medium", compress && step.status !== "current"
+                            ? "sr-only"
+                            : workflowStepLabelClass(step.status)), children: step.label }), index === steps.length - 1 ? null : (_jsx("span", { className: cn("h-0.5 shrink-0 overflow-hidden rounded-full bg-border", compress ? "min-w-2 flex-1" : "w-4 md:w-6"), children: _jsx("span", { "data-filled": step.status === "completed", className: "block h-full w-full origin-left rounded-full bg-success transition-transform duration-300 ease-out data-[filled=false]:scale-x-0 data-[filled=true]:scale-x-100" }) }))] }, step.number))) }) }));
 }

package/dist/ui/input.js

@@ -5,10 +5,5 @@ import { cn } from "../lib/utils.js";
 // edge. `border-border` is the soft decorative one and must not be used here.
 // The focus ring comes from the theme's base layer, not from this file.
 export function Input({ className, type, ...props }) {
-    return /*#__PURE__*/ _jsx("input", {
-        type: type,
-        "data-slot": "input",
-        className: cn("flex h-9 w-full min-w-0 rounded-md border border-input bg-card px-3 py-1 text-sm shadow-xs transition-colors", "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50", className),
-        ...props
-    });
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("flex h-9 w-full min-w-0 rounded-md border border-input bg-card px-3 py-1 text-sm shadow-xs transition-colors", "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50", className), ...props }));
 }

package/dist/ui/inspector-shell.d.ts

@@ -7,7 +7,7 @@ export type InspectorEmptyProps = {
 /** The "nothing selected" message inside an inspector rail. Deliberately not
  * `EmptyState` — that component centres and pads for a full-width surface;
  * an inspector's empty message sits left-aligned in a narrow side panel. */
-export declare function InspectorEmpty({ title, description, className }: InspectorEmptyProps): import("react").JSX.Element;
+export declare function InspectorEmpty({ title, description, className, }: InspectorEmptyProps): import("react").JSX.Element;
 export type InspectorHeaderProps = {
     readonly eyebrow?: ReactNode;
     readonly title: ReactNode;
@@ -16,8 +16,8 @@ export type InspectorHeaderProps = {
     readonly className?: string;
 };
 /** The chip row, title and action buttons at the top of an inspector. */
-export declare function InspectorHeader({ eyebrow, title, description, actions, className }: InspectorHeaderProps): import("react").JSX.Element;
-export declare function InspectorPanelTitle({ children, className }: {
+export declare function InspectorHeader({ eyebrow, title, description, actions, className, }: InspectorHeaderProps): import("react").JSX.Element;
+export declare function InspectorPanelTitle({ children, className, }: {
     readonly children: ReactNode;
     readonly className?: string;
 }): import("react").JSX.Element;
@@ -26,7 +26,7 @@ export type InspectorKvRow = {
     readonly value: ReactNode;
     readonly mono?: boolean;
 };
-export declare function InspectorKv({ rows, className }: {
+export declare function InspectorKv({ rows, className, }: {
     readonly rows: readonly InspectorKvRow[];
     readonly className?: string;
 }): import("react").JSX.Element;
@@ -44,4 +44,4 @@ export type InspectorShellProps = {
  * separately so a caller can compose its own layout inside this shell
  * instead of going through a single big inspector component.
  */
-export declare function InspectorShell({ header, children, empty, className }: InspectorShellProps): import("react").JSX.Element;
+export declare function InspectorShell({ header, children, empty, className, }: InspectorShellProps): import("react").JSX.Element;

package/dist/ui/inspector-shell.js

@@ -2,67 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 /** The "nothing selected" message inside an inspector rail. Deliberately not
  * `EmptyState` — that component centres and pads for a full-width surface;
- * an inspector's empty message sits left-aligned in a narrow side panel. */ export function InspectorEmpty({ title, description, className }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cn("max-w-64", className),
-        children: [
-            /*#__PURE__*/ _jsx("p", {
-                className: "text-sm font-semibold",
-                children: title
-            }),
-            description === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                className: "mt-1.5 text-xs leading-snug text-muted-foreground",
-                children: description
-            })
-        ]
-    });
+ * an inspector's empty message sits left-aligned in a narrow side panel. */
+export function InspectorEmpty({ title, description, className, }) {
+    return (_jsxs("div", { className: cn("max-w-64", className), children: [_jsx("p", { className: "text-sm font-semibold", children: title }), description === undefined ? null : (_jsx("p", { className: "mt-1.5 text-xs leading-snug text-muted-foreground", children: description }))] }));
 }
-/** The chip row, title and action buttons at the top of an inspector. */ export function InspectorHeader({ eyebrow, title, description, actions, className }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cn("flex flex-col gap-2", className),
-        children: [
-            eyebrow === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                className: "flex flex-wrap items-center gap-1.5",
-                children: eyebrow
-            }),
-            /*#__PURE__*/ _jsx("h2", {
-                className: "text-base font-bold tracking-tight",
-                children: title
-            }),
-            description === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                className: "text-xs leading-snug text-muted-foreground",
-                children: description
-            }),
-            actions === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                className: "mt-1 flex flex-wrap items-center gap-1.5",
-                children: actions
-            })
-        ]
-    });
+/** The chip row, title and action buttons at the top of an inspector. */
+export function InspectorHeader({ eyebrow, title, description, actions, className, }) {
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [eyebrow === undefined ? null : (_jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: eyebrow })), _jsx("h2", { className: "text-base font-bold tracking-tight", children: title }), description === undefined ? null : (_jsx("p", { className: "text-xs leading-snug text-muted-foreground", children: description })), actions === undefined ? null : (_jsx("div", { className: "mt-1 flex flex-wrap items-center gap-1.5", children: actions }))] }));
 }
-export function InspectorPanelTitle({ children, className }) {
-    return /*#__PURE__*/ _jsx("div", {
-        className: cn("mb-2 mt-4 text-[10.5px] font-bold uppercase tracking-[0.05em] text-muted-foreground first:mt-0", className),
-        children: children
-    });
+export function InspectorPanelTitle({ children, className, }) {
+    return (_jsx("div", { className: cn("mb-2 mt-4 text-[10.5px] font-bold uppercase tracking-[0.05em] text-muted-foreground first:mt-0", className), children: children }));
 }
-export function InspectorKv({ rows, className }) {
-    return /*#__PURE__*/ _jsx("div", {
-        className: cn("flex flex-col gap-1.5", className),
-        children: rows.map((row)=>/*#__PURE__*/ _jsxs("div", {
-                className: "flex items-baseline justify-between gap-3 text-xs",
-                children: [
-                    /*#__PURE__*/ _jsx("span", {
-                        className: "shrink-0 text-muted-foreground",
-                        children: row.label
-                    }),
-                    /*#__PURE__*/ _jsx("span", {
-                        className: cn("min-w-0 truncate text-right", row.mono === true && "font-mono"),
-                        children: row.value
-                    })
-                ]
-            }, row.label))
-    });
+export function InspectorKv({ rows, className, }) {
+    return (_jsx("div", { className: cn("flex flex-col gap-1.5", className), children: rows.map((row) => (_jsxs("div", { className: "flex items-baseline justify-between gap-3 text-xs", children: [_jsx("span", { className: "shrink-0 text-muted-foreground", children: row.label }), _jsx("span", { className: cn("min-w-0 truncate text-right", row.mono === true && "font-mono"), children: row.value })] }, row.label))) }));
 }
 /**
  * The side-rail frame every inspector shares: a header region, a scrollable
@@ -70,29 +22,10 @@ export function InspectorKv({ rows, className }) {
  * `InspectorHeader`/`InspectorKv`/`InspectorPanelTitle` are exported
  * separately so a caller can compose its own layout inside this shell
  * instead of going through a single big inspector component.
- */ export function InspectorShell({ header, children, empty, className }) {
+ */
+export function InspectorShell({ header, children, empty, className, }) {
     if (empty !== undefined && header === undefined) {
-        return /*#__PURE__*/ _jsx("aside", {
-            "aria-label": "Inspector",
-            className: cn("flex min-h-0 flex-col overflow-auto border-l border-border bg-card", className),
-            children: /*#__PURE__*/ _jsx("div", {
-                className: "flex flex-1 flex-col items-start justify-center px-5 py-10",
-                children: empty
-            })
-        });
+        return (_jsx("aside", { "aria-label": "Inspector", className: cn("flex min-h-0 flex-col overflow-auto border-l border-border bg-card", className), children: _jsx("div", { className: "flex flex-1 flex-col items-start justify-center px-5 py-10", children: empty }) }));
     }
-    return /*#__PURE__*/ _jsxs("aside", {
-        "aria-label": "Inspector",
-        className: cn("flex min-h-0 flex-col overflow-hidden border-l border-border bg-card", className),
-        children: [
-            header === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                className: "shrink-0 border-b border-border px-4 pb-3 pt-4",
-                children: header
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: "min-h-0 flex-1 overflow-auto px-4 py-3",
-                children: children
-            })
-        ]
-    });
+    return (_jsxs("aside", { "aria-label": "Inspector", className: cn("flex min-h-0 flex-col overflow-hidden border-l border-border bg-card", className), children: [header === undefined ? null : (_jsx("div", { className: "shrink-0 border-b border-border px-4 pb-3 pt-4", children: header })), _jsx("div", { className: "min-h-0 flex-1 overflow-auto px-4 py-3", children: children })] }));
 }

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

@@ -36,4 +36,4 @@ export declare function intakeFieldsComplete(fields: readonly IntakeField[], val
  * host owns the values, so the same form backs a one-off run and a saved
  * schedule without this file knowing which.
  */
-export declare function IntakeForm({ fields, values, onChange, idPrefix, disabled, className }: IntakeFormProps): import("react").JSX.Element | null;
+export declare function IntakeForm({ fields, values, onChange, idPrefix, disabled, className, }: IntakeFormProps): import("react").JSX.Element | null;