cursedbelt 0.0.0

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

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'react';
+import { type Gap } from './layout';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The column floor — `minmax` min before reflow. Default `16rem` gives a 3→2→1
+     * reflow at common widths. Pass e.g. `20rem` for wider columns.
+     */
+    min?: string;
+    gap?: Gap;
+}
+/**
+ * Responsive grid that reflows to its OWN width, not the viewport — so the same
+ * markup is 3-up in a wide page, 2-up in a 640px modal, 1-up on a phone, with no
+ * breakpoint props. `auto-fit` + `minmax(min(--cb-grid-min, 100%), 1fr)`: the
+ * `min(…, 100%)` clamp stops a single item from overflowing a container narrower
+ * than `min`. Sets `@container` on itself so its children can use `@`-container
+ * queries keyed to the grid's width (e.g. `<Grid className="@xl:grid-cols-2">`).
+ */
+export declare function Grid({ min, gap, className, style, ...p }: GridProps): import("react").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/react/components/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,GAAG,CAAC;CACX;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAE,GAAa,EAAE,GAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,SAAS,+BAajF"}

package/dist/react/components/Grid.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+import { GAP } from './layout';
+/**
+ * Responsive grid that reflows to its OWN width, not the viewport — so the same
+ * markup is 3-up in a wide page, 2-up in a 640px modal, 1-up on a phone, with no
+ * breakpoint props. `auto-fit` + `minmax(min(--cb-grid-min, 100%), 1fr)`: the
+ * `min(…, 100%)` clamp stops a single item from overflowing a container narrower
+ * than `min`. Sets `@container` on itself so its children can use `@`-container
+ * queries keyed to the grid's width (e.g. `<Grid className="@xl:grid-cols-2">`).
+ */
+export function Grid({ min = '16rem', gap = 4, className, style, ...p }) {
+    return (_jsx("div", { style: { ...style, '--cb-grid-min': min }, className: cn('@container', 'grid grid-cols-[repeat(auto-fit,minmax(min(var(--cb-grid-min),100%),1fr))]', GAP[gap], className), ...p }));
+}
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/react/components/Grid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAY,MAAM,UAAU,CAAC;AAWzC;;;;;;;GAOG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,GAAG,GAAG,OAAO,EAAE,GAAG,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,EAAa;IAChF,OAAO,CACL,cACE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,GAAG,EAAmB,EAC1D,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,4EAA4E,EAC5E,GAAG,CAAC,GAAG,CAAC,EACR,SAAS,CACV,KACG,CAAC,GACL,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface HoverCardProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    openDelay?: number;
+    closeDelay?: number;
+    className?: string;
+}
+/**
+ * Portal-based hover card (rich preview on hover). On touch devices (no hover)
+ * `useHasHover` returns false — the card is disabled entirely (there is no hover
+ * event to trigger it) and only the bare trigger renders, with no extra DOM or
+ * handlers. For touch-device discoverability of the same content, pair with a
+ * tap-accessible {@link Popover} or {@link InfoHint}.
+ */
+export declare function HoverCard({ trigger, children, align, side, openDelay, closeDelay, className, }: HoverCardProps): import("react").JSX.Element;
+//# sourceMappingURL=HoverCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/react/components/HoverCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,KAAe,EACf,IAAe,EACf,SAAe,EACf,UAAgB,EAChB,SAAS,GACV,EAAE,cAAc,+BAuBhB"}

