cursedbelt 0.0.0

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface PopoverProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+    /** Width of the popover panel. Default: auto (sized to content). */
+    width?: string | number;
+    /** Show the little arrow pointing at the trigger. Default true. */
+    arrow?: boolean;
+    className?: string;
+}
+/**
+ * Portal-based popover on Radix Popover. General-purpose anchored panel — never
+ * clipped by overflow ancestors, auto-flips + shifts to stay on-screen. Use for
+ * confirmations, color/date pickers, inline editors, and grouped item pickers.
+ * For action menus use {@link DropdownMenu}; for field help use {@link InfoHint}.
+ */
+export declare function Popover({ trigger, children, open, onOpenChange, align, side, sideOffset, width, arrow, className, }: PopoverProps): import("react").JSX.Element;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/react/components/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,KAAe,EACf,IAAe,EACf,UAAc,EACd,KAAK,EACL,KAAY,EACZ,SAAS,GACV,EAAE,YAAY,+BAkBd"}

package/dist/react/components/Popover.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RPopover from '@radix-ui/react-popover';
+import { cn } from '../lib/cn';
+import { FLOATING_ANIMATION, FLOATING_CONTENT_BASE } from '../lib/floatingStyles';
+/**
+ * Portal-based popover on Radix Popover. General-purpose anchored panel — never
+ * clipped by overflow ancestors, auto-flips + shifts to stay on-screen. Use for
+ * confirmations, color/date pickers, inline editors, and grouped item pickers.
+ * For action menus use {@link DropdownMenu}; for field help use {@link InfoHint}.
+ */
+export function Popover({ trigger, children, open, onOpenChange, align = 'start', side = 'bottom', sideOffset = 4, width, arrow = true, className, }) {
+    return (_jsxs(RPopover.Root, { open: open, onOpenChange: onOpenChange, children: [_jsx(RPopover.Trigger, { asChild: true, children: trigger }), _jsx(RPopover.Portal, { children: _jsxs(RPopover.Content, { align: align, side: side, sideOffset: sideOffset, style: width != null ? { width } : undefined, className: cn(FLOATING_CONTENT_BASE, FLOATING_ANIMATION, 'p-3', className), children: [children, arrow && _jsx(RPopover.Arrow, { className: 'fill-border' })] }) })] }));
+}
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/react/components/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAiBlF;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,SAAS,GACI;IACb,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aACnD,KAAC,QAAQ,CAAC,OAAO,IAAC,OAAO,kBAAE,OAAO,GAAoB,EACtD,KAAC,QAAQ,CAAC,MAAM,cACd,MAAC,QAAQ,CAAC,OAAO,IACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,CAAC,aAEzE,QAAQ,EACR,KAAK,IAAI,KAAC,QAAQ,CAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,IACnC,GACH,IACJ,CACjB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+export interface QueryLike {
+    isLoading: boolean;
+    isError?: boolean;
+    /** The thrown error, when `isError` (surfaced to the error fallback). */
+    error?: unknown;
+}
+export interface QueryBoundaryProps {
+    /** Pass the whole query result… (`<QueryBoundary query={useThing()}>`). */
+    query?: QueryLike;
+    /** …or several (parallel `useQueries`): loading if ANY is loading, error if ANY
+     *  errored (the first error is surfaced). */
+    queries?: QueryLike[];
+    /** …or the flags directly when you don't have a single query object. */
+    isLoading?: boolean;
+    isError?: boolean;
+    /** Shown only on the FIRST load (no cached data yet). A layout-shaped skeleton
+     *  here is what kills the loading flash. Defaults to `<SkeletonList />`. */
+    fallback?: ReactNode;
+    /** Shown when a query errors. A node, or a function of the (first) error.
+     *  Defaults to an `<Alert tone="error">` carrying the error message. */
+    errorFallback?: ReactNode | ((error: Error) => ReactNode);
+    children: ReactNode;
+}
+/**
+ * Standardizes the loading / error / content gate copy-pasted across pages as
+ * `isLoading ? <spinner> : <content>`. Keys off `isLoading` (true only when there
+ * is no data at all — background refetches keep it false), so real content stays
+ * mounted across navigations and refetches instead of flashing. The default error
+ * state is an `<Alert tone="error">`; pass `errorFallback` (node or `(error) =>
+ * node`) to customize.
+ */
+export declare const QueryBoundary: ({ query, queries, isLoading, isError, fallback, errorFallback, children, }: QueryBoundaryProps) => import("react").JSX.Element;
+//# sourceMappingURL=QueryBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBoundary.d.ts","sourceRoot":"","sources":["../../../src/react/components/QueryBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;iDAC6C;IAC7C,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;gFAC4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;4EACwE;IACxE,aAAa,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAKD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,4EAQ3B,kBAAkB,gCAkBpB,CAAC"}

