@nocoo/basalt 2.0.0-rc.1

package/dist/components/confirm-dialog.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+export type ConfirmDialogVariant = "default" | "destructive";
+export interface ConfirmDialogProps {
+    /** Whether the confirmation dialog is shown. */
+    open: boolean;
+    /** Called when the dialog requests to open or close. */
+    onOpenChange: (open: boolean) => void;
+    /** Called once when the user confirms. The dialog does not close itself. */
+    onConfirm: () => void | Promise<void>;
+    /** The dialog title. */
+    title: React.ReactNode;
+    /** Supporting copy that describes the action. */
+    description: React.ReactNode;
+    /**
+     * Label for the confirm button.
+     * @default "Confirm"
+     */
+    confirmLabel?: React.ReactNode;
+    /**
+     * Label for the cancel button.
+     * @default "Cancel"
+     */
+    cancelLabel?: React.ReactNode;
+    /**
+     * Appearance of the confirm button.
+     * @default "default"
+     */
+    variant?: ConfirmDialogVariant;
+    /**
+     * Disable both actions and ignore close requests while work is pending.
+     * @default false
+     */
+    loading?: boolean;
+}
+export interface UseConfirmOptions {
+    /** The dialog title. */
+    title: React.ReactNode;
+    /** Supporting copy that describes the action. */
+    description: React.ReactNode;
+    /** Label for the confirm button. */
+    confirmLabel?: React.ReactNode;
+    /** Label for the cancel button. */
+    cancelLabel?: React.ReactNode;
+    /** Appearance of the confirm button. */
+    variant?: ConfirmDialogVariant;
+}
+export interface UseConfirmResult {
+    confirm: (options: UseConfirmOptions) => Promise<boolean>;
+    dialogProps: ConfirmDialogProps;
+}
+export declare function ConfirmDialog({ cancelLabel, confirmLabel, description, loading, onConfirm, onOpenChange, open, title, variant, }: ConfirmDialogProps): React.JSX.Element;
+export declare function useConfirm(): UseConfirmResult;

package/dist/components/confirm-dialog.js