package/dist/react/components/HoverCard.js

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RHover from '@radix-ui/react-hover-card';
+import { useHasHover } from '../hooks/useHasHover';
+import { cn } from '../lib/cn';
+import { FLOATING_ANIMATION, FLOATING_CONTENT_BASE } from '../lib/floatingStyles';
+/**
+ * Portal-based hover card (rich preview on hover). On touch devices (no hover)
+ * `useHasHover` returns false — the card is disabled entirely (there is no hover
+ * event to trigger it) and only the bare trigger renders, with no extra DOM or
+ * handlers. For touch-device discoverability of the same content, pair with a
+ * tap-accessible {@link Popover} or {@link InfoHint}.
+ */
+export function HoverCard({ trigger, children, align = 'start', side = 'bottom', openDelay = 300, closeDelay = 100, className, }) {
+    const hasHover = useHasHover();
+    // On touch devices, render the trigger without the HoverCard wrapper
+    // (no hover = no way to trigger it; don't block pointer events).
+    if (!hasHover)
+        return _jsx(_Fragment, { children: trigger });
+    return (_jsxs(RHover.Root, { openDelay: openDelay, closeDelay: closeDelay, children: [_jsx(RHover.Trigger, { asChild: true, children: trigger }), _jsx(RHover.Portal, { children: _jsxs(RHover.Content, { align: align, side: side, sideOffset: 4, className: cn(FLOATING_CONTENT_BASE, FLOATING_ANIMATION, 'p-3', className), children: [children, _jsx(RHover.Arrow, { className: 'fill-border' })] }) })] }));
+}
+//# sourceMappingURL=HoverCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sourceRoot":"","sources":["../../../src/react/components/HoverCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAYlF;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,SAAS,GACM;IACf,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,qEAAqE;IACrE,iEAAiE;IACjE,IAAI,CAAC,QAAQ;QAAE,OAAO,4BAAG,OAAO,GAAI,CAAC;IAErC,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,aACvD,KAAC,MAAM,CAAC,OAAO,IAAC,OAAO,kBAAE,OAAO,GAAkB,EAClD,KAAC,MAAM,CAAC,MAAM,cACZ,MAAC,MAAM,CAAC,OAAO,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,CAAC,aAEzE,QAAQ,EACT,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,IACzB,GACH,IACJ,CACf,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type ButtonProps } from './Button';
+export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'leftIcon'> {
+    /** Required accessible label — icon-only buttons have no text, so this names the
+     *  control for assistive tech. For a visible hover hint, wrap in `<Tooltip>` (task 05). */
+    label: string;
+}
+/**
+ * Icon-only button: a {@link Button} locked to `size="icon"` (square, ≥44px touch
+ * target) with a mandatory `aria-label`. Defaults to the `ghost` variant — the
+ * right weight for toolbars/row actions. Slightly larger glyphs (`size-5`) than a
+ * text button's, since the icon carries the whole meaning.
+ */
+export declare function IconButton({ label, variant, className, ...props }: IconButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7E;+FAC2F;IAC3F,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAU5F"}

package/dist/react/components/IconButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+import { Button } from './Button';
+/**
+ * Icon-only button: a {@link Button} locked to `size="icon"` (square, ≥44px touch
+ * target) with a mandatory `aria-label`. Defaults to the `ghost` variant — the
+ * right weight for toolbars/row actions. Slightly larger glyphs (`size-5`) than a
+ * text button's, since the icon carries the whole meaning.
+ */
+export function IconButton({ label, variant = 'ghost', className, ...props }) {
+    return (_jsx(Button, { size: 'icon', variant: variant, "aria-label": label, className: cn('[&_svg]:size-5', className), ...props }));
+}
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/react/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAQpD;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAC3F,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,gBACJ,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KACtC,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+export interface InfoHintProps {
+    /** The help body. */
+    children?: ReactNode;
+    /** Optional bold heading above the body. */
+    title?: ReactNode;
+    /** Which side of the trigger the panel aligns to (default `'left'`). */
+    align?: 'left' | 'right';
+    className?: string;
+    label?: string;
+}
+/**
+ * "ⓘ" field-help — the bespoke anchored composite on @floating-ui/react (portaled,
+ * flips + shifts, never clipped by an overflow ancestor). The reference model for
+ * any future bespoke anchored composite (color picker on a swatch, date picker on an
+ * input); standard primitives (Tooltip/DropdownMenu/SelectField/Popover/HoverCard)
+ * use Radix instead.
+ *
+ * Opens on hover + focus on pointer devices, and on click/tap everywhere — so it is
+ * reachable on touch screens (which have no hover). `useHasHover` disables the hover
+ * interaction on touch devices so the panel isn't left stuck open after a tap.
+ */
+export declare function InfoHint({ children, title, align, className, label, }: InfoHintProps): import("react").JSX.Element;
+//# sourceMappingURL=InfoHint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoHint.d.ts","sourceRoot":"","sources":["../../../src/react/components/InfoHint.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,KAAc,EACd,SAAS,EACT,KAAmB,GACpB,EAAE,aAAa,+BAkDf"}

package/dist/react/components/InfoHint.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { autoUpdate, FloatingPortal, flip, offset, shift, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from '@floating-ui/react';
+import { Info } from 'lucide-react';
+import { useState } from 'react';
+import { useHasHover } from '../hooks/useHasHover';
+import { cn } from '../lib/cn';
+/**
+ * "ⓘ" field-help — the bespoke anchored composite on @floating-ui/react (portaled,
+ * flips + shifts, never clipped by an overflow ancestor). The reference model for
+ * any future bespoke anchored composite (color picker on a swatch, date picker on an
+ * input); standard primitives (Tooltip/DropdownMenu/SelectField/Popover/HoverCard)
+ * use Radix instead.
+ *
+ * Opens on hover + focus on pointer devices, and on click/tap everywhere — so it is
+ * reachable on touch screens (which have no hover). `useHasHover` disables the hover
+ * interaction on touch devices so the panel isn't left stuck open after a tap.
+ */
+export function InfoHint({ children, title, align = 'left', className, label = 'More info', }) {
+    const [open, setOpen] = useState(false);
+    const hasHover = useHasHover();
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: setOpen,
+        placement: align === 'right' ? 'bottom-end' : 'bottom-start',
+        whileElementsMounted: autoUpdate,
+        middleware: [offset(6), flip(), shift({ padding: 8 })],
+    });
+    // Hover only where a hover pointer exists; click/tap works on every device.
+    const hover = useHover(context, { move: false, enabled: hasHover });
+    const focus = useFocus(context);
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const role = useRole(context, { role: 'tooltip' });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        hover,
+        focus,
+        click,
+        dismiss,
+        role,
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: 'button', ref: refs.setReference, "aria-label": label, className: cn('inline-flex text-muted-foreground hover:text-accent', className), ...getReferenceProps(), children: _jsx(Info, { className: 'size-4', "aria-hidden": true }) }), open ? (_jsx(FloatingPortal, { children: _jsxs("div", { ref: refs.setFloating, style: floatingStyles, ...getFloatingProps(), className: 'z-50 max-w-xs rounded-md border border-border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-[var(--shadow-overlay)]', children: [title ? _jsx("p", { className: 'mb-1 font-semibold', children: title }) : null, children] }) })) : null] }));
+}
+//# sourceMappingURL=InfoHint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoHint.js","sourceRoot":"","sources":["../../../src/react/components/InfoHint.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAa/B;;;;;;;;;;GAUG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,MAAM,EACd,SAAS,EACT,KAAK,GAAG,WAAW,GACL;IACd,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QACpD,IAAI;QACJ,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc;QAC5D,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;KACvD,CAAC,CAAC;IACH,4EAA4E;IAC5E,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpE,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC;QAC9D,KAAK;QACL,KAAK;QACL,KAAK;QACL,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,IAAI,CAAC,YAAY,gBACV,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAC3E,iBAAiB,EAAE,YAEvB,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,wBAAe,GAChC,EACR,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,cAAc,cACb,eACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE,cAAc,KACjB,gBAAgB,EAAE,EACtB,SAAS,EAAC,mIAAmI,aAE5I,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC5D,QAAQ,IACL,GACS,CAClB,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+export interface InlineEditableTextProps {
+    value: string;
+    /** Called with the trimmed next value, only when it actually changed. */
+    onChange: (next: string) => void;
+    /** When false, the text is plain (no click-to-edit, no affordance). */
+    canEdit?: boolean;
+    /** Render a textarea (Cmd/Ctrl+Enter or blur saves; Enter inserts a newline)
+     *  instead of a single-line input (Enter or blur saves). */
+    multiline?: boolean;
+    /** Shown muted when the value is empty and the user can edit. */
+    placeholder?: string;
+    /** Applied to BOTH the display element and the editor so editing looks like the
+     *  text it replaces (e.g. an h1's `text-2xl font-bold`). */
+    className?: string;
+    /** Extra classes for the editor input/textarea only. */
+    inputClassName?: string;
+    ariaLabel?: string;
+}
+/**
+ * Click-to-edit text: shows the value, and (when editable) becomes an input /
+ * textarea on click. Enter/blur commit, Escape cancels — the single inline-edit
+ * primitive, used anywhere a title/heading should be edited in place. Fully
+ * token-driven (accent border + ring on the editor); the editor focuses and
+ * selects its text on mount so typing replaces (and the cursor is never stranded
+ * at position 0).
+ */
+export declare function InlineEditableText({ value, onChange, canEdit, multiline, placeholder, className, inputClassName, ariaLabel, }: InlineEditableTextProps): import("react").JSX.Element | null;
+//# sourceMappingURL=InlineEditableText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditableText.d.ts","sourceRoot":"","sources":["../../../src/react/components/InlineEditableText.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;gEAC4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;gEAC4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAc,EACd,SAAiB,EACjB,WAAyB,EACzB,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,uBAAuB,sCAyFzB"}

