cursedbelt 0.0.0

package/dist/react/components/Modal.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from 'lucide-react';
+import { useDiscardGuard } from '../hooks/useDiscardGuard';
+import { cn } from '../lib/cn';
+import { Dialog, DialogContent, DialogTitle } from './dialog';
+import { IconButton } from './IconButton';
+import { ScrollArea } from './ScrollArea';
+// ONE sizing scale replaces the ad-hoc `max-w-xl`/`max-w-2xl`/`max-h-[80vh]` classNames
+// scattered across the apps' modals. `full` is a near-fullscreen sheet with a 1rem margin
+// on every side; `cn`'s twMerge dedupes its `max-h` against the base below (last wins).
+const SIZE = {
+    sm: 'max-w-sm',
+    md: 'max-w-lg',
+    lg: 'max-w-2xl',
+    xl: 'max-w-4xl',
+    full: 'max-w-[calc(100vw-2rem)] max-h-[calc(100dvh-2rem)]',
+};
+/**
+ * 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 function Modal({ open, onClose, size = 'md', title, children, footer, isDirty, onSave, scrollBody = true, className, }) {
+    const { guardedClose, discardOverlay, isConfirming, cancelDiscard } = useDiscardGuard({
+        open,
+        onClose,
+        isDirty,
+        onSave,
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => {
+            if (!v)
+                guardedClose();
+        }, children: _jsxs(DialogContent, { className: cn(
+            // Centered card, capped to the viewport, animated zoom-in. Width keeps a 1rem
+            // margin on each side at every size, then caps at the size's max-width.
+            'fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2', 'flex w-[calc(100vw-2rem)] flex-col gap-0 overflow-hidden', 'rounded-xl border border-border bg-popover text-popover-foreground shadow-overlay', 'max-h-[min(90dvh,calc(100dvh-2rem))]', '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', SIZE[size], className), 
+            // Intercept Radix's default close so a dirty form gets the discard prompt; while
+            // the prompt is up, Escape cancels it (keep editing) instead of re-prompting.
+            onInteractOutside: (e) => {
+                e.preventDefault();
+                guardedClose();
+            }, onEscapeKeyDown: (e) => {
+                e.preventDefault();
+                if (isConfirming)
+                    cancelDiscard();
+                else
+                    guardedClose();
+            }, children: [_jsxs("div", { className: 'flex flex-none items-center justify-between gap-3 border-b border-border px-5 py-4', children: [title ? (_jsx(DialogTitle, { className: 'text-base font-semibold', children: title })) : (_jsx(DialogTitle, { className: 'sr-only', children: "Dialog" })), _jsx(IconButton, { label: 'Close', onClick: guardedClose, children: _jsx(X, {}) })] }), scrollBody ? (_jsx(ScrollArea, { className: 'px-5 py-4', children: children })) : (_jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: children })), footer ? _jsx("div", { className: 'flex-none', children: footer }) : null, discardOverlay] }) }));
+}
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/react/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,wFAAwF;AACxF,0FAA0F;AAC1F,wFAAwF;AACxF,MAAM,IAAI,GAA8B;IACtC,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,oDAAoD;CAC3D,CAAC;AAyBF;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,IAAI,GAAG,IAAI,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,MAAM,EACN,UAAU,GAAG,IAAI,EACjB,SAAS,GACE;IACX,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC;QACpF,IAAI;QACJ,OAAO;QACP,OAAO;QACP,MAAM;KACP,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,CAAC,CAAC;gBAAE,YAAY,EAAE,CAAC;QACzB,CAAC,YAED,MAAC,aAAa,IACZ,SAAS,EAAE,EAAE;YACX,8EAA8E;YAC9E,wEAAwE;YACxE,0DAA0D,EAC1D,0DAA0D,EAC1D,mFAAmF,EACnF,sCAAsC,EACtC,uFAAuF,EACvF,gGAAgG,EAChG,IAAI,CAAC,IAAI,CAAC,EACV,SAAS,CACV;YACD,iFAAiF;YACjF,8EAA8E;YAC9E,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC,EACD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY;oBAAE,aAAa,EAAE,CAAC;;oBAC7B,YAAY,EAAE,CAAC;YACtB,CAAC,aAED,eAAK,SAAS,EAAC,oFAAoF,aAChG,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAe,CACvE,CAAC,CAAC,CAAC,CAEF,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,uBAAqB,CACtD,EACD,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,YAC7C,KAAC,CAAC,KAAG,GACM,IACT,EAEL,UAAU,CAAC,CAAC,CAAC,CAEZ,KAAC,UAAU,IAAC,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAc,CAC1D,CAAC,CAAC,CAAC,CAGF,cAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,CAC/D,EAEA,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,WAAW,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,EAIzD,cAAc,IACD,GACT,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,39 @@
+import { type ReactNode } from 'react';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
+/** Stacking level: a confirm dialog on top of another modal sits above it. */
+export type ModalLevel = 'base' | 'raised' | 'top';
+export interface ModalShellProps {
+    onClose: () => void;
+    /** Header renders only when a title is given. */
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    size?: ModalSize;
+    level?: ModalLevel;
+    /** Optional sticky footer bar (e.g. Cancel / Save). */
+    footer?: ReactNode;
+    children: ReactNode;
+    /** Override the body content wrapper (padding/gap). */
+    bodyClassName?: string;
+    /** Extra classes for the panel. */
+    className?: string;
+    /** Fill the screen on mobile (defaults on for md/lg/xl). */
+    mobileFullScreen?: boolean;
+    /** A soft dismiss (backdrop/Escape/close) only closes when clean; otherwise it
+     *  prompts "Discard changes?". Footer Save/Cancel should call onClose directly. */
+    confirmOnClose?: boolean;
+    /** Explicit unsaved-edits flag; overrides auto-detection. */
+    dirty?: boolean;
+    discardTitle?: string;
+    discardMessage?: string;
+    /** When given, the discard prompt also offers "Save changes". */
+    onSave?: () => void | Promise<void>;
+    saveText?: string;
+}
+/**
+ * The canonical modal shell: backdrop + Escape close + a surface panel with an
+ * optional header and footer. Larger modals fill the screen on mobile (header/
+ * footer pinned, body scrolls — keyboard-safe via scroll-padding); centered cards
+ * on desktop. Render it conditionally from the parent (no `isOpen` prop).
+ */
+export declare function ModalShell({ onClose, title, subtitle, size, level, footer, children, bodyClassName, className, mobileFullScreen, confirmOnClose, dirty, discardTitle, discardMessage, onSave, saveText, }: ModalShellProps): import("react").JSX.Element;
+//# sourceMappingURL=ModalShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalShell.d.ts","sourceRoot":"","sources":["../../../src/react/components/ModalShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAK5D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AA+BnD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;uFACmF;IACnF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAc,EACd,MAAM,EACN,QAAQ,EACR,aAA+C,EAC/C,SAAS,EACT,gBAAgB,EAChB,cAAsB,EACtB,KAAK,EACL,YAAY,EACZ,cAAc,EACd,MAAM,EACN,QAAQ,GACT,EAAE,eAAe,+BA8GjB"}