package/dist/react/components/QueryBoundary.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Alert } from './Alert';
+import { SkeletonList } from './Skeleton';
+const toError = (e) => e instanceof Error ? e : e == null ? new Error('Request failed') : new Error(String(e));
+/**
+ * Standardizes the loading / error / content gate copy-pasted across pages as
+ * `isLoading ? <spinner> : <content>`. Keys off `isLoading` (true only when there
+ * is no data at all — background refetches keep it false), so real content stays
+ * mounted across navigations and refetches instead of flashing. The default error
+ * state is an `<Alert tone="error">`; pass `errorFallback` (node or `(error) =>
+ * node`) to customize.
+ */
+export const QueryBoundary = ({ query, queries, isLoading, isError, fallback, errorFallback, children, }) => {
+    const all = [...(queries ?? []), ...(query ? [query] : [])];
+    const loading = isLoading ?? all.some((q) => q.isLoading);
+    const erroredQuery = all.find((q) => q.isError);
+    const errored = isError ?? !!erroredQuery;
+    if (loading)
+        return _jsx(_Fragment, { children: fallback ?? _jsx(SkeletonList, {}) });
+    if (errored) {
+        const error = toError(erroredQuery?.error);
+        if (errorFallback !== undefined)
+            return _jsx(_Fragment, { children: typeof errorFallback === 'function' ? errorFallback(error) : errorFallback });
+        return (_jsx(Alert, { tone: 'error', title: 'Something went wrong', children: error.message }));
+    }
+    return _jsx(_Fragment, { children: children });
+};
+//# sourceMappingURL=QueryBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBoundary.js","sourceRoot":"","sources":["../../../src/react/components/QueryBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA8B1C,MAAM,OAAO,GAAG,CAAC,CAAU,EAAS,EAAE,CACpC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC;IAE1C,IAAI,OAAO;QAAE,OAAO,4BAAG,QAAQ,IAAI,KAAC,YAAY,KAAG,GAAI,CAAC;IACxD,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAC3C,IAAI,aAAa,KAAK,SAAS;YAC7B,OAAO,4BAAG,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,GAAI,CAAC;QAC3F,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,sBAAsB,YAC7C,KAAK,CAAC,OAAO,GACR,CACT,CAAC;IACJ,CAAC;IACD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC,CAAC"}

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