package/dist/react/components/InlineEditableText.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '../lib/cn';
+/**
+ * Click-to-edit text: shows the value, and (when editable) becomes an input /
+ * textarea on click. Enter/blur commit, Escape cancels — the single inline-edit
+ * primitive, used anywhere a title/heading should be edited in place. Fully
+ * token-driven (accent border + ring on the editor); the editor focuses and
+ * selects its text on mount so typing replaces (and the cursor is never stranded
+ * at position 0).
+ */
+export function InlineEditableText({ value, onChange, canEdit = true, multiline = false, placeholder = 'Add text…', className, inputClassName, ariaLabel, }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(value);
+    const begin = () => {
+        if (!canEdit)
+            return;
+        setDraft(value);
+        setEditing(true);
+    };
+    const commit = () => {
+        setEditing(false);
+        const next = draft.trim();
+        if (next !== value.trim())
+            onChange(next);
+    };
+    const cancel = () => {
+        setDraft(value);
+        setEditing(false);
+    };
+    // Focus + select-all as soon as the editor mounts (it only renders while editing).
+    const focusOnMount = (el) => {
+        if (!el)
+            return;
+        el.focus();
+        el.select();
+    };
+    if (editing) {
+        const editorClass = cn('block w-full rounded-sm border border-accent bg-surface px-1 -mx-1 text-foreground outline-none ring-2 ring-accent/30', className, inputClassName);
+        if (multiline) {
+            return (_jsx("textarea", { ref: focusOnMount, "aria-label": ariaLabel, className: cn(editorClass, 'resize-none'), rows: Math.max(2, draft.split('\n').length), value: draft, onChange: (e) => setDraft(e.target.value), onBlur: commit, onKeyDown: (e) => {
+                    if (e.key === 'Escape')
+                        cancel();
+                    else if (e.key === 'Enter' && (e.metaKey || e.ctrlKey))
+                        commit();
+                } }));
+        }
+        return (_jsx("input", { ref: focusOnMount, "aria-label": ariaLabel, className: editorClass, value: draft, onChange: (e) => setDraft(e.target.value), onBlur: commit, onKeyDown: (e) => {
+                if (e.key === 'Enter')
+                    commit();
+                else if (e.key === 'Escape')
+                    cancel();
+            } }));
+    }
+    // Read-only with no value → render nothing.
+    if (!canEdit && !value)
+        return null;
+    // Read-only: plain text.
+    if (!canEdit)
+        return _jsx("span", { className: className, children: value });
+    // Editable display: a real <button> so Enter/Space activation + focus come free,
+    // styled to read as inline text.
+    return (_jsx("button", { type: 'button', title: 'Click to edit', onClick: begin, className: cn('cursor-text whitespace-pre-wrap break-words rounded-sm -mx-1 px-1 text-left transition-colors hover:bg-muted/50', !value && 'italic text-muted-foreground', className), children: value || placeholder }));
+}
+//# sourceMappingURL=InlineEditableText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEditableText.js","sourceRoot":"","sources":["../../../src/react/components/InlineEditableText.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import type { ComponentPropsWithRef, KeyboardEvent } from 'react';
+export interface InputProps extends ComponentPropsWithRef<'input'> {
+    /** Called when Enter is pressed while this input is focused (scoped, not global). */
+    onEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
+}
+/**
+ * Themed text input on the single field-style token set ({@link FIELD_CLASS}): 16px
+ * on mobile (no iOS focus-zoom) → 14px from `sm:`, a `--field-ring` focus ring, and
+ * the invalid state painted from `aria-invalid` (which {@link Field} sets). The base
+ * the registry's text / number / date / datetime / url controls all render, and the
+ * replacement for every raw `<input>` in app forms.
+ *
+ * Forwards `ref` (React 19 prop), adds a scoped `onEnter` (fires only for THIS
+ * input, not a global listener), styles the native file-picker button via `file:`,
+ * and defaults `maxLength` to 1000 (override for longer single-line values).
+ */
+export declare function Input({ onEnter, onKeyDown, className, type, maxLength, ...props }: InputProps): import("react").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/react/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIlE,MAAM,WAAW,UAAW,SAAQ,qBAAqB,CAAC,OAAO,CAAC;IAChE,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,+BAiBZ"}