package/dist/react/components/ModalShell.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useDiscardGuard } from '../hooks/useDiscardGuard';
+import { cn } from '../lib/cn';
+import { DiscardConfirmOverlay } from './DiscardConfirmOverlay';
+const SIZE_CLASS = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-2xl',
+};
+const SIZE_CLASS_DESKTOP = {
+    sm: 'sm:max-w-sm',
+    md: 'sm:max-w-md',
+    lg: 'sm:max-w-lg',
+    xl: 'sm:max-w-2xl',
+};
+const LEVEL_CLASS = { base: 'z-50', raised: 'z-[60]', top: 'z-[70]' };
+const CloseIcon = () => (_jsxs("svg", { viewBox: '0 0 24 24', width: '20', height: '20', fill: 'none', stroke: 'currentColor', strokeWidth: '2', role: 'img', children: [_jsx("title", { children: "Close" }), _jsx("path", { strokeLinecap: 'round', d: 'M6 6l12 12M18 6L6 18' })] }));
+/**
+ * The canonical modal shell: backdrop + Escape close + a surface panel with an
+ * optional header and footer. Larger modals fill the screen on mobile (header/
+ * footer pinned, body scrolls — keyboard-safe via scroll-padding); centered cards
+ * on desktop. Render it conditionally from the parent (no `isOpen` prop).
+ */
+export function ModalShell({ onClose, title, subtitle, size = 'md', level = 'base', footer, children, bodyClassName = 'flex flex-col gap-4 px-5 py-4', className, mobileFullScreen, confirmOnClose = false, dirty, discardTitle, discardMessage, onSave, saveText, }) {
+    const [autoDirty, setAutoDirty] = useState(false);
+    const autoTrack = confirmOnClose && dirty === undefined;
+    const isDirty = dirty ?? autoDirty;
+    const { confirming, requestClose, keepEditing, discard } = useDiscardGuard({
+        enabled: confirmOnClose,
+        dirty: isDirty,
+        onClose,
+    });
+    // Lock background scroll while open; pad for the missing scrollbar.
+    useEffect(() => {
+        const { body, documentElement: html } = document;
+        const prevOverflow = body.style.overflow;
+        const prevPaddingRight = body.style.paddingRight;
+        const scrollbar = window.innerWidth - html.clientWidth;
+        body.style.overflow = 'hidden';
+        if (scrollbar > 0)
+            body.style.paddingRight = `${scrollbar}px`;
+        return () => {
+            body.style.overflow = prevOverflow;
+            body.style.paddingRight = prevPaddingRight;
+        };
+    }, []);
+    const fillMobile = mobileFullScreen ?? size !== 'sm';
+    const markDirty = autoTrack ? () => setAutoDirty(true) : undefined;
+    return (_jsxs("div", { className: cn('fixed inset-0 flex justify-center', LEVEL_CLASS[level], fillMobile ? 'items-stretch p-0 sm:items-center sm:p-4' : 'items-center p-4'), children: [_jsx("button", { type: 'button', "aria-label": 'Close', className: 'absolute inset-0 bg-gray-900/60 backdrop-blur-sm', onClick: requestClose }), _jsxs("div", { className: cn('relative z-10 flex w-full flex-col overflow-hidden bg-surface text-foreground shadow-2xl', fillMobile
+                    ? `h-full border-border sm:h-auto sm:max-h-[90vh] sm:rounded-2xl sm:border ${SIZE_CLASS_DESKTOP[size]}`
+                    : `max-h-[90vh] rounded-2xl border border-border ${SIZE_CLASS[size]}`, className), onChange: markDirty, onInput: markDirty, children: [title !== undefined ? (_jsxs("div", { className: 'flex items-center justify-between border-b border-border px-5 py-4', children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("h2", { className: 'text-lg font-bold', children: title }), subtitle ? (_jsx("p", { className: 'truncate text-sm text-muted-foreground', children: subtitle })) : null] }), _jsx("button", { type: 'button', "aria-label": 'Close', className: 'rounded-lg p-1 text-muted-foreground hover:bg-muted', onClick: requestClose, children: _jsx(CloseIcon, {}) })] })) : null, _jsx("div", { className: 'flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden', style: {
+                            scrollPaddingBottom: 'calc(var(--keyboard-inset, 0px) + env(safe-area-inset-bottom, 0px) + 1.5rem)',
+                            paddingBottom: 'var(--keyboard-inset, 0px)',
+                        }, children: _jsx("div", { className: bodyClassName, children: children }) }), footer ? (_jsx("div", { className: 'flex justify-end gap-2 border-t border-border px-5 py-4', children: footer })) : null] }), confirming ? (_jsx(DiscardConfirmOverlay, { title: discardTitle, message: discardMessage, onKeepEditing: keepEditing, onDiscard: discard, saveText: saveText, onSave: onSave
+                    ? () => {
+                        keepEditing();
+                        void onSave();
+                    }
+                    : undefined })) : null] }));
+}
+//# sourceMappingURL=ModalShell.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+export interface MultiSelectOption {
+    value: string;
+    label?: ReactNode;
+    /** Optional swatch shown beside the option + in its pill. */
+    color?: string;
+    disabled?: boolean;
+}
+export interface MultiSelectFieldProps {
+    /** The selected values (controlled). */
+    value: string[];
+    onChange: (value: string[]) => void;
+    options: MultiSelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    id?: string;
+    'aria-invalid'?: true | undefined;
+    'aria-describedby'?: string;
+    className?: string;
+}
+/**
+ * Multi-select: an Input-shaped trigger that shows the chosen options as pills and
+ * opens a Radix Popover (portaled — never clipped) with a checkable list. Controlled
+ * — `value: string[]`, `onChange(next)`. Removing a choice is done by unchecking it
+ * in the list. The registry's `multiselect` control.
+ */
+export declare function MultiSelectField({ value, onChange, options, placeholder, disabled, id, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }: MultiSelectFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=MultiSelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../src/react/components/MultiSelectField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAuB,EACvB,QAAQ,EACR,EAAE,EACF,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,qBAAqB,+BA6FvB"}

package/dist/react/components/MultiSelectField.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from '../lib/cn';
+import { Popover } from './Popover';
+/**
+ * Multi-select: an Input-shaped trigger that shows the chosen options as pills and
+ * opens a Radix Popover (portaled — never clipped) with a checkable list. Controlled
+ * — `value: string[]`, `onChange(next)`. Removing a choice is done by unchecking it
+ * in the list. The registry's `multiselect` control.
+ */
+export function MultiSelectField({ value, onChange, options, placeholder = 'Select…', disabled, id, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }) {
+    const [open, setOpen] = useState(false);
+    const toggle = (v) => onChange(value.includes(v) ? value.filter((x) => x !== v) : [...value, v]);
+    return (_jsx(Popover, { open: open, onOpenChange: setOpen, arrow: false, className: 'p-1', trigger: _jsxs("button", { id: id, type: 'button', role: 'combobox', "aria-expanded": open, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, disabled: disabled, className: cn('flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-field border border-field-border bg-field-bg px-2 py-1.5 text-left transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/30 aria-[invalid=true]:border-field-error disabled:cursor-not-allowed disabled:opacity-50', className), children: [value.length === 0 ? (_jsx("span", { className: 'text-base text-field-placeholder sm:text-sm', children: placeholder })) : (value.map((v) => {
+                    const opt = options.find((o) => o.value === v);
+                    return (_jsxs("span", { className: 'inline-flex items-center gap-1 rounded bg-muted px-2 py-0.5 text-sm text-foreground', children: [opt?.color ? (_jsx("span", { "aria-hidden": true, className: 'size-2 rounded-full', style: { backgroundColor: opt.color } })) : null, opt?.label ?? v] }, v));
+                })), _jsx(ChevronDown, { className: 'ml-auto size-4 shrink-0 opacity-50', "aria-hidden": true })] }), children: _jsx("div", { role: 'listbox', "aria-multiselectable": true, className: 'max-h-64 min-w-48 space-y-0.5 overflow-y-auto', children: options.map((opt) => {
+                const checked = value.includes(opt.value);
+                return (_jsxs("button", { type: 'button', role: 'option', "aria-selected": checked, disabled: opt.disabled, onClick: () => toggle(opt.value), className: 'flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm text-foreground transition hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50', children: [_jsx("span", { "aria-hidden": true, className: cn('flex size-4 shrink-0 items-center justify-center rounded-sm border', checked
+                                ? 'border-accent-solid bg-accent-solid text-white'
+                                : 'border-border-strong'), children: checked ? _jsx(Check, { className: 'size-3' }) : null }), opt.color ? (_jsx("span", { "aria-hidden": true, className: 'size-3 shrink-0 rounded-full', style: { backgroundColor: opt.color } })) : null, _jsx("span", { className: 'flex-1 truncate', children: opt.label ?? opt.value })] }, opt.value));
+            }) }) }));
+}
+//# sourceMappingURL=MultiSelectField.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * The routed content area. Purely structural: a min-height-0 flex column that fills
+ * its slot in the AppShell. It sets NO scroll/overflow and NO background — the single
+ * keyboard-safe `ScrollArea` (task 03) owns scrolling and the shell owns the page bg.
+ */
+export declare function Page({ className, ...p }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/** Max-width centering + responsive horizontal gutters. Never sets height or overflow. */
+export declare function PageContainer({ className, ...p }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface PageHeaderProps {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    /** Right-anchored page actions (desktop pushes them right via the Split row). */
+    actions?: ReactNode;
+    className?: string;
+}
+/**
+ * The page title row: an `<h1>` (fluid `text-h1`) + optional subtitle, with optional
+ * actions pushed to the trailing edge. A bottom border separates it from the body;
+ * the sticky footer of actions is `ActionBar`'s job (task 06), not this.
+ */
+export declare function PageHeader({ title, subtitle, actions, className }: PageHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/react/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEvE;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAIhF;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,eAAe,+BAUlF"}

package/dist/react/components/Page.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+import { Split } from './layout';
+/**
+ * The routed content area. Purely structural: a min-height-0 flex column that fills
+ * its slot in the AppShell. It sets NO scroll/overflow and NO background — the single
+ * keyboard-safe `ScrollArea` (task 03) owns scrolling and the shell owns the page bg.
+ */
+export function Page({ className, ...p }) {
+    return _jsx("div", { className: cn('flex min-h-0 flex-1 flex-col', className), ...p });
+}
+/** Max-width centering + responsive horizontal gutters. Never sets height or overflow. */
+export function PageContainer({ className, ...p }) {
+    return (_jsx("div", { className: cn('mx-auto w-full max-w-5xl px-4 py-6 sm:px-6 lg:px-8', className), ...p }));
+}
+/**
+ * The page title row: an `<h1>` (fluid `text-h1`) + optional subtitle, with optional
+ * actions pushed to the trailing edge. A bottom border separates it from the body;
+ * the sticky footer of actions is `ActionBar`'s job (task 06), not this.
+ */
+export function PageHeader({ title, subtitle, actions, className }) {
+    return (_jsxs(Split, { className: cn('border-b border-border px-4 py-4 sm:px-6 lg:px-8', className), children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("h1", { className: 'text-h1 font-bold tracking-tight text-foreground', children: title }), subtitle && _jsx("p", { className: 'mt-1 text-sm text-muted-foreground', children: subtitle })] }), actions && _jsx("div", { className: 'flex items-center gap-2', children: actions })] }));
+}
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/react/components/Page.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAkC;IACtE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,CAAC,GAAI,CAAC;AAClF,CAAC;AAED,0FAA0F;AAC1F,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAkC;IAC/E,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAAM,CAAC,GAAI,CAC/F,CAAC;AACJ,CAAC;AAUD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAmB;IACjF,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE,SAAS,CAAC,aACjF,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAC,kDAAkD,YAAE,KAAK,GAAM,EAC5E,QAAQ,IAAI,YAAG,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAK,IACzE,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,IAC9D,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react';
+/**
+ * Named bottom-space presets. `default` is the universal spacing every page gets;
+ * the others let a page ask for more (`roomy`) or less (`compact`/`none`) clearance
+ * via the `space` prop or — for a single shell-level spacer — `usePageBottomSpace`.
+ */
+export type PageBottomSpace = 'none' | 'compact' | 'default' | 'roomy';
+/** Explicit spacer heights: any CSS length for mobile (`base`) and md+ (`md`). */
+export interface PageBottomSpaceValue {
+    base: string;
+    md: string;
+}
+export interface PageBottomProps {
+    /** Extra content (e.g. a sticky toolbar) to render above the spacer. */
+    children?: ReactNode;
+    /**
+     * The instance's default spacer size — the app shell's "set up once" knob.
+     * A page can still override it at runtime with `usePageBottomSpace`. Defaults
+     * to `default` (the universal spacing).
+     */
+    space?: PageBottomSpace;
+}
+/**
+ * Universal bottom spacer — drop it at the end of every scrollable page (typically
+ * once, in the app shell, after the routed content).
+ *
+ * On mobile (< md) it reserves 33 vh so the last row can always be scrolled fully
+ * above a fixed bottom strip (e.g. a ShortcutDock). On desktop it reserves 6 rem +
+ * the iOS safe-area home-indicator inset + the on-screen keyboard height (tracked
+ * by `useKeyboardInset` on `--keyboard-inset`).
+ *
+ * The height is driven by `--page-bottom-space` / `--page-bottom-space-md` with the
+ * `space` preset as the fallback, so any page can ask for more or less clearance at
+ * runtime by calling `usePageBottomSpace(...)`: the single shell-level spacer
+ * honours it with no prop drilling, and reverts when that page unmounts.
+ *
+ * `pointer-events-none` is essential: a flex-col page whose content is taller than
+ * its shrunk flex item (e.g. a full-bleed canvas with controls below it) can render
+ * UNDER this spacer — without it the transparent div would silently swallow pointer
+ * events on those bottom controls.
+ *
+ * Install `useKeyboardInset` once near the app root so `--keyboard-inset` is always
+ * defined; without it the spacer falls back to `0px` for that variable.
+ *
+ * Requires `viewport-fit=cover` in the `<meta name="viewport">` tag for
+ * `env(safe-area-inset-bottom)` to report the actual iOS home-indicator height (it
+ * returns `0px` without that flag).
+ */
+export declare const PageBottom: ({ children, space }?: PageBottomProps) => import("react").JSX.Element;
+/**
+ * Override the universal `PageBottom` spacer for the current page. Call it from any
+ * page that needs more or less bottom clearance than the shell default; pass a
+ * preset name or an explicit `{ base, md }` height pair, or `null`/`undefined` to
+ * leave the default untouched. The override is reverted automatically when the page
+ * unmounts.
+ *
+ * It publishes `--page-bottom-space` / `--page-bottom-space-md` on `<html>` — the
+ * same mechanism as `useKeyboardInset` — which the shell's `<PageBottom />` reads,
+ * so a single spacer instance honours a per-page request without prop drilling.
+ */
+export declare const usePageBottomSpace: (space: PageBottomSpace | PageBottomSpaceValue | null | undefined) => void;
+//# sourceMappingURL=PageBottom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageBottom.d.ts","sourceRoot":"","sources":["../../../src/react/components/PageBottom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvE,kFAAkF;AAClF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAqCD,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,GAAI,sBAAiC,eAAoB,gCAK/E,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,eAAe,GAAG,oBAAoB,GAAG,IAAI,GAAG,SAAS,KAC/D,IAcF,CAAC"}

