@xenition/ui 0.1.0

package/dist/primitives/Checkbox.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+/** Themed checkbox bound to the `--xen-*` tokens — the check fills with the primary color. */
+exports.Checkbox = React.forwardRef(function Checkbox({ className, invalid = false, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", "aria-invalid": invalid || undefined, className: (0, cn_1.cn)('h-4 w-4 shrink-0 cursor-pointer rounded-[var(--xen-radius-sm)] accent-primary', 'border border-border transition-colors', 'focus:outline-none focus:ring-1 focus:ring-primary', invalid && 'ring-1 ring-danger', 'disabled:pointer-events-none disabled:opacity-50', className), ...rest }));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/primitives/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/primitives/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,6BAA0B;AAO1B,8FAA8F;AACjF,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,QAAQ,CACzF,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EACvC,GAAG;IAEH,OAAO,CACL,kCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,kBACD,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,IAAA,OAAE,EACX,+EAA+E,EAC/E,wCAAwC,EACxC,oDAAoD,EACpD,OAAO,IAAI,oBAAoB,EAC/B,kDAAkD,EAClD,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/primitives/Combobox.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface ComboboxOption {
+    label: string;
+    value: string;
+}
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+/** Searchable single-select (typeahead) bound to the theme tokens. */
+export declare function Combobox({ options, value, onChange, placeholder, className, }: ComboboxProps): React.ReactElement;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/primitives/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/primitives/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,SAAS,GACV,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA8CpC"}

package/dist/primitives/Combobox.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Combobox = Combobox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const useDismiss_1 = require("./useDismiss");
+/** Searchable single-select (typeahead) bound to the theme tokens. */
+function Combobox({ options, value, onChange, placeholder = 'Search…', className, }) {
+    const [query, setQuery] = React.useState('');
+    const [open, setOpen] = React.useState(false);
+    const ref = (0, useDismiss_1.useDismiss)(open, () => setOpen(false));
+    const selected = options.find((o) => o.value === value);
+    const filtered = options.filter((o) => o.label.toLowerCase().includes(query.toLowerCase()));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, cn_1.cn)('relative', className), children: [(0, jsx_runtime_1.jsx)("input", { value: open ? query : selected?.label ?? '', onChange: (e) => {
+                    setQuery(e.target.value);
+                    setOpen(true);
+                }, onFocus: () => setOpen(true), placeholder: placeholder, className: "w-full rounded-[var(--xen-radius-sm)] border border-border bg-surface px-3 py-2 text-base text-on-surface placeholder:text-muted focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary" }), open && ((0, jsx_runtime_1.jsx)("div", { className: "absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-[var(--xen-radius-md)] border border-border bg-surface py-1 shadow-lg", children: filtered.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "px-3 py-2 text-sm text-muted", children: "No matches" })) : (filtered.map((o) => ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
+                        onChange(o.value);
+                        setQuery('');
+                        setOpen(false);
+                    }, className: (0, cn_1.cn)('block w-full px-3 py-1.5 text-left text-sm transition-colors hover:bg-neutral-100', o.value === value ? 'font-medium text-primary' : 'text-on-surface'), children: o.label }, o.value)))) }))] }));
+}
+//# sourceMappingURL=Combobox.js.map