package/dist/react/components/Input.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+import { FIELD_CLASS } from '../lib/field';
+/**
+ * Themed text input on the single field-style token set ({@link FIELD_CLASS}): 16px
+ * on mobile (no iOS focus-zoom) → 14px from `sm:`, a `--field-ring` focus ring, and
+ * the invalid state painted from `aria-invalid` (which {@link Field} sets). The base
+ * the registry's text / number / date / datetime / url controls all render, and the
+ * replacement for every raw `<input>` in app forms.
+ *
+ * Forwards `ref` (React 19 prop), adds a scoped `onEnter` (fires only for THIS
+ * input, not a global listener), styles the native file-picker button via `file:`,
+ * and defaults `maxLength` to 1000 (override for longer single-line values).
+ */
+export function Input({ onEnter, onKeyDown, className, type, maxLength = 1000, ...props }) {
+    return (_jsx("input", { type: type, maxLength: maxLength, onKeyDown: (e) => {
+            onKeyDown?.(e);
+            if (e.key === 'Enter')
+                onEnter?.(e);
+        }, className: cn(FIELD_CLASS, 'h-10 file:mr-3 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground', className), ...props }));
+}
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/react/components/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C;;;;;;;;;;GAUG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,GAAG,KAAK,EACG;IACX,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,EACD,SAAS,EAAE,EAAE,CACX,WAAW,EACX,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,59 @@
+import { type CSSProperties } from 'react';
+import { type JsonFormatResult } from '../../data/json';
+import { type StyleableProps } from '../styling';
+export interface JsonEditorParseResult {
+    ok: boolean;
+    value?: unknown;
+    error?: string;
+    errorLine?: number;
+    errorCol?: number;
+}
+export type JsonEditorSlot = 'root' | 'textarea' | 'toolbar' | 'status' | 'button';
+export interface JsonEditorProps extends StyleableProps<JsonEditorSlot> {
+    value: string;
+    onChange: (text: string) => void;
+    /**
+     * Validate the current text → drives the status line + `onResult`. Defaults to
+     * the tolerant {@link parseLoose} (accepts JS-isms). Pass a custom parser to add
+     * domain validation (e.g. "must be a template entry").
+     */
+    parse?: (text: string) => JsonEditorParseResult;
+    /**
+     * Produce canonical text for the "Format" button. Defaults to strict
+     * {@link formatJson}. Ignored when `normalize` is set.
+     */
+    format?: (text: string) => JsonFormatResult;
+    /**
+     * Post-parse value transform applied by "Format" before re-serializing (e.g.
+     * rewrite `${homedir()}` → `<HOME>`). When set, Format does
+     * parseLoose → normalize → pretty JSON.
+     */
+    normalize?: (value: unknown) => unknown;
+    placeholder?: string;
+    /** Rows for the textarea (default 8). */
+    rows?: number;
+    /** "Format" button label (default "Format JSON"); `null` hides the button. */
+    formatLabel?: string | null;
+    /** Reports the latest parse result so a parent can gate Save. */
+    onResult?: (result: JsonEditorParseResult) => void;
+    /** Hide the live validity status line. */
+    hideStatus?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    id?: string;
+    /** Shortcut for `classNames.root`. */
+    className?: string;
+    /** Shortcut for `styles.root`. */
+    style?: CSSProperties;
+}
+/**
+ * A controlled JSON / JS-object editor: a monospace textarea with a live validity
+ * status and a "Format" button, built on the tolerant {@link parseLoose} /
+ * {@link formatJson} core (single quotes, unquoted keys, trailing commas, comments
+ * all accepted, then emitted as clean JSON). Persistence-free and unopinionated —
+ * the parent owns `value`/`onChange` and Save. Inject `parse` for domain
+ * validation and `normalize` for a Format-time value rewrite. Tailwind-first;
+ * overridable per slot.
+ */
+export declare const JsonEditor: ({ value, onChange, parse, format, normalize, placeholder, rows, formatLabel, onResult, hideStatus, readOnly, autoFocus, id, className, style, classNames, styles, unstyled, }: JsonEditorProps) => import("react").JSX.Element;
+//# sourceMappingURL=JsonEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor.d.ts","sourceRoot":"","sources":["../../../src/react/components/JsonEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA8B,MAAM,OAAO,CAAC;AACvE,OAAO,EAAc,KAAK,gBAAgB,EAAc,MAAM,iBAAiB,CAAC;AAEhF,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAG7E,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,qBAAqB,CAAC;IAChD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,gBAAgB,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAID;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,GAAI,+KAmBxB,eAAe,gCA8FjB,CAAC"}

