@nestjs-dash/design-system 0.2.0

package/dist/components/file-upload-field.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { Button } from './ui/button.js';
+import { Icon } from './icon.js';
+import { Input } from './ui/input.js';
+import { Label } from './ui/label.js';
+function parseFileItems(value) {
+    if (value == null || value === '')
+        return [];
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            const parsed = JSON.parse(value);
+            if (Array.isArray(parsed))
+                return parsed;
+        }
+        catch {
+            /* treat as single path/url */
+        }
+        if (value.startsWith('http') || value.includes('/')) {
+            return [{ path: value, url: value }];
+        }
+    }
+    return [];
+}
+function formatSize(bytes) {
+    if (!bytes)
+        return '';
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${Math.round(bytes / 1024)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+/**
+ * Interactive generic file field: file list, native picker, and a hidden JSON
+ * payload input so the surrounding `<form>` POST carries the uploaded items —
+ * same pattern as `ImageUploadField`, without the image preview/crop UI.
+ */
+export function FileUploadField(props) {
+    const multiple = props.multiple ?? false;
+    const maxFiles = props.maxFiles ?? (multiple ? 10 : 1);
+    const maxSizeBytes = (props.maxSizeKb ?? 10240) * 1024;
+    const [items, setItems] = useState(() => parseFileItems(props.defaultValue));
+    const [uploading, setUploading] = useState(false);
+    const [error, setError] = useState(null);
+    const id = useId();
+    async function uploadFile(file) {
+        if (file.size > maxSizeBytes) {
+            setError(`${file.name} exceeds the max size`);
+            return;
+        }
+        setError(null);
+        setUploading(true);
+        try {
+            const body = new FormData();
+            body.append('file', file);
+            if (props.disk)
+                body.append('disk', props.disk);
+            if (props.directory)
+                body.append('directory', props.directory);
+            if (props.visibility)
+                body.append('visibility', props.visibility);
+            body.append('accept', props.accept || '*');
+            const res = await fetch(props.uploadUrl, { method: 'POST', body });
+            if (!res.ok) {
+                throw new Error('Upload failed');
+            }
+            const data = (await res.json());
+            const next = {
+                path: data.path,
+                url: data.url,
+                disk: data.disk,
+                fileName: data.fileName,
+                mimeType: data.mimeType,
+                size: data.size,
+            };
+            setItems((prev) => (multiple ? [...prev, next].slice(0, maxFiles) : [next]));
+        }
+        catch {
+            setError(`Failed to upload ${file.name}`);
+        }
+        finally {
+            setUploading(false);
+        }
+    }
+    async function handleChange(event) {
+        const files = Array.from(event.target.files ?? []);
+        event.target.value = '';
+        for (const file of files) {
+            if (multiple && items.length >= maxFiles)
+                break;
+            await uploadFile(file);
+        }
+    }
+    function removeAt(index) {
+        setItems((prev) => prev.filter((_, i) => i !== index));
+    }
+    return (_jsxs("div", { className: "mb-4 grid gap-1.5", "data-afi-file-upload": true, children: [_jsx(Label, { htmlFor: id, children: props.label }), items.length > 0 ? (_jsx("ul", { className: "mb-2 grid gap-1.5", children: items.map((item, index) => (_jsxs("li", { className: "flex items-center gap-2 rounded-md border border-border bg-muted/30 px-2.5 py-1.5 text-sm", children: [_jsx(Icon, { name: "file", className: "shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate", children: item.fileName ?? item.path ?? item.url }), item.size ? (_jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: formatSize(item.size) })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": `Remove ${item.fileName ?? 'file'}`, onClick: () => removeAt(index), children: _jsx(Icon, { name: "x" }) })] }, `${item.path ?? item.url}-${index}`))) })) : null, _jsx(Input, { id: id, type: "file", accept: props.accept, multiple: multiple, disabled: uploading || (!multiple && items.length >= 1), required: Boolean(props.required) && items.length === 0, onChange: handleChange }), _jsx("p", { className: "m-0 text-sm text-muted-foreground", children: uploading
+                    ? 'Uploading…'
+                    : `Max ${props.maxSizeKb ?? 10240} KB${multiple ? ` · up to ${maxFiles} files` : ''}` }), error ? _jsx("p", { className: "m-0 text-sm text-destructive", children: error }) : null, _jsx("input", { type: "hidden", name: props.name, value: JSON.stringify(items), "data-afi-payload": true, readOnly: true })] }));
+}
+//# sourceMappingURL=file-upload-field.js.map

package/dist/components/file-upload-field.js.map

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

package/dist/components/icon.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+export declare function Icon(props: {
+    name: string;
+    className?: string;
+    size?: number;
+    style?: CSSProperties;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAY3C,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,sCAeA"}

package/dist/components/icon.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LucideIcons from 'lucide-react';
+import { cn } from '../lib/utils.js';
+function toLucideIconName(name) {
+    return name
+        .trim()
+        .split(/[-_\s]+/)
+        .filter(Boolean)
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+}
+export function Icon(props) {
+    const pascal = toLucideIconName(props.name);
+    const Candidate = LucideIcons[pascal];
+    if (typeof Candidate !== 'function' && typeof Candidate !== 'object') {
+        return null;
+    }
+    const Component = Candidate;
+    return (_jsx(Component, { className: cn('inline-block size-[1em] shrink-0 align-middle', props.className), size: props.size ?? 16, "aria-hidden": true, style: props.style }));
+}
+//# sourceMappingURL=icon.js.map

package/dist/components/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,SAAS,gBAAgB,CAAC,IAAY;IACpC,OAAO,IAAI;SACR,IAAI,EAAE;SACN,KAAK,CAAC,SAAS,CAAC;SAChB,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3D,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,KAKpB;IACC,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAI,WAAuC,CAAC,MAAM,CAAC,CAAC;IACnE,IAAI,OAAO,SAAS,KAAK,UAAU,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QACrE,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,SAAS,GAAG,SAAuB,CAAC;IAC1C,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/E,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,uBAEtB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC"}

package/dist/components/image-placeholder.d.ts

@@ -0,0 +1,7 @@
+export declare function ImagePlaceholder(props: {
+    shape?: 'circle' | 'square';
+    size?: 'sm' | 'lg';
+    className?: string;
+    'aria-label'?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=image-placeholder.d.ts.map

package/dist/components/image-placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-placeholder.d.ts","sourceRoot":"","sources":["../../src/components/image-placeholder.tsx"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,+BAqBA"}

package/dist/components/image-placeholder.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ImageIcon } from 'lucide-react';
+import { cn } from '../lib/utils.js';
+export function ImagePlaceholder(props) {
+    const shape = props.shape ?? 'square';
+    const size = props.size ?? 'lg';
+    return (_jsx("span", { "data-slot": "image-placeholder", 
+        // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role
+        role: "img", "aria-label": props['aria-label'] ?? 'No image', className: cn('inline-flex shrink-0 items-center justify-center border border-border bg-muted text-muted-foreground', size === 'sm' ? 'size-10' : 'size-20', shape === 'circle' ? 'rounded-full' : size === 'sm' ? 'rounded-md' : 'rounded-lg', props.className), children: _jsx(ImageIcon, { className: size === 'sm' ? 'size-4' : 'size-6', "aria-hidden": true }) }));
+}
+//# sourceMappingURL=image-placeholder.js.map

package/dist/components/image-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-placeholder.js","sourceRoot":"","sources":["../../src/components/image-placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,gBAAgB,CAAC,KAKhC;IACC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;IAChC,OAAO,CAGL,4BACY,mBAAmB;QAC7B,yDAAyD;QACzD,IAAI,EAAC,KAAK,gBACE,KAAK,CAAC,YAAY,CAAC,IAAI,UAAU,EAC7C,SAAS,EAAE,EAAE,CACX,sGAAsG,EACtG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EACjF,KAAK,CAAC,SAAS,CAChB,YAED,KAAC,SAAS,IAAC,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,wBAAgB,GACpE,CACR,CAAC;AACJ,CAAC"}

package/dist/components/image-upload-field.d.ts

@@ -0,0 +1,29 @@
+export type ImageUploadItem = {
+    path?: string;
+    url?: string;
+    disk?: string;
+    fileName?: string;
+    mimeType?: string;
+    size?: number;
+};
+/**
+ * Interactive ImageUpload field: preview grid, native file picker, and a hidden
+ * JSON payload input so the surrounding `<form>` POST carries the uploaded items.
+ * Uploads POST directly to `uploadUrl` (the panel's `/uploads` endpoint).
+ */
+export declare function ImageUploadField(props: {
+    name: string;
+    label: string;
+    shape?: 'circle' | 'square';
+    multiple?: boolean;
+    maxFiles?: number;
+    maxSizeKb?: number;
+    accept?: string;
+    disk?: string;
+    directory?: string;
+    visibility?: string;
+    required?: boolean;
+    defaultValue?: unknown;
+    uploadUrl: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=image-upload-field.d.ts.map

package/dist/components/image-upload-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload-field.d.ts","sourceRoot":"","sources":["../../src/components/image-upload-field.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAmBF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,+BAkHA"}

package/dist/components/image-upload-field.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { cn } from '../lib/utils.js';
+import { Button } from './ui/button.js';
+import { Input } from './ui/input.js';
+import { Label } from './ui/label.js';
+import { ImagePlaceholder } from './image-placeholder.js';
+function parseImageItems(value) {
+    if (value == null || value === '')
+        return [];
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            const parsed = JSON.parse(value);
+            if (Array.isArray(parsed))
+                return parsed;
+        }
+        catch {
+            /* treat as single path/url */
+        }
+        if (value.startsWith('http') || value.includes('/')) {
+            return [{ path: value, url: value }];
+        }
+    }
+    return [];
+}
+/**
+ * Interactive ImageUpload field: preview grid, native file picker, and a hidden
+ * JSON payload input so the surrounding `<form>` POST carries the uploaded items.
+ * Uploads POST directly to `uploadUrl` (the panel's `/uploads` endpoint).
+ */
+export function ImageUploadField(props) {
+    const shape = props.shape ?? 'square';
+    const multiple = props.multiple ?? false;
+    const maxFiles = props.maxFiles ?? (multiple ? 10 : 1);
+    const maxSizeBytes = (props.maxSizeKb ?? 5120) * 1024;
+    const [items, setItems] = useState(() => parseImageItems(props.defaultValue));
+    const [uploading, setUploading] = useState(false);
+    const [error, setError] = useState(null);
+    const id = useId();
+    const previewClass = shape === 'circle'
+        ? 'size-20 rounded-full border border-border object-cover bg-muted'
+        : 'size-20 rounded-lg border border-border object-cover bg-muted';
+    async function uploadFile(file) {
+        if (file.size > maxSizeBytes) {
+            setError(`${file.name} exceeds the max size`);
+            return;
+        }
+        setError(null);
+        setUploading(true);
+        try {
+            const body = new FormData();
+            body.append('file', file);
+            if (props.disk)
+                body.append('disk', props.disk);
+            if (props.directory)
+                body.append('directory', props.directory);
+            if (props.visibility)
+                body.append('visibility', props.visibility);
+            body.append('accept', props.accept || 'image/*');
+            const res = await fetch(props.uploadUrl, { method: 'POST', body });
+            if (!res.ok) {
+                throw new Error('Upload failed');
+            }
+            const data = (await res.json());
+            const next = {
+                path: data.path,
+                url: data.url,
+                disk: data.disk,
+                fileName: data.fileName,
+                mimeType: data.mimeType,
+                size: data.size,
+            };
+            setItems((prev) => (multiple ? [...prev, next].slice(0, maxFiles) : [next]));
+        }
+        catch {
+            setError(`Failed to upload ${file.name}`);
+        }
+        finally {
+            setUploading(false);
+        }
+    }
+    async function handleChange(event) {
+        const files = Array.from(event.target.files ?? []);
+        event.target.value = '';
+        for (const file of files) {
+            if (multiple && items.length >= maxFiles)
+                break;
+            await uploadFile(file);
+        }
+    }
+    function removeAt(index) {
+        setItems((prev) => prev.filter((_, i) => i !== index));
+    }
+    return (_jsxs("div", { className: "mb-4 grid gap-1.5", "data-afi-image-upload": true, children: [_jsx(Label, { htmlFor: id, children: props.label }), _jsx("div", { className: "mb-2 flex flex-wrap gap-3", "data-afi-previews": true, children: items.length > 0 ? (items.map((item, index) => {
+                    const src = item.url || item.path || '';
+                    return (_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx("img", { className: cn(previewClass), src: src, alt: "" }), _jsx(Button, { type: "button", variant: "link", size: "sm", className: "h-auto p-0 text-xs", onClick: () => removeAt(index), children: "Remove" })] }, `${src}-${index}`));
+                })) : (_jsx(ImagePlaceholder, { shape: shape, size: "lg", "aria-label": `${props.label} placeholder` })) }), _jsx(Input, { id: id, type: "file", accept: props.accept ?? 'image/*', multiple: multiple, disabled: uploading || (!multiple && items.length >= 1), required: Boolean(props.required) && items.length === 0, onChange: handleChange }), _jsx("p", { className: "m-0 text-sm text-muted-foreground", children: uploading
+                    ? 'Uploading…'
+                    : `Max ${props.maxSizeKb ?? 5120} KB${multiple ? ` · up to ${maxFiles} files` : ''}` }), error ? _jsx("p", { className: "m-0 text-sm text-destructive", children: error }) : null, _jsx("input", { type: "hidden", name: props.name, value: JSON.stringify(items), "data-afi-payload": true, readOnly: true })] }));
+}
+//# sourceMappingURL=image-upload-field.js.map

package/dist/components/image-upload-field.js.map

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

package/dist/components/repeater-field.d.ts

@@ -0,0 +1,18 @@
+import type { SchemaNode } from '@nestjs-dash/support';
+/**
+ * Repeatable group of fields (e.g. line items). Rows are controlled React state —
+ * unlike the rest of the form (uncontrolled/`defaultValue`) — so add/remove/reorder
+ * can keep one hidden JSON `<input>` in sync (same convention `ImageUploadField` uses
+ * for its multi-file payload); the server parses it back into an array via
+ * `parseJsonArrayFields` before persistence.
+ */
+export declare function RepeaterField(props: {
+    name: string;
+    label: string;
+    schema: SchemaNode[];
+    minItems?: number;
+    maxItems?: number;
+    addActionLabel?: string;
+    defaultValue?: unknown;
+}): import("react").JSX.Element;
+//# sourceMappingURL=repeater-field.d.ts.map

package/dist/components/repeater-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeater-field.d.ts","sourceRoot":"","sources":["../../src/components/repeater-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAkHvD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BAkHA"}

package/dist/components/repeater-field.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { Icon } from './icon.js';
+import { Button } from './ui/button.js';
+import { Card, CardContent } from './ui/card.js';
+import { Checkbox } from './ui/checkbox.js';
+import { Input } from './ui/input.js';
+import { Label } from './ui/label.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select.js';
+import { Textarea } from './ui/textarea.js';
+function fieldName(field) {
+    return String(field.name ?? field.props.name ?? '');
+}
+function isRow(entry) {
+    return typeof entry === 'object' && entry !== null;
+}
+function parseRows(value) {
+    if (Array.isArray(value))
+        return value.filter(isRow);
+    if (typeof value === 'string' && value.trim() !== '') {
+        try {
+            const parsed = JSON.parse(value);
+            if (Array.isArray(parsed))
+                return parsed.filter(isRow);
+        }
+        catch {
+            /* empty */
+        }
+    }
+    return [];
+}
+function emptyRow(schema) {
+    const row = {};
+    for (const field of schema) {
+        const name = fieldName(field);
+        if (!name)
+            continue;
+        row[name] = field.kind === 'checkbox' || field.kind === 'toggle' ? false : '';
+    }
+    return row;
+}
+/** One row's cell — supports the field kinds `Repeater.schema()` accepts (text-input/textarea/select/checkbox/toggle), rendered as a controlled input so row state stays in sync with the hidden JSON payload. */
+function RepeaterRowField(props) {
+    const { field, value, onChange } = props;
+    const label = String(field.props.label ?? fieldName(field));
+    const id = useId();
+    if (field.kind === 'checkbox' || field.kind === 'toggle') {
+        return (_jsxs("label", { htmlFor: id, className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { id: id, checked: Boolean(value), onCheckedChange: (checked) => onChange(checked === true) }), label] }));
+    }
+    if (field.kind === 'textarea') {
+        return (_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Textarea, { id: id, rows: Number(field.props.rows ?? 2), value: value != null ? String(value) : '', onChange: (event) => onChange(event.target.value) })] }));
+    }
+    if (field.kind === 'select') {
+        const options = field.props.options ?? [];
+        return (_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsxs(Select, { value: value != null ? String(value) : '', onValueChange: onChange, children: [_jsx(SelectTrigger, { id: id, className: "w-full", children: _jsx(SelectValue, { placeholder: "Select\u2026" }) }), _jsx(SelectContent, { children: options.map((option) => (_jsx(SelectItem, { value: String(option.value), children: option.label }, String(option.value)))) })] })] }));
+    }
+    return (_jsxs("div", { className: "grid gap-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Input, { id: id, value: value != null ? String(value) : '', onChange: (event) => onChange(event.target.value) })] }));
+}
+/**
+ * Repeatable group of fields (e.g. line items). Rows are controlled React state —
+ * unlike the rest of the form (uncontrolled/`defaultValue`) — so add/remove/reorder
+ * can keep one hidden JSON `<input>` in sync (same convention `ImageUploadField` uses
+ * for its multi-file payload); the server parses it back into an array via
+ * `parseJsonArrayFields` before persistence.
+ */
+export function RepeaterField(props) {
+    const [rows, setRows] = useState(() => {
+        const initial = parseRows(props.defaultValue);
+        if (initial.length > 0)
+            return initial;
+        const min = props.minItems ?? 0;
+        return Array.from({ length: min }, () => emptyRow(props.schema));
+    });
+    function updateCell(index, name, value) {
+        setRows((prev) => prev.map((row, i) => (i === index ? { ...row, [name]: value } : row)));
+    }
+    function addRow() {
+        if (props.maxItems != null && rows.length >= props.maxItems)
+            return;
+        setRows((prev) => [...prev, emptyRow(props.schema)]);
+    }
+    function removeRow(index) {
+        if (props.minItems != null && rows.length <= props.minItems)
+            return;
+        setRows((prev) => prev.filter((_, i) => i !== index));
+    }
+    function moveRow(index, direction) {
+        setRows((prev) => {
+            const target = index + direction;
+            if (target < 0 || target >= prev.length)
+                return prev;
+            const next = [...prev];
+            [next[index], next[target]] = [next[target], next[index]];
+            return next;
+        });
+    }
+    const atMax = props.maxItems != null && rows.length >= props.maxItems;
+    const atMin = props.minItems != null && rows.length <= props.minItems;
+    return (_jsxs("div", { className: "mb-4 grid gap-2", "data-afi-repeater": true, children: [_jsx(Label, { children: props.label }), rows.length > 0 ? (_jsx("div", { className: "grid gap-3", children: rows.map((row, index) => (_jsx(Card, { className: "py-3", children: _jsxs(CardContent, { className: "flex flex-col gap-3 px-3", children: [_jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: props.schema.map((field) => {
+                                    const name = fieldName(field);
+                                    return (_jsx(RepeaterRowField, { field: field, value: row[name], onChange: (value) => updateCell(index, name, value) }, name));
+                                }) }), _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Move up", disabled: index === 0, onClick: () => moveRow(index, -1), children: _jsx(Icon, { name: "arrow-up" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Move down", disabled: index === rows.length - 1, onClick: () => moveRow(index, 1), children: _jsx(Icon, { name: "arrow-down" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Remove", disabled: atMin, onClick: () => removeRow(index), children: _jsx(Icon, { name: "trash-2" }) })] })] }) }, index))) })) : null, _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "w-fit", disabled: atMax, onClick: addRow, children: [_jsx(Icon, { name: "plus" }), props.addActionLabel ?? 'Add item'] }), _jsx("input", { type: "hidden", name: props.name, value: JSON.stringify(rows), "data-afi-payload": true, readOnly: true })] }));
+}
+//# sourceMappingURL=repeater-field.js.map

package/dist/components/repeater-field.js.map

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

package/dist/components/rich-box-field.d.ts

@@ -0,0 +1,29 @@
+export type RichBoxToolbarConfig = Array<Array<string | Record<string, unknown>>> | false;
+/**
+ * Full WYSIWYG rich text field, backed by Quill (https://github.com/slab/quill).
+ *
+ * Quill is loaded lazily and instantiated in an effect — never at module scope or during render
+ * — because it reaches for `document` on import, which crashes this page's `renderToString` SSR
+ * pass in plain Node. The pre-hydration render is just an inert placeholder over an empty target
+ * div; Quill only ever takes ownership of that div client-side, after mount.
+ *
+ * Mirrors NestJS Dash's other "widget syncs a hidden input" fields (TagsInputField,
+ * ImageUploadField): Quill owns a contenteditable node, and its HTML is mirrored into a hidden
+ * `<input>` so the surrounding `<form>` POST carries it under `props.name`.
+ */
+export declare function RichBoxField(props: {
+    id: string;
+    name: string;
+    label: string;
+    defaultValue?: unknown;
+    required?: boolean;
+    error?: string;
+    placeholder?: string;
+    height?: string;
+    theme?: 'snow' | 'bubble';
+    toolbar?: RichBoxToolbarConfig;
+    formats?: string[];
+    readOnly?: boolean;
+    modules?: Record<string, unknown>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=rich-box-field.d.ts.map

package/dist/components/rich-box-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-box-field.d.ts","sourceRoot":"","sources":["../../src/components/rich-box-field.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAgB1F;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC,+BAqEA"}

package/dist/components/rich-box-field.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../lib/utils.js';
+import { Label } from './ui/label.js';
+const DEFAULT_TOOLBAR = [
+    [{ header: [1, 2, 3, false] }],
+    ['bold', 'italic', 'underline', 'strike'],
+    [{ color: [] }, { background: [] }],
+    [{ script: 'sub' }, { script: 'super' }],
+    ['blockquote', 'code-block'],
+    [{ list: 'ordered' }, { list: 'bullet' }],
+    [{ indent: '-1' }, { indent: '+1' }],
+    [{ direction: 'rtl' }],
+    [{ align: [] }],
+    ['link', 'image', 'video'],
+    ['clean'],
+];
+/**
+ * Full WYSIWYG rich text field, backed by Quill (https://github.com/slab/quill).
+ *
+ * Quill is loaded lazily and instantiated in an effect — never at module scope or during render
+ * — because it reaches for `document` on import, which crashes this page's `renderToString` SSR
+ * pass in plain Node. The pre-hydration render is just an inert placeholder over an empty target
+ * div; Quill only ever takes ownership of that div client-side, after mount.
+ *
+ * Mirrors NestJS Dash's other "widget syncs a hidden input" fields (TagsInputField,
+ * ImageUploadField): Quill owns a contenteditable node, and its HTML is mirrored into a hidden
+ * `<input>` so the surrounding `<form>` POST carries it under `props.name`.
+ */
+export function RichBoxField(props) {
+    const editorRef = useRef(null);
+    const quillRef = useRef(null);
+    const initialHtml = props.defaultValue != null ? String(props.defaultValue) : '';
+    const [html, setHtml] = useState(initialHtml);
+    const [ready, setReady] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        void import('quill').then(({ default: Quill }) => {
+            if (cancelled || !editorRef.current)
+                return;
+            const quill = new Quill(editorRef.current, {
+                theme: props.theme ?? 'snow',
+                placeholder: props.placeholder,
+                readOnly: props.readOnly,
+                formats: props.formats,
+                modules: {
+                    toolbar: props.toolbar ?? DEFAULT_TOOLBAR,
+                    ...props.modules,
+                },
+            });
+            quillRef.current = quill;
+            if (initialHtml)
+                quill.clipboard.dangerouslyPasteHTML(initialHtml);
+            quill.on('text-change', () => {
+                const isEmpty = quill.getText().trim().length === 0 && quill.root.querySelector('img, iframe') == null;
+                setHtml(isEmpty ? '' : quill.root.innerHTML);
+            });
+            setReady(true);
+        });
+        return () => {
+            cancelled = true;
+            quillRef.current = null;
+        };
+        // Quill takes imperative ownership of the DOM node on mount; config props are read once.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (_jsxs("div", { className: "mb-4 grid gap-1.5", "data-afi-rich-box": true, children: [_jsx(Label, { htmlFor: props.id, children: props.label }), _jsxs("div", { className: "relative", children: [!ready ? (_jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 flex items-center justify-center rounded-md border border-input bg-muted/30 text-sm text-muted-foreground", style: { height: props.height ?? '240px' }, children: "Loading editor\u2026" })) : null, _jsx("div", { id: props.id, ref: editorRef, "aria-invalid": Boolean(props.error), className: cn('[&_.ql-container]:rounded-b-md [&_.ql-toolbar]:rounded-t-md', !ready && 'invisible'), style: { height: props.height ?? '240px' } })] }), _jsx("input", { type: "hidden", name: props.name, value: html, readOnly: true, "data-afi-payload": true }), props.error ? _jsx("p", { className: "text-sm text-destructive", children: props.error }) : null] }));
+}
+//# sourceMappingURL=rich-box-field.js.map

package/dist/components/rich-box-field.js.map

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

package/dist/components/rich-editor-field.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Markdown-toolbar-over-textarea: toolbar buttons wrap the current selection in
+ * markdown syntax. This is a lightweight authoring aid, not a WYSIWYG editor — the
+ * field's stored value is plain markdown text (no HTML, no injection surface).
+ */
+export declare function RichEditorField(props: {
+    id: string;
+    name: string;
+    label: string;
+    rows?: number;
+    defaultValue?: unknown;
+    required?: boolean;
+    error?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=rich-editor-field.d.ts.map

package/dist/components/rich-editor-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-field.d.ts","sourceRoot":"","sources":["../../src/components/rich-editor-field.tsx"],"names":[],"mappings":"AA+BA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BA8CA"}