package/dist/primitives/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../src/primitives/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,4BAoDC;;AAtED,6CAA+B;AAC/B,6BAA0B;AAC1B,6CAA0C;AAe1C,sEAAsE;AACtE,SAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,SAAS,GACK;IACd,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,uBAAU,EAAiB,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,OAAE,EAAC,UAAU,EAAE,SAAS,CAAC,aACjD,kCACE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,EAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACzB,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,0MAA0M,GACpN,EACD,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,gIAAgI,YAC5I,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,gCAAK,SAAS,EAAC,8BAA8B,2BAAiB,CAC/D,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,mCAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;wBACb,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC,EACD,SAAS,EAAE,IAAA,OAAE,EACX,mFAAmF,EACnF,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,iBAAiB,CACnE,YAEA,CAAC,CAAC,KAAK,IAZH,CAAC,CAAC,KAAK,CAaL,CACV,CAAC,CACH,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/CrudTable.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { type DataTableColumn } from './DataTable';
+export type CrudFieldType = 'text' | 'textarea' | 'number' | 'select';
+export interface CrudField {
+    name: string;
+    label: string;
+    type?: CrudFieldType;
+    /** Options for `type: 'select'`. */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    required?: boolean;
+    placeholder?: string;
+}
+export interface CrudTableProps<T> {
+    title?: React.ReactNode;
+    columns: DataTableColumn<T>[];
+    rows: T[];
+    /** Form fields used for create + edit. */
+    fields: CrudField[];
+    getId: (row: T) => string;
+    onCreate: (values: Record<string, string>) => void | Promise<void>;
+    onUpdate: (id: string, values: Record<string, string>) => void | Promise<void>;
+    onDelete: (id: string) => void | Promise<void>;
+    /** Map a row → form values for editing (defaults to reading `field.name` off the row). */
+    toFormValues?: (row: T) => Record<string, string>;
+    loading?: boolean;
+    error?: string | null;
+    searchable?: boolean;
+    pageSize?: number;
+    createLabel?: string;
+}
+/**
+ * Full CRUD admin block in one component: a searchable/sortable/paginated
+ * {@link DataTable} + a "New" button + a create/edit `Modal` form (built from
+ * `fields`) + per-row Edit and delete-with-confirm. SDK-agnostic — wire
+ * `onCreate/onUpdate/onDelete` to `@xenition/sdk` (or anything). Themed.
+ */
+export declare function CrudTable<T>({ title, columns, rows, fields, getId, onCreate, onUpdate, onDelete, toFormValues, loading, error, searchable, pageSize, createLabel, }: CrudTableProps<T>): React.ReactElement;
+//# sourceMappingURL=CrudTable.d.ts.map

package/dist/primitives/CrudTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrudTable.d.ts","sourceRoot":"","sources":["../../src/primitives/CrudTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAY9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,0CAA0C;IAC1C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,0FAA0F;IAC1F,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,OAAe,EACf,KAAY,EACZ,UAAiB,EACjB,QAAa,EACb,WAAmB,GACpB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAuIxC"}