@@ -0,0 +1,21 @@
+export interface RatingFieldProps {
+    /** The current rating (0 = unrated). */
+    value: number;
+    onChange: (value: number) => void;
+    /** Number of stars (default 5). */
+    max?: number;
+    disabled?: boolean;
+    id?: string;
+    'aria-invalid'?: true | undefined;
+    'aria-describedby'?: string;
+    className?: string;
+}
+/**
+ * A 1–N star rating as an accessible `role="radiogroup"` of toggle buttons. Click a
+ * star to set the rating; click the current rating again to clear it. Arrow keys
+ * adjust by one (roving tabindex). The filled stars use the `--warning` (amber)
+ * token. Controlled — `value: number`, `onChange(next)`. The registry's `rating`
+ * control.
+ */
+export declare function RatingField({ value, onChange, max, disabled, id, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }: RatingFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=RatingField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingField.d.ts","sourceRoot":"","sources":["../../../src/react/components/RatingField.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAO,EACP,QAAQ,EACR,EAAE,EACF,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,gBAAgB,+BAgDlB"}

package/dist/react/components/RatingField.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Star } from 'lucide-react';
+import { cn } from '../lib/cn';
+/**
+ * A 1–N star rating as an accessible `role="radiogroup"` of toggle buttons. Click a
+ * star to set the rating; click the current rating again to clear it. Arrow keys
+ * adjust by one (roving tabindex). The filled stars use the `--warning` (amber)
+ * token. Controlled — `value: number`, `onChange(next)`. The registry's `rating`
+ * control.
+ */
+export function RatingField({ value, onChange, max = 5, disabled, id, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }) {
+    const onKeyDown = (e) => {
+        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            onChange(Math.min(max, value + 1));
+        }
+        else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            onChange(Math.max(0, value - 1));
+        }
+    };
+    // The focusable star (roving tabindex): the current rating, or the first star when
+    // unrated, so Tab lands somewhere sensible.
+    const focusIndex = value > 0 ? value : 1;
+    return (_jsx("div", { id: id, role: 'radiogroup', "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, className: cn('inline-flex items-center gap-0.5', disabled && 'opacity-50', className), children: Array.from({ length: max }, (_, i) => i + 1).map((star) => {
+            const filled = star <= value;
+            return (_jsx("button", { type: 'button', role: 'radio', "aria-checked": value === star, "aria-label": `${star} star${star === 1 ? '' : 's'}`, disabled: disabled, tabIndex: star === focusIndex ? 0 : -1, onClick: () => onChange(value === star ? 0 : star), onKeyDown: onKeyDown, className: cn('inline-flex items-center justify-center rounded p-1 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/40 disabled:cursor-not-allowed', filled ? 'text-warning' : 'text-muted-foreground hover:text-warning'), children: _jsx(Star, { className: cn('size-5', filled && 'fill-current'), "aria-hidden": true }) }, star));
+        }) }));
+}
+//# sourceMappingURL=RatingField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingField.js","sourceRoot":"","sources":["../../../src/react/components/RatingField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAe/B;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,QAAQ,EACR,EAAE,EACF,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACQ;IACjB,MAAM,SAAS,GAAG,CAAC,CAAmC,EAAE,EAAE;QACxD,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAClD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,mFAAmF;IACnF,4CAA4C;IAC5C,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,YAAY,kBACH,WAAW,sBACP,eAAe,EACjC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,QAAQ,IAAI,YAAY,EAAE,SAAS,CAAC,YAErF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzD,MAAM,MAAM,GAAG,IAAI,IAAI,KAAK,CAAC;YAC7B,OAAO,CAEL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,KAAK,KAAK,IAAI,gBAChB,GAAG,IAAI,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAClD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAClD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CACX,6KAA6K,EAC7K,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,0CAA0C,CACrE,YAED,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,cAAc,CAAC,wBAAgB,IAdlE,IAAI,CAeF,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+import { type FieldSpec } from './FieldInput';
+export interface RenderFieldProps {
+    spec: FieldSpec;
+}
+/**
+ * The form-level field renderer: composes {@link Field} (label + hint + description +
+ * inline error) + a RHF `<Controller>` + the {@link FieldInput} type-dispatch in one
+ * call. A schema-driven form maps over its `FieldSpec[]` and drops a `<RenderField>`
+ * per spec — no per-type JSX. Must be rendered inside a `FormProvider`.
+ *
+ * The control is built inside the Controller's render callback, so `Field` hands the
+ * id/aria down via its render-prop child (cloneElement can't reach a control created
+ * deeper in a render function).
+ */
+export declare function RenderField({ spec }: RenderFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=RenderField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderField.d.ts","sourceRoot":"","sources":["../../../src/react/components/RenderField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,+BAgCrD"}

package/dist/react/components/RenderField.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller, useFormContext } from 'react-hook-form';
+import { Field } from './Field';
+import { FieldInput } from './FieldInput';
+/**
+ * The form-level field renderer: composes {@link Field} (label + hint + description +
+ * inline error) + a RHF `<Controller>` + the {@link FieldInput} type-dispatch in one
+ * call. A schema-driven form maps over its `FieldSpec[]` and drops a `<RenderField>`
+ * per spec — no per-type JSX. Must be rendered inside a `FormProvider`.
+ *
+ * The control is built inside the Controller's render callback, so `Field` hands the
+ * id/aria down via its render-prop child (cloneElement can't reach a control created
+ * deeper in a render function).
+ */
+export function RenderField({ spec }) {
+    const { control } = useFormContext();
+    return (_jsx(Field, { name: spec.key, label: spec.label, hint: spec.hint, description: spec.description, required: spec.required, children: (aria) => (_jsx(Controller, { name: spec.key, control: control, render: ({ field }) => (_jsx(FieldInput, { fieldSpec: spec, id: aria.id, "aria-invalid": aria['aria-invalid'], "aria-describedby": aria['aria-describedby'], name: field.name, value: field.value, onChange: field.onChange, onBlur: field.onBlur, disabled: spec.readOnly, placeholder: spec.placeholder })) })) }));
+}
+//# sourceMappingURL=RenderField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderField.js","sourceRoot":"","sources":["../../../src/react/components/RenderField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AAM1D;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAoB;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAEtB,CAAC,IAAI,EAAE,EAAE,CAAC,CACT,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,UAAU,IACT,SAAS,EAAE,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,kBACG,IAAI,CAAC,cAAc,CAAC,sBAChB,IAAI,CAAC,kBAAkB,CAAC,EAC1C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC7B,CACH,GACD,CACH,GACK,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,61 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+export type ScrollAreaSpace = 'none' | 'compact' | 'default' | 'roomy';
+/**
+ * Pure builder for the two keyboard-/safe-area-aware padding calcs:
+ *   - `scrollPaddingBottom` = keyboard + safe-area + comfort space — keeps the
+ *     browser's "scroll focused field into view" clear of the keyboard.
+ *   - `paddingBottom` = keyboard + safe-area — lifts the last row above it.
+ *
+ * Both reference the live `--keyboard-inset` var (a no-op `0px` on desktop). Kept as
+ * a standalone export so the exact strings are unit-testable without a DOM (happy-dom
+ * can't round-trip a `padding-bottom: calc(env(…))` value).
+ */
+export declare function scrollAreaPadding(space: ScrollAreaSpace, safeArea: boolean): {
+    scrollPaddingBottom: string;
+    paddingBottom: string;
+};
+export interface ScrollAreaProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
+    children: ReactNode;
+    /**
+     * Comfort margin below content (keyboard + safe-area are always added on top).
+     * Default: `default` (4rem).
+     */
+    space?: ScrollAreaSpace;
+    /**
+     * Include `env(safe-area-inset-bottom)` in the padding — required for full-height
+     * panels that reach the bottom edge (the iOS home indicator). Default: true.
+     */
+    safeArea?: boolean;
+    /** Scroll axis. Default: `y`. */
+    axis?: 'y' | 'x' | 'both';
+    /** Expose the scroll container ref for programmatic scroll from a parent. */
+    scrollRef?: Ref<HTMLDivElement>;
+    className?: string;
+}
+/**
+ * THE single keyboard-/safe-area-aware scroll container — the ONLY way to make a
+ * scroll region in cursedbelt.
+ *
+ * How it works:
+ *   - `useKeyboardInset` (installed once in `AppShell`) writes `--keyboard-inset`
+ *     (px) to `<html>` whenever the visualViewport size changes (iOS keyboard
+ *     up/down).
+ *   - This component reads `--keyboard-inset` via CSS `calc()` — no JS involved.
+ *   - `scroll-padding-bottom` keeps the browser's native "scroll focused field into
+ *     view" from parking the field under the keyboard.
+ *   - `padding-bottom` lifts the content so the last row is reachable above it.
+ *   - The same calc applies at EVERY breakpoint — on desktop `--keyboard-inset` is
+ *     `0px` (a no-op); on mobile it is the real keyboard height.
+ *   - `useCaretInView` fires an explicit `scrollIntoView` on focus, as
+ *     belt-and-suspenders for browsers that ignore scroll-padding on scrollIntoView.
+ *
+ * Rules:
+ *   - NEVER write `overflow-y-auto` directly. Use `ScrollArea`.
+ *   - NEVER use `h-[calc(100dvh-…)]` to compensate for layout — `dvh` does NOT
+ *     shrink for the keyboard. Height comes from the shell's flex column
+ *     (`min-h-0` + `flex-1`), not the component.
+ *   - Modals/drawers/panels use this same `ScrollArea` for their scrollable body.
+ *   - `useKeyboardInset` is NOT called here — it lives in `AppShell`, installed once.
+ */
+export declare function ScrollArea({ children, space, safeArea, axis, scrollRef, className, ...rest }: ScrollAreaProps): import("react").JSX.Element;
+//# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/react/components/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAcvE;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,OAAO,GAChB;IAAE,mBAAmB,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAMxD;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAiB,EACjB,QAAe,EACf,IAAU,EACV,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BA0BjB"}

