cursedbelt 0.0.0

package/dist/react/components/Badge.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+/*
+ * Badge — the single small status/category pill. This is the ONE source of truth
+ * for badge color, unifying what used to be two divergent maps: cursedbelt's old
+ * Badge variants and ca's `badgeTones.ts`. It carries two families of tone:
+ *
+ *   • Semantic tones (default/primary/success/warning/error/outline + the `accent`
+ *     and `neutral`/`destructive` aliases) — token-driven, so they re-theme with the
+ *     app's accent and follow light/dark. Reach for these first.
+ *   • Categorical tones (emerald/sky/cyan/amber/…) — a fixed, legible palette for
+ *     USER-defined category color-coding (e.g. ca's article categories), where the
+ *     color carries identity, not status, and must stay stable across rebrands.
+ *
+ * One map → no second copy to drift. Apps map their own category→tone (ca's
+ * `toneForCategory`) onto these names instead of redefining the classes.
+ */
+const BADGE_TONE = {
+    // ---- Semantic (token-driven) -------------------------------------------
+    default: 'bg-muted text-muted-foreground',
+    neutral: 'bg-muted text-muted-foreground', // alias of default
+    primary: 'bg-accent-solid text-white',
+    accent: 'bg-accent/10 text-accent', // soft accent tint (vs. primary's solid fill)
+    success: 'bg-success/15 text-success border border-success/30',
+    warning: 'bg-warning/15 text-warning border border-warning/30',
+    error: 'bg-destructive/15 text-destructive border border-destructive/30',
+    destructive: 'bg-destructive/15 text-destructive border border-destructive/30', // alias of error
+    outline: 'border border-border text-foreground bg-transparent',
+    // ---- Categorical (identity color-coding) --------------------------------
+    emerald: 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300',
+    sky: 'bg-sky-100 text-sky-700 dark:bg-sky-900/40 dark:text-sky-300',
+    cyan: 'bg-cyan-100 text-cyan-700 dark:bg-cyan-900/40 dark:text-cyan-300',
+    amber: 'bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300',
+    purple: 'bg-purple-100 text-purple-700 dark:bg-purple-900/40 dark:text-purple-300',
+    rose: 'bg-rose-100 text-rose-700 dark:bg-rose-900/40 dark:text-rose-300',
+    slate: 'bg-slate-200 text-slate-800 dark:bg-slate-800 dark:text-slate-200',
+};
+export function Badge({ tone = 'default', className, ...props }) {
+    return (_jsx("span", { className: cn('inline-flex items-center gap-1 rounded-sm px-2 py-0.5 text-xs font-medium', BADGE_TONE[tone], className), ...props }));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/react/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/react/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,GAAG;IACjB,2EAA2E;IAC3E,OAAO,EAAE,gCAAgC;IACzC,OAAO,EAAE,gCAAgC,EAAE,mBAAmB;IAC9D,OAAO,EAAE,4BAA4B;IACrC,MAAM,EAAE,0BAA0B,EAAE,8CAA8C;IAClF,OAAO,EAAE,qDAAqD;IAC9D,OAAO,EAAE,qDAAqD;IAC9D,KAAK,EAAE,iEAAiE;IACxE,WAAW,EAAE,iEAAiE,EAAE,iBAAiB;IACjG,OAAO,EAAE,qDAAqD;IAC9D,4EAA4E;IAC5E,OAAO,EAAE,8EAA8E;IACvF,GAAG,EAAE,8DAA8D;IACnE,IAAI,EAAE,kEAAkE;IACxE,KAAK,EAAE,sEAAsE;IAC7E,MAAM,EAAE,0EAA0E;IAClF,IAAI,EAAE,kEAAkE;IACxE,KAAK,EAAE,mEAAmE;CAClE,CAAC;AASX,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACzE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,UAAU,CAAC,IAAI,CAAC,EAChB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/react/components/Button.d.ts

@@ -0,0 +1,35 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+/**
+ * The single source of truth for every interactive element that triggers an action.
+ * Five intent variants, three sizes (+ a square `icon`), and ALL states — including a
+ * `loading` state that swaps in a spinner over an `invisible` (never unmounted) label
+ * for **zero layout shift**. `asChild` (Radix `Slot`) styles any element as a button,
+ * which is how {@link ButtonLink} gets its look for free.
+ *
+ * Colors come from the task-02 two-token accent model: saturated `--accent-solid*`
+ * drives the solid `primary` fill (mode-stable), mode-following `--accent*` drives the
+ * outline/ghost/link text + border + focus ring. Nothing is hardcoded, so the same
+ * button is correct under emerald (ca) and violet (ru), light and dark.
+ */
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;
+export type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Render the single child element as the button (Radix `Slot`) — e.g. style an
+     *  `<a>`/router `Link` as a button. The child must be ONE element (a `<span>`
+     *  wrapper would defeat the merge), so the spinner/label layer is skipped in this
+     *  mode — links have no loading state. */
+    asChild?: boolean;
+    /** Spinner over an `invisible` (not unmounted) label → zero layout shift; also
+     *  disables the control and sets `aria-busy`. Ignored when `asChild`. */
+    loading?: boolean;
+    /** Leading glyph rendered before `children`, inside the label (so it dims with `loading`). */
+    leftIcon?: ReactNode;
+    children?: ReactNode;
+}
+export declare function Button({ className, variant, size, asChild, loading, leftIcon, type, children, disabled, ...props }: ButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/react/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;;;8EA8B1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAElF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;8CAG0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;6EACyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BA+Bb"}

package/dist/react/components/Button.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import { cn } from '../lib/cn';
+/**
+ * The single source of truth for every interactive element that triggers an action.
+ * Five intent variants, three sizes (+ a square `icon`), and ALL states — including a
+ * `loading` state that swaps in a spinner over an `invisible` (never unmounted) label
+ * for **zero layout shift**. `asChild` (Radix `Slot`) styles any element as a button,
+ * which is how {@link ButtonLink} gets its look for free.
+ *
+ * Colors come from the task-02 two-token accent model: saturated `--accent-solid*`
+ * drives the solid `primary` fill (mode-stable), mode-following `--accent*` drives the
+ * outline/ghost/link text + border + focus ring. Nothing is hardcoded, so the same
+ * button is correct under emerald (ca) and violet (ru), light and dark.
+ */
+export const buttonVariants = cva([
+    'relative inline-flex items-center justify-center gap-2 rounded-md font-medium',
+    'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',
+    'pointer-coarse:min-h-11', // ≥44px touch target on coarse pointers
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background',
+    // Disabled = muted surface + faded + inert (never color-alone): clearly off, not a low-contrast haze.
+    'disabled:pointer-events-none disabled:opacity-50 disabled:border-transparent disabled:bg-muted disabled:text-muted-foreground',
+    '[&_svg]:size-4 [&_svg]:shrink-0',
+], {
+    variants: {
+        variant: {
+            primary: 'bg-accent-solid text-white hover:bg-accent-solid-hover focus-visible:ring-accent-solid',
+            secondary: 'border border-accent text-accent hover:bg-accent/10 focus-visible:ring-accent',
+            ghost: 'text-foreground hover:bg-muted focus-visible:ring-accent',
+            link: 'h-auto px-0 py-0 text-accent underline-offset-4 hover:underline focus-visible:ring-accent',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive',
+        },
+        size: {
+            sm: 'h-8 px-3 text-sm',
+            md: 'h-10 px-4 text-sm',
+            lg: 'h-12 px-6 text-base',
+            icon: 'h-10 w-10 p-0', // square; IconButton uses this
+        },
+    },
+    defaultVariants: { variant: 'secondary', size: 'md' },
+});
+export function Button({ className, variant, size, asChild = false, loading = false, leftIcon, type, children, disabled, ...props }) {
+    const classes = cn(buttonVariants({ variant, size }), className);
+    // asChild: hand styling to the consumer's single element (no spinner/label wrapper —
+    // that extra <span> would defeat the Slot merge, per the note above). `type` is a
+    // button-only attr, irrelevant to the host element (an <a>/Link), so it's dropped here.
+    if (asChild) {
+        return (_jsx(Slot, { className: classes, ...props, children: children }));
+    }
+    return (_jsxs("button", { 
+        // Default to type="button" so a button inside a <form> never submits by accident.
+        type: type ?? 'button', className: classes, disabled: disabled || loading || undefined, "aria-busy": loading || undefined, ...props, children: [loading ? _jsx(Loader2, { className: 'absolute size-4 animate-spin', "aria-hidden": true }) : null, _jsxs("span", { className: cn('contents', loading && 'invisible'), children: [leftIcon, children] })] }));
+}
+//# sourceMappingURL=Button.js.map

package/dist/react/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B;IACE,+EAA+E;IAC/E,0EAA0E;IAC1E,yBAAyB,EAAE,wCAAwC;IACnE,kHAAkH;IAClH,sGAAsG;IACtG,+HAA+H;IAC/H,iCAAiC;CAClC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,wFAAwF;YAC1F,SAAS,EAAE,+EAA+E;YAC1F,KAAK,EAAE,0DAA0D;YACjE,IAAI,EAAE,2FAA2F;YACjG,WAAW,EACT,mGAAmG;SACtG;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,qBAAqB;YACzB,IAAI,EAAE,eAAe,EAAE,+BAA+B;SACvD;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;CACtD,CACF,CAAC;AAqBF,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,qFAAqF;IACrF,kFAAkF;IAClF,wFAAwF;IACxF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,YAChC,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL;QACE,kFAAkF;QAClF,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI,SAAS,eAC/B,OAAO,IAAI,SAAS,KAC3B,KAAK,aAER,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,wBAAe,CAAC,CAAC,CAAC,IAAI,EAElF,gBAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,IAAI,WAAW,CAAC,aACpD,QAAQ,EACR,QAAQ,IACJ,IACA,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/ButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+export type ButtonGroupProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Collapses adjacent {@link Button}s into one segmented control: inner corners
+ * squared, outer corners rounded, neighbours overlapped 1px so shared borders merge
+ * (no double line on outline variants). Pure CSS child selectors — no JS, no cloning,
+ * so it works with any direct `<button>` children (including a {@link SplitButton}'s
+ * trigger). A focused/hovered segment lifts above its neighbours so its ring isn't clipped.
+ */
+export declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/react/components/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/react/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9D;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAoB9E"}

package/dist/react/components/ButtonGroup.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+/**
+ * Collapses adjacent {@link Button}s into one segmented control: inner corners
+ * squared, outer corners rounded, neighbours overlapped 1px so shared borders merge
+ * (no double line on outline variants). Pure CSS child selectors — no JS, no cloning,
+ * so it works with any direct `<button>` children (including a {@link SplitButton}'s
+ * trigger). A focused/hovered segment lifts above its neighbours so its ring isn't clipped.
+ */
+export function ButtonGroup({ className, children, ...props }) {
+    return (_jsx("div", { role: 'group', className: cn('isolate inline-flex', '[&>button]:rounded-none', '[&>button:first-child]:rounded-l-md', '[&>button:last-child]:rounded-r-md', '[&>button:not(:first-child)]:-ml-px', // overlap → shared 1px border, no double line
+        '[&>button:focus-visible]:relative [&>button:focus-visible]:z-10', '[&>button:hover]:relative [&>button:hover]:z-10', className), ...props, children: children }));
+}
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/react/components/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/react/components/ButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IAC7E,OAAO,CAEL,cACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,yBAAyB,EACzB,qCAAqC,EACrC,oCAAoC,EACpC,qCAAqC,EAAE,8CAA8C;QACrF,iEAAiE,EACjE,iDAAiD,EACjD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/ButtonLink.d.ts

@@ -0,0 +1,19 @@
+import type { ElementType, ReactNode } from 'react';
+import { type ButtonProps } from './Button';
+export interface ButtonLinkProps extends Pick<ButtonProps, 'variant' | 'size' | 'className'> {
+    /** Destination — `href` for an `<a>`, or `to` for a router link component. */
+    to: string;
+    /** The element/component to render (default `<a>`; pass a router `Link` to stay
+     *  client-side). cursedbelt stays router-agnostic — the app injects its `Link`. */
+    linkComponent?: ElementType;
+    onClick?: () => void;
+    children?: ReactNode;
+}
+/**
+ * A link that looks like a {@link Button} — `Button asChild` over the link element,
+ * so it gets the full variant/size styling while remaining a real anchor (correct
+ * semantics, middle-click, keyboard). Router-agnostic: pass `linkComponent` to use
+ * your app's `Link`; otherwise it renders a plain `<a href>`.
+ */
+export declare function ButtonLink({ to, linkComponent: Link, variant, size, className, onClick, children, }: ButtonLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=ButtonLink.d.ts.map

package/dist/react/components/ButtonLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../src/react/components/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC;IAC1F,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX;uFACmF;IACnF,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,aAAa,EAAE,IAAU,EACzB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,+BASjB"}

package/dist/react/components/ButtonLink.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from './Button';
+/**
+ * A link that looks like a {@link Button} — `Button asChild` over the link element,
+ * so it gets the full variant/size styling while remaining a real anchor (correct
+ * semantics, middle-click, keyboard). Router-agnostic: pass `linkComponent` to use
+ * your app's `Link`; otherwise it renders a plain `<a href>`.
+ */
+export function ButtonLink({ to, linkComponent: Link = 'a', variant, size, className, onClick, children, }) {
+    const targetProps = Link === 'a' ? { href: to } : { to };
+    return (_jsx(Button, { asChild: true, variant: variant, size: size, className: className, children: _jsx(Link, { ...targetProps, onClick: onClick, children: children }) }));
+}
+//# sourceMappingURL=ButtonLink.js.map

package/dist/react/components/ButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.js","sourceRoot":"","sources":["../../../src/react/components/ButtonLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAYpD;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,aAAa,EAAE,IAAI,GAAG,GAAG,EACzB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,GACQ;IAChB,MAAM,WAAW,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;IACzD,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAChE,KAAC,IAAI,OAAK,WAAW,EAAE,OAAO,EAAE,OAAO,YACpC,QAAQ,GACJ,GACA,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/Card.d.ts

@@ -0,0 +1,27 @@
+import type { CSSProperties, ElementType, ReactNode } from 'react';
+import { type StyleableProps } from '../styling';
+export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+export type CardRadius = 'lg' | '2xl' | '3xl';
+export type CardSlot = 'root' | 'content';
+export interface CardProps extends StyleableProps<CardSlot> {
+    /** Render as a link to this destination (see `linkComponent`). */
+    to?: string;
+    /** The element/component for the link form (default `<a>`; pass a router `Link`). */
+    linkComponent?: ElementType;
+    interactive?: boolean;
+    padding?: CardPadding;
+    radius?: CardRadius;
+    /** A hex accent (e.g. `'#3b82f6'`): faint full tint + colored left bar + border. */
+    accentColor?: string;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * The canonical surface card: white / gray-900 with a subtle border. `interactive`
+ * adds the hover-lift for clickable cards; pass `to` (+ optionally `linkComponent`)
+ * to render it as a link. An `accentColor` tints it and adds a colored left bar.
+ * Overridable per slot (`root`, `content`).
+ */
+export declare const Card: ({ to, linkComponent: Link, interactive, padding, radius, accentColor, children, className, style, classNames, styles, unstyled, }: CardProps) => import("react").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/react/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/react/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAS1C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACzD,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,mIAalB,SAAS,gCAwDX,CAAC"}

package/dist/react/components/Card.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx, resolveClass, resolveStyle } from '../styling';
+const PADDING = { none: '', sm: 'p-4', md: 'p-5', lg: 'p-8' };
+const RADIUS = {
+    lg: 'rounded-lg',
+    '2xl': 'rounded-2xl',
+    '3xl': 'rounded-3xl',
+};
+/**
+ * The canonical surface card: white / gray-900 with a subtle border. `interactive`
+ * adds the hover-lift for clickable cards; pass `to` (+ optionally `linkComponent`)
+ * to render it as a link. An `accentColor` tints it and adds a colored left bar.
+ * Overridable per slot (`root`, `content`).
+ */
+export const Card = ({ to, linkComponent: Link = 'a', interactive, padding = 'md', radius = '2xl', accentColor, children, className, style, classNames, styles, unstyled, }) => {
+    const rootClass = resolveClass(cx('border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900', RADIUS[radius], PADDING[padding], interactive &&
+        'group transition hover:-translate-y-0.5 hover:border-gray-300 hover:shadow-lg dark:hover:border-gray-700', accentColor && 'relative overflow-hidden', to && 'block'), classNames?.root ?? className, unstyled);
+    // Inline border color overrides the gray Tailwind border in both themes.
+    const rootStyle = resolveStyle(accentColor ? { borderColor: accentColor } : {}, styles?.root ?? style, unstyled);
+    // Tint + left bar paint behind the content; both pointer-events-none so a link
+    // stays clickable. Content gets its own stacking context above them.
+    const inner = accentColor ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: 'pointer-events-none absolute inset-0', style: { backgroundColor: accentColor, opacity: 0.1 } }), _jsx("span", { "aria-hidden": true, className: 'pointer-events-none absolute inset-y-0 left-0 w-1.5', style: { backgroundColor: accentColor } }), _jsx("span", { className: resolveClass('relative z-[1] block', classNames?.content, unstyled), children: children })] })) : (children);
+    if (to) {
+        const targetProps = Link === 'a' ? { href: to } : { to };
+        return (_jsx(Link, { ...targetProps, className: rootClass, style: rootStyle, children: inner }));
+    }
+    return (_jsx("div", { className: rootClass, style: rootStyle, children: inner }));
+};
+//# sourceMappingURL=Card.js.map

