@corbits/react-ui 0.1.0 → 0.3.0

package/dist/ui/research-body.js

@@ -9,34 +9,38 @@ import { cn } from "../lib/utils.js";
  * Everything below the header is already guarded by a presence check at its own
  * render site, so validating it here would only reject briefs this component
  * draws correctly.
- */ export function parseResearchArtifact(json) {
+ */
+export function parseResearchArtifact(json) {
     let raw;
     try {
         raw = JSON.parse(json);
-    } catch  {
+    }
+    catch {
         return null;
     }
-    if (typeof raw !== "object" || raw === null) return null;
+    if (typeof raw !== "object" || raw === null)
+        return null;
     const candidate = raw;
-    if (typeof candidate.topic !== "string" || typeof candidate.sourceCount !== "number" || typeof candidate.itemCount !== "number") {
+    if (typeof candidate.topic !== "string" ||
+        typeof candidate.sourceCount !== "number" ||
+        typeof candidate.itemCount !== "number") {
         return null;
     }
     const body = typeof candidate.body === "string" ? candidate.body : undefined;
-    return body === undefined ? {
-        brief: candidate
-    } : {
-        brief: candidate,
-        body
-    };
+    return body === undefined
+        ? { brief: candidate }
+        : { brief: candidate, body };
 }
 /**
  * A citation list can name the same URL twice — one item that clustered under
  * two sources. Both the numbering the reader sees and any export they take must
  * agree on the count, so dedupe once, here, at the point of render.
- */ function dedupeByUrl(sources) {
+ */
+function dedupeByUrl(sources) {
     const seen = new Set();
-    return sources.filter((source)=>{
-        if (seen.has(source.url)) return false;
+    return sources.filter((source) => {
+        if (seen.has(source.url))
+            return false;
         seen.add(source.url);
         return true;
     });
@@ -60,211 +64,26 @@ import { cn } from "../lib/utils.js";
  * ships no Markdown dependency, and adding ~40kB of parser that a consumer then
  * owns is not something a component should decide on their behalf. Wrap the
  * `body` slot in your own renderer if you have one.
- */ export function ResearchBody({ brief, body, className }) {
+ */
+export function ResearchBody({ brief, body, className, }) {
     const report = body?.trim() ?? "";
     const citations = dedupeByUrl(brief.citations ?? []);
-    const data = /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col gap-6",
-        children: [
-            brief.clusters === undefined || brief.clusters.length === 0 ? null : /*#__PURE__*/ _jsxs("section", {
-                className: "flex flex-col gap-3",
-                "aria-label": "Themes",
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        className: "text-sm font-semibold",
-                        children: "Themes"
-                    }),
-                    brief.clusters.map((cluster)=>/*#__PURE__*/ _jsxs("article", {
-                            className: "flex flex-col gap-2 rounded-lg border border-border p-4",
-                            children: [
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "flex items-start justify-between gap-3",
-                                    children: [
-                                        /*#__PURE__*/ _jsx("h4", {
-                                            className: "text-sm leading-snug font-semibold",
-                                            children: cluster.title
-                                        }),
-                                        cluster.sources === undefined || cluster.sources.length === 0 ? null : /*#__PURE__*/ _jsx("span", {
-                                            className: "shrink-0 rounded-sm bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
-                                            children: cluster.sources.join(", ")
-                                        })
-                                    ]
-                                }),
-                                cluster.summary === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                                    className: "text-xs leading-relaxed text-muted-foreground",
-                                    children: cluster.summary
-                                }),
-                                cluster.items === undefined || cluster.items.length === 0 ? null : /*#__PURE__*/ _jsx("ul", {
-                                    className: "flex flex-col gap-1.5",
-                                    children: cluster.items.map((item)=>{
-                                        const href = toSafeHref(item.url);
-                                        return /*#__PURE__*/ _jsx("li", {
-                                            className: "min-w-0",
-                                            children: href === undefined ? /*#__PURE__*/ _jsx("span", {
-                                                className: "text-xs leading-snug text-muted-foreground",
-                                                children: item.title ?? item.url
-                                            }) : /*#__PURE__*/ _jsx("a", {
-                                                href: href,
-                                                target: "_blank",
-                                                rel: "noopener noreferrer",
-                                                className: "text-xs leading-snug text-primary-emphasis underline-offset-2 hover:underline",
-                                                children: item.title ?? item.url
-                                            })
-                                        }, item.url);
-                                    })
-                                })
-                            ]
-                        }, cluster.id))
-                ]
-            }),
-            brief.quotes === undefined || brief.quotes.length === 0 ? null : /*#__PURE__*/ _jsxs("section", {
-                className: "flex flex-col gap-3",
-                "aria-label": "Quotes",
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        className: "text-sm font-semibold",
-                        children: "Quotes"
-                    }),
-                    brief.quotes.map((quote)=>{
+    const data = (_jsxs("div", { className: "flex flex-col gap-6", children: [brief.clusters === undefined || brief.clusters.length === 0 ? null : (_jsxs("section", { className: "flex flex-col gap-3", "aria-label": "Themes", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Themes" }), brief.clusters.map((cluster) => (_jsxs("article", { className: "flex flex-col gap-2 rounded-lg border border-border p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("h4", { className: "text-sm leading-snug font-semibold", children: cluster.title }), cluster.sources === undefined ||
+                                        cluster.sources.length === 0 ? null : (_jsx("span", { className: "shrink-0 rounded-sm bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: cluster.sources.join(", ") }))] }), cluster.summary === undefined ? null : (_jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: cluster.summary })), cluster.items === undefined ||
+                                cluster.items.length === 0 ? null : (_jsx("ul", { className: "flex flex-col gap-1.5", children: cluster.items.map((item) => {
+                                    const href = toSafeHref(item.url);
+                                    return (_jsx("li", { className: "min-w-0", children: href === undefined ? (_jsx("span", { className: "text-xs leading-snug text-muted-foreground", children: item.title ?? item.url })) : (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "text-xs leading-snug text-primary-emphasis underline-offset-2 hover:underline", children: item.title ?? item.url })) }, item.url));
+                                }) }))] }, cluster.id)))] })), brief.quotes === undefined || brief.quotes.length === 0 ? null : (_jsxs("section", { className: "flex flex-col gap-3", "aria-label": "Quotes", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Quotes" }), brief.quotes.map((quote) => {
                         const href = toSafeHref(quote.url);
-                        return(// <figure>/<figcaption> rather than a div and a span: a quotation
+                        return (
+                        // <figure>/<figcaption> rather than a div and a span: a quotation
                         // with an attribution is exactly what the element pair is for, and
                         // it is what makes the attribution reachable from the quote for a
                         // screen reader instead of being a loose line of text after it.
-                        /*#__PURE__*/ _jsxs("figure", {
-                            className: "border-l-2 border-border pl-4",
-                            children: [
-                                /*#__PURE__*/ _jsx("blockquote", {
-                                    className: "text-sm leading-relaxed italic",
-                                    children: quote.quote
-                                }),
-                                /*#__PURE__*/ _jsxs("figcaption", {
-                                    className: "mt-1 text-xs text-muted-foreground",
-                                    children: [
-                                        quote.author === undefined ? "" : `${quote.author} · `,
-                                        quote.source,
-                                        href === undefined ? null : /*#__PURE__*/ _jsxs(_Fragment, {
-                                            children: [
-                                                " · ",
-                                                /*#__PURE__*/ _jsx("a", {
-                                                    href: href,
-                                                    target: "_blank",
-                                                    rel: "noopener noreferrer",
-                                                    className: "text-primary-emphasis underline-offset-2 hover:underline",
-                                                    children: "source"
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }, `${quote.source}-${quote.quote.slice(0, 32)}`));
-                    })
-                ]
-            }),
-            citations.length === 0 ? null : /*#__PURE__*/ _jsxs("section", {
-                className: "flex flex-col gap-3",
-                "aria-label": "Citations",
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        className: "text-sm font-semibold",
-                        children: "Citations"
-                    }),
-                    /*#__PURE__*/ _jsx("ol", {
-                        className: "flex flex-col gap-2",
-                        children: citations.map((citation, index)=>{
+                        _jsxs("figure", { className: "border-l-2 border-border pl-4", children: [_jsx("blockquote", { className: "text-sm leading-relaxed italic", children: quote.quote }), _jsxs("figcaption", { className: "mt-1 text-xs text-muted-foreground", children: [quote.author === undefined ? "" : `${quote.author} · `, quote.source, href === undefined ? null : (_jsxs(_Fragment, { children: [" · ", _jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "text-primary-emphasis underline-offset-2 hover:underline", children: "source" })] }))] })] }, `${quote.source}-${quote.quote.slice(0, 32)}`));
+                    })] })), citations.length === 0 ? null : (_jsxs("section", { className: "flex flex-col gap-3", "aria-label": "Citations", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Citations" }), _jsx("ol", { className: "flex flex-col gap-2", children: citations.map((citation, index) => {
                             const href = toSafeHref(citation.url);
-                            return /*#__PURE__*/ _jsxs("li", {
-                                className: "flex items-baseline gap-3 text-xs",
-                                children: [
-                                    /*#__PURE__*/ _jsx("span", {
-                                        className: "w-6 shrink-0 text-right font-mono text-muted-foreground tabular-nums",
-                                        children: index + 1
-                                    }),
-                                    /*#__PURE__*/ _jsxs("span", {
-                                        className: "min-w-0 leading-relaxed",
-                                        children: [
-                                            href === undefined ? /*#__PURE__*/ _jsx("span", {
-                                                className: "break-words",
-                                                children: citation.title ?? citation.url
-                                            }) : /*#__PURE__*/ _jsx("a", {
-                                                href: href,
-                                                target: "_blank",
-                                                rel: "noopener noreferrer",
-                                                className: "break-words text-primary-emphasis underline-offset-2 hover:underline",
-                                                children: citation.title ?? citation.url
-                                            }),
-                                            /*#__PURE__*/ _jsxs("span", {
-                                                className: "text-muted-foreground",
-                                                children: [
-                                                    " · ",
-                                                    citation.source
-                                                ]
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }, citation.url);
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cn("flex flex-col gap-6", className),
-        children: [
-            /*#__PURE__*/ _jsxs("header", {
-                className: "flex flex-col gap-1.5",
-                children: [
-                    /*#__PURE__*/ _jsx("h2", {
-                        className: "text-base leading-snug font-semibold",
-                        children: brief.topic
-                    }),
-                    /*#__PURE__*/ _jsxs("p", {
-                        className: "font-mono text-xs text-muted-foreground tabular-nums",
-                        children: [
-                            brief.sourceCount.toLocaleString(),
-                            " sources · ",
-                            brief.itemCount.toLocaleString(),
-                            " items",
-                            brief.range === undefined ? "" : ` · ${brief.range}`
-                        ]
-                    }),
-                    brief.leadInsight === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                        className: "max-w-prose text-sm leading-relaxed",
-                        children: brief.leadInsight
-                    })
-                ]
-            }),
-            report === "" ? data : /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        className: "max-w-prose text-sm leading-relaxed whitespace-pre-wrap",
-                        children: report
-                    }),
-                    /*#__PURE__*/ _jsxs("details", {
-                        className: "group border-t border-border pt-4",
-                        children: [
-                            /*#__PURE__*/ _jsxs("summary", {
-                                className: "cursor-pointer text-sm font-semibold text-muted-foreground hover:text-foreground",
-                                children: [
-                                    "Sources & data (",
-                                    brief.sourceCount.toLocaleString(),
-                                    " sources ·",
-                                    " ",
-                                    brief.itemCount.toLocaleString(),
-                                    " items)"
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "mt-5",
-                                children: data
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
+                            return (_jsxs("li", { className: "flex items-baseline gap-3 text-xs", children: [_jsx("span", { className: "w-6 shrink-0 text-right font-mono text-muted-foreground tabular-nums", children: index + 1 }), _jsxs("span", { className: "min-w-0 leading-relaxed", children: [href === undefined ? (_jsx("span", { className: "break-words", children: citation.title ?? citation.url })) : (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "break-words text-primary-emphasis underline-offset-2 hover:underline", children: citation.title ?? citation.url })), _jsxs("span", { className: "text-muted-foreground", children: [" ", "\u00B7 ", citation.source] })] })] }, citation.url));
+                        }) })] }))] }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-6", className), children: [_jsxs("header", { className: "flex flex-col gap-1.5", children: [_jsx("h2", { className: "text-base leading-snug font-semibold", children: brief.topic }), _jsxs("p", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: [brief.sourceCount.toLocaleString(), " sources \u00B7", " ", brief.itemCount.toLocaleString(), " items", brief.range === undefined ? "" : ` · ${brief.range}`] }), brief.leadInsight === undefined ? null : (_jsx("p", { className: "max-w-prose text-sm leading-relaxed", children: brief.leadInsight }))] }), report === "" ? (data) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "max-w-prose text-sm leading-relaxed whitespace-pre-wrap", children: report }), _jsxs("details", { className: "group border-t border-border pt-4", children: [_jsxs("summary", { className: "cursor-pointer text-sm font-semibold text-muted-foreground hover:text-foreground", children: ["Sources & data (", brief.sourceCount.toLocaleString(), " sources \u00B7", " ", brief.itemCount.toLocaleString(), " items)"] }), _jsx("div", { className: "mt-5", children: data })] })] }))] }));
 }

package/dist/ui/rich-empty-state.js

@@ -1,26 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
-function ActionControl({ action, size }) {
+function ActionControl({ action, size, }) {
     const variant = action.variant === "primary" ? "primary" : "secondary";
     if (action.href !== undefined) {
-        return /*#__PURE__*/ _jsx(Button, {
-            asChild: true,
-            variant: variant,
-            size: size,
-            children: /*#__PURE__*/ _jsx("a", {
-                href: action.href,
-                children: action.label
-            })
-        });
+        return (_jsx(Button, { asChild: true, variant: variant, size: size, children: _jsx("a", { href: action.href, children: action.label }) }));
     }
-    return /*#__PURE__*/ _jsx(Button, {
-        type: "button",
-        variant: variant,
-        size: size,
-        onClick: action.onClick,
-        children: action.label
-    });
+    return (_jsx(Button, { type: "button", variant: variant, size: size, onClick: action.onClick, children: action.label }));
 }
 /**
  * The onboarding-grade empty state: icon, message, and suggested actions on a
@@ -31,35 +17,7 @@ function ActionControl({ action, size }) {
  * yet, where the empty state *is* the page and has to carry the way in. The
  * icon stays decorative and hidden from assistive tech; the title carries the
  * meaning.
- */ export function RichEmptyState({ icon, title, description, actions, footer, actionSize = "md", className }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        "data-slot": "rich-empty-state",
-        className: cn("flex flex-col items-center justify-center rounded-[12px] border border-border bg-card px-6 py-10 text-center", className),
-        children: [
-            icon === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                "aria-hidden": true,
-                className: "mb-4 grid size-12 place-items-center rounded-[12px] bg-muted text-muted-foreground",
-                children: icon
-            }),
-            /*#__PURE__*/ _jsx("h3", {
-                className: "text-[15px] font-bold tracking-[-0.01em]",
-                children: title
-            }),
-            /*#__PURE__*/ _jsx("p", {
-                className: "mt-2 max-w-md text-[13px] leading-relaxed text-muted-foreground",
-                children: description
-            }),
-            actions !== undefined && actions.length > 0 ? /*#__PURE__*/ _jsx("div", {
-                className: "mt-5 flex flex-wrap items-center justify-center gap-2",
-                children: actions.map((action)=>/*#__PURE__*/ _jsx(ActionControl, {
-                        action: action,
-                        size: actionSize
-                    }, action.label))
-            }) : null,
-            footer === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                className: "mt-4",
-                children: footer
-            })
-        ]
-    });
+ */
+export function RichEmptyState({ icon, title, description, actions, footer, actionSize = "md", className, }) {
+    return (_jsxs("div", { "data-slot": "rich-empty-state", className: cn("flex flex-col items-center justify-center rounded-[12px] border border-border bg-card px-6 py-10 text-center", className), children: [icon === undefined ? null : (_jsx("div", { "aria-hidden": true, className: "mb-4 grid size-12 place-items-center rounded-[12px] bg-muted text-muted-foreground", children: icon })), _jsx("h3", { className: "text-[15px] font-bold tracking-[-0.01em]", children: title }), _jsx("p", { className: "mt-2 max-w-md text-[13px] leading-relaxed text-muted-foreground", children: description }), actions !== undefined && actions.length > 0 ? (_jsx("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: actions.map((action) => (_jsx(ActionControl, { action: action, size: actionSize }, action.label))) })) : null, footer === undefined ? null : _jsx("div", { className: "mt-4", children: footer })] }));
 }

package/dist/ui/run-now-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Button } from "./button.js";
@@ -12,31 +13,29 @@ import { Button } from "./button.js";
  *
  * A rejected promise returns the button to rest rather than claiming success.
  * The caller surfaces the reason; this only refuses to lie about it.
- */ export function RunNowButton({ onRun, label = "Run now", pendingLabel = "Starting…", doneLabel = "Started", confirmMs = 2000, disabled, ...props }) {
+ */
+export function RunNowButton({ onRun, label = "Run now", pendingLabel = "Starting…", doneLabel = "Started", confirmMs = 2000, disabled, ...props }) {
     const [state, setState] = useState("idle");
     const timerRef = useRef(undefined);
     // Clear on unmount: a timer that fires into an unmounted component is a
     // React warning today and a leak in every version.
-    useEffect(()=>()=>window.clearTimeout(timerRef.current), []);
-    const run = async ()=>{
+    useEffect(() => () => window.clearTimeout(timerRef.current), []);
+    const run = async () => {
         setState("pending");
         try {
             await onRun();
             setState("done");
-            timerRef.current = window.setTimeout(()=>setState("idle"), confirmMs);
-        } catch  {
+            timerRef.current = window.setTimeout(() => setState("idle"), confirmMs);
+        }
+        catch {
             setState("idle");
         }
     };
-    return /*#__PURE__*/ _jsx(Button, {
-        ...props,
-        disabled: disabled || state !== "idle",
-        onClick: ()=>{
+    return (_jsx(Button, { ...props, disabled: disabled || state !== "idle", onClick: () => {
             void run();
-        },
-        children: /*#__PURE__*/ _jsx("span", {
-            "aria-live": "polite",
-            children: state === "pending" ? pendingLabel : state === "done" ? doneLabel : label
-        })
-    });
+        }, children: _jsx("span", { "aria-live": "polite", children: state === "pending"
+                ? pendingLabel
+                : state === "done"
+                    ? doneLabel
+                    : label }) }));
 }

package/dist/ui/section.d.ts

@@ -17,4 +17,4 @@ export type SectionProps = {
     readonly className?: string;
 };
 /** A titled block: heading, optional description and controls, then content. */
-export declare function Section({ title, description, action, count, as, children, className }: SectionProps): import("react").JSX.Element;
+export declare function Section({ title, description, action, count, as, children, className, }: SectionProps): import("react").JSX.Element;

package/dist/ui/section.js

@@ -3,46 +3,10 @@ import { cn } from "../lib/utils.js";
 const TITLE_CLASS = {
     h1: "text-xl font-semibold tracking-tight",
     h2: "text-sm font-semibold",
-    h3: "text-xs font-semibold"
+    h3: "text-xs font-semibold",
 };
-/** A titled block: heading, optional description and controls, then content. */ export function Section({ title, description, action, count, as = "h2", children, className }) {
+/** A titled block: heading, optional description and controls, then content. */
+export function Section({ title, description, action, count, as = "h2", children, className, }) {
     const Heading = as;
-    return /*#__PURE__*/ _jsxs("section", {
-        "data-slot": "section",
-        className: cn("flex flex-col gap-3", className),
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-4",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "flex min-w-0 flex-col gap-1",
-                        children: [
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "flex items-center gap-2",
-                                children: [
-                                    /*#__PURE__*/ _jsx(Heading, {
-                                        className: TITLE_CLASS[as],
-                                        children: title
-                                    }),
-                                    count === undefined ? null : /*#__PURE__*/ _jsx("span", {
-                                        className: "shrink-0 rounded-sm bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground",
-                                        children: count
-                                    })
-                                ]
-                            }),
-                            description === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                                className: "text-sm leading-snug text-muted-foreground",
-                                children: description
-                            })
-                        ]
-                    }),
-                    action === undefined ? null : /*#__PURE__*/ _jsx("div", {
-                        className: "flex shrink-0 items-center gap-2",
-                        children: action
-                    })
-                ]
-            }),
-            children
-        ]
-    });
+    return (_jsxs("section", { "data-slot": "section", className: cn("flex flex-col gap-3", className), children: [_jsxs("div", { className: "flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-4", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Heading, { className: TITLE_CLASS[as], children: title }), count === undefined ? null : (_jsx("span", { className: "shrink-0 rounded-sm bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground", children: count }))] }), description === undefined ? null : (_jsx("p", { className: "text-sm leading-snug text-muted-foreground", children: description }))] }), action === undefined ? null : (_jsx("div", { className: "flex shrink-0 items-center gap-2", children: action }))] }), children] }));
 }