@@ -0,0 +1,61 @@
+"use client";
+import { Button as e } from "./button.js";
+import { AlertDialog as t, AlertDialogContent as n, AlertDialogDescription as r, AlertDialogFooter as i, AlertDialogHeader as a, AlertDialogTitle as o } from "./alert-dialog.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/confirm-dialog.tsx
+function u({ cancelLabel: s = "Cancel", confirmLabel: u = "Confirm", description: d, loading: f = !1, onConfirm: p, onOpenChange: m, open: h, title: g, variant: _ = "default" }) {
+	return /* @__PURE__ */ c(t, {
+		open: h,
+		onOpenChange: (e) => {
+			f && !e || m(e);
+		},
+		children: /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o, { children: g }), /* @__PURE__ */ c(r, { children: d })] }), /* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(e, {
+			disabled: f,
+			variant: "outline",
+			onClick: () => m(!1),
+			children: s
+		}), /* @__PURE__ */ c(e, {
+			loading: f,
+			variant: _,
+			onClick: () => {
+				f || p();
+			},
+			children: u
+		})] })] })
+	});
+}
+function d() {
+	let [e, t] = s.useState(!1), [n, r] = s.useState({
+		title: "",
+		description: ""
+	}), i = s.useRef(null), a = s.useCallback((e) => {
+		let t = i.current;
+		i.current = null, t?.(e);
+	}, []);
+	return s.useEffect(() => () => {
+		a(!1);
+	}, [a]), {
+		confirm: s.useCallback((e) => (a(!1), r(e), t(!0), new Promise((e) => {
+			i.current = e;
+		})), [a]),
+		dialogProps: {
+			open: e,
+			title: n.title,
+			description: n.description,
+			confirmLabel: n.confirmLabel,
+			cancelLabel: n.cancelLabel,
+			variant: n.variant,
+			onOpenChange: (e) => {
+				t(e), e || a(!1);
+			},
+			onConfirm: () => {
+				a(!0), t(!1);
+			}
+		}
+	};
+}
+//#endregion
+export { u as ConfirmDialog, d as useConfirm };
+
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","names":[],"sources":["../../src/components/confirm-dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n\tAlertDialog,\n\tAlertDialogContent,\n\tAlertDialogDescription,\n\tAlertDialogFooter,\n\tAlertDialogHeader,\n\tAlertDialogTitle,\n} from \"./alert-dialog\";\nimport { Button } from \"./button\";\n\nexport type ConfirmDialogVariant = \"default\" | \"destructive\";\n\nexport interface ConfirmDialogProps {\n\t/** Whether the confirmation dialog is shown. */\n\topen: boolean;\n\t/** Called when the dialog requests to open or close. */\n\tonOpenChange: (open: boolean) => void;\n\t/** Called once when the user confirms. The dialog does not close itself. */\n\tonConfirm: () => void | Promise<void>;\n\t/** The dialog title. */\n\ttitle: React.ReactNode;\n\t/** Supporting copy that describes the action. */\n\tdescription: React.ReactNode;\n\t/**\n\t * Label for the confirm button.\n\t * @default \"Confirm\"\n\t */\n\tconfirmLabel?: React.ReactNode;\n\t/**\n\t * Label for the cancel button.\n\t * @default \"Cancel\"\n\t */\n\tcancelLabel?: React.ReactNode;\n\t/**\n\t * Appearance of the confirm button.\n\t * @default \"default\"\n\t */\n\tvariant?: ConfirmDialogVariant;\n\t/**\n\t * Disable both actions and ignore close requests while work is pending.\n\t * @default false\n\t */\n\tloading?: boolean;\n}\n\nexport interface UseConfirmOptions {\n\t/** The dialog title. */\n\ttitle: React.ReactNode;\n\t/** Supporting copy that describes the action. */\n\tdescription: React.ReactNode;\n\t/** Label for the confirm button. */\n\tconfirmLabel?: React.ReactNode;\n\t/** Label for the cancel button. */\n\tcancelLabel?: React.ReactNode;\n\t/** Appearance of the confirm button. */\n\tvariant?: ConfirmDialogVariant;\n}\n\nexport interface UseConfirmResult {\n\tconfirm: (options: UseConfirmOptions) => Promise<boolean>;\n\tdialogProps: ConfirmDialogProps;\n}\n\nexport function ConfirmDialog({\n\tcancelLabel = \"Cancel\",\n\tconfirmLabel = \"Confirm\",\n\tdescription,\n\tloading = false,\n\tonConfirm,\n\tonOpenChange,\n\topen,\n\ttitle,\n\tvariant = \"default\",\n}: ConfirmDialogProps) {\n\treturn (\n\t\t<AlertDialog\n\t\t\topen={open}\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (loading && !next) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tonOpenChange(next);\n\t\t\t}}\n\t\t>\n\t\t\t<AlertDialogContent>\n\t\t\t\t<AlertDialogHeader>\n\t\t\t\t\t<AlertDialogTitle>{title}</AlertDialogTitle>\n\t\t\t\t\t<AlertDialogDescription>{description}</AlertDialogDescription>\n\t\t\t\t</AlertDialogHeader>\n\t\t\t\t<AlertDialogFooter>\n\t\t\t\t\t<Button disabled={loading} variant=\"outline\" onClick={() => onOpenChange(false)}>\n\t\t\t\t\t\t{cancelLabel}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!loading) {\n\t\t\t\t\t\t\t\tvoid onConfirm();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{confirmLabel}\n\t\t\t\t\t</Button>\n\t\t\t\t</AlertDialogFooter>\n\t\t\t</AlertDialogContent>\n\t\t</AlertDialog>\n\t);\n}\n\nexport function useConfirm(): UseConfirmResult {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [options, setOptions] = React.useState<UseConfirmOptions>({\n\t\ttitle: \"\",\n\t\tdescription: \"\",\n\t});\n\tconst resolverRef = React.useRef<((value: boolean) => void) | null>(null);\n\n\tconst settle = React.useCallback((value: boolean) => {\n\t\tconst resolve = resolverRef.current;\n\t\tresolverRef.current = null;\n\t\tresolve?.(value);\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\treturn () => {\n\t\t\tsettle(false);\n\t\t};\n\t}, [settle]);\n\n\tconst confirm = React.useCallback(\n\t\t(next: UseConfirmOptions) => {\n\t\t\tsettle(false);\n\t\t\tsetOptions(next);\n\t\t\tsetOpen(true);\n\t\t\treturn new Promise<boolean>((resolve) => {\n\t\t\t\tresolverRef.current = resolve;\n\t\t\t});\n\t\t},\n\t\t[settle],\n\t);\n\n\treturn {\n\t\tconfirm,\n\t\tdialogProps: {\n\t\t\topen,\n\t\t\ttitle: options.title,\n\t\t\tdescription: options.description,\n\t\t\tconfirmLabel: options.confirmLabel,\n\t\t\tcancelLabel: options.cancelLabel,\n\t\t\tvariant: options.variant,\n\t\t\tonOpenChange: (next) => {\n\t\t\t\tsetOpen(next);\n\t\t\t\tif (!next) {\n\t\t\t\t\tsettle(false);\n\t\t\t\t}\n\t\t\t},\n\t\t\tonConfirm: () => {\n\t\t\t\tsettle(true);\n\t\t\t\tsetOpen(false);\n\t\t\t},\n\t\t},\n\t};\n}\n"],"mappings":";;;;;;AAgEA,SAAgB,EAAc,EAC7B,iBAAc,UACd,kBAAe,WACf,gBACA,aAAU,IACV,cACA,iBACA,SACA,UACA,aAAU,aACY;CACtB,OACC,kBAAC,GAAD;EACO;EACN,eAAe,MAAS;GACnB,KAAW,CAAC,KAGhB,EAAa,CAAI;EAClB;EAEA,UAAA,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EAAA,UAAmB,EAAwB,CAAA,GAC3C,kBAAC,GAAD,EAAA,UAAyB,EAAoC,CAAA,CAC3C,EAAA,CAAA,GACnB,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD;GAAQ,UAAU;GAAS,SAAQ;GAAU,eAAe,EAAa,EAAK;GAC5E,UAAA;EACM,CAAA,GACR,kBAAC,GAAD;GACU;GACA;GACT,eAAe;IACd,AAAK,KACJ,EAAe;GAEjB;GAEC,UAAA;EACM,CAAA,CACU,EAAA,CAAA,CACA,EAAA,CAAA;CACR,CAAA;AAEf;AAEA,SAAgB,IAA+B;CAC9C,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,CAAC,GAAS,KAAc,EAAM,SAA4B;EAC/D,OAAO;EACP,aAAa;CACd,CAAC,GACK,IAAc,EAAM,OAA0C,IAAI,GAElE,IAAS,EAAM,aAAa,MAAmB;EACpD,IAAM,IAAU,EAAY;EAE5B,AADA,EAAY,UAAU,MACtB,IAAU,CAAK;CAChB,GAAG,CAAC,CAAC;CAoBL,OAlBA,EAAM,sBACQ;EACZ,EAAO,EAAK;CACb,GACE,CAAC,CAAM,CAAC,GAcJ;EACN,SAbe,EAAM,aACpB,OACA,EAAO,EAAK,GACZ,EAAW,CAAI,GACf,EAAQ,EAAI,GACL,IAAI,SAAkB,MAAY;GACxC,EAAY,UAAU;EACvB,CAAC,IAEF,CAAC,CAAM,CAIP;EACA,aAAa;GACZ;GACA,OAAO,EAAQ;GACf,aAAa,EAAQ;GACrB,cAAc,EAAQ;GACtB,aAAa,EAAQ;GACrB,SAAS,EAAQ;GACjB,eAAe,MAAS;IAEvB,AADA,EAAQ,CAAI,GACP,KACJ,EAAO,EAAK;GAEd;GACA,iBAAiB;IAEhB,AADA,EAAO,EAAI,GACX,EAAQ,EAAK;GACd;EACD;CACD;AACD"}

package/dist/components/context-menu.d.ts