package/dist/react/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/react/components/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAuB,MAAM,YAAY,CAAC;AAMjF,MAAM,OAAO,GAAgC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;AAC3F,MAAM,MAAM,GAA+B;IACzC,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;CACrB,CAAC;AAiBF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,EAAE,EACF,aAAa,EAAE,IAAI,GAAG,GAAG,EACzB,WAAW,EACX,OAAO,GAAG,IAAI,EACd,MAAM,GAAG,KAAK,EACd,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,GACE,EAAE,EAAE;IACd,MAAM,SAAS,GAAG,YAAY,CAC5B,EAAE,CACA,uEAAuE,EACvE,MAAM,CAAC,MAAM,CAAC,EACd,OAAO,CAAC,OAAO,CAAC,EAChB,WAAW;QACT,0GAA0G,EAC5G,WAAW,IAAI,0BAA0B,EACzC,EAAE,IAAI,OAAO,CACd,EACD,UAAU,EAAE,IAAI,IAAI,SAAS,EAC7B,QAAQ,CACT,CAAC;IACF,yEAAyE;IACzE,MAAM,SAAS,GAAG,YAAY,CAC5B,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAC/C,MAAM,EAAE,IAAI,IAAI,KAAK,EACrB,QAAQ,CACT,CAAC;IAEF,+EAA+E;IAC/E,qEAAqE;IACrE,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAC1B,8BACE,oCAEE,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,GACrD,EACF,oCAEE,SAAS,EAAC,qDAAqD,EAC/D,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,GACvC,EACF,eAAM,SAAS,EAAE,YAAY,CAAC,sBAAsB,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,YACjF,QAAQ,GACJ,IACN,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;IAEF,IAAI,EAAE,EAAE,CAAC;QACP,MAAM,WAAW,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;QACzD,OAAO,CACL,KAAC,IAAI,OAAK,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,YAC1D,KAAK,GACD,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,YACxC,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/components/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface CheckboxProps extends ComponentPropsWithoutRef<typeof RadixCheckbox.Root> {
+    /** Optional caption rendered beside the box; wraps the control in a `<label>`. */
+    label?: ReactNode;
+}
+/**
+ * Checkbox vendored from shadcn (Radix `Checkbox`). White check on a solid-accent
+ * fill when checked (a dash when `indeterminate`); a visible `--ring` focus ring on
+ * keyboard focus. Use `checked` + `onCheckedChange` (RHF wires this via
+ * `<Controller>`). Pass `label` for a captioned control.
+ */
+export declare function Checkbox({ label, className, id: idProp, ...props }: CheckboxProps): import("react").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/react/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/react/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAG7E,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;IACxF,kFAAkF;IAClF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAUD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAyBjF"}