package/dist/react/components/PageBottom.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+// Each preset is a COMPLETE literal class pair (mobile + md) so Tailwind's JIT can
+// see it when scanning cwip's dist. The height reads a CSS variable whose *fallback*
+// is the preset's default — so the visual default is unchanged, AND any page can
+// override the (typically single, shell-level) spacer at runtime via
+// `usePageBottomSpace`, which writes that variable onto `<html>`. No prop drilling:
+// one `<PageBottom/>` in the app shell still honours a per-page request.
+const SPACE_CLASS = {
+    none: 'h-[var(--page-bottom-space,0px)] md:h-[var(--page-bottom-space-md,0px)]',
+    compact: 'h-[var(--page-bottom-space,16vh)] md:h-[var(--page-bottom-space-md,calc(3rem+env(safe-area-inset-bottom,0px)+var(--keyboard-inset,0px)))]',
+    default: 'h-[var(--page-bottom-space,33vh)] md:h-[var(--page-bottom-space-md,calc(6rem+env(safe-area-inset-bottom,0px)+var(--keyboard-inset,0px)))]',
+    roomy: 'h-[var(--page-bottom-space,50vh)] md:h-[var(--page-bottom-space-md,calc(10rem+env(safe-area-inset-bottom,0px)+var(--keyboard-inset,0px)))]',
+};
+// The CSS length each preset resolves to — mirrors the SPACE_CLASS fallbacks. The
+// override hook writes these onto `<html>` as plain CSS (NOT through Tailwind), so
+// they keep the spaces CSS `calc()` requires around `+`/`-`.
+const SPACE_VALUE = {
+    none: { base: '0px', md: '0px' },
+    compact: {
+        base: '16vh',
+        md: 'calc(3rem + env(safe-area-inset-bottom, 0px) + var(--keyboard-inset, 0px))',
+    },
+    default: {
+        base: '33vh',
+        md: 'calc(6rem + env(safe-area-inset-bottom, 0px) + var(--keyboard-inset, 0px))',
+    },
+    roomy: {
+        base: '50vh',
+        md: 'calc(10rem + env(safe-area-inset-bottom, 0px) + var(--keyboard-inset, 0px))',
+    },
+};
+/**
+ * Universal bottom spacer — drop it at the end of every scrollable page (typically
+ * once, in the app shell, after the routed content).
+ *
+ * On mobile (< md) it reserves 33 vh so the last row can always be scrolled fully
+ * above a fixed bottom strip (e.g. a ShortcutDock). On desktop it reserves 6 rem +
+ * the iOS safe-area home-indicator inset + the on-screen keyboard height (tracked
+ * by `useKeyboardInset` on `--keyboard-inset`).
+ *
+ * The height is driven by `--page-bottom-space` / `--page-bottom-space-md` with the
+ * `space` preset as the fallback, so any page can ask for more or less clearance at
+ * runtime by calling `usePageBottomSpace(...)`: the single shell-level spacer
+ * honours it with no prop drilling, and reverts when that page unmounts.
+ *
+ * `pointer-events-none` is essential: a flex-col page whose content is taller than
+ * its shrunk flex item (e.g. a full-bleed canvas with controls below it) can render
+ * UNDER this spacer — without it the transparent div would silently swallow pointer
+ * events on those bottom controls.
+ *
+ * Install `useKeyboardInset` once near the app root so `--keyboard-inset` is always
+ * defined; without it the spacer falls back to `0px` for that variable.
+ *
+ * Requires `viewport-fit=cover` in the `<meta name="viewport">` tag for
+ * `env(safe-area-inset-bottom)` to report the actual iOS home-indicator height (it
+ * returns `0px` without that flag).
+ */
+export const PageBottom = ({ children, space = 'default' } = {}) => (_jsxs(_Fragment, { children: [children, _jsx("div", { "aria-hidden": 'true', className: `pointer-events-none shrink-0 ${SPACE_CLASS[space]}` })] }));
+/**
+ * Override the universal `PageBottom` spacer for the current page. Call it from any
+ * page that needs more or less bottom clearance than the shell default; pass a
+ * preset name or an explicit `{ base, md }` height pair, or `null`/`undefined` to
+ * leave the default untouched. The override is reverted automatically when the page
+ * unmounts.
+ *
+ * It publishes `--page-bottom-space` / `--page-bottom-space-md` on `<html>` — the
+ * same mechanism as `useKeyboardInset` — which the shell's `<PageBottom />` reads,
+ * so a single spacer instance honours a per-page request without prop drilling.
+ */
+export const usePageBottomSpace = (space) => {
+    const value = space == null ? null : typeof space === 'string' ? SPACE_VALUE[space] : space;
+    const base = value?.base ?? null;
+    const md = value?.md ?? null;
+    useEffect(() => {
+        if (base == null || md == null)
+            return;
+        const root = document.documentElement;
+        root.style.setProperty('--page-bottom-space', base);
+        root.style.setProperty('--page-bottom-space-md', md);
+        return () => {
+            root.style.removeProperty('--page-bottom-space');
+            root.style.removeProperty('--page-bottom-space-md');
+        };
+    }, [base, md]);
+};
+//# sourceMappingURL=PageBottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageBottom.js","sourceRoot":"","sources":["../../../src/react/components/PageBottom.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,mFAAmF;AACnF,qFAAqF;AACrF,iFAAiF;AACjF,qEAAqE;AACrE,oFAAoF;AACpF,yEAAyE;AACzE,MAAM,WAAW,GAAoC;IACnD,IAAI,EAAE,yEAAyE;IAC/E,OAAO,EACL,2IAA2I;IAC7I,OAAO,EACL,2IAA2I;IAC7I,KAAK,EACH,4IAA4I;CAC/I,CAAC;AAEF,kFAAkF;AAClF,mFAAmF;AACnF,6DAA6D;AAC7D,MAAM,WAAW,GAAkD;IACjE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;IAChC,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,4EAA4E;KACjF;IACD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,4EAA4E;KACjF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,6EAA6E;KAClF;CACF,CAAC;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,KAAsB,EAAE,EAAE,EAAE,CAAC,CACnF,8BACG,QAAQ,EACT,6BAAiB,MAAM,EAAC,SAAS,EAAE,gCAAgC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAI,IAC1F,CACJ,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAgE,EAC1D,EAAE;IACR,MAAM,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5F,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC;IACjC,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,IAAI,IAAI,CAAC;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI;YAAE,OAAO;QACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;QACrD,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AACjB,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+export type PageContainerSize = 'default' | 'narrow' | 'wide';
+export interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {
+    size?: PageContainerSize;
+}
+/** Centered, max-width content column with consistent horizontal padding. */
+export declare function PageContainer({ size, className, ...props }: PageContainerProps): import("react").JSX.Element;
+//# sourceMappingURL=PageContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/react/components/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAQ9D,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAE1F"}