package/dist/primitives/CrudTable.js

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrudTable = CrudTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const DataTable_1 = require("./DataTable");
+const Modal_1 = require("./Modal");
+const Form_1 = require("./Form");
+const Field_1 = require("./Field");
+const Input_1 = require("./Input");
+const Textarea_1 = require("./Textarea");
+const Select_1 = require("./Select");
+const Button_1 = require("./Button");
+const Alert_1 = require("./Alert");
+const Popconfirm_1 = require("./Popconfirm");
+const StatusMessage_1 = require("./StatusMessage");
+/**
+ * Full CRUD admin block in one component: a searchable/sortable/paginated
+ * {@link DataTable} + a "New" button + a create/edit `Modal` form (built from
+ * `fields`) + per-row Edit and delete-with-confirm. SDK-agnostic — wire
+ * `onCreate/onUpdate/onDelete` to `@xenition/sdk` (or anything). Themed.
+ */
+function CrudTable({ title, columns, rows, fields, getId, onCreate, onUpdate, onDelete, toFormValues, loading = false, error = null, searchable = true, pageSize = 10, createLabel = 'New', }) {
+    const [open, setOpen] = React.useState(false);
+    const [editingId, setEditingId] = React.useState(null);
+    const [values, setValues] = React.useState({});
+    const [saving, setSaving] = React.useState(false);
+    const [formError, setFormError] = React.useState(null);
+    const emptyValues = () => Object.fromEntries(fields.map((f) => [f.name, '']));
+    const rowToValues = (row) => toFormValues
+        ? toFormValues(row)
+        : Object.fromEntries(fields.map((f) => [f.name, String(row[f.name] ?? '')]));
+    const openCreate = () => {
+        setEditingId(null);
+        setValues(emptyValues());
+        setFormError(null);
+        setOpen(true);
+    };
+    const openEdit = (row) => {
+        setEditingId(getId(row));
+        setValues(rowToValues(row));
+        setFormError(null);
+        setOpen(true);
+    };
+    const setField = (name, v) => setValues((s) => ({ ...s, [name]: v }));
+    const submit = async (e) => {
+        e.preventDefault();
+        const missing = fields.find((f) => f.required && !(values[f.name] ?? '').trim());
+        if (missing) {
+            setFormError(`${missing.label} is required`);
+            return;
+        }
+        setSaving(true);
+        setFormError(null);
+        try {
+            if (editingId)
+                await onUpdate(editingId, values);
+            else
+                await onCreate(values);
+            setOpen(false);
+        }
+        catch (err) {
+            setFormError(err instanceof Error ? err.message : 'Save failed');
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const actionsCol = {
+        key: '__actions',
+        header: '',
+        render: (row) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-end gap-2", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { size: "sm", variant: "ghost", onClick: () => openEdit(row), children: "Edit" }), (0, jsx_runtime_1.jsx)(Popconfirm_1.Popconfirm, { trigger: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "sm", variant: "ghost", children: "Delete" }), message: "Delete this item?", confirmLabel: "Delete", onConfirm: () => onDelete(getId(row)) })] })),
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [title != null && (0, jsx_runtime_1.jsx)("h2", { className: "text-lg font-semibold text-on-surface", children: title }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openCreate, children: createLabel })] }), error && (0, jsx_runtime_1.jsx)(Alert_1.Alert, { tone: "danger", children: error }), loading ? ((0, jsx_runtime_1.jsx)(StatusMessage_1.StatusMessage, { state: "loading" })) : ((0, jsx_runtime_1.jsx)(DataTable_1.DataTable, { columns: [...columns, actionsCol], rows: rows, searchable: searchable, pageSize: pageSize, getRowKey: (r) => getId(r) })), (0, jsx_runtime_1.jsx)(Modal_1.Modal, { open: open, onClose: () => setOpen(false), title: editingId ? 'Edit' : createLabel, children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { onSubmit: submit, children: [formError && (0, jsx_runtime_1.jsx)(Alert_1.Alert, { tone: "danger", children: formError }), fields.map((f) => ((0, jsx_runtime_1.jsx)(Field_1.Field, { label: f.label, required: f.required, children: f.type === 'textarea' ? ((0, jsx_runtime_1.jsx)(Textarea_1.Textarea, { value: values[f.name] ?? '', onChange: (e) => setField(f.name, e.target.value), placeholder: f.placeholder })) : f.type === 'select' ? ((0, jsx_runtime_1.jsxs)(Select_1.Select, { value: values[f.name] ?? '', onChange: (e) => setField(f.name, e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "Select\u2026" }), f.options?.map((o) => ((0, jsx_runtime_1.jsx)("option", { value: o.value, children: o.label }, o.value)))] })) : ((0, jsx_runtime_1.jsx)(Input_1.Input, { type: f.type === 'number' ? 'number' : 'text', value: values[f.name] ?? '', onChange: (e) => setField(f.name, e.target.value), placeholder: f.placeholder })) }, f.name))), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-end gap-2", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: saving, children: saving ? 'Saving…' : 'Save' })] })] }) })] }));
+}
+//# sourceMappingURL=CrudTable.js.map

package/dist/primitives/CrudTable.js.map

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

package/dist/primitives/DataTable.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface DataTableColumn<T> {
+    key: string;
+    header: React.ReactNode;
+    /** Custom cell renderer; falls back to `String(accessor(row))`. */
+    render?: (row: T) => React.ReactNode;
+    /** Enable click-to-sort on this column. */
+    sortable?: boolean;
+    /** Value used for sort + search (defaults to `row[key]`). */
+    accessor?: (row: T) => string | number;
+}
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    rows: T[];
+    /** Rows per page (default 10). */
+    pageSize?: number;
+    /** Show a search box that filters across accessors. */
+    searchable?: boolean;
+    getRowKey?: (row: T, index: number) => string;
+    onRowClick?: (row: T) => void;
+    empty?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Sortable, searchable, paginated data table — the control every list/CRM/admin
+ * screen needs. Client-side; bound to the theme tokens. For a full
+ * create/edit/delete screen use {@link CrudTable}.
+ */
+export declare function DataTable<T>({ columns, rows, pageSize, searchable, getRowKey, onRowClick, empty, className, }: DataTableProps<T>): React.ReactElement;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/primitives/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/primitives/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,QAAa,EACb,UAAkB,EAClB,SAAS,EACT,UAAU,EACV,KAAiB,EACjB,SAAS,GACV,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAkHxC"}

package/dist/primitives/DataTable.js

@@ -0,0 +1,88 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTable = DataTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("./cn");
+const Input_1 = require("./Input");
+const Pagination_1 = require("./Pagination");
+/**
+ * Sortable, searchable, paginated data table — the control every list/CRM/admin
+ * screen needs. Client-side; bound to the theme tokens. For a full
+ * create/edit/delete screen use {@link CrudTable}.
+ */
+function DataTable({ columns, rows, pageSize = 10, searchable = false, getRowKey, onRowClick, empty = 'No data', className, }) {
+    const [sort, setSort] = React.useState(null);
+    const [query, setQuery] = React.useState('');
+    const [page, setPage] = React.useState(1);
+    const accessorFor = React.useCallback((col) => col.accessor ?? ((row) => row[col.key]), []);
+    const filtered = React.useMemo(() => {
+        if (!searchable || !query.trim())
+            return rows;
+        const q = query.toLowerCase();
+        return rows.filter((r) => columns.some((c) => String(accessorFor(c)(r) ?? '').toLowerCase().includes(q)));
+    }, [rows, query, searchable, columns, accessorFor]);
+    const sorted = React.useMemo(() => {
+        if (!sort)
+            return filtered;
+        const col = columns.find((c) => c.key === sort.key);
+        if (!col)
+            return filtered;
+        const acc = accessorFor(col);
+        const copy = [...filtered].sort((a, b) => {
+            const av = acc(a);
+            const bv = acc(b);
+            if (av < bv)
+                return -1;
+            if (av > bv)
+                return 1;
+            return 0;
+        });
+        return sort.dir === 'asc' ? copy : copy.reverse();
+    }, [filtered, sort, columns, accessorFor]);
+    const pageCount = Math.max(1, Math.ceil(sorted.length / pageSize));
+    const current = Math.min(page, pageCount);
+    const pageRows = sorted.slice((current - 1) * pageSize, current * pageSize);
+    const toggleSort = (key) => setSort((s) => (s && s.key === key ? (s.dir === 'asc' ? { key, dir: 'desc' } : null) : { key, dir: 'asc' }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col gap-3', className), children: [searchable && ((0, jsx_runtime_1.jsx)(Input_1.Input, { value: query, onChange: (e) => {
+                    setQuery(e.target.value);
+                    setPage(1);
+                }, placeholder: "Search\u2026", className: "max-w-xs" })), (0, jsx_runtime_1.jsx)("div", { className: "w-full overflow-x-auto rounded-[var(--xen-radius-md)] border border-border", children: (0, jsx_runtime_1.jsxs)("table", { className: "w-full border-collapse text-sm", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { className: "border-b border-border bg-neutral-50", children: columns.map((c) => {
+                                    const active = sort?.key === c.key;
+                                    return ((0, jsx_runtime_1.jsx)("th", { className: (0, cn_1.cn)('px-4 py-2.5 text-left font-medium text-muted', c.sortable && 'cursor-pointer select-none'), onClick: c.sortable ? () => toggleSort(c.key) : undefined, children: (0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1", children: [c.header, c.sortable && ((0, jsx_runtime_1.jsx)("span", { className: "text-xs", children: active ? (sort?.dir === 'asc' ? '▲' : '▼') : '⇅' }))] }) }, c.key));
+                                }) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pageRows.length === 0 ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: columns.length, className: "px-4 py-10 text-center text-muted", children: empty }) })) : (pageRows.map((row, i) => ((0, jsx_runtime_1.jsx)("tr", { onClick: onRowClick ? () => onRowClick(row) : undefined, className: (0, cn_1.cn)('border-b border-border last:border-0', onRowClick && 'cursor-pointer transition-colors hover:bg-neutral-50'), children: columns.map((c) => ((0, jsx_runtime_1.jsx)("td", { className: "px-4 py-2.5 text-on-surface", children: c.render ? c.render(row) : String(accessorFor(c)(row) ?? '') }, c.key))) }, getRowKey ? getRowKey(row, i) : i)))) })] }) }), pageCount > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { page: current, pageCount: pageCount, onPageChange: setPage }) }))] }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/primitives/DataTable.js.map

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