package/dist/react/components/Checkbox.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { Check, Minus } from 'lucide-react';
+import { useId } from 'react';
+import { cn } from '../lib/cn';
+const BOX = cn('peer size-4 shrink-0 rounded-sm border border-border-strong bg-surface transition-colors', 'data-[state=checked]:border-accent-solid data-[state=checked]:bg-accent-solid data-[state=checked]:text-white', 'data-[state=indeterminate]:border-accent-solid data-[state=indeterminate]:bg-accent-solid data-[state=indeterminate]:text-white', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'disabled:cursor-not-allowed disabled:opacity-50');
+/**
+ * Checkbox vendored from shadcn (Radix `Checkbox`). White check on a solid-accent
+ * fill when checked (a dash when `indeterminate`); a visible `--ring` focus ring on
+ * keyboard focus. Use `checked` + `onCheckedChange` (RHF wires this via
+ * `<Controller>`). Pass `label` for a captioned control.
+ */
+export function Checkbox({ label, className, id: idProp, ...props }) {
+    const reactId = useId();
+    const id = idProp ?? reactId;
+    const box = (_jsx(RadixCheckbox.Root, { id: id, className: cn(BOX, className), ...props, children: _jsx(RadixCheckbox.Indicator, { className: 'flex items-center justify-center text-current', children: props.checked === 'indeterminate' ? (_jsx(Minus, { className: 'size-3.5' })) : (_jsx(Check, { className: 'size-3.5' })) }) }));
+    if (label == null)
+        return box;
+    // Sibling label associated by id (a label can't statically "contain" the Radix
+    // button control); clicking the caption toggles the box.
+    return (_jsxs("span", { className: 'inline-flex items-center gap-2', children: [box, _jsx("label", { htmlFor: id, className: 'cursor-pointer text-sm text-foreground', children: label })] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/react/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/react/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAiD,KAAK,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAO/B,MAAM,GAAG,GAAG,EAAE,CACZ,0FAA0F,EAC1F,+GAA+G,EAC/G,iIAAiI,EACjI,0IAA0I,EAC1I,iDAAiD,CAClD,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAiB;IAChF,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,EAAE,GAAG,MAAM,IAAI,OAAO,CAAC;IAC7B,MAAM,GAAG,GAAG,CACV,KAAC,aAAa,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,KAAM,KAAK,YAClE,KAAC,aAAa,CAAC,SAAS,IAAC,SAAS,EAAC,+CAA+C,YAC/E,KAAK,CAAC,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,CACnC,KAAC,KAAK,IAAC,SAAS,EAAC,UAAU,GAAG,CAC/B,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAC,UAAU,GAAG,CAC/B,GACuB,GACP,CACtB,CAAC;IACF,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAC9B,+EAA+E;IAC/E,yDAAyD;IACzD,OAAO,CACL,gBAAM,SAAS,EAAC,gCAAgC,aAC7C,GAAG,EACJ,gBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,wCAAwC,YACnE,KAAK,GACA,IACH,CACR,CAAC;AACJ,CAAC"}

package/dist/react/components/CodeFieldInput.d.ts

@@ -0,0 +1,29 @@
+export interface CodeFieldInputProps {
+    /** The code text (controlled). */
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+    /** Language label shown as a corner badge (display only at this layer). */
+    language?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Initial visible rows (default 8); the field is vertically resizable. */
+    rows?: number;
+    id?: string;
+    name?: string;
+    'aria-invalid'?: true | undefined;
+    'aria-describedby'?: string;
+    className?: string;
+}
+/**
+ * A monospace code editor field on the field-style tokens: a fixed-height,
+ * vertically-resizable textarea with Tab-to-indent (two spaces, never a focus-out),
+ * spell/auto-correct off, and an optional language badge. Controlled — `value`,
+ * `onChange`. The registry's shared `code` control.
+ *
+ * NOTE: this is the shared editor surface; read-only syntax highlighting (hljs /
+ * CodeViewer) layers on top when ca adopts it (it owns `languageFromName` + the
+ * column→language mapping). The value contract is plain text either way.
+ */
+export declare function CodeFieldInput({ value, onChange, onBlur, language, placeholder, disabled, rows, id, name, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }: CodeFieldInputProps): import("react").JSX.Element;
+//# sourceMappingURL=CodeFieldInput.d.ts.map

package/dist/react/components/CodeFieldInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFieldInput.d.ts","sourceRoot":"","sources":["../../../src/react/components/CodeFieldInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,mBAAmB,+BAmDrB"}

package/dist/react/components/CodeFieldInput.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/cn';
+import { FIELD_CLASS } from '../lib/field';
+const TAB = '  ';
+/**
+ * A monospace code editor field on the field-style tokens: a fixed-height,
+ * vertically-resizable textarea with Tab-to-indent (two spaces, never a focus-out),
+ * spell/auto-correct off, and an optional language badge. Controlled — `value`,
+ * `onChange`. The registry's shared `code` control.
+ *
+ * NOTE: this is the shared editor surface; read-only syntax highlighting (hljs /
+ * CodeViewer) layers on top when ca adopts it (it owns `languageFromName` + the
+ * column→language mapping). The value contract is plain text either way.
+ */
+export function CodeFieldInput({ value, onChange, onBlur, language, placeholder, disabled, rows = 8, id, name, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }) {
+    const reactId = useId();
+    const textareaId = id ?? reactId;
+    const onKeyDown = (e) => {
+        if (e.key !== 'Tab' || e.shiftKey || e.metaKey || e.ctrlKey)
+            return;
+        e.preventDefault();
+        const ta = e.currentTarget;
+        const start = ta.selectionStart;
+        const end = ta.selectionEnd;
+        onChange(value.slice(0, start) + TAB + value.slice(end));
+        // Restore the caret after the inserted indent once React re-renders the value.
+        if (typeof requestAnimationFrame === 'function') {
+            requestAnimationFrame(() => {
+                ta.selectionStart = start + TAB.length;
+                ta.selectionEnd = start + TAB.length;
+            });
+        }
+    };
+    return (_jsxs("div", { className: 'relative', children: [language ? (_jsx("span", { className: 'pointer-events-none absolute right-2 top-2 z-10 rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] uppercase tracking-wide text-muted-foreground', children: language })) : null, _jsx("textarea", { id: textareaId, name: name, value: value, rows: rows, disabled: disabled, placeholder: placeholder, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, spellCheck: false, autoCapitalize: 'off', autoCorrect: 'off', onChange: (e) => onChange(e.target.value), onBlur: onBlur, onKeyDown: onKeyDown, className: cn(FIELD_CLASS, 'resize-y font-mono leading-relaxed', language && 'pr-16', className) })] }));
+}
+//# sourceMappingURL=CodeFieldInput.js.map

package/dist/react/components/CodeFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFieldInput.js","sourceRoot":"","sources":["../../../src/react/components/CodeFieldInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,KAAK,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAoB3C,MAAM,GAAG,GAAG,IAAI,CAAC;AAEjB;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACW;IACpB,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,UAAU,GAAG,EAAE,IAAI,OAAO,CAAC;IAEjC,MAAM,SAAS,GAAG,CAAC,CAAqC,EAAE,EAAE;QAC1D,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO;YAAE,OAAO;QACpE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAC3B,MAAM,KAAK,GAAG,EAAE,CAAC,cAAc,CAAC;QAChC,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;QAC5B,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACzD,+EAA+E;QAC/E,IAAI,OAAO,qBAAqB,KAAK,UAAU,EAAE,CAAC;YAChD,qBAAqB,CAAC,GAAG,EAAE;gBACzB,EAAE,CAAC,cAAc,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC;gBACvC,EAAE,CAAC,YAAY,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC;YACvC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,oJAAoJ,YACjK,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACR,mBACE,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,kBACV,WAAW,sBACP,eAAe,EACjC,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CACX,WAAW,EACX,oCAAoC,EACpC,QAAQ,IAAI,OAAO,EACnB,SAAS,CACV,GACD,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/Collapsible.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+export interface CollapsibleProps {
+    /** The always-visible clickable header content (shown left of the chevron). */
+    trigger: ReactNode;
+    /** The body revealed when open. */
+    children: ReactNode;
+    /** Controlled open state. Omit to let the component manage its own. */
+    open?: boolean;
+    /** Initial open state when uncontrolled (default `false`). */
+    defaultOpen?: boolean;
+    /** Notified with the next open state on every toggle. */
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    /** Class applied to the animated content wrapper. */
+    contentClassName?: string;
+}
+/**
+ * A single collapsible section built on Radix `Collapsible` — accessible
+ * (`aria-expanded` + `aria-controls` wired by Radix) with an animated height
+ * transition. The chevron rotates via the trigger's `data-state`, and the body
+ * grows/shrinks using the `collapsible-down`/`collapsible-up` keyframes (shipped by
+ * `tw-animate-css`, which `cursedbelt/styles.css` imports) keyed to Radix's
+ * `--radix-collapsible-content-height`. Works controlled (`open` + `onOpenChange`)
+ * or uncontrolled (`defaultOpen`).
+ */
+export declare function Collapsible({ trigger, children, open, defaultOpen, onOpenChange, disabled, className, contentClassName, }: CollapsibleProps): import("react").JSX.Element;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/react/components/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/react/components/Collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,+EAA+E;IAC/E,OAAO,EAAE,SAAS,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yDAAyD;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,GACjB,EAAE,gBAAgB,+BA4BlB"}

package/dist/react/components/Collapsible.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RadixCollapsible from '@radix-ui/react-collapsible';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../lib/cn';
+/**
+ * A single collapsible section built on Radix `Collapsible` — accessible
+ * (`aria-expanded` + `aria-controls` wired by Radix) with an animated height
+ * transition. The chevron rotates via the trigger's `data-state`, and the body
+ * grows/shrinks using the `collapsible-down`/`collapsible-up` keyframes (shipped by
+ * `tw-animate-css`, which `cursedbelt/styles.css` imports) keyed to Radix's
+ * `--radix-collapsible-content-height`. Works controlled (`open` + `onOpenChange`)
+ * or uncontrolled (`defaultOpen`).
+ */
+export function Collapsible({ trigger, children, open, defaultOpen = false, onOpenChange, disabled, className, contentClassName, }) {
+    return (_jsxs(RadixCollapsible.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, disabled: disabled, className: className, children: [_jsx(RadixCollapsible.Trigger, { asChild: true, children: _jsxs("button", { type: 'button', className: 'group flex w-full items-center justify-between gap-2 py-2 text-left text-sm font-medium text-foreground transition-colors hover:text-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', children: [trigger, _jsx(ChevronDown, { className: 'size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-180' })] }) }), _jsx(RadixCollapsible.Content, { className: cn('overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up', contentClassName), children: children })] }));
+}
+//# sourceMappingURL=Collapsible.js.map

package/dist/react/components/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/react/components/Collapsible.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAmB/B;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,GACC;IACjB,OAAO,CACL,MAAC,gBAAgB,CAAC,IAAI,IACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,aAEpB,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,kBAC/B,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qQAAqQ,aAE9Q,OAAO,EACR,KAAC,WAAW,IAAC,SAAS,EAAC,4GAA4G,GAAG,IAC/H,GACgB,EAC3B,KAAC,gBAAgB,CAAC,OAAO,IACvB,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,gBAAgB,CACjB,YAEA,QAAQ,GACgB,IACL,CACzB,CAAC;AACJ,CAAC"}

package/dist/react/components/ColorField.d.ts

@@ -0,0 +1,21 @@
+export interface ColorFieldProps {
+    /** The current color as a hex string (e.g. `#3b82f6`). */
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    'aria-invalid'?: true | undefined;
+    'aria-describedby'?: string;
+    className?: string;
+}
+/**
+ * A color picker: a native `<input type="color">` swatch beside an editable hex
+ * field, wrapped in an Input-shaped container so it inherits the same field-style
+ * border / ring / invalid tokens as the other controls. Controlled — `onChange`
+ * receives the hex string from either the swatch or the text field. The registry's
+ * `color` control. (`<input type="color">` needs a valid 6-digit hex; an invalid /
+ * empty `value` falls back to black for the swatch while the text stays as typed.)
+ */
+export declare function ColorField({ value, onChange, disabled, id, name, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }: ColorFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorField.d.ts.map

package/dist/react/components/ColorField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.d.ts","sourceRoot":"","sources":["../../../src/react/components/ColorField.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,eAAe,+BAoCjB"}

package/dist/react/components/ColorField.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+const HEX6 = /^#[0-9a-fA-F]{6}$/;
+/**
+ * A color picker: a native `<input type="color">` swatch beside an editable hex
+ * field, wrapped in an Input-shaped container so it inherits the same field-style
+ * border / ring / invalid tokens as the other controls. Controlled — `onChange`
+ * receives the hex string from either the swatch or the text field. The registry's
+ * `color` control. (`<input type="color">` needs a valid 6-digit hex; an invalid /
+ * empty `value` falls back to black for the swatch while the text stays as typed.)
+ */
+export function ColorField({ value, onChange, disabled, id, name, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }) {
+    const swatch = HEX6.test(value) ? value : '#000000';
+    return (_jsxs("div", { "aria-invalid": ariaInvalid, className: cn('flex h-10 w-full items-center gap-2 rounded-field border border-field-border bg-field-bg py-1 pl-1.5 pr-3 transition focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30 aria-[invalid=true]:border-field-error', disabled && 'cursor-not-allowed opacity-50', className), children: [_jsx("input", { id: id, type: 'color', value: swatch, disabled: disabled, onChange: (e) => onChange(e.target.value), "aria-label": 'Pick a color', className: 'size-7 shrink-0 cursor-pointer rounded border border-field-border bg-transparent p-0 disabled:cursor-not-allowed' }), _jsx("input", { name: name, type: 'text', value: value, disabled: disabled, onChange: (e) => onChange(e.target.value), placeholder: '#000000', "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, spellCheck: false, autoComplete: 'off', maxLength: 9, className: 'min-w-0 flex-1 bg-transparent font-mono text-base uppercase text-field-fg outline-none placeholder:text-field-placeholder sm:text-sm' })] }));
+}
+//# sourceMappingURL=ColorField.js.map

package/dist/react/components/ColorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../src/react/components/ColorField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAc/B,MAAM,IAAI,GAAG,mBAAmB,CAAC;AAEjC;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACO;IAChB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,OAAO,CACL,+BACgB,WAAW,EACzB,SAAS,EAAE,EAAE,CACX,gPAAgP,EAChP,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV,aAED,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,gBAC9B,cAAc,EACzB,SAAS,EAAC,kHAAkH,GAC5H,EACF,gBACE,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAC,SAAS,kBACP,WAAW,sBACP,eAAe,EACjC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,sIAAsI,GAChJ,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/ConfirmDialog.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+export interface ConfirmDialogProps {
+    open: boolean;
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void;
+    title: string;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** Style the confirm action as destructive (red) AND land initial focus on Cancel,
+     *  so an accidental Enter never triggers the irreversible action. */
+    destructive?: boolean;
+    /** Spinner on the confirm button while an async `onConfirm` runs (caller-controlled). */
+    loading?: boolean;
+}
+/**
+ * The single confirm/cancel dialog — replaces both cursedbelt's old `ConfirmDialog` and
+ * the apps' bespoke confirm modals. A small centered card on Radix Dialog. For the
+ * fire-and-forget, no-JSX-context case use the imperative {@link confirm} instead.
+ *
+ * Focus lands on the confirm button for a normal confirmation (Enter confirms), but on
+ * Cancel for a destructive one (so a stray Enter can't fire the irreversible action).
+ */
+export declare function ConfirmDialog({ open, onConfirm, onCancel, title, message, confirmLabel, cancelLabel, destructive, loading, }: ConfirmDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/react/components/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/react/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAK/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;yEACqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,WAAmB,EACnB,OAAe,GAChB,EAAE,kBAAkB,+BAqDpB"}

package/dist/react/components/ConfirmDialog.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { cn } from '../lib/cn';
+import { Button } from './Button';
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog';
+/**
+ * The single confirm/cancel dialog — replaces both cursedbelt's old `ConfirmDialog` and
+ * the apps' bespoke confirm modals. A small centered card on Radix Dialog. For the
+ * fire-and-forget, no-JSX-context case use the imperative {@link confirm} instead.
+ *
+ * Focus lands on the confirm button for a normal confirmation (Enter confirms), but on
+ * Cancel for a destructive one (so a stray Enter can't fire the irreversible action).
+ */
+export function ConfirmDialog({ open, onConfirm, onCancel, title, message, confirmLabel = 'Confirm', cancelLabel = 'Cancel', destructive = false, loading = false, }) {
+    const contentRef = useRef(null);
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => {
+            if (!v)
+                onCancel();
+        }, children: _jsxs(DialogContent, { ref: contentRef, className: cn('fixed top-1/2 left-1/2 flex w-[calc(100vw-2rem)] max-w-sm -translate-x-1/2 -translate-y-1/2 flex-col gap-4', 'rounded-xl border border-border bg-popover p-6 text-popover-foreground shadow-overlay', 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95'), 
+            // Land focus on the safe button for destructive actions; otherwise on confirm.
+            // Button isn't a forwardRef component, so target it by data attribute.
+            onOpenAutoFocus: (e) => {
+                e.preventDefault();
+                contentRef.current
+                    ?.querySelector(destructive ? '[data-cb-cancel]' : '[data-cb-confirm]')
+                    ?.focus();
+            }, children: [_jsxs("div", { className: 'flex flex-col gap-1.5', children: [_jsx(DialogTitle, { className: 'text-base font-semibold', children: title }), message ? (_jsx(DialogDescription, { className: 'text-sm text-muted-foreground', children: message })) : null] }), _jsxs("div", { className: 'flex justify-end gap-2', children: [_jsx(Button, { "data-cb-cancel": true, variant: 'secondary', onClick: onCancel, disabled: loading, children: cancelLabel }), _jsx(Button, { "data-cb-confirm": true, variant: destructive ? 'destructive' : 'primary', onClick: () => void onConfirm(), loading: loading, children: confirmLabel })] })] }) }));
+}
+//# sourceMappingURL=ConfirmDialog.js.map