@@ -0,0 +1,7 @@
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import * as React from "react";
+export declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function ContextMenuPanel({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;

package/dist/components/context-menu.js

@@ -0,0 +1,23 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { overlayItemClass as t, overlayPanelClass as n } from "./overlay.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-context-menu";
+//#region src/components/context-menu.tsx
+var o = a.Root, s = a.Trigger, c = a.Content, l = r.forwardRef(({ className: n, ...r }, o) => /* @__PURE__ */ i(a.Item, {
+	ref: o,
+	className: t(e("relative outline-hidden focus:bg-basalt-accent data-disabled:pointer-events-none data-disabled:opacity-50", n)),
+	...r
+}));
+l.displayName = a.Item.displayName;
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ i(a.Portal, { children: /* @__PURE__ */ i(a.Content, {
+		className: n(e("min-w-40", t)),
+		...r
+	}) });
+}
+//#endregion
+export { o as ContextMenu, c as ContextMenuContent, l as ContextMenuItem, u as ContextMenuPanel, s as ContextMenuTrigger };
+
+//# sourceMappingURL=context-menu.js.map

package/dist/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":[],"sources":["../../src/components/context-menu.tsx"],"sourcesContent":["import * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { overlayItemClass, overlayPanelClass } from \"./overlay\";\n\nexport const ContextMenu = ContextMenuPrimitive.Root;\nexport const ContextMenuTrigger = ContextMenuPrimitive.Trigger;\nexport const ContextMenuContent = ContextMenuPrimitive.Content;\n\nexport const ContextMenuItem = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n\t<ContextMenuPrimitive.Item\n\t\tref={ref}\n\t\tclassName={overlayItemClass(\n\t\t\tcn(\n\t\t\t\t\"relative outline-hidden focus:bg-basalt-accent data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t),\n\t\t)}\n\t\t{...props}\n\t/>\n));\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\n\nexport function ContextMenuPanel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal>\n\t\t\t<ContextMenuPrimitive.Content\n\t\t\t\tclassName={overlayPanelClass(cn(\"min-w-40\", className))}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</ContextMenuPrimitive.Portal>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,IAAa,IAAc,EAAqB,MACnC,IAAqB,EAAqB,SAC1C,IAAqB,EAAqB,SAE1C,IAAkB,EAAM,YAGlC,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAqB,MAAtB;CACM;CACL,WAAW,EACV,EACC,6GACA,CACD,CACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,EAAgB,cAAc,EAAqB,KAAK;AAExD,SAAgB,EAAiB,EAChC,cACA,GAAG,KAC0D;CAC7D,OACC,kBAAC,EAAqB,QAAtB,EAAA,UACC,kBAAC,EAAqB,SAAtB;EACC,WAAW,EAAkB,EAAG,YAAY,CAAS,CAAC;EACtD,GAAI;CACJ,CAAA,EAC2B,CAAA;AAE/B"}

package/dist/components/data-table.d.ts

@@ -0,0 +1,76 @@
+import { type ReactNode } from "react";
+export type DataTableColumn<T> = {
+    id: string;
+    header: string;
+    accessor: (row: T) => ReactNode;
+    sortValue?: (row: T) => string | number | bigint;
+    filterValue?: (row: T) => string | number | bigint;
+};
+export type DataTableProps<T = unknown> = {
+    /**
+     * Rows to render.
+     */
+    data: T[];
+    /**
+     * Column descriptors.
+     */
+    columns: DataTableColumn<T>[];
+    /**
+     * Filter query matched against column values.
+     * @default ""
+     */
+    filter?: string;
+    /**
+     * Replace rows with a loading placeholder.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Copy shown when no rows remain after filtering.
+     * @default "No results"
+     */
+    empty?: ReactNode;
+    /**
+     * Controlled selected row ids.
+     */
+    selected?: string[];
+    /**
+     * Uncontrolled initial selected row ids.
+     */
+    defaultSelected?: string[];
+    /**
+     * Called when selected row ids change.
+     */
+    onSelectedChange?: (ids: string[]) => void;
+    /**
+     * Allow more than one selected row.
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Controlled 1-based page. Used with pageSize.
+     */
+    page?: number;
+    /**
+     * Uncontrolled initial page.
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * Rows per page. Omit to show every row.
+     */
+    pageSize?: number;
+    /**
+     * Called when the page changes.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Stable id for a row.
+     */
+    getRowId?: (row: T, index: number) => string;
+    /**
+     * Additional classes for the table.
+     */
+    className?: string;
+};
+export declare function DataTable<T>({ data, columns, filter, loading, empty, selected, defaultSelected, onSelectedChange, multiple, page, defaultPage, pageSize, onPageChange, getRowId, className, }: DataTableProps<T>): import("react").JSX.Element;

package/dist/components/data-table.js