package/dist/primitives/DatePicker.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface DatePickerProps {
+    /** ISO date string (yyyy-mm-dd). */
+    value: string;
+    onChange: (value: string) => void;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    className?: string;
+}
+/** Native, zero-asset date input bound to the theme tokens. */
+export declare function DatePicker({ value, onChange, min, max, disabled, invalid, className, }: DatePickerProps): React.ReactElement;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/primitives/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/primitives/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAoBtC"}

package/dist/primitives/DatePicker.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = DatePicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Native, zero-asset date input bound to the theme tokens. */
+function DatePicker({ value, onChange, min, max, disabled, invalid, className, }) {
+    return ((0, jsx_runtime_1.jsx)("input", { type: "date", value: value, min: min, max: max, disabled: disabled, onChange: (e) => onChange(e.target.value), "aria-invalid": invalid || undefined, className: (0, cn_1.cn)('rounded-[var(--xen-radius-sm)] border bg-surface px-3 py-2 text-base text-on-surface', 'focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50', invalid
+            ? 'border-danger focus:border-danger focus:ring-danger'
+            : 'border-border focus:border-primary focus:ring-primary', className) }));
+}
+//# sourceMappingURL=DatePicker.js.map

package/dist/primitives/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/primitives/DatePicker.tsx"],"names":[],"mappings":";;AAeA,gCA4BC;;AA1CD,6BAA0B;AAa1B,+DAA+D;AAC/D,SAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,GACO;IAChB,OAAO,CACL,kCACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,kBAC3B,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,IAAA,OAAE,EACX,sFAAsF,EACtF,kFAAkF,EAClF,OAAO;YACL,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,uDAAuD,EAC3D,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/primitives/Descriptions.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface DescriptionItem {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export interface DescriptionsProps {
+    items: DescriptionItem[];
+    columns?: 1 | 2;
+    className?: string;
+}
+/** Key/value detail grid bound to the theme tokens — for record/detail views. */
+export declare function Descriptions({ items, columns, className }: DescriptionsProps): React.ReactElement;
+//# sourceMappingURL=Descriptions.d.ts.map

package/dist/primitives/Descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.d.ts","sourceRoot":"","sources":["../../src/primitives/Descriptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iFAAiF;AACjF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAW,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAWrG"}

package/dist/primitives/Descriptions.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Descriptions = Descriptions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("./cn");
+/** Key/value detail grid bound to the theme tokens — for record/detail views. */
+function Descriptions({ items, columns = 1, className }) {
+    return ((0, jsx_runtime_1.jsx)("dl", { className: (0, cn_1.cn)('grid gap-x-6 gap-y-3', columns === 2 ? 'sm:grid-cols-2' : 'grid-cols-1', className), children: items.map((it, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0.5", children: [(0, jsx_runtime_1.jsx)("dt", { className: "text-xs font-medium uppercase tracking-wide text-muted", children: it.label }), (0, jsx_runtime_1.jsx)("dd", { className: "text-sm text-on-surface", children: it.value })] }, i))) }));
+}
+//# sourceMappingURL=Descriptions.js.map

package/dist/primitives/Descriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.js","sourceRoot":"","sources":["../../src/primitives/Descriptions.tsx"],"names":[],"mappings":";;AAeA,oCAWC;;AAzBD,6BAA0B;AAa1B,iFAAiF;AACjF,SAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAqB;IAC/E,OAAO,CACL,+BAAI,SAAS,EAAE,IAAA,OAAE,EAAC,sBAAsB,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,YACnG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,iCAAa,SAAS,EAAC,uBAAuB,aAC5C,+BAAI,SAAS,EAAC,wDAAwD,YAAE,EAAE,CAAC,KAAK,GAAM,EACtF,+BAAI,SAAS,EAAC,yBAAyB,YAAE,EAAE,CAAC,KAAK,GAAM,KAF/C,CAAC,CAGL,CACP,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/primitives/Drawer.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    side?: DrawerSide;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+/** Side sheet / drawer bound to the theme tokens. Portals to <body>; closes on backdrop / Escape. */
+export declare function Drawer({ open, onClose, side, title, children, className, }: DrawerProps): React.ReactElement | null;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/primitives/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/primitives/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,qGAAqG;AACrG,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,IAAc,EACd,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAqBzC"}

package/dist/primitives/Drawer.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = Drawer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const cn_1 = require("./cn");
+const POS = {
+    left: 'inset-y-0 left-0 h-full w-80 max-w-[85vw]',
+    right: 'inset-y-0 right-0 h-full w-80 max-w-[85vw]',
+    top: 'inset-x-0 top-0 w-full max-h-[85vh]',
+    bottom: 'inset-x-0 bottom-0 w-full max-h-[85vh]',
+};
+/** Side sheet / drawer bound to the theme tokens. Portals to <body>; closes on backdrop / Escape. */
+function Drawer({ open, onClose, side = 'right', title, children, className, }) {
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [open, onClose]);
+    if (!open || typeof document === 'undefined')
+        return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-50", role: "dialog", "aria-modal": "true", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-neutral-950/50", onClick: onClose }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('absolute overflow-auto bg-surface p-4 text-on-surface shadow-xl', POS[side], className), children: [title != null && (0, jsx_runtime_1.jsx)("h2", { className: "mb-3 text-lg font-semibold text-on-surface", children: title }), children] })] }), document.body);
+}
+//# sourceMappingURL=Drawer.js.map