package/dist/react/components/JsonEditor.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from 'react';
+import { formatJson, parseLoose } from '../../data/json';
+import { FIELD_CLASS } from '../lib/field';
+import { resolveClass, resolveStyle } from '../styling';
+import { Button } from './Button';
+const TEXTAREA_CLASS = `${FIELD_CLASS} resize-y font-mono text-xs leading-relaxed`;
+/**
+ * A controlled JSON / JS-object editor: a monospace textarea with a live validity
+ * status and a "Format" button, built on the tolerant {@link parseLoose} /
+ * {@link formatJson} core (single quotes, unquoted keys, trailing commas, comments
+ * all accepted, then emitted as clean JSON). Persistence-free and unopinionated —
+ * the parent owns `value`/`onChange` and Save. Inject `parse` for domain
+ * validation and `normalize` for a Format-time value rewrite. Tailwind-first;
+ * overridable per slot.
+ */
+export const JsonEditor = ({ value, onChange, parse, format, normalize, placeholder, rows = 8, formatLabel = 'Format JSON', onResult, hideStatus = false, readOnly = false, autoFocus = false, id, className, style, classNames, styles, unstyled, }) => {
+    // Hold `parse`/`onResult` in refs so the memo + effect depend ONLY on `value`.
+    // This keeps `result` referentially stable per `value` even when the parent
+    // passes inline `parse`/`onResult` closures (new identities every render) — so an
+    // `onResult` that setStates can't trigger a re-render loop. (`parse` is treated as
+    // conceptually stable; it re-runs when `value` changes, which is what matters.)
+    const parseRef = useRef(parse);
+    parseRef.current = parse;
+    const onResultRef = useRef(onResult);
+    onResultRef.current = onResult;
+    const result = useMemo(() => (parseRef.current ? parseRef.current(value) : parseLoose(value)), [value]);
+    // Surface the parse result upward (Save-gating) only when it changes — `result`
+    // is memoized on `value`, so this fires per edit, not per parent re-render.
+    useEffect(() => {
+        onResultRef.current?.(result);
+    }, [result]);
+    const runFormat = () => {
+        if (readOnly)
+            return;
+        if (normalize) {
+            const parsed = parseLoose(value);
+            if (parsed.ok && parsed.value !== undefined)
+                onChange(JSON.stringify(normalize(parsed.value), null, 2));
+            return;
+        }
+        const r = (format ?? ((t) => formatJson(t, { strictOutput: true, indent: 2 })))(value);
+        if (r.ok && r.output)
+            onChange(r.output);
+    };
+    const empty = value.trim() === '';
+    const where = result.errorLine
+        ? ` (line ${result.errorLine}${result.errorCol ? `:${result.errorCol}` : ''})`
+        : '';
+    return (_jsxs("div", { className: resolveClass('flex flex-col gap-2', classNames?.root ?? className, unstyled), style: resolveStyle({}, styles?.root ?? style, unstyled), children: [_jsx("textarea", { id: id, value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, rows: rows, readOnly: readOnly, 
+                // biome-ignore lint/a11y/noAutofocus: opt-in via prop, used in modals
+                autoFocus: autoFocus, spellCheck: false, className: resolveClass(TEXTAREA_CLASS, classNames?.textarea, unstyled) }), (!hideStatus || formatLabel !== null) && (_jsxs("div", { className: resolveClass('flex items-center justify-between gap-2', classNames?.toolbar, unstyled), children: [!hideStatus ? (_jsx("span", { className: resolveClass(`text-xs ${empty ? 'text-muted-foreground' : result.ok ? 'text-success' : 'text-destructive'}`, classNames?.status, unstyled), children: empty ? 'Empty' : result.ok ? '✓ Valid' : `✕ ${result.error ?? 'Invalid'}${where}` })) : (_jsx("span", {})), formatLabel !== null && (_jsx(Button, { variant: 'ghost', size: 'sm', disabled: readOnly || empty || !result.ok, onClick: runFormat, className: typeof classNames?.button === 'string' ? classNames.button : undefined, children: formatLabel }))] }))] }));
+};
+//# sourceMappingURL=JsonEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor.js","sourceRoot":"","sources":["../../../src/react/components/JsonEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,UAAU,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAuB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkDlC,MAAM,cAAc,GAAG,GAAG,WAAW,6CAA6C,CAAC;AAEnF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,IAAI,GAAG,CAAC,EACR,WAAW,GAAG,aAAa,EAC3B,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,GACQ,EAAE,EAAE;IACpB,+EAA+E;IAC/E,4EAA4E;IAC5E,kFAAkF;IAClF,mFAAmF;IACnF,gFAAgF;IAChF,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EACtE,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,gFAAgF;IAChF,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS;gBACzC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;YAC7D,OAAO;QACT,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC/F,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM;YAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS;QAC5B,CAAC,CAAC,UAAU,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG;QAC9E,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,eACE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,UAAU,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,CAAC,EACvF,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,IAAI,KAAK,EAAE,QAAQ,CAAC,aAExD,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;gBAClB,sEAAsE;gBACtE,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,YAAY,CAAC,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,GACvE,EACD,CAAC,CAAC,UAAU,IAAI,WAAW,KAAK,IAAI,CAAC,IAAI,CACxC,eACE,SAAS,EAAE,YAAY,CACrB,yCAAyC,EACzC,UAAU,EAAE,OAAO,EACnB,QAAQ,CACT,aAEA,CAAC,UAAU,CAAC,CAAC,CAAC,CACb,eACE,SAAS,EAAE,YAAY,CACrB,WACE,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBACjE,EAAE,EACF,UAAU,EAAE,MAAM,EAClB,QAAQ,CACT,YAEA,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,IAAI,SAAS,GAAG,KAAK,EAAE,GAC9E,CACR,CAAC,CAAC,CAAC,CACF,gBAAQ,CACT,EACA,WAAW,KAAK,IAAI,IAAI,CACvB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,QAAQ,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,EACzC,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,OAAO,UAAU,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEhF,WAAW,GACL,CACV,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export interface LightboxProps {
+    open: boolean;
+    onClose: () => void;
+    /** The media to show — an `<img>`/`<video>` or the task-19 media component. */
+    children: ReactNode;
+    caption?: string;
+}
+/**
+ * Fullscreen media lightbox on Radix Dialog. This is just the overlay shell — the actual
+ * media rendering (zoom, slideshow, video controls) is the task-19 media subsystem; here
+ * the children center inside a near-fullscreen dark sheet with a close affordance.
+ *
+ * Outside-click and Escape both close (no discard guard — a lightbox is never dirty).
+ */
+export declare function Lightbox({ open, onClose, children, caption }: LightboxProps): import("react").JSX.Element;
+//# sourceMappingURL=Lightbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../src/react/components/Lightbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,aAAa,+BAiC3E"}