@@ -0,0 +1,230 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { SkeletonLine as t } from "./skeleton-line.js";
+import { Pagination as n } from "./pagination.js";
+import { Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "./table.js";
+import { useCallback as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/data-table.tsx
+function g(e) {
+	return typeof e == "bigint" ? e : typeof e == "number" && Number.isFinite(e) && Number.isInteger(e) ? BigInt(e) : null;
+}
+function _(e, t) {
+	let n = BigInt(Math.trunc(e));
+	return n < t ? -1 : n > t || e > Number(n) ? 1 : -1;
+}
+function v(e) {
+	return e === -Infinity ? 0 : typeof e == "bigint" || typeof e == "number" && Number.isFinite(e) ? 1 : e === Infinity ? 2 : typeof e == "number" ? 3 : typeof e == "string" ? 4 : 5;
+}
+function y(e, t) {
+	let n = v(e), r = v(t);
+	if (n !== r) return n - r;
+	if (n === 1) {
+		if (typeof e == "bigint" && typeof t == "bigint") return e < t ? -1 : +(e > t);
+		let n = g(e), r = g(t);
+		return n !== null && r !== null ? n < r ? -1 : +(n > r) : typeof e == "number" && typeof t == "bigint" ? _(e, t) : typeof e == "bigint" && typeof t == "number" ? -_(t, e) : e - t;
+	}
+	let i = String(e), a = String(t);
+	return i < a ? -1 : +(i > a);
+}
+function b(e, t, n, r) {
+	if (e === null) return "prim:null";
+	if (e === void 0) return "prim:undefined";
+	if (typeof e == "symbol") {
+		let t = n.get(e);
+		return t || (t = `prim:symbol:${r.current++}`, n.set(e, t)), t;
+	}
+	let i = typeof e;
+	return i === "number" ? Object.is(e, -0) ? "prim:number:-0" : `prim:number:${String(e)}` : i === "string" || i === "bigint" || i === "boolean" ? `prim:${i}:${String(e)}` : `prim:${t}`;
+}
+function x(e) {
+	return e.startsWith("dup:") || e.startsWith("gen:");
+}
+function ee(e) {
+	return e.startsWith("id:") || e.startsWith("get:");
+}
+function S(e) {
+	return typeof e == "function" || typeof e == "object" && !!e;
+}
+function te(e, t) {
+	if (e.filterValue) return String(e.filterValue(t));
+	if (e.sortValue) return String(e.sortValue(t));
+	let n = e.accessor(t);
+	return typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? String(n) : "";
+}
+function C(e, t, n, r) {
+	let i = r?.(e, t);
+	return i === void 0 ? S(e) && "id" in e && e.id != null ? String(e.id) : n : i;
+}
+function w({ data: g, columns: _, filter: v = "", loading: w = !1, empty: T = "No results", selected: E, defaultSelected: D, onSelectedChange: O, multiple: ne = !1, page: k, defaultPage: re = 1, pageSize: A, onPageChange: j, getRowId: M, className: N }) {
+	let [P, F] = p(null), [ie, ae] = p(D ?? []), [I, oe] = p(re), L = f(/* @__PURE__ */ new WeakMap()), R = f(0), z = f(/* @__PURE__ */ new WeakMap()), B = f(/* @__PURE__ */ new Map()), V = f(/* @__PURE__ */ new Map()), H = f(/* @__PURE__ */ new Map()), U = f(/* @__PURE__ */ new Map()), W = f(/* @__PURE__ */ new Map()), G = v.trim().toLowerCase(), K = d(() => {
+		let e = (e) => {
+			let t = L.current.get(e);
+			return t || (t = `basalt-row-${R.current++}`, L.current.set(e, t)), t;
+		}, t = (e, t) => {
+			let n = M?.(e, t);
+			if (n !== void 0) return `get:${n}`;
+			if (S(e) && "id" in e) {
+				let t = e.id;
+				if (t != null) return `id:${String(t)}`;
+			}
+		}, n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = (e, n, c, l) => {
+			if (!l) return;
+			let u = a.get(l) ?? [];
+			u.push(c), a.set(l, u), o.set(c, l), ee(c) && s.set(c, l);
+			let d = t(e, n);
+			if (d && (r.set(d, c), x(c))) {
+				let e = i.get(d) ?? [];
+				e.push(c), i.set(d, e);
+			}
+		}, l = /* @__PURE__ */ new WeakMap(), u = g.map((e, t) => {
+			let n = S(e) ? e : null, r = n ? l.get(n) ?? 0 : 0;
+			return n && l.set(n, r + 1), {
+				row: e,
+				index: t,
+				occurrence: r,
+				key: void 0
+			};
+		});
+		for (let e of u) {
+			let t = S(e.row) ? e.row : null;
+			if (!t) continue;
+			let r = z.current.get(t)?.[e.occurrence];
+			!r || n.has(r) || V.current.get(r) === t && (e.key = r, n.add(r));
+		}
+		let d = u.map(({ row: r, index: i, occurrence: a, key: o }) => {
+			let s = S(r) ? r : null;
+			if (o) return c(r, i, o, s), {
+				row: r,
+				key: o,
+				selectId: C(r, i, o, M)
+			};
+			let l = a > 0, u, d = t(r, i);
+			if (d && (u = d), s) {
+				let t = e(s);
+				if (!u) u = l ? `gen:${t}#${a}` : `gen:${t}`;
+				else if (n.has(u) || l) u = (U.current.get(u) ?? []).find((e) => !n.has(e)) ?? (l ? `dup:${t}#${a}` : `dup:${t}`);
+				else {
+					let e = H.current.get(u);
+					e && !n.has(e) && x(e) && (u = e);
+				}
+			}
+			if (u ??= b(r, i, W.current, R), n.has(u)) {
+				let e = 0, t = `occ:${u}#${e}`;
+				for (; n.has(t);) e += 1, t = `occ:${u}#${e}`;
+				u = t;
+			}
+			return n.add(u), c(r, i, u, s), {
+				row: r,
+				key: u,
+				selectId: C(r, i, u, M)
+			};
+		}), f = G ? d.filter(({ row: e }) => _.some((t) => te(t, e).toLowerCase().includes(G))) : d;
+		return {
+			rows: (() => {
+				if (!P) return f;
+				let e = _.find((e) => e.id === P.id);
+				return e ? [...f].sort((t, n) => {
+					let r = y(e.sortValue?.(t.row) ?? e.accessor(t.row), e.sortValue?.(n.row) ?? e.accessor(n.row));
+					return P.dir === "asc" ? r : -r;
+				}) : f;
+			})(),
+			assigned: a,
+			owner: o,
+			canonical: s,
+			lastKey: r,
+			dups: i
+		};
+	}, [
+		_,
+		g,
+		M,
+		G,
+		P
+	]);
+	u(() => {
+		for (let [e, t] of K.assigned) z.current.set(e, t);
+		V.current = K.owner, B.current = K.canonical, H.current = K.lastKey, U.current = K.dups;
+	}, [K]);
+	let q = E !== void 0 || D !== void 0 || O !== void 0, J = E ?? ie, Y = l((e) => {
+		E === void 0 && ae(e), O?.(e);
+	}, [O, E]), X = A && A > 0 ? Math.max(1, Math.ceil(K.rows.length / A)) : 1, Z = Math.min(X, Math.max(1, k ?? I)), se = l((e) => {
+		k === void 0 && oe(e), j?.(e);
+	}, [j, k]), Q = A && A > 0 ? K.rows.slice((Z - 1) * A, Z * A) : K.rows, $ = _.length + +!!q, ce = (e) => {
+		if (ne) {
+			Y(J.includes(e) ? J.filter((t) => t !== e) : [...J, e]);
+			return;
+		}
+		Y(J.includes(e) ? [] : [e]);
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "flex flex-col gap-3",
+		children: [/* @__PURE__ */ h(r, {
+			className: e("w-full", N),
+			"aria-busy": w || void 0,
+			children: [/* @__PURE__ */ m(s, { children: /* @__PURE__ */ h(c, { children: [q ? /* @__PURE__ */ m(o, { children: /* @__PURE__ */ m("span", {
+				className: "sr-only",
+				children: "Select"
+			}) }) : null, _.map((e) => /* @__PURE__ */ m(o, {
+				"aria-sort": P?.id === e.id ? P.dir === "asc" ? "ascending" : "descending" : "none",
+				children: /* @__PURE__ */ h("button", {
+					type: "button",
+					className: "appearance-none border-0 bg-transparent p-0 font-inherit text-inherit font-medium cursor-pointer",
+					onClick: () => F((t) => t?.id === e.id && t.dir === "asc" ? {
+						id: e.id,
+						dir: "desc"
+					} : {
+						id: e.id,
+						dir: "asc"
+					}),
+					children: [e.header, P?.id === e.id ? P.dir === "asc" ? " ↑" : " ↓" : ""]
+				})
+			}, e.id))] }) }), /* @__PURE__ */ m(i, { children: w ? /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(a, {
+				colSpan: $,
+				children: /* @__PURE__ */ h("div", {
+					role: "status",
+					className: "flex flex-col gap-2 py-2",
+					children: [
+						/* @__PURE__ */ m("span", {
+							className: "sr-only",
+							children: "Loading"
+						}),
+						/* @__PURE__ */ m(t, {}),
+						/* @__PURE__ */ m(t, {}),
+						/* @__PURE__ */ m(t, {})
+					]
+				})
+			}) }) : Q.length === 0 ? /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(a, {
+				colSpan: $,
+				children: /* @__PURE__ */ m("div", {
+					role: "status",
+					children: T
+				})
+			}) }) : Q.map(({ row: e, key: t, selectId: n }) => {
+				let r = J.includes(n);
+				return /* @__PURE__ */ h(c, {
+					variant: r ? "selected" : "default",
+					"aria-selected": q ? r : void 0,
+					children: [q ? /* @__PURE__ */ m(a, { children: /* @__PURE__ */ m("input", {
+						type: "checkbox",
+						checked: r,
+						"aria-label": `Select ${n}`,
+						onChange: () => ce(n)
+					}) }) : null, _.map((t) => {
+						let n = t.accessor(e);
+						return /* @__PURE__ */ m(a, { children: typeof n == "bigint" ? String(n) : n }, t.id);
+					})]
+				}, t);
+			}) })]
+		}), A && A > 0 ? /* @__PURE__ */ m(n, {
+			page: Z,
+			pageCount: X,
+			disabled: w,
+			onPageChange: se
+		}) : null]
+	});
+}
+//#endregion
+export { w as DataTable };
+
+//# sourceMappingURL=data-table.js.map