package/dist/react/components/ScrollArea.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCaretInView } from '../hooks/useCaretInView';
+import { cn } from '../lib/cn';
+/**
+ * Comfort margin below content. The keyboard + safe-area insets are ALWAYS added on
+ * top (at EVERY breakpoint — the keyboard is a mobile problem, but the calc is a
+ * no-op on desktop where `--keyboard-inset` stays `0px`).
+ */
+const SPACE_REM = {
+    none: '0px',
+    compact: '2rem',
+    default: '4rem',
+    roomy: '8rem',
+};
+/**
+ * Pure builder for the two keyboard-/safe-area-aware padding calcs:
+ *   - `scrollPaddingBottom` = keyboard + safe-area + comfort space — keeps the
+ *     browser's "scroll focused field into view" clear of the keyboard.
+ *   - `paddingBottom` = keyboard + safe-area — lifts the last row above it.
+ *
+ * Both reference the live `--keyboard-inset` var (a no-op `0px` on desktop). Kept as
+ * a standalone export so the exact strings are unit-testable without a DOM (happy-dom
+ * can't round-trip a `padding-bottom: calc(env(…))` value).
+ */
+export function scrollAreaPadding(space, safeArea) {
+    const safe = safeArea ? 'env(safe-area-inset-bottom, 0px)' : '0px';
+    return {
+        scrollPaddingBottom: `calc(var(--keyboard-inset, 0px) + ${safe} + ${SPACE_REM[space]})`,
+        paddingBottom: `calc(var(--keyboard-inset, 0px) + ${safe})`,
+    };
+}
+/**
+ * THE single keyboard-/safe-area-aware scroll container — the ONLY way to make a
+ * scroll region in cursedbelt.
+ *
+ * How it works:
+ *   - `useKeyboardInset` (installed once in `AppShell`) writes `--keyboard-inset`
+ *     (px) to `<html>` whenever the visualViewport size changes (iOS keyboard
+ *     up/down).
+ *   - This component reads `--keyboard-inset` via CSS `calc()` — no JS involved.
+ *   - `scroll-padding-bottom` keeps the browser's native "scroll focused field into
+ *     view" from parking the field under the keyboard.
+ *   - `padding-bottom` lifts the content so the last row is reachable above it.
+ *   - The same calc applies at EVERY breakpoint — on desktop `--keyboard-inset` is
+ *     `0px` (a no-op); on mobile it is the real keyboard height.
+ *   - `useCaretInView` fires an explicit `scrollIntoView` on focus, as
+ *     belt-and-suspenders for browsers that ignore scroll-padding on scrollIntoView.
+ *
+ * Rules:
+ *   - NEVER write `overflow-y-auto` directly. Use `ScrollArea`.
+ *   - NEVER use `h-[calc(100dvh-…)]` to compensate for layout — `dvh` does NOT
+ *     shrink for the keyboard. Height comes from the shell's flex column
+ *     (`min-h-0` + `flex-1`), not the component.
+ *   - Modals/drawers/panels use this same `ScrollArea` for their scrollable body.
+ *   - `useKeyboardInset` is NOT called here — it lives in `AppShell`, installed once.
+ */
+export function ScrollArea({ children, space = 'default', safeArea = true, axis = 'y', scrollRef, className, ...rest }) {
+    const style = scrollAreaPadding(space, safeArea);
+    const onFocusCapture = useCaretInView();
+    return (_jsx("div", { ...rest, ref: scrollRef, "data-cb-scrollarea": '', onFocusCapture: onFocusCapture, style: style, className: cn(
+        // `min-h-0 flex-1` forces the container to respect its flex parent's height
+        // (without `min-h-0` a flex item's default `min-height:auto` lets it grow
+        // past the parent and never scroll); `overscroll-contain` stops iOS/Android
+        // pull-to-refresh bleeding through at the scroll boundary.
+        'min-h-0 flex-1 overscroll-contain', axis === 'y' && 'overflow-y-auto', axis === 'x' && 'overflow-x-auto', axis === 'both' && 'overflow-auto', className), children: children }));
+}
+//# sourceMappingURL=ScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../src/react/components/ScrollArea.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B;;;;GAIG;AACH,MAAM,SAAS,GAAoC;IACjD,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAC/B,KAAsB,EACtB,QAAiB;IAEjB,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,OAAO;QACL,mBAAmB,EAAE,qCAAqC,IAAI,MAAM,SAAS,CAAC,KAAK,CAAC,GAAG;QACvF,aAAa,EAAE,qCAAqC,IAAI,GAAG;KAC5D,CAAC;AACJ,CAAC;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,GAAG,EACV,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACS;IAChB,MAAM,KAAK,GAAkB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,cAAc,EAAE,CAAC;IAExC,OAAO,CACL,iBACM,IAAI,EACR,GAAG,EAAE,SAAS,wBACK,EAAE,EACrB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE;QACX,4EAA4E;QAC5E,0EAA0E;QAC1E,4EAA4E;QAC5E,2DAA2D;QAC3D,mCAAmC,EACnC,IAAI,KAAK,GAAG,IAAI,iBAAiB,EACjC,IAAI,KAAK,GAAG,IAAI,iBAAiB,EACjC,IAAI,KAAK,MAAM,IAAI,eAAe,EAClC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Floating scroll-to-top button. Place inside your scrollable content container
+ * (e.g. at the top of the main content area). The button appears once the user
+ * has scrolled past this element's initial position and returns them to the top
+ * of the nearest scrollable ancestor on click.
+ */
+export declare const ScrollToTopButton: () => import("react").JSX.Element;
+//# sourceMappingURL=ScrollToTopButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTopButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/ScrollToTopButton.tsx"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,mCAuD7B,CAAC"}

