@devalok/shilp-sutra 0.56.0 → 0.59.0

package/dist/ui/data-table.js

@@ -10,71 +10,71 @@ import { DataTableCards as ne } from "./data-table-card.js";
 import { DataTableHeader as re } from "./data-table-header.js";
 import { DataTablePagination as ie } from "./data-table-pagination.js";
 import { DataTableToolbar as ae } from "./data-table-toolbar.js";
-import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { IconChevronRight as oe, IconSearch as se } from "@tabler/icons-react";
-import { getCoreRowModel as ce, getExpandedRowModel as le, getFilteredRowModel as ue, getPaginationRowModel as de, getSortedRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
-import { useVirtualizer as me } from "@tanstack/react-virtual";
+import { useCallback as a, useEffect as o, useMemo as oe, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconChevronRight as se, IconSearch as ce } from "@tabler/icons-react";
+import { getCoreRowModel as le, getExpandedRowModel as ue, getFilteredRowModel as de, getPaginationRowModel as fe, getSortedRowModel as pe, useReactTable as me } from "@tanstack/react-table";
+import { useVirtualizer as he } from "@tanstack/react-virtual";
 //#region src/ui/data-table.tsx
-function f({ columns: f, data: p, className: he, noResultsText: m, sortable: h = !1, filterable: g = !1, globalFilter: _ = !1, paginated: ge = !1, pageSize: v, pageSizeOptions: _e, selectable: y = !1, onSelectionChange: b, toolbar: ve = !1, density: ye = "standard", columnPinning: be, editable: xe = !1, onCellEdit: Se, expandable: x = !1, renderExpanded: S, virtualRows: C = !1, virtualRowHeight: Ce = 48, maxHeight: we = 600, onSort: w, emptyState: T, loading: E = !1, selectedIds: D, selectableFilter: O, getRowId: k, pagination: A, singleExpand: j = !1, stickyHeader: Te = !1, onRowClick: M, bulkActions: N, mobileView: P = "table" }) {
-	let [Ee, F] = l(!1);
+function d({ columns: d, data: f, className: ge, noResultsText: p, sortable: m = !1, filterable: h = !1, globalFilter: g = !1, paginated: _e = !1, pageSize: _, pageSizeOptions: ve, selectable: v = !1, onSelectionChange: y, toolbar: ye = !1, density: be = "standard", columnPinning: xe, editable: Se = !1, onCellEdit: Ce, expandable: b = !1, renderExpanded: x, virtualRows: S = !1, virtualRowHeight: we = 48, maxHeight: Te = 600, onSort: C, emptyState: w, loading: T = !1, selectedIds: E, selectableFilter: D, getRowId: O, pagination: k, singleExpand: A = !1, stickyHeader: Ee = !1, onRowClick: j, bulkActions: M, bulkActionsPosition: De = "bottom", mobileView: N = "table", enableExport: Oe, onExport: ke, filterableColumns: P, rowClassName: F }) {
+	let [Ae, I] = c(!1);
 	o(() => {
-		let e = window.matchMedia("(max-width: 639px)"), t = () => F(e.matches);
-		return e.addEventListener("change", t), F(e.matches), () => e.removeEventListener("change", t);
+		let e = window.matchMedia("(max-width: 639px)"), t = () => I(e.matches);
+		return e.addEventListener("change", t), I(e.matches), () => e.removeEventListener("change", t);
 	}, []);
-	let De = P === "card" && Ee, [Oe, I] = l([]), [ke, Ae] = l([]), [L, R] = l(""), [je, z] = l({
-		pageIndex: A ? A.page - 1 : 0,
-		pageSize: A?.pageSize ?? v ?? 10
-	}), [B, V] = l({}), [Me, Ne] = l({}), [H, Pe] = l({
-		left: be?.left ?? [],
-		right: be?.right ?? []
-	}), [U, Fe] = l(ye), [Ie, Le] = l(null), [Re, ze] = l({}), Be = c(null), W = c(!1);
+	let je = N === "card" && Ae, [Me, L] = c([]), [Ne, Pe] = c([]), [R, z] = c(""), [Fe, B] = c({
+		pageIndex: k ? k.page - 1 : 0,
+		pageSize: k?.pageSize ?? _ ?? 10
+	}), [V, Ie] = c({}), [Le, Re] = c({}), [H, ze] = c({
+		left: xe?.left ?? [],
+		right: xe?.right ?? []
+	}), [Be, Ve] = c(be), [He, Ue] = c(null), [We, Ge] = c({}), Ke = s(null), U = s(!1), qe = s(!0);
 	o(() => {
-		if (D) {
-			W.current = !0;
+		if (E) {
+			U.current = !0;
 			let e = {};
-			D.forEach((t) => {
+			E.forEach((t) => {
 				e[t] = !0;
-			}), V(e);
+			}), Ie(e);
 		}
-	}, [D]), o(() => {
-		A && z((e) => ({
+	}, [E]), o(() => {
+		k && B((e) => ({
 			...e,
-			pageIndex: A.page - 1,
-			pageSize: A.pageSize
+			pageIndex: k.page - 1,
+			pageSize: k.pageSize
 		}));
-	}, [A?.page, A?.pageSize]);
-	let Ve = a((e) => {
-		I((t) => {
+	}, [k?.page, k?.pageSize]);
+	let Je = a((e) => {
+		L((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return w && (n.length === 0 && t.length > 0 ? w(t[0].id, !1) : n.length > 0 && w(n[0].id, n[0].desc ? "desc" : "asc")), n;
+			return C && (n.length === 0 && t.length > 0 ? C(t[0].id, !1) : n.length > 0 && C(n[0].id, n[0].desc ? "desc" : "asc")), n;
 		});
-	}, [w]), He = a((e) => {
-		ze((t) => {
+	}, [C]), Ye = a((e) => {
+		Ge((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			if (!j || n === !0 || typeof n != "object") return n;
+			if (!A || n === !0 || typeof n != "object") return n;
 			let r = typeof t == "object" ? Object.keys(t).filter((e) => t[e]) : [], i = Object.keys(n).filter((e) => n[e]).filter((e) => !r.includes(e));
 			return i.length > 0 ? { [i[i.length - 1]]: !0 } : n;
 		});
-	}, [j]), G = c(A?.onPageChange);
+	}, [A]), W = s(k?.onPageChange);
 	o(() => {
-		G.current = A?.onPageChange;
-	}, [A?.onPageChange]);
-	let Ue = a((e) => {
-		z((t) => {
+		W.current = k?.onPageChange;
+	}, [k?.onPageChange]);
+	let Xe = a((e) => {
+		B((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return G.current && n.pageIndex !== t.pageIndex && G.current(n.pageIndex + 1), n;
+			return W.current && n.pageIndex !== t.pageIndex && W.current(n.pageIndex + 1), n;
 		});
-	}, []), We = {
+	}, []), Ze = {
 		id: "_select",
-		header: ({ table: e }) => /* @__PURE__ */ u(n, {
+		header: ({ table: e }) => /* @__PURE__ */ l(n, {
 			size: "sm",
 			checked: e.getIsAllPageRowsSelected(),
 			indeterminate: e.getIsSomePageRowsSelected(),
 			onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
 			"aria-label": "Select all rows"
 		}),
-		cell: ({ row: e }) => /* @__PURE__ */ u(n, {
+		cell: ({ row: e }) => /* @__PURE__ */ l(n, {
 			size: "sm",
 			checked: e.getIsSelected(),
 			disabled: !e.getCanSelect(),
@@ -84,20 +84,20 @@ function f({ columns: f, data: p, className: he, noResultsText: m, sortable: h =
 		enableSorting: !1,
 		enableColumnFilter: !1,
 		enableHiding: !1
-	}, Ge = {
+	}, Qe = {
 		id: "_expand",
-		header: () => /* @__PURE__ */ u("span", {
+		header: () => /* @__PURE__ */ l("span", {
 			className: "sr-only",
 			children: "Expand rows"
 		}),
-		cell: ({ row: n }) => /* @__PURE__ */ u("button", {
+		cell: ({ row: n }) => /* @__PURE__ */ l("button", {
 			type: "button",
 			onClick: () => n.toggleExpanded(),
 			"aria-expanded": n.getIsExpanded(),
 			"aria-label": n.getIsExpanded() ? "Collapse row" : "Expand row",
-			className: "flex items-center justify-center p-ds-01 rounded-control-inner hover:bg-surface-raised-hover transition-colors",
-			children: /* @__PURE__ */ u(t, {
-				icon: oe,
+			className: "flex items-center justify-center p-ds-01 rounded-control-inner hover:bg-surface-panel-hover transition-colors",
+			children: /* @__PURE__ */ l(t, {
+				icon: se,
 				size: "sm",
 				className: e("transition-transform duration-fast-02 ease-productive-standard", n.getIsExpanded() && "rotate-90")
 			})
@@ -105,182 +105,194 @@ function f({ columns: f, data: p, className: he, noResultsText: m, sortable: h =
 		enableSorting: !1,
 		enableColumnFilter: !1,
 		enableHiding: !1
-	}, K = [
-		...y ? [We] : [],
-		...x ? [Ge] : [],
-		...f
-	], q = !!A, J = ge || q, Y = {
-		columnVisibility: Me,
+	}, G = [
+		...v ? [Ze] : [],
+		...b ? [Qe] : [],
+		...d
+	], K = !!k, q = _e || K, J = {
+		columnVisibility: Le,
 		columnPinning: H
 	};
-	h && (Y.sorting = Oe), (g || _) && (Y.columnFilters = ke, Y.globalFilter = L), J && (Y.pagination = je), y && (Y.rowSelection = B), x && (Y.expanded = Re);
-	let Ke = h && !!w, X = pe({
-		data: p,
-		columns: K,
-		state: Y,
-		onColumnVisibilityChange: Ne,
-		onColumnPinningChange: Pe,
-		getCoreRowModel: ce(),
-		...h && {
-			onSortingChange: Ke ? Ve : I,
-			...Ke ? { manualSorting: !0 } : { getSortedRowModel: fe() }
+	m && (J.sorting = Me), (h || g) && (J.columnFilters = Ne, J.globalFilter = R), q && (J.pagination = Fe), v && (J.rowSelection = V), b && (J.expanded = We);
+	let Y = m && !!C, X = me({
+		data: f,
+		columns: G,
+		state: J,
+		onColumnVisibilityChange: Re,
+		onColumnPinningChange: ze,
+		getCoreRowModel: le(),
+		...m && {
+			onSortingChange: Y ? Je : L,
+			...Y ? { manualSorting: !0 } : { getSortedRowModel: pe() }
 		},
-		...(g || _) && {
-			onColumnFiltersChange: Ae,
-			onGlobalFilterChange: R,
-			getFilteredRowModel: ue()
+		...(h || g) && {
+			onColumnFiltersChange: Pe,
+			onGlobalFilterChange: z,
+			getFilteredRowModel: de()
 		},
-		...J && {
-			onPaginationChange: q ? Ue : z,
-			...q ? {
+		...q && {
+			onPaginationChange: K ? Xe : B,
+			...K ? {
 				manualPagination: !0,
-				pageCount: Math.ceil(A.total / A.pageSize)
-			} : { getPaginationRowModel: de() }
+				pageCount: Math.ceil(k.total / k.pageSize)
+			} : { getPaginationRowModel: fe() }
 		},
-		...y && {
-			onRowSelectionChange: V,
-			enableRowSelection: O ? (e) => O(e.original) : !0
+		...v && {
+			onRowSelectionChange: Ie,
+			enableRowSelection: D ? (e) => D(e.original) : !0
 		},
-		...x && {
-			onExpandedChange: j ? He : ze,
-			getExpandedRowModel: le()
+		...b && {
+			onExpandedChange: A ? Ye : Ge,
+			getExpandedRowModel: ue()
 		},
-		...k && { getRowId: (e) => k(e) }
-	}), Z = c(b), Q = c(k);
+		...O && { getRowId: (e) => O(e) }
+	}), Z = s(y), Q = s(O);
 	o(() => {
-		Z.current = b, Q.current = k;
-	}, [b, k]), o(() => {
-		if (W.current) {
-			W.current = !1;
+		Z.current = y, Q.current = O;
+	}, [y, O]), o(() => {
+		if (qe.current) {
+			qe.current = !1;
+			return;
+		}
+		if (U.current) {
+			U.current = !1;
 			return;
 		}
 		if (!Z.current) return;
-		let e = Object.keys(B).filter((e) => B[e]), t = p.filter((t, n) => {
-			let r = Q.current ? Q.current(p[n]) : String(n);
+		let e = Object.keys(V).filter((e) => V[e]), t = f.filter((t, n) => {
+			let r = Q.current ? Q.current(f[n]) : String(n);
 			return e.includes(r);
 		});
-		Z.current(t);
-	}, [B, p]);
-	let qe = X.getRowModel().rows, Je = me({
-		count: C ? qe.length : 0,
-		getScrollElement: () => Be.current,
-		estimateSize: () => Ce,
+		Z.current(t, new Set(e));
+	}, [V, f]);
+	let $e = X.getRowModel().rows, $ = he({
+		count: S ? $e.length : 0,
+		getScrollElement: () => Ke.current,
+		estimateSize: () => we,
 		overscan: 10
-	}), Ye = A?.pageSize ?? v ?? 5, Xe = s(() => {
-		if (!N || !y) return [];
-		let e = Object.keys(B).filter((e) => B[e]);
-		return p.filter((t, n) => {
-			let r = k ? k(p[n]) : String(n);
+	}), et = k?.pageSize ?? _ ?? 5, tt = oe(() => {
+		if (!M || !v) return [];
+		let e = Object.keys(V).filter((e) => V[e]);
+		return f.filter((t, n) => {
+			let r = O ? O(f[n]) : String(n);
 			return e.includes(r);
 		});
 	}, [
-		N,
-		y,
-		B,
-		p,
-		k
-	]), Ze = Xe.length > 0, Qe = q ? A.total : X.getFilteredRowModel().rows.length, $e = s(() => ({
+		M,
+		v,
+		V,
+		f,
+		O
+	]), nt = tt.length > 0, rt = K ? k.total : X.getFilteredRowModel().rows.length, it = oe(() => ({
 		table: X,
-		allColumns: K.map((e) => ({
+		allColumns: G.map((e) => ({
 			id: e.id,
 			header: e.header
 		})),
 		columnPinningState: H,
-		sortable: h,
-		filterable: g,
-		editable: xe,
-		expandable: x,
-		virtualRows: C,
-		selectable: y,
-		mobileView: P,
-		editingCell: Ie,
-		setEditingCell: Le,
-		onCellEdit: Se,
-		renderExpanded: S,
-		onRowClick: M
+		sortable: m,
+		filterable: h,
+		filterableColumns: P,
+		editable: Se,
+		expandable: b,
+		virtualRows: S,
+		selectable: v,
+		mobileView: N,
+		editingCell: He,
+		setEditingCell: Ue,
+		onCellEdit: Ce,
+		renderExpanded: x,
+		onRowClick: j,
+		rowClassName: F
 	}), [
 		X,
-		K.length,
+		G.length,
 		H,
+		m,
 		h,
-		g,
-		xe,
-		x,
-		C,
-		y,
 		P,
-		Ie,
 		Se,
+		b,
 		S,
-		M
-	]), et = C ? Je.getVirtualItems() : void 0, tt = C ? Je.getTotalSize() : void 0, $ = /* @__PURE__ */ d(i, {
-		density: U,
-		"aria-busy": E || void 0,
-		children: [/* @__PURE__ */ u(re, { stickyHeader: Te }), /* @__PURE__ */ u(ee, {
-			loading: E,
-			skeletonRowCount: Ye,
-			noResultsText: m,
-			emptyState: T,
-			virtualItems: et,
-			totalVirtualSize: tt
+		v,
+		N,
+		He,
+		Ce,
+		x,
+		j,
+		F
+	]), at = S ? $.getVirtualItems() : void 0, ot = S ? $.getTotalSize() : void 0, st = $.measureElement, ct = /* @__PURE__ */ u(i, {
+		density: Be,
+		"aria-busy": T || void 0,
+		children: [/* @__PURE__ */ l(re, { stickyHeader: Ee }), /* @__PURE__ */ l(ee, {
+			loading: T,
+			skeletonRowCount: et,
+			noResultsText: p,
+			emptyState: w,
+			virtualItems: at,
+			totalVirtualSize: ot,
+			measureRow: st
 		})]
 	});
-	return /* @__PURE__ */ u(r, {
-		value: $e,
-		children: /* @__PURE__ */ d("div", {
-			className: e(he),
+	return /* @__PURE__ */ l(r, {
+		value: it,
+		children: /* @__PURE__ */ u("div", {
+			className: e(ge),
 			children: [
-				ve && /* @__PURE__ */ u(ae, {
+				ye && /* @__PURE__ */ l(ae, {
 					table: X,
-					globalFilter: _,
-					globalFilterValue: L,
-					onGlobalFilterChange: R,
-					density: U,
-					onDensityChange: Fe
+					globalFilter: g,
+					globalFilterValue: R,
+					onGlobalFilterChange: z,
+					density: Be,
+					onDensityChange: Ve,
+					enableExport: Oe ?? !0,
+					onExport: ke
 				}),
-				_ && !ve && /* @__PURE__ */ d("div", {
+				g && !ye && /* @__PURE__ */ u("div", {
 					className: "flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04",
-					children: [/* @__PURE__ */ u(t, {
-						icon: se,
+					children: [/* @__PURE__ */ l(t, {
+						icon: ce,
 						size: "sm",
 						className: "text-surface-fg-subtle"
-					}), /* @__PURE__ */ u("input", {
+					}), /* @__PURE__ */ l("input", {
 						type: "text",
-						value: L,
-						onChange: (e) => R(e.target.value),
+						value: R,
+						onChange: (e) => z(e.target.value),
 						placeholder: "Search all columns...",
 						"aria-label": "Search all columns",
 						className: e("flex-1 bg-transparent text-body-md", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden")
 					})]
 				}),
-				De ? /* @__PURE__ */ u(ne, {
-					loading: E,
-					skeletonRowCount: Ye,
-					noResultsText: m,
-					emptyState: T
-				}) : C ? /* @__PURE__ */ u("div", {
-					ref: Be,
+				je ? /* @__PURE__ */ l(ne, {
+					loading: T,
+					skeletonRowCount: et,
+					noResultsText: p,
+					emptyState: w
+				}) : S ? /* @__PURE__ */ l("div", {
+					ref: Ke,
 					style: {
-						maxHeight: `${we}px`,
+						maxHeight: `${Te}px`,
 						overflowY: "auto"
 					},
-					children: $
-				}) : $,
-				J && /* @__PURE__ */ u(ie, {
+					children: ct
+				}) : ct,
+				q && /* @__PURE__ */ l(ie, {
 					table: X,
-					totalRowCount: Qe,
-					useServerPagination: q,
-					pageSizeOptions: _e
+					totalRowCount: rt,
+					useServerPagination: K,
+					pageSizeOptions: ve
 				}),
-				N && y && Ze && /* @__PURE__ */ u(te, {
+				M && v && nt && /* @__PURE__ */ l(te, {
 					table: X,
-					selectedRows: Xe,
-					bulkActions: N
+					selectedRows: tt,
+					bulkActions: M,
+					position: De
 				})
 			]
 		})
 	});
 }
-f.displayName = "DataTable";
+d.displayName = "DataTable";
 //#endregion
-export { f as DataTable };
+export { d as DataTable };

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","names":[],"sources":["../../src/ui/data-table.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronRight, IconSearch } from '@tabler/icons-react'\nimport {\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnPinningState,\n  type ExpandedState,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type Row,\n  type RowData,\n  type RowSelectionState,\n  type SortingState,\n  type TableState,\n  type Updater,\n  useReactTable,\n  type VisibilityState,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { Checkbox } from './checkbox'\nimport { DataTableBody } from './data-table-body'\nimport { type BulkAction,DataTableBulkActions } from './data-table-bulk-actions'\nimport { DataTableCards } from './data-table-card'\nimport {\n  DataTableProvider,\n  type EditingCell,\n} from './data-table-context'\nimport { DataTableHeader } from './data-table-header'\nimport { DataTablePagination } from './data-table-pagination'\nimport { DataTableToolbar, type Density } from './data-table-toolbar'\nimport { Icon } from './icon'\nimport { cn } from './lib/utils'\nimport { Table } from './table'\n\n// Re-export public types so consumers' imports don't break\nexport type { BulkAction } from './data-table-bulk-actions'\n\ndeclare module '@tanstack/react-table' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    align?: 'left' | 'center' | 'right'\n    hideBelow?: 'sm' | 'md' | 'lg'\n  }\n}\n\n/**\n * Props for DataTable — a feature-rich TanStack Table wrapper supporting sorting, filtering,\n * pagination, row selection, inline editing, row expansion, column pinning, and virtualization.\n *\n * All features are opt-in via boolean flags. The component manages its own internal state for\n * sorting, filtering, pagination, and selection — just pass `columns` and `data`.\n *\n * **Feature flags:** `sortable` | `filterable` | `globalFilter` | `paginated` | `selectable` |\n * `toolbar` | `editable` | `expandable` | `virtualRows`\n *\n * **Columns:** Use TanStack Table's `ColumnDef<TData, TValue>` type. Set\n * `meta: { enableEditing: false }` on a column to disable cell editing for that column.\n *\n * @example\n * // Minimal read-only table:\n * const columns: ColumnDef<User, string>[] = [\n *   { accessorKey: 'name', header: 'Name' },\n *   { accessorKey: 'email', header: 'Email' },\n * ]\n * <DataTable columns={columns} data={users} />\n *\n * @example\n * // Full-featured admin table with sorting, pagination, and selection:\n * <DataTable\n *   columns={projectColumns}\n *   data={projects}\n *   sortable\n *   paginated\n *   pageSize={20}\n *   selectable\n *   onSelectionChange={(rows) => setSelectedProjects(rows)}\n *   toolbar\n * />\n *\n * @example\n * // Virtualized table for large datasets (10k+ rows):\n * <DataTable\n *   columns={logColumns}\n *   data={allLogs}\n *   virtualRows\n *   virtualRowHeight={40}\n *   maxHeight={500}\n * />\n *\n * @example\n * // Table with expandable rows for nested detail:\n * <DataTable\n *   columns={orderColumns}\n *   data={orders}\n *   expandable\n *   renderExpanded={(order) => <OrderLineItems items={order.lineItems} />}\n * />\n * // These are just a few ways — feel free to combine props creatively!\n */\n/**\n * A full-featured data table built on TanStack Table with sorting, filtering,\n * pagination, row selection, inline cell editing, expandable rows, column pinning,\n * a toolbar with density/export controls, and optional row virtualization.\n */\nexport interface DataTableProps<TData, TValue> {\n  /** Column definitions passed to TanStack Table. */\n  columns: ColumnDef<TData, TValue>[]\n  /** Row data */\n  data: TData[]\n  /** Additional class name for the wrapper div */\n  className?: string\n  /** Text shown when the table has no rows */\n  noResultsText?: string\n  /** Enable column sorting (click headers to sort) */\n  sortable?: boolean\n  /** Enable per-column filter inputs below headers */\n  filterable?: boolean\n  /** Enable a global search input above the table */\n  globalFilter?: boolean\n  /** Enable pagination controls below the table */\n  paginated?: boolean\n  /** Number of rows per page when paginated (default 10) */\n  pageSize?: number\n  /** Options for the page size selector dropdown (default [10, 20, 50, 100]) */\n  pageSizeOptions?: number[]\n  /** Enable row selection with checkboxes */\n  selectable?: boolean\n  /** Callback when row selection changes */\n  onSelectionChange?: (selectedRows: TData[]) => void\n  /** Show toolbar above the table with column visibility, density, and export controls */\n  toolbar?: boolean\n  /** Row density — controls cell vertical padding */\n  density?: Density\n  /** Initial column pinning configuration */\n  columnPinning?: { left?: string[]; right?: string[] }\n\n  // --- Cell Editing ---\n  /** Enable inline cell editing (double-click to edit) */\n  editable?: boolean\n  /** Callback when a cell value is edited */\n  onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void\n\n  // --- Row Expansion ---\n  /** Enable expandable rows with detail panels */\n  expandable?: boolean\n  /** Render function for expanded row content */\n  renderExpanded?: (row: TData) => React.ReactNode\n\n  // --- Virtualization ---\n  /** Enable row virtualization for large datasets */\n  virtualRows?: boolean\n  /** Height of each virtual row in pixels (default 48) */\n  virtualRowHeight?: number\n  /** Maximum height of the scrollable container in pixels (default 600) */\n  maxHeight?: number\n\n  // --- Server-side sorting ---\n  /** Callback for server-side sorting. When provided, sorting is manual (no client-side sort). */\n  onSort?: (key: string, direction: 'asc' | 'desc' | false) => void\n\n  // --- Empty state ---\n  /** Custom ReactNode to render when data is empty (replaces noResultsText) */\n  emptyState?: React.ReactNode\n\n  // --- Loading ---\n  /** Show shimmer skeleton rows instead of data */\n  loading?: boolean\n\n  // --- Controlled selection ---\n  /** Controlled set of selected row IDs — syncs internal selection state */\n  selectedIds?: Set<string>\n  /** Per-row filter to determine if a row is selectable */\n  selectableFilter?: (row: TData) => boolean\n  /** Custom row ID getter */\n  getRowId?: (row: TData) => string\n\n  // --- Server-side pagination ---\n  /** Server-side pagination config. When provided, pagination is manual. */\n  pagination?: {\n    page: number\n    pageSize: number\n    total: number\n    onPageChange: (page: number) => void\n  }\n\n  // --- Single-expand mode ---\n  /** When true, only one row can be expanded at a time */\n  singleExpand?: boolean\n\n  // --- Sticky header ---\n  /** When true, the table header sticks to the top on scroll */\n  stickyHeader?: boolean\n\n  // --- Row click ---\n  /** Callback when a row is clicked (not fired from interactive elements) */\n  onRowClick?: (row: TData) => void\n\n  // --- Bulk actions ---\n  /** Actions shown in a floating bar when rows are selected */\n  bulkActions?: BulkAction<TData>[]\n\n  // --- Mobile view ---\n  /** Render rows as stacked cards on small screens (below sm breakpoint). Default 'table'. */\n  mobileView?: 'card' | 'table'\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  className,\n  noResultsText,\n  sortable = false,\n  filterable = false,\n  globalFilter = false,\n  paginated = false,\n  pageSize: initialPageSize,\n  pageSizeOptions,\n  selectable = false,\n  onSelectionChange,\n  toolbar = false,\n  density: initialDensity = 'standard',\n  columnPinning: initialColumnPinning,\n  editable = false,\n  onCellEdit,\n  expandable = false,\n  renderExpanded,\n  virtualRows = false,\n  virtualRowHeight = 48,\n  maxHeight = 600,\n  onSort,\n  emptyState,\n  loading = false,\n  selectedIds,\n  selectableFilter,\n  getRowId: getRowIdProp,\n  pagination: serverPagination,\n  singleExpand = false,\n  stickyHeader = false,\n  onRowClick,\n  bulkActions,\n  mobileView = 'table',\n}: DataTableProps<TData, TValue>) {\n  // Detect below-sm viewport (640px) for card mode — separate from useIsMobile (768px)\n  const [isBelowSm, setIsBelowSm] = useState(false)\n  useEffect(() => {\n    const mql = window.matchMedia('(max-width: 639px)')\n    const onChange = () => setIsBelowSm(mql.matches)\n    mql.addEventListener('change', onChange)\n    setIsBelowSm(mql.matches)\n    return () => mql.removeEventListener('change', onChange)\n  }, [])\n\n  const showCards = mobileView === 'card' && isBelowSm\n\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [globalFilterValue, setGlobalFilterValue] = useState('')\n  const [paginationState, setPaginationState] = useState<PaginationState>({\n    pageIndex: serverPagination ? serverPagination.page - 1 : 0,\n    pageSize: serverPagination?.pageSize ?? initialPageSize ?? 10,\n  })\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\n  const [columnPinningState, setColumnPinningState] =\n    useState<ColumnPinningState>({\n      left: initialColumnPinning?.left ?? [],\n      right: initialColumnPinning?.right ?? [],\n    })\n  const [density, setDensity] = useState<Density>(initialDensity)\n  const [editingCell, setEditingCell] = useState<EditingCell>(null)\n  const [expanded, setExpanded] = useState<ExpandedState>({})\n\n  // Ref for the virtual scroll container\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  // Guard to prevent onSelectionChange firing when syncing from selectedIds prop\n  const isSyncingFromPropRef = useRef(false)\n\n  // Sync controlled selectedIds to internal rowSelection\n  useEffect(() => {\n    if (selectedIds) {\n      isSyncingFromPropRef.current = true\n      const newSelection: RowSelectionState = {}\n      selectedIds.forEach((id) => {\n        newSelection[id] = true\n      })\n      setRowSelection(newSelection)\n    }\n  }, [selectedIds])\n\n  // Sync server pagination page to internal state\n  useEffect(() => {\n    if (serverPagination) {\n      setPaginationState((prev) => ({\n        ...prev,\n        pageIndex: serverPagination.page - 1,\n        pageSize: serverPagination.pageSize,\n      }))\n    }\n  }, [serverPagination?.page, serverPagination?.pageSize]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Server-side sorting handler\n  const handleSortingChange = useCallback(\n    (updater: Updater<SortingState>) => {\n      setSorting((prev) => {\n        const next = typeof updater === 'function' ? updater(prev) : updater\n        if (onSort) {\n          if (next.length === 0 && prev.length > 0) {\n            // Sorting cleared\n            onSort(prev[0].id, false)\n          } else if (next.length > 0) {\n            onSort(next[0].id, next[0].desc ? 'desc' : 'asc')\n          }\n        }\n        return next\n      })\n    },\n    [onSort],\n  )\n\n  // Single-expand handler\n  const handleExpandedChange = useCallback(\n    (updater: Updater<ExpandedState>) => {\n      setExpanded((prev) => {\n        const next = typeof updater === 'function' ? updater(prev) : updater\n        if (!singleExpand) return next\n        // If next is boolean true (expand all), just use it\n        if (next === true) return next\n        if (typeof next !== 'object') return next\n        // Determine which row was just toggled on\n        const prevKeys = typeof prev === 'object' ? Object.keys(prev).filter((k) => (prev as Record<string, boolean>)[k]) : []\n        const nextKeys = Object.keys(next).filter((k) => (next as Record<string, boolean>)[k])\n        // Find newly expanded row\n        const newlyExpanded = nextKeys.filter((k) => !prevKeys.includes(k))\n        if (newlyExpanded.length > 0) {\n          // Keep only the most recently expanded row\n          return { [newlyExpanded[newlyExpanded.length - 1]]: true } as ExpandedState\n        }\n        // If no new rows, means a row was collapsed — return as-is\n        return next\n      })\n    },\n    [singleExpand],\n  )\n\n  // Stable ref for server pagination callback to avoid useCallback invalidation\n  const onPageChangeRef = useRef(serverPagination?.onPageChange)\n  useEffect(() => {\n    onPageChangeRef.current = serverPagination?.onPageChange\n  }, [serverPagination?.onPageChange])\n\n  // Server-side pagination handler\n  const handlePaginationChange = useCallback(\n    (updater: Updater<PaginationState>) => {\n      setPaginationState((prev) => {\n        const next = typeof updater === 'function' ? updater(prev) : updater\n        if (onPageChangeRef.current) {\n          // Only call onPageChange if the page actually changed\n          if (next.pageIndex !== prev.pageIndex) {\n            onPageChangeRef.current(next.pageIndex + 1)\n          }\n        }\n        return next\n      })\n    },\n    [],\n  )\n\n  // Checkbox column prepended when selectable is enabled\n  const selectColumn: ColumnDef<TData, unknown> = {\n    id: '_select',\n    header: ({ table: t }) => (\n      <Checkbox\n        size=\"sm\"\n        checked={t.getIsAllPageRowsSelected()}\n        indeterminate={t.getIsSomePageRowsSelected()}\n        onCheckedChange={(v) => t.toggleAllPageRowsSelected(!!v)}\n        aria-label=\"Select all rows\"\n      />\n    ),\n    cell: ({ row }) => (\n      <Checkbox\n        size=\"sm\"\n        checked={row.getIsSelected()}\n        disabled={!row.getCanSelect()}\n        onCheckedChange={(v) => row.toggleSelected(!!v)}\n        aria-label=\"Select row\"\n      />\n    ),\n    enableSorting: false,\n    enableColumnFilter: false,\n    enableHiding: false,\n  }\n\n  // Expand toggle column — aria-expanded lives on the BUTTON (not the row),\n  // in a dedicated column with a visually-hidden header (Roselli expando spec).\n  const expandColumn: ColumnDef<TData, unknown> = {\n    id: '_expand',\n    header: () => <span className=\"sr-only\">Expand rows</span>,\n    cell: ({ row }) => (\n      <button\n        type=\"button\"\n        onClick={() => row.toggleExpanded()}\n        aria-expanded={row.getIsExpanded()}\n        aria-label={row.getIsExpanded() ? 'Collapse row' : 'Expand row'}\n        className=\"flex items-center justify-center p-ds-01 rounded-control-inner hover:bg-surface-raised-hover transition-colors\"\n      >\n        <Icon\n          icon={IconChevronRight}\n          size=\"sm\"\n          className={cn(\n            'transition-transform duration-fast-02 ease-productive-standard',\n            row.getIsExpanded() && 'rotate-90',\n          )}\n        />\n      </button>\n    ),\n    enableSorting: false,\n    enableColumnFilter: false,\n    enableHiding: false,\n  }\n\n  // Assemble all columns in order: select?, expand?, ...user columns\n  const allColumns = [\n    ...(selectable ? [selectColumn] : []),\n    ...(expandable ? [expandColumn] : []),\n    ...columns,\n  ]\n\n  // Determine if using server-side pagination\n  const useServerPagination = !!serverPagination\n  const showPagination = paginated || useServerPagination\n\n  // Build state object once — sorting and filtering contribute independently\n  const tableState: Partial<TableState> = {\n    columnVisibility,\n    columnPinning: columnPinningState,\n  }\n  if (sortable) tableState.sorting = sorting\n  if (filterable || globalFilter) {\n    tableState.columnFilters = columnFilters\n    tableState.globalFilter = globalFilterValue\n  }\n  if (showPagination) tableState.pagination = paginationState\n  if (selectable) tableState.rowSelection = rowSelection\n  if (expandable) tableState.expanded = expanded\n\n  // Determine server-side sort mode\n  const isServerSort = sortable && !!onSort\n\n  const table = useReactTable({\n    data,\n    columns: allColumns,\n    state: tableState,\n    onColumnVisibilityChange: setColumnVisibility,\n    onColumnPinningChange: setColumnPinningState,\n    getCoreRowModel: getCoreRowModel(),\n    ...(sortable && {\n      onSortingChange: isServerSort ? handleSortingChange : setSorting,\n      ...(isServerSort\n        ? { manualSorting: true }\n        : { getSortedRowModel: getSortedRowModel() }),\n    }),\n    ...((filterable || globalFilter) && {\n      onColumnFiltersChange: setColumnFilters,\n      onGlobalFilterChange: setGlobalFilterValue,\n      getFilteredRowModel: getFilteredRowModel(),\n    }),\n    ...(showPagination && {\n      onPaginationChange: useServerPagination\n        ? handlePaginationChange\n        : setPaginationState,\n      ...(useServerPagination\n        ? {\n            manualPagination: true,\n            pageCount: Math.ceil(\n              serverPagination!.total / serverPagination!.pageSize,\n            ),\n          }\n        : { getPaginationRowModel: getPaginationRowModel() }),\n    }),\n    ...(selectable && {\n      onRowSelectionChange: setRowSelection,\n      enableRowSelection: selectableFilter\n        ? (row: Row<TData>) => selectableFilter(row.original)\n        : true,\n    }),\n    ...(expandable && {\n      onExpandedChange: singleExpand ? handleExpandedChange : setExpanded,\n      getExpandedRowModel: getExpandedRowModel(),\n    }),\n    ...(getRowIdProp && {\n      getRowId: (row: TData) => getRowIdProp(row),\n    }),\n  })\n\n  // Stable refs to avoid effect re-fires from inline callbacks\n  const onSelectionChangeRef = useRef(onSelectionChange)\n  const getRowIdRef = useRef(getRowIdProp)\n  useEffect(() => {\n    onSelectionChangeRef.current = onSelectionChange\n    getRowIdRef.current = getRowIdProp\n  }, [onSelectionChange, getRowIdProp])\n\n  // Fire selection callback when row selection changes (skip when syncing from prop)\n  useEffect(() => {\n    if (isSyncingFromPropRef.current) {\n      isSyncingFromPropRef.current = false\n      return\n    }\n    if (!onSelectionChangeRef.current) return\n    const selectedRowIds = Object.keys(rowSelection).filter((k) => rowSelection[k])\n    const selected = data.filter((_, i) => {\n      const id = getRowIdRef.current ? getRowIdRef.current(data[i]) : String(i)\n      return selectedRowIds.includes(id)\n    })\n    onSelectionChangeRef.current(selected)\n  }, [rowSelection, data])\n\n  const rows = table.getRowModel().rows\n\n  // Virtualizer — always called but only active when virtualRows is true\n  const virtualizer = useVirtualizer({\n    count: virtualRows ? rows.length : 0,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => virtualRowHeight,\n    overscan: 10,\n  })\n\n  // Number of skeleton rows for loading state\n  const skeletonRowCount = serverPagination?.pageSize ?? initialPageSize ?? 5\n\n  // Get selected rows for bulk actions (derived from rowSelection + data, not table instance)\n  const selectedRows = useMemo(() => {\n    if (!bulkActions || !selectable) return []\n    const selectedRowIds = Object.keys(rowSelection).filter((k) => rowSelection[k])\n    return data.filter((_, i) => {\n      const id = getRowIdProp ? getRowIdProp(data[i]) : String(i)\n      return selectedRowIds.includes(id)\n    })\n  }, [bulkActions, selectable, rowSelection, data, getRowIdProp])\n\n  const hasSelectedRows = selectedRows.length > 0\n\n  // Total rows for pagination display\n  const totalRowCount = useServerPagination\n    ? serverPagination!.total\n    : table.getFilteredRowModel().rows.length\n\n  // Build context value for sub-components\n  const contextValue = useMemo(\n    () => ({\n      table,\n      allColumns: allColumns.map((col) => ({\n        id: (col as { id?: string }).id,\n        header: (col as { header?: unknown }).header,\n      })),\n      columnPinningState,\n      sortable,\n      filterable,\n      editable,\n      expandable,\n      virtualRows,\n      selectable,\n      mobileView,\n      editingCell,\n      setEditingCell,\n      onCellEdit,\n      renderExpanded,\n      onRowClick,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      table,\n      allColumns.length,\n      columnPinningState,\n      sortable,\n      filterable,\n      editable,\n      expandable,\n      virtualRows,\n      selectable,\n      mobileView,\n      editingCell,\n      onCellEdit,\n      renderExpanded,\n      onRowClick,\n    ],\n  )\n\n  // Virtual items for body\n  const virtualItems = virtualRows ? virtualizer.getVirtualItems() : undefined\n  const totalVirtualSize = virtualRows ? virtualizer.getTotalSize() : undefined\n\n  // Determine if we need a scroll wrapper for virtualization\n  const tableContent = (\n    <Table density={density} aria-busy={loading || undefined}>\n      <DataTableHeader stickyHeader={stickyHeader} />\n      <DataTableBody\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        noResultsText={noResultsText}\n        emptyState={emptyState}\n        virtualItems={virtualItems}\n        totalVirtualSize={totalVirtualSize}\n      />\n    </Table>\n  )\n\n  return (\n    <DataTableProvider value={contextValue}>\n      <div className={cn(className)}>\n        {/* Toolbar */}\n        {toolbar && (\n          <DataTableToolbar\n            table={table}\n            globalFilter={globalFilter}\n            globalFilterValue={globalFilterValue}\n            onGlobalFilterChange={setGlobalFilterValue}\n            density={density}\n            onDensityChange={setDensity}\n          />\n        )}\n\n        {/* Global search input — only show standalone when toolbar is disabled */}\n        {globalFilter && !toolbar && (\n          <div className=\"flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04\">\n            <Icon icon={IconSearch} size=\"sm\" className=\"text-surface-fg-subtle\" />\n            <input\n              type=\"text\"\n              value={globalFilterValue}\n              onChange={(e) => setGlobalFilterValue(e.target.value)}\n              placeholder=\"Search all columns...\"\n              aria-label=\"Search all columns\"\n              className={cn(\n                'flex-1 bg-transparent text-body-md',\n                'text-surface-fg placeholder:text-surface-fg-subtle',\n                'outline-hidden',\n              )}\n            />\n          </div>\n        )}\n\n        {/* Card view on small screens, or standard table */}\n        {showCards ? (\n          <DataTableCards\n            loading={loading}\n            skeletonRowCount={skeletonRowCount}\n            noResultsText={noResultsText}\n            emptyState={emptyState}\n          />\n        ) : virtualRows ? (\n          <div\n            ref={scrollContainerRef}\n            style={{ maxHeight: `${maxHeight}px`, overflowY: 'auto' }}\n          >\n            {tableContent}\n          </div>\n        ) : (\n          tableContent\n        )}\n\n        {/* Pagination controls */}\n        {showPagination && (\n          <DataTablePagination\n            table={table}\n            totalRowCount={totalRowCount}\n            useServerPagination={useServerPagination}\n            pageSizeOptions={pageSizeOptions}\n          />\n        )}\n\n        {/* Bulk action bar */}\n        {bulkActions && selectable && hasSelectedRows && (\n          <DataTableBulkActions\n            table={table}\n            selectedRows={selectedRows}\n            bulkActions={bulkActions}\n          />\n        )}\n      </div>\n    </DataTableProvider>\n  )\n}\nDataTable.displayName = 'DataTable'\n"],"mappings":"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"}
+{"version":3,"file":"data-table.js","names":[],"sources":["../../src/ui/data-table.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronRight, IconSearch } from '@tabler/icons-react'\nimport {\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnPinningState,\n  type ExpandedState,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type Row,\n  type RowData,\n  type RowSelectionState,\n  type SortingState,\n  type TableState,\n  type Updater,\n  useReactTable,\n  type VisibilityState,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { Checkbox } from './checkbox'\nimport { DataTableBody } from './data-table-body'\nimport { type BulkAction,type BulkActionsPosition, DataTableBulkActions } from './data-table-bulk-actions'\nimport { DataTableCards } from './data-table-card'\nimport {\n  DataTableProvider,\n  type EditingCell,\n} from './data-table-context'\nimport { DataTableHeader } from './data-table-header'\nimport { DataTablePagination } from './data-table-pagination'\nimport { DataTableToolbar, type Density } from './data-table-toolbar'\nimport { Icon } from './icon'\nimport { cn } from './lib/utils'\nimport { Table } from './table'\n\n// Re-export public types so consumers' imports don't break\nexport type { BulkAction } from './data-table-bulk-actions'\n\ndeclare module '@tanstack/react-table' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    align?: 'left' | 'center' | 'right'\n    hideBelow?: 'sm' | 'md' | 'lg'\n  }\n}\n\n/**\n * Props for DataTable — a feature-rich TanStack Table wrapper supporting sorting, filtering,\n * pagination, row selection, inline editing, row expansion, column pinning, and virtualization.\n *\n * All features are opt-in via boolean flags. The component manages its own internal state for\n * sorting, filtering, pagination, and selection — just pass `columns` and `data`.\n *\n * **Feature flags:** `sortable` | `filterable` | `globalFilter` | `paginated` | `selectable` |\n * `toolbar` | `editable` | `expandable` | `virtualRows`\n *\n * **Columns:** Use TanStack Table's `ColumnDef<TData, TValue>` type. Set\n * `meta: { enableEditing: false }` on a column to disable cell editing for that column.\n *\n * @example\n * // Minimal read-only table:\n * const columns: ColumnDef<User, string>[] = [\n *   { accessorKey: 'name', header: 'Name' },\n *   { accessorKey: 'email', header: 'Email' },\n * ]\n * <DataTable columns={columns} data={users} />\n *\n * @example\n * // Full-featured admin table with sorting, pagination, and selection:\n * <DataTable\n *   columns={projectColumns}\n *   data={projects}\n *   sortable\n *   paginated\n *   pageSize={20}\n *   selectable\n *   onSelectionChange={(rows) => setSelectedProjects(rows)}\n *   toolbar\n * />\n *\n * @example\n * // Virtualized table for large datasets (10k+ rows):\n * <DataTable\n *   columns={logColumns}\n *   data={allLogs}\n *   virtualRows\n *   virtualRowHeight={40}\n *   maxHeight={500}\n * />\n *\n * @example\n * // Table with expandable rows for nested detail:\n * <DataTable\n *   columns={orderColumns}\n *   data={orders}\n *   expandable\n *   renderExpanded={(order) => <OrderLineItems items={order.lineItems} />}\n * />\n * // These are just a few ways — feel free to combine props creatively!\n */\n/**\n * A full-featured data table built on TanStack Table with sorting, filtering,\n * pagination, row selection, inline cell editing, expandable rows, column pinning,\n * a toolbar with density/export controls, and optional row virtualization.\n */\nexport interface DataTableProps<TData, TValue> {\n  /** Column definitions passed to TanStack Table. */\n  columns: ColumnDef<TData, TValue>[]\n  /** Row data */\n  data: TData[]\n  /** Additional class name for the wrapper div */\n  className?: string\n  /** Text shown when the table has no rows */\n  noResultsText?: string\n  /** Enable column sorting (click headers to sort) */\n  sortable?: boolean\n  /** Enable per-column filter inputs below headers */\n  filterable?: boolean\n  /** Enable a global search input above the table */\n  globalFilter?: boolean\n  /** Enable pagination controls below the table */\n  paginated?: boolean\n  /** Number of rows per page when paginated (default 10) */\n  pageSize?: number\n  /** Options for the page size selector dropdown (default [10, 20, 50, 100]) */\n  pageSizeOptions?: number[]\n  /** Enable row selection with checkboxes */\n  selectable?: boolean\n  /**\n   * Callback when row selection changes.\n   * Second argument `selectedIds` is the set of selected row IDs — the natural\n   * complement of the `selectedIds` controlled prop, so you never have to\n   * re-derive them yourself.\n   */\n  onSelectionChange?: (selectedRows: TData[], selectedIds: Set<string>) => void\n  /** Show toolbar above the table with column visibility, density, and export controls */\n  toolbar?: boolean\n  /** Row density — controls cell vertical padding */\n  density?: Density\n  /** Initial column pinning configuration */\n  columnPinning?: { left?: string[]; right?: string[] }\n\n  // --- Cell Editing ---\n  /** Enable inline cell editing (double-click to edit) */\n  editable?: boolean\n  /** Callback when a cell value is edited */\n  onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void\n\n  // --- Row Expansion ---\n  /** Enable expandable rows with detail panels */\n  expandable?: boolean\n  /** Render function for expanded row content */\n  renderExpanded?: (row: TData) => React.ReactNode\n\n  // --- Virtualization ---\n  /** Enable row virtualization for large datasets */\n  virtualRows?: boolean\n  /**\n   * Estimated height of each virtual row in pixels (default 48). Real heights are\n   * measured after mount, so this only has to be close — it decides the initial\n   * scroll extent and how many rows render before the first measurement pass.\n   */\n  virtualRowHeight?: number\n  /** Maximum height of the scrollable container in pixels (default 600) */\n  maxHeight?: number\n\n  // --- Server-side sorting ---\n  /** Callback for server-side sorting. When provided, sorting is manual (no client-side sort). */\n  onSort?: (key: string, direction: 'asc' | 'desc' | false) => void\n\n  // --- Empty state ---\n  /** Custom ReactNode to render when data is empty (replaces noResultsText) */\n  emptyState?: React.ReactNode\n\n  // --- Loading ---\n  /** Show shimmer skeleton rows instead of data */\n  loading?: boolean\n\n  // --- Controlled selection ---\n  /** Controlled set of selected row IDs — syncs internal selection state */\n  selectedIds?: Set<string>\n  /** Per-row filter to determine if a row is selectable */\n  selectableFilter?: (row: TData) => boolean\n  /** Custom row ID getter */\n  getRowId?: (row: TData) => string\n\n  // --- Server-side pagination ---\n  /** Server-side pagination config. When provided, pagination is manual. */\n  pagination?: {\n    page: number\n    pageSize: number\n    total: number\n    onPageChange: (page: number) => void\n  }\n\n  // --- Single-expand mode ---\n  /** When true, only one row can be expanded at a time */\n  singleExpand?: boolean\n\n  // --- Sticky header ---\n  /** When true, the table header sticks to the top on scroll */\n  stickyHeader?: boolean\n\n  // --- Row click ---\n  /** Callback when a row is clicked (not fired from interactive elements) */\n  onRowClick?: (row: TData) => void\n\n  // --- Bulk actions ---\n  /** Actions shown in a floating bar when rows are selected */\n  bulkActions?: BulkAction<TData>[]\n  /** Where the bulk-actions bar renders. @default 'bottom' */\n  bulkActionsPosition?: BulkActionsPosition\n\n  // --- Mobile view ---\n  /** Render rows as stacked cards on small screens (below sm breakpoint). Default 'table'. */\n  mobileView?: 'card' | 'table'\n\n  // --- Toolbar export ---\n  /**\n   * Whether to show the Export CSV button in the toolbar. Defaults to `true`\n   * (the button has always rendered whenever `toolbar` is on). Pass `false` to\n   * hide it — worth doing with server-side `pagination`, where the built-in CSV\n   * export can only see the current page's rows; `onExport` is the other answer\n   * there, since it lets you fetch the full set yourself.\n   */\n  enableExport?: boolean\n  /**\n   * Override the default client-side CSV export. Receives the currently visible\n   * (filtered) rows so you can trigger a server-side full export or apply custom\n   * formatting. When provided, the built-in CSV logic is skipped entirely.\n   */\n  onExport?: (visibleRows: TData[]) => void\n\n  // --- Per-column filter control ---\n  /**\n   * Restrict filter inputs to specific column IDs. Only effective when\n   * `filterable` is true. When omitted, all columns without\n   * `enableColumnFilter: false` in their `ColumnDef` get a filter input\n   * (existing behaviour). When provided, only the listed columns get inputs.\n   *\n   * @example\n   * // Show filter inputs only for name and email columns\n   * <DataTable filterable filterableColumns={['name', 'email']} />\n   */\n  filterableColumns?: string[]\n\n  // --- Conditional row styling ---\n  /**\n   * Return a className string for a given row — applied to the `<tr>` in table\n   * layout and to the `Card` in `mobileView=\"card\"` layout.\n   *\n   * The return value is passed through `cn()` verbatim, so an invented class\n   * silently does nothing. Use real token steps (`bg-error-3`, `bg-warning-3`).\n   *\n   * @example\n   * rowClassName={(row) => row.status === 'overdue' ? 'bg-error-3' : undefined}\n   */\n  rowClassName?: (row: TData) => string | undefined\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  className,\n  noResultsText,\n  sortable = false,\n  filterable = false,\n  globalFilter = false,\n  paginated = false,\n  pageSize: initialPageSize,\n  pageSizeOptions,\n  selectable = false,\n  onSelectionChange,\n  toolbar = false,\n  density: initialDensity = 'standard',\n  columnPinning: initialColumnPinning,\n  editable = false,\n  onCellEdit,\n  expandable = false,\n  renderExpanded,\n  virtualRows = false,\n  virtualRowHeight = 48,\n  maxHeight = 600,\n  onSort,\n  emptyState,\n  loading = false,\n  selectedIds,\n  selectableFilter,\n  getRowId: getRowIdProp,\n  pagination: serverPagination,\n  singleExpand = false,\n  stickyHeader = false,\n  onRowClick,\n  bulkActions,\n  bulkActionsPosition = 'bottom',\n  mobileView = 'table',\n  enableExport,\n  onExport,\n  filterableColumns,\n  rowClassName,\n}: DataTableProps<TData, TValue>) {\n  // Detect below-sm viewport (640px) for card mode — separate from useIsMobile (768px)\n  const [isBelowSm, setIsBelowSm] = useState(false)\n  useEffect(() => {\n    const mql = window.matchMedia('(max-width: 639px)')\n    const onChange = () => setIsBelowSm(mql.matches)\n    mql.addEventListener('change', onChange)\n    setIsBelowSm(mql.matches)\n    return () => mql.removeEventListener('change', onChange)\n  }, [])\n\n  const showCards = mobileView === 'card' && isBelowSm\n\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [globalFilterValue, setGlobalFilterValue] = useState('')\n  const [paginationState, setPaginationState] = useState<PaginationState>({\n    pageIndex: serverPagination ? serverPagination.page - 1 : 0,\n    pageSize: serverPagination?.pageSize ?? initialPageSize ?? 10,\n  })\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\n  const [columnPinningState, setColumnPinningState] =\n    useState<ColumnPinningState>({\n      left: initialColumnPinning?.left ?? [],\n      right: initialColumnPinning?.right ?? [],\n    })\n  const [density, setDensity] = useState<Density>(initialDensity)\n  const [editingCell, setEditingCell] = useState<EditingCell>(null)\n  const [expanded, setExpanded] = useState<ExpandedState>({})\n\n  // Ref for the virtual scroll container\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  // Guard to prevent onSelectionChange firing when syncing from selectedIds prop\n  const isSyncingFromPropRef = useRef(false)\n  // Guard to prevent onSelectionChange firing on mount (initial empty selection)\n  const isFirstRenderRef = useRef(true)\n\n  // Sync controlled selectedIds to internal rowSelection\n  useEffect(() => {\n    if (selectedIds) {\n      isSyncingFromPropRef.current = true\n      const newSelection: RowSelectionState = {}\n      selectedIds.forEach((id) => {\n        newSelection[id] = true\n      })\n      setRowSelection(newSelection)\n    }\n  }, [selectedIds])\n\n  // Sync server pagination page to internal state\n  useEffect(() => {\n    if (serverPagination) {\n      setPaginationState((prev) => ({\n        ...prev,\n        pageIndex: serverPagination.page - 1,\n        pageSize: serverPagination.pageSize,\n      }))\n    }\n  }, [serverPagination?.page, serverPagination?.pageSize]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Server-side sorting handler\n  const handleSortingChange = useCallback(\n    (updater: Updater<SortingState>) => {\n      setSorting((prev) => {\n        const next = typeof updater === 'function' ? updater(prev) : updater\n        if (onSort) {\n          if (next.length === 0 && prev.length > 0) {\n            // Sorting cleared\n            onSort(prev[0].id, false)\n          } else if (next.length > 0) {\n            onSort(next[0].id, next[0].desc ? 'desc' : 'asc')\n          }\n        }\n        return next\n      })\n    },\n    [onSort],\n  )\n\n  // Single-expand handler\n  const handleExpandedChange = useCallback(\n    (updater: Updater<ExpandedState>) => {\n      setExpanded((prev) => {\n        const next = typeof updater === 'function' ? updater(prev) : updater\n        if (!singleExpand) return next\n        // If next is boolean true (expand all), just use it\n        if (next === true) return next\n        if (typeof next !== 'object') return next\n        // Determine which row was just toggled on\n        const prevKeys = typeof prev === 'object' ? Object.keys(prev).filter((k) => (prev as Record<string, boolean>)[k]) : []\n        const nextKeys = Object.keys(next).filter((k) => (next as Record<string, boolean>)[k])\n        // Find newly expanded row\n        const newlyExpanded = nextKeys.filter((k) => !prevKeys.includes(k))\n        if (newlyExpanded.length > 0) {\n          // Keep only the most recently expanded row\n          return { [newlyExpanded[newlyExpanded.length - 1]]: true } as ExpandedState\n        }\n        // If no new rows, means a row was collapsed — return as-is\n        return next\n      })\n    },\n    [singleExpand],\n  )\n\n  // Stable ref for server pagination callback to avoid useCallback invalidation\n  const onPageChangeRef = useRef(serverPagination?.onPageChange)\n  useEffect(() => {\n    onPageChangeRef.current = serverPagination?.onPageChange\n  }, [serverPagination?.onPageChange])\n\n  // Server-side pagination handler\n  const handlePaginationChange = useCallback(\n    (updater: Updater<PaginationState>) => {\n      setPaginationState((prev) => {\n        const next = typeof updater === 'function' ? updater(prev) : updater\n        if (onPageChangeRef.current) {\n          // Only call onPageChange if the page actually changed\n          if (next.pageIndex !== prev.pageIndex) {\n            onPageChangeRef.current(next.pageIndex + 1)\n          }\n        }\n        return next\n      })\n    },\n    [],\n  )\n\n  // Checkbox column prepended when selectable is enabled\n  const selectColumn: ColumnDef<TData, unknown> = {\n    id: '_select',\n    header: ({ table: t }) => (\n      <Checkbox\n        size=\"sm\"\n        checked={t.getIsAllPageRowsSelected()}\n        indeterminate={t.getIsSomePageRowsSelected()}\n        onCheckedChange={(v) => t.toggleAllPageRowsSelected(!!v)}\n        aria-label=\"Select all rows\"\n      />\n    ),\n    cell: ({ row }) => (\n      <Checkbox\n        size=\"sm\"\n        checked={row.getIsSelected()}\n        disabled={!row.getCanSelect()}\n        onCheckedChange={(v) => row.toggleSelected(!!v)}\n        aria-label=\"Select row\"\n      />\n    ),\n    enableSorting: false,\n    enableColumnFilter: false,\n    enableHiding: false,\n  }\n\n  // Expand toggle column — aria-expanded lives on the BUTTON (not the row),\n  // in a dedicated column with a visually-hidden header (Roselli expando spec).\n  const expandColumn: ColumnDef<TData, unknown> = {\n    id: '_expand',\n    header: () => <span className=\"sr-only\">Expand rows</span>,\n    cell: ({ row }) => (\n      <button\n        type=\"button\"\n        onClick={() => row.toggleExpanded()}\n        aria-expanded={row.getIsExpanded()}\n        aria-label={row.getIsExpanded() ? 'Collapse row' : 'Expand row'}\n        className=\"flex items-center justify-center p-ds-01 rounded-control-inner hover:bg-surface-panel-hover transition-colors\"\n      >\n        <Icon\n          icon={IconChevronRight}\n          size=\"sm\"\n          className={cn(\n            'transition-transform duration-fast-02 ease-productive-standard',\n            row.getIsExpanded() && 'rotate-90',\n          )}\n        />\n      </button>\n    ),\n    enableSorting: false,\n    enableColumnFilter: false,\n    enableHiding: false,\n  }\n\n  // Assemble all columns in order: select?, expand?, ...user columns\n  const allColumns = [\n    ...(selectable ? [selectColumn] : []),\n    ...(expandable ? [expandColumn] : []),\n    ...columns,\n  ]\n\n  // Determine if using server-side pagination\n  const useServerPagination = !!serverPagination\n  const showPagination = paginated || useServerPagination\n\n  // Build state object once — sorting and filtering contribute independently\n  const tableState: Partial<TableState> = {\n    columnVisibility,\n    columnPinning: columnPinningState,\n  }\n  if (sortable) tableState.sorting = sorting\n  if (filterable || globalFilter) {\n    tableState.columnFilters = columnFilters\n    tableState.globalFilter = globalFilterValue\n  }\n  if (showPagination) tableState.pagination = paginationState\n  if (selectable) tableState.rowSelection = rowSelection\n  if (expandable) tableState.expanded = expanded\n\n  // Determine server-side sort mode\n  const isServerSort = sortable && !!onSort\n\n  const table = useReactTable({\n    data,\n    columns: allColumns,\n    state: tableState,\n    onColumnVisibilityChange: setColumnVisibility,\n    onColumnPinningChange: setColumnPinningState,\n    getCoreRowModel: getCoreRowModel(),\n    ...(sortable && {\n      onSortingChange: isServerSort ? handleSortingChange : setSorting,\n      ...(isServerSort\n        ? { manualSorting: true }\n        : { getSortedRowModel: getSortedRowModel() }),\n    }),\n    ...((filterable || globalFilter) && {\n      onColumnFiltersChange: setColumnFilters,\n      onGlobalFilterChange: setGlobalFilterValue,\n      getFilteredRowModel: getFilteredRowModel(),\n    }),\n    ...(showPagination && {\n      onPaginationChange: useServerPagination\n        ? handlePaginationChange\n        : setPaginationState,\n      ...(useServerPagination\n        ? {\n            manualPagination: true,\n            pageCount: Math.ceil(\n              serverPagination!.total / serverPagination!.pageSize,\n            ),\n          }\n        : { getPaginationRowModel: getPaginationRowModel() }),\n    }),\n    ...(selectable && {\n      onRowSelectionChange: setRowSelection,\n      enableRowSelection: selectableFilter\n        ? (row: Row<TData>) => selectableFilter(row.original)\n        : true,\n    }),\n    ...(expandable && {\n      onExpandedChange: singleExpand ? handleExpandedChange : setExpanded,\n      getExpandedRowModel: getExpandedRowModel(),\n    }),\n    ...(getRowIdProp && {\n      getRowId: (row: TData) => getRowIdProp(row),\n    }),\n  })\n\n  // Stable refs to avoid effect re-fires from inline callbacks\n  const onSelectionChangeRef = useRef(onSelectionChange)\n  const getRowIdRef = useRef(getRowIdProp)\n  useEffect(() => {\n    onSelectionChangeRef.current = onSelectionChange\n    getRowIdRef.current = getRowIdProp\n  }, [onSelectionChange, getRowIdProp])\n\n  // Fire selection callback when row selection changes (skip on mount and when syncing from prop)\n  useEffect(() => {\n    // Skip the very first render — rowSelection starts as {} and firing here\n    // would send an empty array to every handler on mount, causing spurious\n    // refetches, query invalidations, and route refreshes in real apps.\n    if (isFirstRenderRef.current) {\n      isFirstRenderRef.current = false\n      return\n    }\n    if (isSyncingFromPropRef.current) {\n      isSyncingFromPropRef.current = false\n      return\n    }\n    if (!onSelectionChangeRef.current) return\n    const selectedRowIds = Object.keys(rowSelection).filter((k) => rowSelection[k])\n    const selected = data.filter((_, i) => {\n      const id = getRowIdRef.current ? getRowIdRef.current(data[i]) : String(i)\n      return selectedRowIds.includes(id)\n    })\n    // Pass selected IDs as second arg — the natural complement of the `selectedIds`\n    // controlled prop so consumers never have to re-derive them.\n    onSelectionChangeRef.current(selected, new Set(selectedRowIds))\n  }, [rowSelection, data])\n\n  const rows = table.getRowModel().rows\n\n  // Virtualizer — always called but only active when virtualRows is true.\n  // `virtualRowHeight` is only the ESTIMATE: each rendered row group carries\n  // `virtualizer.measureElement` as its ref, so real heights (including an\n  // expanded row's detail panel) are measured and folded into `getTotalSize()`.\n  // Without that, an expanded panel and the row after it resolve to the same\n  // offset and paint on top of each other.\n  const virtualizer = useVirtualizer<HTMLDivElement, HTMLTableSectionElement>({\n    count: virtualRows ? rows.length : 0,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => virtualRowHeight,\n    overscan: 10,\n  })\n\n  // Number of skeleton rows for loading state\n  const skeletonRowCount = serverPagination?.pageSize ?? initialPageSize ?? 5\n\n  // Get selected rows for bulk actions (derived from rowSelection + data, not table instance)\n  const selectedRows = useMemo(() => {\n    if (!bulkActions || !selectable) return []\n    const selectedRowIds = Object.keys(rowSelection).filter((k) => rowSelection[k])\n    return data.filter((_, i) => {\n      const id = getRowIdProp ? getRowIdProp(data[i]) : String(i)\n      return selectedRowIds.includes(id)\n    })\n  }, [bulkActions, selectable, rowSelection, data, getRowIdProp])\n\n  const hasSelectedRows = selectedRows.length > 0\n\n  // Total rows for pagination display\n  const totalRowCount = useServerPagination\n    ? serverPagination!.total\n    : table.getFilteredRowModel().rows.length\n\n  // Build context value for sub-components\n  const contextValue = useMemo(\n    () => ({\n      table,\n      allColumns: allColumns.map((col) => ({\n        id: (col as { id?: string }).id,\n        header: (col as { header?: unknown }).header,\n      })),\n      columnPinningState,\n      sortable,\n      filterable,\n      filterableColumns,\n      editable,\n      expandable,\n      virtualRows,\n      selectable,\n      mobileView,\n      editingCell,\n      setEditingCell,\n      onCellEdit,\n      renderExpanded,\n      onRowClick,\n      rowClassName,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      table,\n      allColumns.length,\n      columnPinningState,\n      sortable,\n      filterable,\n      filterableColumns,\n      editable,\n      expandable,\n      virtualRows,\n      selectable,\n      mobileView,\n      editingCell,\n      onCellEdit,\n      renderExpanded,\n      onRowClick,\n      rowClassName,\n    ],\n  )\n\n  // Virtual items for body\n  const virtualItems = virtualRows ? virtualizer.getVirtualItems() : undefined\n  const totalVirtualSize = virtualRows ? virtualizer.getTotalSize() : undefined\n  const measureRow = virtualizer.measureElement\n\n  // Determine if we need a scroll wrapper for virtualization\n  const tableContent = (\n    <Table density={density} aria-busy={loading || undefined}>\n      <DataTableHeader stickyHeader={stickyHeader} />\n      <DataTableBody\n        loading={loading}\n        skeletonRowCount={skeletonRowCount}\n        noResultsText={noResultsText}\n        emptyState={emptyState}\n        virtualItems={virtualItems}\n        totalVirtualSize={totalVirtualSize}\n        measureRow={measureRow}\n      />\n    </Table>\n  )\n\n  return (\n    <DataTableProvider value={contextValue}>\n      <div className={cn(className)}>\n        {/* Toolbar */}\n        {toolbar && (\n          <DataTableToolbar\n            table={table}\n            globalFilter={globalFilter}\n            globalFilterValue={globalFilterValue}\n            onGlobalFilterChange={setGlobalFilterValue}\n            density={density}\n            onDensityChange={setDensity}\n            // Defaults to true — the Export button has shipped unconditionally\n            // since the toolbar existed, so defaulting it off (even only for\n            // server pagination) would silently delete a live affordance from\n            // every consumer on upgrade. Opt out with enableExport={false}.\n            enableExport={enableExport ?? true}\n            onExport={onExport}\n          />\n        )}\n\n        {/* Global search input — only show standalone when toolbar is disabled */}\n        {globalFilter && !toolbar && (\n          <div className=\"flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04\">\n            <Icon icon={IconSearch} size=\"sm\" className=\"text-surface-fg-subtle\" />\n            <input\n              type=\"text\"\n              value={globalFilterValue}\n              onChange={(e) => setGlobalFilterValue(e.target.value)}\n              placeholder=\"Search all columns...\"\n              aria-label=\"Search all columns\"\n              className={cn(\n                'flex-1 bg-transparent text-body-md',\n                'text-surface-fg placeholder:text-surface-fg-subtle',\n                'outline-hidden',\n              )}\n            />\n          </div>\n        )}\n\n        {/* Card view on small screens, or standard table */}\n        {showCards ? (\n          <DataTableCards\n            loading={loading}\n            skeletonRowCount={skeletonRowCount}\n            noResultsText={noResultsText}\n            emptyState={emptyState}\n          />\n        ) : virtualRows ? (\n          <div\n            ref={scrollContainerRef}\n            style={{ maxHeight: `${maxHeight}px`, overflowY: 'auto' }}\n          >\n            {tableContent}\n          </div>\n        ) : (\n          tableContent\n        )}\n\n        {/* Pagination controls */}\n        {showPagination && (\n          <DataTablePagination\n            table={table}\n            totalRowCount={totalRowCount}\n            useServerPagination={useServerPagination}\n            pageSizeOptions={pageSizeOptions}\n          />\n        )}\n\n        {/* Bulk action bar */}\n        {bulkActions && selectable && hasSelectedRows && (\n          <DataTableBulkActions\n            table={table}\n            selectedRows={selectedRows}\n            bulkActions={bulkActions}\n            position={bulkActionsPosition}\n          />\n        )}\n      </div>\n    </DataTableProvider>\n  )\n}\nDataTable.displayName = 'DataTable'\n"],"mappings":"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"}

package/dist/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAejF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACjG,+GAA+G;IAC/G,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,aAAa,2FAqDjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAejF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACjG,+GAA+G;IAC/G,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,aAAa,2FAuDjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAClC,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}