package/dist/react/components/PageContainer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+const SIZE = {
+    default: 'max-w-6xl',
+    narrow: 'max-w-3xl',
+    wide: 'max-w-7xl',
+};
+/** Centered, max-width content column with consistent horizontal padding. */
+export function PageContainer({ size = 'default', className, ...props }) {
+    return _jsx("div", { className: cn('mx-auto w-full px-6', SIZE[size], className), ...props });
+}
+//# sourceMappingURL=PageContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.js","sourceRoot":"","sources":["../../../src/react/components/PageContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,IAAI,GAAsC;IAC9C,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,WAAW;CAClB,CAAC;AAMF,6EAA6E;AAC7E,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IACzF,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACzF,CAAC"}

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

@@ -0,0 +1,24 @@
+import { type StyleableProps } from '../styling';
+export type PaginationSlot = 'root';
+export interface PaginationProps extends StyleableProps<PaginationSlot> {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    /** Context for the "X–Y of Z" range label. */
+    total?: number;
+    pageSize?: number;
+    /** Optional rows-per-page selector. */
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (size: number) => void;
+    /** Pages shown on each side of the current page (default 1). */
+    siblingCount?: number;
+    className?: string;
+}
+/**
+ * A pagination bar: a "X–Y of Z" range label, an optional rows-per-page selector,
+ * and windowed page-number controls with Prev/Next. Fully controlled — drive it
+ * with `usePagination` (client-side) or your own offset/limit state. Renders
+ * nothing when there's a single page and no size selector.
+ */
+export declare const Pagination: ({ page, pageCount, onPageChange, total, pageSize, pageSizeOptions, onPageSizeChange, siblingCount, className, classNames, unstyled, }: PaginationProps) => import("react").JSX.Element | null;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/react/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AA4CnE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,uIAYxB,eAAe,uCA4FjB,CAAC"}