package/dist/react/components/ScrollToTopButton.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { cx } from '../styling';
+const ArrowUpIcon = () => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 18, height: 18, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round', "aria-hidden": 'true', children: _jsx("path", { d: 'M12 19V5M5 12l7-7 7 7' }) }));
+/**
+ * Floating scroll-to-top button. Place inside your scrollable content container
+ * (e.g. at the top of the main content area). The button appears once the user
+ * has scrolled past this element's initial position and returns them to the top
+ * of the nearest scrollable ancestor on click.
+ */
+export const ScrollToTopButton = () => {
+    const sentinelRef = useRef(null);
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        const sentinel = sentinelRef.current;
+        if (!sentinel)
+            return;
+        const observer = new IntersectionObserver(([entry]) => setVisible(!entry.isIntersecting), {
+            threshold: 0,
+        });
+        observer.observe(sentinel);
+        return () => observer.disconnect();
+    }, []);
+    const scrollToTop = () => {
+        const sentinel = sentinelRef.current;
+        if (!sentinel)
+            return;
+        // Walk up the DOM to find the first scrollable ancestor.
+        let el = sentinel.parentElement;
+        while (el) {
+            const { overflowY } = getComputedStyle(el);
+            if ((overflowY === 'auto' || overflowY === 'scroll') && el.scrollHeight > el.clientHeight) {
+                el.scrollTo({ top: 0, behavior: 'smooth' });
+                return;
+            }
+            el = el.parentElement;
+        }
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: sentinelRef, "aria-hidden": 'true' }), _jsx("button", { type: 'button', onClick: scrollToTop, "aria-label": 'Scroll to top', "aria-hidden": !visible, className: cx('fixed bottom-6 right-4 z-40 flex h-10 w-10 items-center justify-center rounded-full', 'bg-white/85 text-gray-600 shadow-md ring-1 ring-gray-200 backdrop-blur-sm', 'transition-[opacity,transform] duration-200', 'hover:bg-white hover:text-gray-900 hover:shadow-lg', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-accent', 'dark:bg-gray-900/85 dark:text-gray-300 dark:ring-gray-700', 'dark:hover:bg-gray-900 dark:hover:text-white', 'pointer-coarse:h-12 pointer-coarse:w-12', visible ? 'opacity-100 translate-y-0' : 'pointer-events-none opacity-0 translate-y-2'), children: _jsx(ArrowUpIcon, {}) })] }));
+};
+//# sourceMappingURL=ScrollToTopButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../../src/react/components/ScrollToTopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAEhC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,YAElB,eAAM,CAAC,EAAC,uBAAuB,GAAG,GAC9B,CACP,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YACxF,SAAS,EAAE,CAAC;SACb,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,yDAAyD;QACzD,IAAI,EAAE,GAAmB,QAAQ,CAAC,aAAa,CAAC;QAChD,OAAO,EAAE,EAAE,CAAC;YACV,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;gBAC1F,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YACD,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;QACxB,CAAC;QACD,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACL,8BAEE,cAAK,GAAG,EAAE,WAAW,iBAAc,MAAM,GAAG,EAC5C,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,gBACT,eAAe,iBACb,CAAC,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,2EAA2E,EAC3E,6CAA6C,EAC7C,oDAAoD,EACpD,mEAAmE,EACnE,2DAA2D,EAC3D,8CAA8C,EAC9C,yCAAyC,EACzC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6CAA6C,CACtF,YAED,KAAC,WAAW,KAAG,GACR,IACR,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,38 @@
+import { type CSSProperties } from 'react';
+import { type StyleableProps } from '../styling';
+export type SecretInputSlot = 'root' | 'input' | 'button';
+export interface SecretInputProps extends StyleableProps<SecretInputSlot> {
+    value: string;
+    /** Omit to render a read-only display (still revealable + copyable). */
+    onChange?: (value: string) => void;
+    /** Controlled reveal — overrides the internal eye toggle (e.g. a "reveal all").
+     *  Leave undefined to use the built-in per-field toggle. */
+    reveal?: boolean;
+    /** Called when the eye is toggled; pair with `reveal` for fully controlled mode. */
+    onToggleReveal?: () => void;
+    /** Accessible name used on the field + the icon buttons. */
+    label?: string;
+    placeholder?: string;
+    /** Show the eye toggle (default true) / the copy button (default true). */
+    showToggle?: boolean;
+    showCopy?: boolean;
+    /** Notified after a successful copy (e.g. to fire a toast). */
+    onCopied?: (value: string) => void;
+    id?: string;
+    name?: string;
+    /** Forwarded to the inner input so {@link Field} can wire inline validation; the
+     *  invalid state also paints the container border (via `:has`). */
+    'aria-invalid'?: boolean | 'true' | 'false';
+    'aria-describedby'?: string;
+    autoFocus?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A masked secret field: dots until revealed, with an eye toggle and a copy button
+ * (copy never has to reveal). Editable when `onChange` is given, read-only display
+ * otherwise. Reveal is uncontrolled by default; pass `reveal` to drive it from a
+ * parent (a "reveal all"). Tailwind-first, overridable per slot. No icon dependency.
+ */
+export declare const SecretInput: ({ value, onChange, reveal, onToggleReveal, label, placeholder, showToggle, showCopy, onCopied, id, name, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, autoFocus, className, style, classNames, styles, unstyled, }: SecretInputProps) => import("react").JSX.Element;
+//# sourceMappingURL=SecretInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecretInput.d.ts","sourceRoot":"","sources":["../../../src/react/components/SecretInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAY,MAAM,OAAO,CAAC;AAErD,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AA8D7E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;gEAC4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;uEACmE;IACnE,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,yOAoBzB,gBAAgB,gCAoElB,CAAC"}

package/dist/react/components/SecretInput.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useCopyToClipboard } from '../hooks/useCopyToClipboard';
+import { resolveClass, resolveStyle } from '../styling';
+// Tiny self-contained icons so the component carries no icon dependency.
+const Eye = () => (_jsxs("svg", { viewBox: '0 0 24 24', width: '16', height: '16', fill: 'none', stroke: 'currentColor', strokeWidth: '2', "aria-hidden": 'true', children: [_jsx("path", { d: 'M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z' }), _jsx("circle", { cx: '12', cy: '12', r: '3' })] }));
+const EyeOff = () => (_jsxs("svg", { viewBox: '0 0 24 24', width: '16', height: '16', fill: 'none', stroke: 'currentColor', strokeWidth: '2', "aria-hidden": 'true', children: [_jsx("path", { d: 'M9.9 4.24A9.1 9.1 0 0 1 12 4c6.5 0 10 7 10 7a13.2 13.2 0 0 1-2.16 2.94M6.3 6.3A13.2 13.2 0 0 0 2 11s3.5 7 10 7a9.1 9.1 0 0 0 3.7-.76' }), _jsx("path", { d: 'm1 1 22 22' })] }));
+const Copy = () => (_jsxs("svg", { viewBox: '0 0 24 24', width: '16', height: '16', fill: 'none', stroke: 'currentColor', strokeWidth: '2', "aria-hidden": 'true', children: [_jsx("rect", { x: '9', y: '9', width: '11', height: '11', rx: '2' }), _jsx("path", { d: 'M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' })] }));
+const Check = () => (_jsx("svg", { viewBox: '0 0 24 24', width: '16', height: '16', fill: 'none', stroke: 'currentColor', strokeWidth: '2', "aria-hidden": 'true', children: _jsx("path", { d: 'M20 6 9 17l-5-5' }) }));
+const BTN_CLASS = 'inline-flex shrink-0 items-center justify-center rounded p-1 text-gray-400 transition hover:text-gray-700 hover:bg-gray-100 dark:hover:text-gray-200 dark:hover:bg-gray-800 pointer-coarse:min-h-9 pointer-coarse:min-w-9';
+/**
+ * A masked secret field: dots until revealed, with an eye toggle and a copy button
+ * (copy never has to reveal). Editable when `onChange` is given, read-only display
+ * otherwise. Reveal is uncontrolled by default; pass `reveal` to drive it from a
+ * parent (a "reveal all"). Tailwind-first, overridable per slot. No icon dependency.
+ */
+export const SecretInput = ({ value, onChange, reveal, onToggleReveal, label = 'secret value', placeholder, showToggle = true, showCopy = true, onCopied, id, name, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, autoFocus = false, className, style, classNames, styles, unstyled, }) => {
+    const [internalShown, setInternalShown] = useState(false);
+    const { copied, copy } = useCopyToClipboard();
+    const shown = reveal !== undefined ? reveal : internalShown;
+    const readOnly = !onChange;
+    const toggle = () => (onToggleReveal ? onToggleReveal() : setInternalShown((s) => !s));
+    const handleCopy = () => {
+        void copy(value).then((ok) => {
+            if (ok)
+                onCopied?.(value);
+        });
+    };
+    return (_jsxs("div", { className: resolveClass('flex items-center gap-0.5 rounded-field border border-field-border bg-field-bg px-1 transition focus-within:border-field-ring focus-within:ring-2 focus-within:ring-field-ring/30 has-[[aria-invalid=true]]:border-field-error', classNames?.root ?? className, unstyled), style: resolveStyle({}, styles?.root ?? style, unstyled), children: [_jsx("input", { id: id, name: name, type: shown ? 'text' : 'password', value: value, readOnly: readOnly, onChange: onChange ? (e) => onChange(e.target.value) : undefined, placeholder: placeholder, "aria-label": label, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, autoComplete: 'off', spellCheck: false, 
+                // biome-ignore lint/a11y/noAutofocus: opt-in via prop, used in editor rows
+                autoFocus: autoFocus, className: resolveClass('min-w-0 flex-1 bg-transparent px-2 py-2 font-mono text-base text-field-fg outline-none placeholder:text-field-placeholder sm:text-sm', classNames?.input, unstyled) }), showToggle && (_jsx("button", { type: 'button', "aria-label": shown ? `Hide ${label}` : `Reveal ${label}`, title: shown ? 'Hide' : 'Reveal', onClick: toggle, className: resolveClass(BTN_CLASS, classNames?.button, unstyled), children: shown ? _jsx(EyeOff, {}) : _jsx(Eye, {}) })), showCopy && (_jsx("button", { type: 'button', "aria-label": `Copy ${label}`, title: 'Copy', onClick: handleCopy, className: resolveClass(BTN_CLASS, classNames?.button, unstyled), children: copied ? _jsx(Check, {}) : _jsx(Copy, {}) }))] }));
+};
+//# sourceMappingURL=SecretInput.js.map

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

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

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

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Section heading (renders an `<h2>` landmark inside the `<section>`). */
+    title?: ReactNode;
+    /** Sub-text under the title. */
+    description?: ReactNode;
+    /** Right-anchored section-level controls. */
+    actions?: ReactNode;
+}
+/**
+ * Chunks a form or page into a labelled band: an optional title/description/actions
+ * header (16px below) over the body. The body is a `Stack`-style flex column with
+ * 16px between fields — the visual hierarchy flat `mb-1`-everywhere forms destroy.
+ * Renders a real `<section>` with the `<h2>` inside it (a screen-reader landmark).
+ */
+export declare function Section({ title, description, actions, children, className, ...rest }: SectionProps): import("react").JSX.Element;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/react/components/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC9E,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAgBd"}

package/dist/react/components/Section.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+import { Split } from './layout';
+/**
+ * Chunks a form or page into a labelled band: an optional title/description/actions
+ * header (16px below) over the body. The body is a `Stack`-style flex column with
+ * 16px between fields — the visual hierarchy flat `mb-1`-everywhere forms destroy.
+ * Renders a real `<section>` with the `<h2>` inside it (a screen-reader landmark).
+ */
+export function Section({ title, description, actions, children, className, ...rest }) {
+    const hasHeader = title || description || actions;
+    return (_jsxs("section", { className: cn('flex flex-col gap-4', className), ...rest, children: [hasHeader && (_jsxs(Split, { children: [_jsxs("div", { className: 'min-w-0', children: [title && _jsx("h2", { className: 'text-base font-semibold text-foreground', children: title }), description && _jsx("p", { className: 'mt-0.5 text-sm text-muted-foreground', children: description })] }), actions && _jsx("div", { className: 'flex items-center gap-2', children: actions })] })), children] }));
+}
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/react/components/Section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAajC;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,SAAS,GAAG,KAAK,IAAI,WAAW,IAAI,OAAO,CAAC;IAClD,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,aAC/D,SAAS,IAAI,CACZ,MAAC,KAAK,eACJ,eAAK,SAAS,EAAC,SAAS,aACrB,KAAK,IAAI,aAAI,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAM,EAC7E,WAAW,IAAI,YAAG,SAAS,EAAC,sCAAsC,YAAE,WAAW,GAAK,IACjF,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,IAC9D,CACT,EACA,QAAQ,IACD,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { type StyleableProps } from '../styling';
+export type SectionHeadingSlot = 'root' | 'title';
+export interface SectionHeadingProps extends StyleableProps<SectionHeadingSlot> {
+    children: ReactNode;
+    /** Optional trailing action (e.g. a "View all →" link). */
+    action?: ReactNode;
+    className?: string;
+}
+/** An in-page section title (text-2xl bold) with an optional trailing action. */
+export declare const SectionHeading: ({ children, action, className, classNames, unstyled, }: SectionHeadingProps) => import("react").JSX.Element;
+//# sourceMappingURL=SectionHeading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.d.ts","sourceRoot":"","sources":["../../../src/react/components/SectionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iFAAiF;AACjF,eAAO,MAAM,cAAc,GAAI,wDAM5B,mBAAmB,gCAmBrB,CAAC"}

package/dist/react/components/SectionHeading.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveClass } from '../styling';
+/** An in-page section title (text-2xl bold) with an optional trailing action. */
+export const SectionHeading = ({ children, action, className, classNames, unstyled, }) => (_jsxs("div", { className: resolveClass('mb-8 flex items-end justify-between gap-4', classNames?.root ?? className, unstyled), children: [_jsx("h2", { className: resolveClass('text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100', classNames?.title, unstyled), children: children }), action] }));
+//# sourceMappingURL=SectionHeading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.js","sourceRoot":"","sources":["../../../src/react/components/SectionHeading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAuB,MAAM,YAAY,CAAC;AAW/D,iFAAiF;AACjF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAU,EACV,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,eACE,SAAS,EAAE,YAAY,CACrB,2CAA2C,EAC3C,UAAU,EAAE,IAAI,IAAI,SAAS,EAC7B,QAAQ,CACT,aAED,aACE,SAAS,EAAE,YAAY,CACrB,oEAAoE,EACpE,UAAU,EAAE,KAAK,EACjB,QAAQ,CACT,YAEA,QAAQ,GACN,EACJ,MAAM,IACH,CACP,CAAC"}