package/dist/primitives/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/primitives/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,wBA4BC;;AAnDD,6CAA+B;AAC/B,yCAAyC;AACzC,6BAA0B;AAa1B,MAAM,GAAG,GAA+B;IACtC,IAAI,EAAE,2CAA2C;IACjD,KAAK,EAAE,4CAA4C;IACnD,GAAG,EAAE,qCAAqC;IAC1C,MAAM,EAAE,wCAAwC;CACjD,CAAC;AAEF,qGAAqG;AACrG,SAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,EACL,QAAQ,EACR,SAAS,GACG;IACZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,KAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACpC,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAC1D,OAAO,IAAA,wBAAY,EACjB,iCAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,aACjE,gCAAK,SAAS,EAAC,oCAAoC,EAAC,OAAO,EAAE,OAAO,GAAI,EACxE,iCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,iEAAiE,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aACxG,KAAK,IAAI,IAAI,IAAI,+BAAI,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAM,EACxF,QAAQ,IACL,IACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}

package/dist/primitives/Eyebrow.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type EyebrowTone = 'primary' | 'accent' | 'muted';
+export interface EyebrowProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /** Semantic color slot for the label (default `accent`). */
+    tone?: EyebrowTone;
+    /** Draw short hairline ticks flanking the label. */
+    rule?: boolean;
+    /** Horizontal alignment (default `start`; `center` for section openers). */
+    align?: 'start' | 'center';
+}
+/**
+ * Tracked small-caps kicker label — the tiny loud line above headings that
+ * every template hand-rolled. Uses the semantic `primary`/`accent`/`muted`
+ * slots (auto-contrast-checked by the theme compiler), never raw ramp steps,
+ * so it stays readable in both modes. The optional flanking rules use
+ * `currentColor` — no extra color rule needed.
+ */
+export declare const Eyebrow: React.ForwardRefExoticComponent<EyebrowProps & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=Eyebrow.d.ts.map