package/dist/ui/select.js

@@ -4,19 +4,5 @@ import { cn } from "../lib/utils.js";
 // Same border/focus-ring/disabled treatment as `Input`; the chevron is a
 // decorative overlay since a native `<select>` cannot be given its own icon.
 export function Select({ className, children, ...props }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        className: "group relative",
-        children: [
-            /*#__PURE__*/ _jsx("select", {
-                "data-slot": "select",
-                className: cn("flex h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-card px-3 py-1 pr-8 text-sm shadow-xs transition-colors", "selection:bg-primary selection:text-primary-foreground", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50", className),
-                ...props,
-                children: children
-            }),
-            /*#__PURE__*/ _jsx(ChevronDown, {
-                "aria-hidden": true,
-                className: "pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground group-has-[:disabled]:opacity-50"
-            })
-        ]
-    });
+    return (_jsxs("div", { className: "group relative", children: [_jsx("select", { "data-slot": "select", className: cn("flex h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-card px-3 py-1 pr-8 text-sm shadow-xs transition-colors", "selection:bg-primary selection:text-primary-foreground", "aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: children }), _jsx(ChevronDown, { "aria-hidden": true, className: "pointer-events-none absolute right-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground group-has-[:disabled]:opacity-50" })] }));
 }

package/dist/ui/selection-checkbox.d.ts

@@ -39,4 +39,4 @@ export type SelectionCheckboxProps = {
  * reveal below, where the control needs to participate in hover/focus state
  * that belongs to an ancestor it does not render.
  */
-export declare function SelectionCheckbox({ checked, onToggle, rowLabel, ariaLabel, id, className }: SelectionCheckboxProps): import("react").JSX.Element;
+export declare function SelectionCheckbox({ checked, onToggle, rowLabel, ariaLabel, id, className, }: SelectionCheckboxProps): import("react").JSX.Element;

package/dist/ui/selection-checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, Minus } from "lucide-react";
 import { useId } from "react";
@@ -14,41 +15,22 @@ import { cn } from "../lib/utils.js";
  * a native input's own focus ring and box model fight the opacity-driven
  * reveal below, where the control needs to participate in hover/focus state
  * that belongs to an ancestor it does not render.
- */ export function SelectionCheckbox({ checked, onToggle, rowLabel, ariaLabel, id, className }) {
+ */
+export function SelectionCheckbox({ checked, onToggle, rowLabel, ariaLabel, id, className, }) {
     const generatedId = useId();
     const checkboxId = id ?? generatedId;
     const isOn = checked !== false;
     const isIndeterminate = checked === "indeterminate";
-    return /*#__PURE__*/ _jsxs("button", {
-        type: "button",
-        id: checkboxId,
-        role: "checkbox",
-        "aria-checked": isIndeterminate ? "mixed" : checked,
-        "aria-label": ariaLabel ?? `Select ${rowLabel}`,
-        onClick: (event)=>onToggle({
-                shiftKey: event.shiftKey
-            }),
-        onKeyDown: (event)=>{
-            if (event.key !== " " && event.key !== "Enter") return;
+    return (_jsxs("button", { type: "button", id: checkboxId, role: "checkbox", "aria-checked": isIndeterminate ? "mixed" : checked, "aria-label": ariaLabel ?? `Select ${rowLabel}`, onClick: (event) => onToggle({ shiftKey: event.shiftKey }), onKeyDown: (event) => {
+            if (event.key !== " " && event.key !== "Enter")
+                return;
             event.preventDefault();
-            onToggle({
-                shiftKey: event.shiftKey
-            });
-        },
-        className: cn("relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input bg-card shadow-xs transition-colors", "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100", isOn && "border-primary bg-primary opacity-100", // The pop plays only on landing fully checked — an indeterminate
+            onToggle({ shiftKey: event.shiftKey });
+        }, className: cn("relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input bg-card shadow-xs transition-colors", "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100", isOn && "border-primary bg-primary opacity-100", 
+        // The pop plays only on landing fully checked — an indeterminate
         // header checkbox flips between indeterminate and checked/unchecked
         // as rows come and go, and it should not re-pop on every one of
         // those incidental transitions.
-        checked === true && "motion-safe:[animation:corbits-selection-pop_220ms_var(--ease-out)_both]", className),
-        children: [
-            /*#__PURE__*/ _jsx(Check, {
-                "aria-hidden": true,
-                className: cn("size-3 text-primary-foreground transition-transform", checked === true ? "scale-100" : "scale-0")
-            }),
-            /*#__PURE__*/ _jsx(Minus, {
-                "aria-hidden": true,
-                className: cn("absolute size-3 text-primary-foreground transition-transform", isIndeterminate ? "scale-100" : "scale-0")
-            })
-        ]
-    });
+        checked === true &&
+            "motion-safe:[animation:corbits-selection-pop_220ms_var(--ease-out)_both]", className), children: [_jsx(Check, { "aria-hidden": true, className: cn("size-3 text-primary-foreground transition-transform", checked === true ? "scale-100" : "scale-0") }), _jsx(Minus, { "aria-hidden": true, className: cn("absolute size-3 text-primary-foreground transition-transform", isIndeterminate ? "scale-100" : "scale-0") })] }));
 }

package/dist/ui/settings-panel.js

@@ -15,54 +15,11 @@ import { Button } from "./button.js";
  * The save control is disabled when there is nothing to save, and the panel
  * says why in text as well: a greyed-out button with no explanation is the most
  * common dead end in a settings screen.
- */ export function SettingsPanel({ title, description, onSave, dirty = false, saving = false, error = null, savedAt = null, onReset, children, className }) {
-    return /*#__PURE__*/ _jsxs("section", {
-        "data-slot": "settings-panel",
-        "aria-label": title,
-        className: cn("flex flex-col gap-4 rounded-lg border border-border bg-card p-5 text-card-foreground", className),
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-col gap-1",
-                children: [
-                    /*#__PURE__*/ _jsx("h3", {
-                        className: "text-sm font-semibold",
-                        children: title
-                    }),
-                    description === undefined ? null : /*#__PURE__*/ _jsx("p", {
-                        className: "text-sm leading-snug text-muted-foreground",
-                        children: description
-                    })
-                ]
-            }),
-            children,
-            error === null ? null : /*#__PURE__*/ _jsx("p", {
-                role: "alert",
-                className: "text-sm text-destructive",
-                children: error
-            }),
-            onSave === undefined ? null : /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-wrap items-center gap-2 border-t border-border pt-4",
-                children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        size: "sm",
-                        onClick: onSave,
-                        disabled: !dirty || saving,
-                        children: saving ? "Saving…" : "Save changes"
-                    }),
-                    onReset === undefined || !dirty ? null : /*#__PURE__*/ _jsx(Button, {
-                        variant: "ghost",
-                        size: "sm",
-                        onClick: onReset,
-                        disabled: saving,
-                        children: "Discard"
-                    }),
-                    /*#__PURE__*/ _jsx("p", {
-                        "aria-live": "polite",
-                        className: "ml-auto text-xs text-muted-foreground",
-                        children: dirty ? "Unsaved changes" : savedAt === null ? "" : `Saved ${savedAt}`
-                    })
-                ]
-            })
-        ]
-    });
+ */
+export function SettingsPanel({ title, description, onSave, dirty = false, saving = false, error = null, savedAt = null, onReset, children, className, }) {
+    return (_jsxs("section", { "data-slot": "settings-panel", "aria-label": title, className: cn("flex flex-col gap-4 rounded-lg border border-border bg-card p-5 text-card-foreground", className), children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "text-sm font-semibold", children: title }), description === undefined ? null : (_jsx("p", { className: "text-sm leading-snug text-muted-foreground", children: description }))] }), children, error === null ? null : (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: error })), onSave === undefined ? null : (_jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-border pt-4", children: [_jsx(Button, { size: "sm", onClick: onSave, disabled: !dirty || saving, children: saving ? "Saving…" : "Save changes" }), onReset === undefined || !dirty ? null : (_jsx(Button, { variant: "ghost", size: "sm", onClick: onReset, disabled: saving, children: "Discard" })), _jsx("p", { "aria-live": "polite", className: "ml-auto text-xs text-muted-foreground", children: dirty
+                            ? "Unsaved changes"
+                            : savedAt === null
+                                ? ""
+                                : `Saved ${savedAt}` })] }))] }));
 }