package/dist/components/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","names":[],"sources":["../../src/components/data-table.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Pagination } from \"./pagination\";\nimport { SkeletonLine } from \"./skeleton-line\";\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from \"./table\";\n\nexport type DataTableColumn<T> = {\n\tid: string;\n\theader: string;\n\taccessor: (row: T) => ReactNode;\n\tsortValue?: (row: T) => string | number | bigint;\n\tfilterValue?: (row: T) => string | number | bigint;\n};\n\nfunction asBigint(value: unknown): bigint | null {\n\tif (typeof value === \"bigint\") {\n\t\treturn value;\n\t}\n\tif (typeof value === \"number\" && Number.isFinite(value) && Number.isInteger(value)) {\n\t\treturn BigInt(value);\n\t}\n\treturn null;\n}\n\nfunction compareNumberAndBigint(num: number, big: bigint): number {\n\tconst truncated = BigInt(Math.trunc(num));\n\tif (truncated < big) {\n\t\treturn -1;\n\t}\n\tif (truncated > big) {\n\t\treturn 1;\n\t}\n\treturn num > Number(truncated) ? 1 : -1;\n}\n\nfunction rank(value: unknown): number {\n\tif (value === Number.NEGATIVE_INFINITY) {\n\t\treturn 0;\n\t}\n\tif (typeof value === \"bigint\" || (typeof value === \"number\" && Number.isFinite(value))) {\n\t\treturn 1;\n\t}\n\tif (value === Number.POSITIVE_INFINITY) {\n\t\treturn 2;\n\t}\n\tif (typeof value === \"number\") {\n\t\treturn 3;\n\t}\n\tif (typeof value === \"string\") {\n\t\treturn 4;\n\t}\n\treturn 5;\n}\n\nfunction compareUnknown(left: unknown, right: unknown): number {\n\tconst leftRank = rank(left);\n\tconst rightRank = rank(right);\n\tif (leftRank !== rightRank) {\n\t\treturn leftRank - rightRank;\n\t}\n\tif (leftRank === 1) {\n\t\tif (typeof left === \"bigint\" && typeof right === \"bigint\") {\n\t\t\treturn left < right ? -1 : left > right ? 1 : 0;\n\t\t}\n\t\tconst leftInt = asBigint(left);\n\t\tconst rightInt = asBigint(right);\n\t\tif (leftInt !== null && rightInt !== null) {\n\t\t\treturn leftInt < rightInt ? -1 : leftInt > rightInt ? 1 : 0;\n\t\t}\n\t\tif (typeof left === \"number\" && typeof right === \"bigint\") {\n\t\t\treturn compareNumberAndBigint(left, right);\n\t\t}\n\t\tif (typeof left === \"bigint\" && typeof right === \"number\") {\n\t\t\treturn -compareNumberAndBigint(right, left);\n\t\t}\n\t\treturn (left as number) - (right as number);\n\t}\n\tconst leftStr = String(left);\n\tconst rightStr = String(right);\n\treturn leftStr < rightStr ? -1 : leftStr > rightStr ? 1 : 0;\n}\n\nfunction primitiveKey(\n\trow: unknown,\n\tindex: number,\n\tsymbols: Map<symbol, string>,\n\tseq: { current: number },\n): string {\n\tif (row === null) {\n\t\treturn \"prim:null\";\n\t}\n\tif (row === undefined) {\n\t\treturn \"prim:undefined\";\n\t}\n\tif (typeof row === \"symbol\") {\n\t\tlet key = symbols.get(row);\n\t\tif (!key) {\n\t\t\tkey = `prim:symbol:${seq.current++}`;\n\t\t\tsymbols.set(row, key);\n\t\t}\n\t\treturn key;\n\t}\n\tconst type = typeof row;\n\tif (type === \"number\") {\n\t\tif (Object.is(row, -0)) {\n\t\t\treturn \"prim:number:-0\";\n\t\t}\n\t\treturn `prim:number:${String(row)}`;\n\t}\n\tif (type === \"string\" || type === \"bigint\" || type === \"boolean\") {\n\t\treturn `prim:${type}:${String(row)}`;\n\t}\n\treturn `prim:${index}`;\n}\n\nfunction isInstanceKey(key: string) {\n\treturn key.startsWith(\"dup:\") || key.startsWith(\"gen:\");\n}\n\nfunction isCanonicalKey(key: string) {\n\treturn key.startsWith(\"id:\") || key.startsWith(\"get:\");\n}\n\nfunction isRefRow(row: unknown): row is object {\n\treturn typeof row === \"function\" || (typeof row === \"object\" && row !== null);\n}\n\nfunction filterSource<T>(column: DataTableColumn<T>, row: T): string {\n\tif (column.filterValue) {\n\t\treturn String(column.filterValue(row));\n\t}\n\tif (column.sortValue) {\n\t\treturn String(column.sortValue(row));\n\t}\n\tconst rendered = column.accessor(row);\n\tif (\n\t\ttypeof rendered === \"string\" ||\n\t\ttypeof rendered === \"number\" ||\n\t\ttypeof rendered === \"bigint\"\n\t) {\n\t\treturn String(rendered);\n\t}\n\treturn \"\";\n}\n\nfunction publicSelectId<T>(\n\trow: T,\n\tindex: number,\n\tkey: string,\n\tgetRowId?: (row: T, index: number) => string,\n): string {\n\tconst requested = getRowId?.(row, index);\n\tif (requested !== undefined) {\n\t\treturn requested;\n\t}\n\tif (isRefRow(row) && \"id\" in row && row.id != null) {\n\t\treturn String(row.id);\n\t}\n\treturn key;\n}\n\nexport type DataTableProps<T = unknown> = {\n\t/**\n\t * Rows to render.\n\t */\n\tdata: T[];\n\t/**\n\t * Column descriptors.\n\t */\n\tcolumns: DataTableColumn<T>[];\n\t/**\n\t * Filter query matched against column values.\n\t * @default \"\"\n\t */\n\tfilter?: string;\n\t/**\n\t * Replace rows with a loading placeholder.\n\t * @default false\n\t */\n\tloading?: boolean;\n\t/**\n\t * Copy shown when no rows remain after filtering.\n\t * @default \"No results\"\n\t */\n\tempty?: ReactNode;\n\t/**\n\t * Controlled selected row ids.\n\t */\n\tselected?: string[];\n\t/**\n\t * Uncontrolled initial selected row ids.\n\t */\n\tdefaultSelected?: string[];\n\t/**\n\t * Called when selected row ids change.\n\t */\n\tonSelectedChange?: (ids: string[]) => void;\n\t/**\n\t * Allow more than one selected row.\n\t * @default false\n\t */\n\tmultiple?: boolean;\n\t/**\n\t * Controlled 1-based page. Used with pageSize.\n\t */\n\tpage?: number;\n\t/**\n\t * Uncontrolled initial page.\n\t * @default 1\n\t */\n\tdefaultPage?: number;\n\t/**\n\t * Rows per page. Omit to show every row.\n\t */\n\tpageSize?: number;\n\t/**\n\t * Called when the page changes.\n\t */\n\tonPageChange?: (page: number) => void;\n\t/**\n\t * Stable id for a row.\n\t */\n\tgetRowId?: (row: T, index: number) => string;\n\t/**\n\t * Additional classes for the table.\n\t */\n\tclassName?: string;\n};\n\nexport function DataTable<T>({\n\tdata,\n\tcolumns,\n\tfilter = \"\",\n\tloading = false,\n\tempty = \"No results\",\n\tselected,\n\tdefaultSelected,\n\tonSelectedChange,\n\tmultiple = false,\n\tpage,\n\tdefaultPage = 1,\n\tpageSize,\n\tonPageChange,\n\tgetRowId,\n\tclassName,\n}: DataTableProps<T>) {\n\tconst [sort, setSort] = useState<{ id: string; dir: \"asc\" | \"desc\" } | null>(null);\n\tconst [uncontrolledSelected, setUncontrolledSelected] = useState<string[]>(defaultSelected ?? []);\n\tconst [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n\tconst rowIds = useRef(new WeakMap<object, string>());\n\tconst rowSeq = useRef(0);\n\tconst assignedKeys = useRef(new WeakMap<object, string[]>());\n\tconst lastCanonical = useRef(new Map<string, object>());\n\tconst lastOwner = useRef(new Map<string, object>());\n\tconst lastKeyByCanonical = useRef(new Map<string, string>());\n\tconst lastDupsByCanonical = useRef(new Map<string, string[]>());\n\tconst symbolKeys = useRef(new Map<symbol, string>());\n\tconst query = filter.trim().toLowerCase();\n\n\tconst rows = useMemo(() => {\n\t\tconst identityOf = (row: object) => {\n\t\t\tlet stored = rowIds.current.get(row);\n\t\t\tif (!stored) {\n\t\t\t\tstored = `basalt-row-${rowSeq.current++}`;\n\t\t\t\trowIds.current.set(row, stored);\n\t\t\t}\n\t\t\treturn stored;\n\t\t};\n\t\tconst canonicalOf = (row: T, index: number) => {\n\t\t\tconst requested = getRowId?.(row, index);\n\t\t\tif (requested !== undefined) {\n\t\t\t\treturn `get:${requested}`;\n\t\t\t}\n\t\t\tif (isRefRow(row) && \"id\" in row) {\n\t\t\t\tconst raw = (row as { id: unknown }).id;\n\t\t\t\tif (raw != null) {\n\t\t\t\t\treturn `id:${String(raw)}`;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tconst used = new Set<string>();\n\t\tconst nextLastKey = new Map<string, string>();\n\t\tconst nextDups = new Map<string, string[]>();\n\t\tconst nextAssigned = new Map<object, string[]>();\n\t\tconst nextOwner = new Map<string, object>();\n\t\tconst nextCanonical = new Map<string, object>();\n\t\tconst rememberKey = (row: T, index: number, key: string, objectRow: object | null) => {\n\t\t\tif (!objectRow) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst list = nextAssigned.get(objectRow) ?? [];\n\t\t\tlist.push(key);\n\t\t\tnextAssigned.set(objectRow, list);\n\t\t\tnextOwner.set(key, objectRow);\n\t\t\tif (isCanonicalKey(key)) {\n\t\t\t\tnextCanonical.set(key, objectRow);\n\t\t\t}\n\t\t\tconst canonical = canonicalOf(row, index);\n\t\t\tif (!canonical) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tnextLastKey.set(canonical, key);\n\t\t\tif (isInstanceKey(key)) {\n\t\t\t\tconst dups = nextDups.get(canonical) ?? [];\n\t\t\t\tdups.push(key);\n\t\t\t\tnextDups.set(canonical, dups);\n\t\t\t}\n\t\t};\n\t\tconst counts = new WeakMap<object, number>();\n\t\tconst pending = data.map((row, index) => {\n\t\t\tconst objectRow = isRefRow(row) ? row : null;\n\t\t\tconst occurrence = objectRow ? (counts.get(objectRow) ?? 0) : 0;\n\t\t\tif (objectRow) {\n\t\t\t\tcounts.set(objectRow, occurrence + 1);\n\t\t\t}\n\t\t\treturn {\n\t\t\t\trow,\n\t\t\t\tindex,\n\t\t\t\toccurrence,\n\t\t\t\tkey: undefined as string | undefined,\n\t\t\t};\n\t\t});\n\t\tfor (const item of pending) {\n\t\t\tconst objectRow = isRefRow(item.row) ? item.row : null;\n\t\t\tif (!objectRow) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tconst previous = assignedKeys.current.get(objectRow)?.[item.occurrence];\n\t\t\tif (!previous || used.has(previous)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif (lastOwner.current.get(previous) === objectRow) {\n\t\t\t\titem.key = previous;\n\t\t\t\tused.add(previous);\n\t\t\t}\n\t\t}\n\t\tconst keyed = pending.map(({ row, index, occurrence, key: reserved }) => {\n\t\t\tconst objectRow = isRefRow(row) ? row : null;\n\t\t\tif (reserved) {\n\t\t\t\trememberKey(row, index, reserved, objectRow);\n\t\t\t\treturn {\n\t\t\t\t\trow,\n\t\t\t\t\tkey: reserved,\n\t\t\t\t\tselectId: publicSelectId(row, index, reserved, getRowId),\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst isRepeat = occurrence > 0;\n\t\t\tlet key: string | undefined;\n\t\t\tconst requested = canonicalOf(row, index);\n\t\t\tif (requested) {\n\t\t\t\tkey = requested;\n\t\t\t}\n\t\t\tif (objectRow) {\n\t\t\t\tconst stored = identityOf(objectRow);\n\t\t\t\tif (!key) {\n\t\t\t\t\tkey = isRepeat ? `gen:${stored}#${occurrence}` : `gen:${stored}`;\n\t\t\t\t} else if (used.has(key) || isRepeat) {\n\t\t\t\t\tconst reused = (lastDupsByCanonical.current.get(key) ?? []).find(\n\t\t\t\t\t\t(candidate) => !used.has(candidate),\n\t\t\t\t\t);\n\t\t\t\t\tkey = reused ?? (isRepeat ? `dup:${stored}#${occurrence}` : `dup:${stored}`);\n\t\t\t\t} else {\n\t\t\t\t\tconst inherited = lastKeyByCanonical.current.get(key);\n\t\t\t\t\tif (inherited && !used.has(inherited) && isInstanceKey(inherited)) {\n\t\t\t\t\t\tkey = inherited;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tkey = key ?? primitiveKey(row, index, symbolKeys.current, rowSeq);\n\t\t\tif (used.has(key)) {\n\t\t\t\tlet n = 0;\n\t\t\t\tlet candidate = `occ:${key}#${n}`;\n\t\t\t\twhile (used.has(candidate)) {\n\t\t\t\t\tn += 1;\n\t\t\t\t\tcandidate = `occ:${key}#${n}`;\n\t\t\t\t}\n\t\t\t\tkey = candidate;\n\t\t\t}\n\t\t\tused.add(key);\n\t\t\trememberKey(row, index, key, objectRow);\n\t\t\treturn { row, key, selectId: publicSelectId(row, index, key, getRowId) };\n\t\t});\n\t\tconst filtered = query\n\t\t\t? keyed.filter(({ row }) =>\n\t\t\t\t\tcolumns.some((column) => filterSource(column, row).toLowerCase().includes(query)),\n\t\t\t\t)\n\t\t\t: keyed;\n\t\tconst sorted = (() => {\n\t\t\tif (!sort) {\n\t\t\t\treturn filtered;\n\t\t\t}\n\t\t\tconst column = columns.find((item) => item.id === sort.id);\n\t\t\tif (!column) {\n\t\t\t\treturn filtered;\n\t\t\t}\n\t\t\treturn [...filtered].sort((a, b) => {\n\t\t\t\tconst left = column.sortValue?.(a.row) ?? column.accessor(a.row);\n\t\t\t\tconst right = column.sortValue?.(b.row) ?? column.accessor(b.row);\n\t\t\t\tconst cmp = compareUnknown(left, right);\n\t\t\t\treturn sort.dir === \"asc\" ? cmp : -cmp;\n\t\t\t});\n\t\t})();\n\t\treturn {\n\t\t\trows: sorted,\n\t\t\tassigned: nextAssigned,\n\t\t\towner: nextOwner,\n\t\t\tcanonical: nextCanonical,\n\t\t\tlastKey: nextLastKey,\n\t\t\tdups: nextDups,\n\t\t};\n\t}, [columns, data, getRowId, query, sort]);\n\n\tuseLayoutEffect(() => {\n\t\tfor (const [objectRow, keys] of rows.assigned) {\n\t\t\tassignedKeys.current.set(objectRow, keys);\n\t\t}\n\t\tlastOwner.current = rows.owner;\n\t\tlastCanonical.current = rows.canonical;\n\t\tlastKeyByCanonical.current = rows.lastKey;\n\t\tlastDupsByCanonical.current = rows.dups;\n\t}, [rows]);\n\n\tconst selectable =\n\t\tselected !== undefined || defaultSelected !== undefined || onSelectedChange !== undefined;\n\tconst selectedIds = selected ?? uncontrolledSelected;\n\tconst setSelectedIds = useCallback(\n\t\t(next: string[]) => {\n\t\t\tif (selected === undefined) {\n\t\t\t\tsetUncontrolledSelected(next);\n\t\t\t}\n\t\t\tonSelectedChange?.(next);\n\t\t},\n\t\t[onSelectedChange, selected],\n\t);\n\tconst pageCount =\n\t\tpageSize && pageSize > 0 ? Math.max(1, Math.ceil(rows.rows.length / pageSize)) : 1;\n\tconst resolvedPage = Math.min(pageCount, Math.max(1, page ?? uncontrolledPage));\n\tconst setResolvedPage = useCallback(\n\t\t(next: number) => {\n\t\t\tif (page === undefined) {\n\t\t\t\tsetUncontrolledPage(next);\n\t\t\t}\n\t\t\tonPageChange?.(next);\n\t\t},\n\t\t[onPageChange, page],\n\t);\n\tconst paged =\n\t\tpageSize && pageSize > 0\n\t\t\t? rows.rows.slice((resolvedPage - 1) * pageSize, resolvedPage * pageSize)\n\t\t\t: rows.rows;\n\tconst colCount = columns.length + (selectable ? 1 : 0);\n\tconst toggleSelected = (id: string) => {\n\t\tif (multiple) {\n\t\t\tsetSelectedIds(\n\t\t\t\tselectedIds.includes(id) ? selectedIds.filter((item) => item !== id) : [...selectedIds, id],\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tsetSelectedIds(selectedIds.includes(id) ? [] : [id]);\n\t};\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-3\">\n\t\t\t<Table className={cn(\"w-full\", className)} aria-busy={loading || undefined}>\n\t\t\t\t<TableHeader>\n\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t{selectable ? (\n\t\t\t\t\t\t\t<TableHead>\n\t\t\t\t\t\t\t\t<span className=\"sr-only\">Select</span>\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{columns.map((column) => (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={column.id}\n\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\tsort?.id === column.id\n\t\t\t\t\t\t\t\t\t\t? sort.dir === \"asc\"\n\t\t\t\t\t\t\t\t\t\t\t? \"ascending\"\n\t\t\t\t\t\t\t\t\t\t\t: \"descending\"\n\t\t\t\t\t\t\t\t\t\t: \"none\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclassName=\"appearance-none border-0 bg-transparent p-0 font-inherit text-inherit font-medium cursor-pointer\"\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\tsetSort((current) =>\n\t\t\t\t\t\t\t\t\t\t\tcurrent?.id === column.id && current.dir === \"asc\"\n\t\t\t\t\t\t\t\t\t\t\t\t? { id: column.id, dir: \"desc\" }\n\t\t\t\t\t\t\t\t\t\t\t\t: { id: column.id, dir: \"asc\" },\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{column.header}\n\t\t\t\t\t\t\t\t\t{sort?.id === column.id ? (sort.dir === \"asc\" ? \" ↑\" : \" ↓\") : \"\"}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableRow>\n\t\t\t\t</TableHeader>\n\t\t\t\t<TableBody>\n\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t\t<TableCell colSpan={colCount}>\n\t\t\t\t\t\t\t\t<div role=\"status\" className=\"flex flex-col gap-2 py-2\">\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Loading</span>\n\t\t\t\t\t\t\t\t\t<SkeletonLine />\n\t\t\t\t\t\t\t\t\t<SkeletonLine />\n\t\t\t\t\t\t\t\t\t<SkeletonLine />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t) : paged.length === 0 ? (\n\t\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t\t<TableCell colSpan={colCount}>\n\t\t\t\t\t\t\t\t<div role=\"status\">{empty}</div>\n\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tpaged.map(({ row, key, selectId }) => {\n\t\t\t\t\t\t\tconst isSelected = selectedIds.includes(selectId);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\tvariant={isSelected ? \"selected\" : \"default\"}\n\t\t\t\t\t\t\t\t\taria-selected={selectable ? isSelected : undefined}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{selectable ? (\n\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={isSelected}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Select ${selectId}`}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => toggleSelected(selectId)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{columns.map((column) => {\n\t\t\t\t\t\t\t\t\t\tconst cell = column.accessor(row);\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<TableCell key={column.id}>\n\t\t\t\t\t\t\t\t\t\t\t\t{typeof cell === \"bigint\" ? String(cell) : cell}\n\t\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})\n\t\t\t\t\t)}\n\t\t\t\t</TableBody>\n\t\t\t</Table>\n\t\t\t{pageSize && pageSize > 0 ? (\n\t\t\t\t<Pagination\n\t\t\t\t\tpage={resolvedPage}\n\t\t\t\t\tpageCount={pageCount}\n\t\t\t\t\tdisabled={loading}\n\t\t\t\t\tonPageChange={setResolvedPage}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/components/date-picker.d.ts