package/dist/react/components/Lightbox.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from 'lucide-react';
+import { cn } from '../lib/cn';
+import { Dialog, DialogContent, DialogTitle } from './dialog';
+/**
+ * Fullscreen media lightbox on Radix Dialog. This is just the overlay shell — the actual
+ * media rendering (zoom, slideshow, video controls) is the task-19 media subsystem; here
+ * the children center inside a near-fullscreen dark sheet with a close affordance.
+ *
+ * Outside-click and Escape both close (no discard guard — a lightbox is never dirty).
+ */
+export function Lightbox({ open, onClose, children, caption }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => {
+            if (!v)
+                onClose();
+        }, children: _jsxs(DialogContent, { overlayClassName: 'bg-black/80', className: cn('fixed inset-4 flex flex-col items-center justify-center gap-3 p-4', 'rounded-xl border-none bg-black/95 shadow-none', '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'), onInteractOutside: () => onClose(), children: [_jsx(DialogTitle, { className: 'sr-only', children: caption ?? 'Media viewer' }), _jsx("button", { type: 'button', onClick: onClose, className: 'absolute top-4 right-4 rounded-full bg-white/10 p-1.5 text-white transition-colors hover:bg-white/20', "aria-label": 'Close', children: _jsx(X, { className: 'size-5' }) }), _jsx("div", { className: 'flex min-h-0 min-w-0 flex-1 items-center justify-center', children: children }), caption ? _jsx("p", { className: 'text-center text-sm text-white/70', children: caption }) : null] }) }));
+}
+//# sourceMappingURL=Lightbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../src/react/components/Lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAU9D;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAiB;IAC1E,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,CAAC,CAAC;gBAAE,OAAO,EAAE,CAAC;QACpB,CAAC,YAED,MAAC,aAAa,IACZ,gBAAgB,EAAC,aAAa,EAC9B,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,gDAAgD,EAChD,uFAAuF,EACvF,gGAAgG,CACjG,EACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAGlC,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,YAAE,OAAO,IAAI,cAAc,GAAe,EAC1E,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sGAAsG,gBACrG,OAAO,YAElB,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,GACjB,EACT,cAAK,SAAS,EAAC,yDAAyD,YAAE,QAAQ,GAAO,EACxF,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,mCAAmC,YAAE,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,IAClE,GACT,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    size?: ModalSize;
+    title?: ReactNode;
+    children: ReactNode;
+    /** Sticky footer below the scrollable body — typically an `ActionBar` (Cancel/Save). */
+    footer?: ReactNode;
+    /** When the body holds a dirty form, a soft dismiss prompts "Discard changes?". */
+    isDirty?: boolean;
+    /** Offer "Save changes" in the discard prompt (only when the form is currently saveable). */
+    onSave?: () => void;
+    /**
+     * Wrap the body in the keyboard-safe {@link ScrollArea} (default `true`). Set `false`
+     * when the children own their own scroll — e.g. a {@link Wizard}, which renders its own
+     * `Stepper` / `ScrollArea` / `ActionBar` column and must be the single scroll owner (a
+     * nested ScrollArea-in-ScrollArea would double-scroll). The children then get a bounded
+     * flex column to size their own scroll region against.
+     */
+    scrollBody?: boolean;
+    className?: string;
+}
+/**
+ * Centered modal dialog on Radix Dialog (shadcn-vendored). Renders into a portal, so it
+ * is never clipped by an `overflow` ancestor; the focus trap and scroll-lock are Radix
+ * native (WAI-ARIA compliant). The body scrolls through the keyboard-safe
+ * {@link ScrollArea} (task 03), so a focused field clears the on-screen keyboard.
+ *
+ * Escape and outside-click route through {@link useDiscardGuard} so a dirty form raises
+ * an in-modal "Discard changes?" panel instead of closing silently.
+ */
+export declare function Modal({ open, onClose, size, title, children, footer, isDirty, onSave, scrollBody, className, }: ModalProps): import("react").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/react/components/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAa3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,wFAAwF;IACxF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,IAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,MAAM,EACN,UAAiB,EACjB,SAAS,GACV,EAAE,UAAU,+BAqEZ"}