package/dist/ui/shimmer-text.js

@@ -11,10 +11,7 @@ import { cn } from "../lib/utils.js";
  * that would still leave `text-transparent` + `background-clip: text` with
  * nothing to paint. Under `prefers-reduced-motion` and `forced-colors` this
  * falls back to solid `text-muted-foreground` with no clip.
- */ export function ShimmerText({ children, role, className }) {
-    return /*#__PURE__*/ _jsx("span", {
-        role: role,
-        className: cn("bg-clip-text text-transparent", "[background-image:linear-gradient(90deg,var(--muted-foreground)_40%,var(--foreground)_50%,var(--muted-foreground)_60%)]", "[background-size:200%_100%]", "[animation:corbits-shimmer-sweep_1.8s_linear_infinite]", "motion-reduce:animate-none motion-reduce:bg-none motion-reduce:bg-clip-border motion-reduce:text-muted-foreground", "forced-colors:animate-none forced-colors:bg-none forced-colors:bg-clip-border forced-colors:text-muted-foreground", className),
-        children: children
-    });
+ */
+export function ShimmerText({ children, role, className }) {
+    return (_jsx("span", { role: role, className: cn("bg-clip-text text-transparent", "[background-image:linear-gradient(90deg,var(--muted-foreground)_40%,var(--foreground)_50%,var(--muted-foreground)_60%)]", "[background-size:200%_100%]", "[animation:corbits-shimmer-sweep_1.8s_linear_infinite]", "motion-reduce:animate-none motion-reduce:bg-none motion-reduce:bg-clip-border motion-reduce:text-muted-foreground", "forced-colors:animate-none forced-colors:bg-none forced-colors:bg-clip-border forced-colors:text-muted-foreground", className), children: children }));
 }