package/dist/react/components/Pagination.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx, resolveClass } from '../styling';
+const ELLIPSIS = 'ellipsis';
+// Windowed page list: always show first/last, the current page, and `siblingCount`
+// neighbours on each side, collapsing the rest into ellipses. e.g. 1 … 4 5 [6] 7 8 … 20
+const buildRange = (page, pageCount, siblingCount) => {
+    const totalShown = siblingCount * 2 + 5; // first+last + current + 2 siblings + 2 ellipses
+    if (pageCount <= totalShown)
+        return Array.from({ length: pageCount }, (_, i) => i + 1);
+    const left = Math.max(page - siblingCount, 1);
+    const right = Math.min(page + siblingCount, pageCount);
+    const showLeftEllipsis = left > 2;
+    const showRightEllipsis = right < pageCount - 1;
+    const tokens = [1];
+    if (showLeftEllipsis)
+        tokens.push(ELLIPSIS);
+    for (let p = showLeftEllipsis ? left : 2; p <= (showRightEllipsis ? right : pageCount - 1); p++)
+        tokens.push(p);
+    if (showRightEllipsis)
+        tokens.push(ELLIPSIS);
+    tokens.push(pageCount);
+    return tokens;
+};
+const Chevron = ({ dir }) => (_jsxs("svg", { viewBox: '0 0 24 24', width: '16', height: '16', fill: 'none', stroke: 'currentColor', strokeWidth: '2', role: 'img', children: [_jsx("title", { children: dir === 'left' ? 'Previous' : 'Next' }), _jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: dir === 'left' ? 'M15 18l-6-6 6-6' : 'M9 18l6-6-6-6' })] }));
+const NAV_BTN = 'inline-flex h-8 min-w-8 items-center justify-center rounded-lg border border-gray-300 px-2 text-sm font-medium text-gray-700 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-40 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800';
+/**
+ * A pagination bar: a "X–Y of Z" range label, an optional rows-per-page selector,
+ * and windowed page-number controls with Prev/Next. Fully controlled — drive it
+ * with `usePagination` (client-side) or your own offset/limit state. Renders
+ * nothing when there's a single page and no size selector.
+ */
+export const Pagination = ({ page, pageCount, onPageChange, total, pageSize, pageSizeOptions, onPageSizeChange, siblingCount = 1, className, classNames, unstyled, }) => {
+    const showSizes = Boolean(pageSizeOptions?.length && onPageSizeChange);
+    if (pageCount <= 1 && !showSizes)
+        return null;
+    const go = (p) => onPageChange(Math.min(Math.max(p, 1), pageCount));
+    const tokens = buildRange(page, pageCount, siblingCount);
+    let rangeLabel = null;
+    if (typeof total === 'number' && typeof pageSize === 'number') {
+        const start = total === 0 ? 0 : (page - 1) * pageSize + 1;
+        const end = Math.min(page * pageSize, total);
+        rangeLabel = `${start}–${end} of ${total}`;
+    }
+    return (_jsxs("div", { className: resolveClass('flex flex-wrap items-center justify-between gap-3', classNames?.root ?? className, unstyled), children: [_jsxs("div", { className: 'flex items-center gap-3 text-sm text-gray-500 dark:text-gray-400', children: [rangeLabel && _jsx("span", { children: rangeLabel }), showSizes && (_jsxs("label", { className: 'flex items-center gap-1.5', children: [_jsx("span", { children: "Per page" }), _jsx("select", { "aria-label": 'Rows per page', className: 'rounded-lg border border-gray-300 bg-white px-2 py-1 text-sm dark:border-gray-700 dark:bg-gray-900', value: pageSize, onChange: (e) => onPageSizeChange?.(Number(e.target.value)), children: pageSizeOptions?.map((size) => (_jsx("option", { value: size, children: size }, size))) })] }))] }), pageCount > 1 && (_jsxs("div", { className: 'flex items-center gap-1', children: [_jsx("button", { type: 'button', "aria-label": 'Previous page', className: NAV_BTN, disabled: page <= 1, onClick: () => go(page - 1), children: _jsx(Chevron, { dir: 'left' }) }), tokens.map((token, i) => token === ELLIPSIS ? (_jsx("span", { className: 'px-1 text-sm text-gray-400', children: "\u2026" }, `ellipsis-${i}`)) : (_jsx("button", { type: 'button', "aria-label": `Page ${token}`, "aria-current": token === page ? 'page' : undefined, onClick: () => go(token), className: cx('inline-flex h-8 min-w-8 items-center justify-center rounded-lg px-2 text-sm font-medium transition', token === page
+                            ? 'bg-accent text-white'
+                            : 'border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800'), children: token }, token))), _jsx("button", { type: 'button', "aria-label": 'Next page', className: NAV_BTN, disabled: page >= pageCount, onClick: () => go(page + 1), children: _jsx(Chevron, { dir: 'right' }) })] }))] }));
+};
+//# sourceMappingURL=Pagination.js.map

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

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