@@ -0,0 +1,90 @@
+import { type ComponentProps } from "react";
+export type DatePickerRange = {
+    from: string;
+    to?: string;
+};
+export type DatePickerPreset = {
+    label: string;
+    value: string | {
+        from: string;
+        to: string;
+    };
+};
+export type DatePickerProps = Omit<ComponentProps<"input">, "value" | "defaultValue" | "onChange" | "type" | "children" | "disabled" | "name" | "required" | "min" | "max"> & {
+    /**
+     * The controlled ISO date in single mode.
+     */
+    value?: string;
+    /**
+     * The uncontrolled initial ISO date in single mode.
+     */
+    defaultValue?: string;
+    /**
+     * Called with the ISO date in single mode.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Selection mode.
+     * @default single
+     */
+    mode?: "single" | "range";
+    /**
+     * The controlled range in range mode.
+     */
+    rangeValue?: DatePickerRange;
+    /**
+     * The uncontrolled initial range in range mode.
+     */
+    defaultRangeValue?: DatePickerRange;
+    /**
+     * Called when the range changes.
+     */
+    onRangeChange?: (value: DatePickerRange) => void;
+    /**
+     * Additional dates that cannot be selected.
+     */
+    isDisabledDate?: (iso: string) => boolean;
+    /**
+     * Shortcut values shown above the calendar.
+     */
+    presets?: DatePickerPreset[];
+    /**
+     * Locale used to format the trigger and weekday labels.
+     * @default en-US
+     */
+    locale?: string;
+    /**
+     * First day of the week. 0 is Sunday.
+     * @default 0
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * IANA time zone used to resolve today.
+     */
+    timeZone?: string;
+    /**
+     * Custom formatter for the trigger label.
+     */
+    formatDate?: (date: Date) => string;
+    /**
+     * Native form field name.
+     */
+    name?: string;
+    /**
+     * Native required constraint.
+     */
+    required?: boolean;
+    /**
+     * Inclusive lower ISO bound.
+     */
+    min?: string;
+    /**
+     * Inclusive upper ISO bound.
+     */
+    max?: string;
+    /**
+     * Disable the trigger and calendar.
+     */
+    disabled?: boolean;
+};
+export declare function DatePicker({ value, defaultValue, onChange, mode, rangeValue, defaultRangeValue, onRangeChange, isDisabledDate, presets, locale, weekStartsOn, timeZone, formatDate, name, required, min, max, disabled, className, id, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...inputRest }: DatePickerProps): import("react").JSX.Element;