agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/DataTable/DataTable.js

@@ -0,0 +1,324 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Button as t } from "../Button/Button.js";
+import { Checkbox as n } from "../Checkbox/Checkbox.js";
+import { DropdownMenu as r } from "../DropdownMenu/DropdownMenu.js";
+import { Cell as i } from "../Cell/Cell.js";
+import { HeaderCell as a } from "../HeaderCell/HeaderCell.js";
+import o from "./DataTable.module.js";
+import { useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ui/DataTable/DataTable.tsx
+var ee = "Search...", te = "No results.", ne = [];
+function m(e) {
+	return typeof e == "string" || typeof e == "number";
+}
+function h(e) {
+	if (e === void 0) return "";
+	if (m(e)) return String(e);
+	let t = e;
+	if (t.label) return String(t.label);
+	if (t.name) return String(t.name);
+	if (t.value !== void 0 && t.value !== "") return String(t.value);
+	if (t.badges && t.badges.length) return t.badges.map((e) => e.label).join(" ");
+	if (t.people && t.people.length) return t.people.map((e) => e.name).join(" ");
+	if (t.options && t.options.length) {
+		let e = t.value === void 0 ? "" : String(t.value), n = t.options.find((t) => t.value === e);
+		return n ? n.label : t.options.map((e) => e.label).join(" ");
+	}
+	return t.actions && t.actions.length ? t.actions.map((e) => e.label || e.ariaLabel || "").join(" ") : "";
+}
+function g(e, t) {
+	let n = e.id;
+	return m(n) && n !== "" ? String(n) : String(t);
+}
+function _(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = [];
+	for (let i of e) {
+		if (i[t] === void 0) continue;
+		let e = h(i[t]);
+		n.has(e) || (n.add(e), r.push(e));
+	}
+	return r;
+}
+function v(e) {
+	return e.some((e) => e.key === "name") ? "name" : e[0]?.key;
+}
+function y(e, t, n) {
+	if (t && e[t] !== void 0) {
+		let n = h(e[t]);
+		if (n) return n;
+	}
+	return n;
+}
+function b(e, t) {
+	return e === void 0 ? /* @__PURE__ */ f(i, {
+		type: "text",
+		size: t,
+		text: !1
+	}) : m(e) ? /* @__PURE__ */ f(i, {
+		type: "text",
+		label: String(e),
+		size: t
+	}) : /* @__PURE__ */ f(i, {
+		...e,
+		size: t
+	});
+}
+function x(e) {
+	return !!e && typeof e == "object" && e.type === "actionMenu";
+}
+function S(e, t) {
+	return t.some((t) => x(t[e.key]));
+}
+function C({ caption: i, selectable: m = !1, toolbar: x = !1, searchPlaceholder: C = ee, filters: w, columnSettings: T = !1, cellSize: E = "md", columns: D, rows: O, emptyMessage: k = te, onSelectionChange: A }) {
+	let j = s(), M = u(null), [N, re] = d(""), [P, ie] = d({}), [F, ae] = d({}), [I, oe] = d([]), [L, R] = d(!1), [z, B] = d(null), [V, H] = d("asc"), U = w ?? ne, W = v(D), G = l(() => D.filter((e) => e.key === W || F[e.key] !== !0), [
+		D,
+		F,
+		W
+	]), K = l(() => O.map((e, t) => ({
+		row: e,
+		id: g(e, t)
+	})), [O]), se = l(() => {
+		let e = {};
+		for (let t of U) e[t.key] = _(O, t.key);
+		return e;
+	}, [U, O]), q = l(() => {
+		let e = N.trim().toLowerCase(), t = K.filter(({ row: t }) => {
+			for (let e of U) {
+				let n = P[e.key];
+				if (n && h(t[e.key]) !== n) return !1;
+			}
+			return !e || G.some((n) => h(t[n.key]).toLowerCase().includes(e));
+		});
+		if (!z) return t;
+		let n = D.find((e) => e.key === z)?.type === "number", r = V === "asc" ? 1 : -1;
+		return [...t].sort((e, t) => {
+			let i = h(e.row[z]), a = h(t.row[z]);
+			if (n) {
+				let e = Number(i), t = Number(a), n = Number.isFinite(e), o = Number.isFinite(t);
+				if (n && o && e !== t) return (e - t) * r;
+				if (n !== o) return (n ? -1 : 1) * r;
+			}
+			return i.localeCompare(a, void 0, {
+				numeric: !0,
+				sensitivity: "base"
+			}) * r;
+		});
+	}, [
+		K,
+		U,
+		P,
+		N,
+		G,
+		z,
+		V,
+		D
+	]), J = q.map((e) => e.id), Y = I.filter((e) => J.includes(e)), X = J.length > 0 && Y.length === J.length, ce = Y.length > 0 && !X, le = G.length + +!!m, ue = q.length === 0;
+	c(() => {
+		if (!T || !x) return;
+		let e = M.current?.querySelector("button");
+		e && (e.setAttribute("aria-expanded", L ? "true" : "false"), e.setAttribute("aria-haspopup", "true"));
+	}, [
+		T,
+		x,
+		L
+	]), c(() => {
+		if (!L) return;
+		function e(e) {
+			M.current && !M.current.contains(e.target) && R(!1);
+		}
+		function t(e) {
+			e.key === "Escape" && R(!1);
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [L]);
+	function Z(e) {
+		oe(e), A?.(e);
+	}
+	function Q(e) {
+		if (e) Z(Array.from(/* @__PURE__ */ new Set([...I, ...J])));
+		else {
+			let e = new Set(J);
+			Z(I.filter((t) => !e.has(t)));
+		}
+	}
+	function de(e, t) {
+		Z(t ? [...I, e] : I.filter((t) => t !== e));
+	}
+	function fe(e) {
+		if (z !== e) {
+			B(e), H("asc");
+			return;
+		}
+		if (V === "asc") {
+			H("desc");
+			return;
+		}
+		B(null), H("asc");
+	}
+	function pe(e, t) {
+		e !== W && ae((n) => ({
+			...n,
+			[e]: !t
+		}));
+	}
+	function $(e) {
+		return e.type === "number" ? ` ${o.numeric}` : S(e, O) ? ` ${o.actionCell}` : "";
+	}
+	return /* @__PURE__ */ p("div", {
+		className: o.root,
+		"data-size": E,
+		children: [
+			x ? /* @__PURE__ */ p("div", {
+				className: o.toolbar,
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: o.search,
+						children: [/* @__PURE__ */ f(e, {
+							name: "Search",
+							size: 16,
+							className: o.searchIcon
+						}), /* @__PURE__ */ f("input", {
+							type: "search",
+							className: o.searchInput,
+							placeholder: C,
+							value: N,
+							autoComplete: "off",
+							onChange: (e) => re(e.target.value),
+							"aria-label": C
+						})]
+					}),
+					U.map((e) => {
+						let t = `__all-${e.key}`, n = `All ${e.label.toLowerCase()}`, i = P[e.key] ?? "", a = [{
+							id: t,
+							label: n
+						}, ...(se[e.key] ?? []).filter((e) => e !== "").map((e) => ({
+							id: e,
+							label: e
+						}))];
+						return /* @__PURE__ */ f("div", {
+							className: o.filter,
+							children: /* @__PURE__ */ f(r, {
+								trigger: i || n,
+								variant: "secondary",
+								size: "md",
+								iconEnd: "ChevronDown",
+								ariaLabel: e.label,
+								groups: [{ items: a }],
+								onSelect: (n) => ie((r) => ({
+									...r,
+									[e.key]: n === t ? "" : n
+								}))
+							})
+						}, e.key);
+					}),
+					T ? /* @__PURE__ */ p("div", {
+						ref: M,
+						className: o.columns,
+						children: [/* @__PURE__ */ f(t, {
+							variant: "secondary",
+							size: "md",
+							iconStart: "Settings",
+							onClick: () => R((e) => !e),
+							children: "Columns"
+						}), L ? /* @__PURE__ */ f("div", {
+							className: o.columnMenu,
+							role: "group",
+							"aria-label": "Columns",
+							children: D.map((e) => {
+								let t = e.key === W;
+								return /* @__PURE__ */ f(n, {
+									id: `${j}-col-${e.key}`,
+									size: "sm",
+									label: e.header,
+									checked: t || F[e.key] !== !0,
+									disabled: t,
+									onChange: (t) => pe(e.key, t)
+								}, e.key);
+							})
+						}) : null]
+					}) : null
+				]
+			}) : null,
+			x ? /* @__PURE__ */ p("p", {
+				className: o.count,
+				children: [
+					"Showing ",
+					q.length,
+					" of ",
+					O.length
+				]
+			}) : null,
+			/* @__PURE__ */ f("div", {
+				className: o.scroller,
+				children: /* @__PURE__ */ p("table", {
+					className: o.table,
+					children: [
+						i ? /* @__PURE__ */ f("caption", {
+							className: o.caption,
+							children: i
+						}) : null,
+						/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [m ? /* @__PURE__ */ f("th", {
+							scope: "col",
+							className: `${o.th} ${o.checkCell}`,
+							children: /* @__PURE__ */ f(a, {
+								size: E,
+								checkbox: !0,
+								id: `${j}-all`,
+								checked: X,
+								indeterminate: ce,
+								onCheckedChange: Q
+							})
+						}) : null, G.map((e) => /* @__PURE__ */ f("th", {
+							scope: "col",
+							className: `${o.th}${$(e)}`,
+							"aria-sort": e.sortable ? z === e.key ? V === "asc" ? "ascending" : "descending" : "none" : void 0,
+							children: /* @__PURE__ */ f(a, {
+								label: e.header,
+								size: E,
+								align: e.type === "number" ? "end" : S(e, O) ? "center" : "start",
+								sortable: e.sortable,
+								sort: z === e.key ? V : void 0,
+								onSort: () => fe(e.key)
+							})
+						}, e.key))] }) }),
+						/* @__PURE__ */ f("tbody", { children: ue ? /* @__PURE__ */ f("tr", {
+							className: o.tr,
+							children: /* @__PURE__ */ f("td", {
+								className: `${o.td} ${o.emptyCell}`,
+								colSpan: Math.max(le, 1),
+								children: k
+							})
+						}) : q.map(({ row: e, id: t }) => {
+							let r = I.includes(t), i = y(e, W, t);
+							return /* @__PURE__ */ p("tr", {
+								className: o.tr,
+								"data-selected": r || void 0,
+								children: [m ? /* @__PURE__ */ f("td", {
+									className: `${o.td} ${o.checkCell}`,
+									children: /* @__PURE__ */ f(n, {
+										id: `${j}-row-${t}`,
+										size: "sm",
+										ariaLabel: `Select ${i}`,
+										checked: r,
+										onChange: (e) => de(t, e)
+									})
+								}) : null, G.map((t) => /* @__PURE__ */ f("td", {
+									className: `${o.td}${$(t)}`,
+									children: b(e[t.key], E)
+								}, t.key))]
+							}, t);
+						}) })
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { C as DataTable };
+
+//# sourceMappingURL=DataTable.js.map

package/dist/ui/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../ui/DataTable/DataTable.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Cell } from \"../Cell\";\nimport { HeaderCell } from \"../HeaderCell\";\nimport { DropdownMenu } from \"../DropdownMenu\";\nimport type { CellSize, CellValue } from \"../Cell\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type {\n  DataTableCell,\n  DataTableColumn,\n  DataTableFilter,\n  DataTableProps,\n  DataTableRow,\n} from \"./DataTable.types\";\nimport styles from \"./DataTable.module.css\";\n\nexport type {\n  DataTableProps,\n  DataTableColumn,\n  DataTableFilter,\n  DataTableCell,\n  DataTableRow,\n} from \"./DataTable.types\";\n\nconst DEFAULT_SEARCH = \"Search...\";\nconst DEFAULT_EMPTY = \"No results.\";\nconst EMPTY_FILTERS: DataTableFilter[] = [];\n\nfunction isPrimitive(value: unknown): value is string | number {\n  return typeof value === \"string\" || typeof value === \"number\";\n}\n\nfunction stringifyCell(value: DataTableCell | undefined): string {\n  if (value === undefined) return \"\";\n  if (isPrimitive(value)) return String(value);\n  const cell = value as CellValue;\n  if (cell.label) return String(cell.label);\n  if (cell.name) return String(cell.name);\n  if (cell.value !== undefined && cell.value !== \"\") return String(cell.value);\n  if (cell.badges && cell.badges.length) return cell.badges.map((item) => item.label).join(\" \");\n  if (cell.people && cell.people.length) return cell.people.map((item) => item.name).join(\" \");\n  if (cell.options && cell.options.length) {\n    const selected = cell.value !== undefined ? String(cell.value) : \"\";\n    const match = cell.options.find((item) => item.value === selected);\n    if (match) return match.label;\n    return cell.options.map((item) => item.label).join(\" \");\n  }\n  if (cell.actions && cell.actions.length) {\n    return cell.actions.map((item) => item.label || item.ariaLabel || \"\").join(\" \");\n  }\n  return \"\";\n}\n\nfunction rowId(row: DataTableRow, index: number): string {\n  const id = row.id;\n  if (isPrimitive(id) && id !== \"\") return String(id);\n  return String(index);\n}\n\nfunction uniqueValues(rows: DataTableRow[], key: string): string[] {\n  const seen = new Set<string>();\n  const values: string[] = [];\n  for (const row of rows) {\n    if (row[key] === undefined) continue;\n    const value = stringifyCell(row[key]);\n    if (!seen.has(value)) {\n      seen.add(value);\n      values.push(value);\n    }\n  }\n  return values;\n}\n\nfunction lockedColumnKey(columns: DataTableColumn[]): string | undefined {\n  if (columns.some((column) => column.key === \"name\")) return \"name\";\n  return columns[0]?.key;\n}\n\nfunction rowLabel(row: DataTableRow, lockedKey: string | undefined, fallback: string): string {\n  if (lockedKey && row[lockedKey] !== undefined) {\n    const text = stringifyCell(row[lockedKey]);\n    if (text) return text;\n  }\n  return fallback;\n}\n\nfunction renderCell(value: DataTableCell | undefined, cellSize: CellSize) {\n  if (value === undefined) {\n    return <Cell type=\"text\" size={cellSize} text={false} />;\n  }\n  if (isPrimitive(value)) {\n    return <Cell type=\"text\" label={String(value)} size={cellSize} />;\n  }\n  return <Cell {...value} size={cellSize} />;\n}\n\nfunction isActionMenuValue(value: DataTableCell | undefined): boolean {\n  return Boolean(value) && typeof value === \"object\" && value.type === \"actionMenu\";\n}\n\nfunction isActionColumn(column: DataTableColumn, rows: DataTableRow[]): boolean {\n  return rows.some((row) => isActionMenuValue(row[column.key]));\n}\n\nexport function DataTable({\n  caption,\n  selectable = false,\n  toolbar = false,\n  searchPlaceholder = DEFAULT_SEARCH,\n  filters,\n  columnSettings = false,\n  cellSize = \"md\",\n  columns,\n  rows,\n  emptyMessage = DEFAULT_EMPTY,\n  onSelectionChange,\n}: DataTableProps) {\n  const uid = useId();\n  const columnsWrapRef = useRef<HTMLDivElement>(null);\n  const [query, setQuery] = useState(\"\");\n  const [filterValues, setFilterValues] = useState<Record<string, string>>({});\n  const [hidden, setHidden] = useState<Record<string, boolean>>({});\n  const [selected, setSelected] = useState<string[]>([]);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const filterDefs = filters ?? EMPTY_FILTERS;\n  const lockedKey = lockedColumnKey(columns);\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => column.key === lockedKey || hidden[column.key] !== true),\n    [columns, hidden, lockedKey],\n  );\n\n  const indexedRows = useMemo(\n    () => rows.map((row, index) => ({ row, id: rowId(row, index) })),\n    [rows],\n  );\n\n  const facetValues = useMemo(() => {\n    const map: Record<string, string[]> = {};\n    for (const filter of filterDefs) {\n      map[filter.key] = uniqueValues(rows, filter.key);\n    }\n    return map;\n  }, [filterDefs, rows]);\n\n  const visibleRows = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const filtered = indexedRows.filter(({ row }) => {\n      for (const filter of filterDefs) {\n        const selectedValue = filterValues[filter.key];\n        if (selectedValue && stringifyCell(row[filter.key]) !== selectedValue) return false;\n      }\n      if (!q) return true;\n      return visibleColumns.some((column) => stringifyCell(row[column.key]).toLowerCase().includes(q));\n    });\n    if (!sortKey) return filtered;\n    const column = columns.find((item) => item.key === sortKey);\n    const numeric = column?.type === \"number\";\n    const dir = sortDir === \"asc\" ? 1 : -1;\n    return [...filtered].sort((a, b) => {\n      const av = stringifyCell(a.row[sortKey]);\n      const bv = stringifyCell(b.row[sortKey]);\n      if (numeric) {\n        const an = Number(av);\n        const bn = Number(bv);\n        const aOk = Number.isFinite(an);\n        const bOk = Number.isFinite(bn);\n        if (aOk && bOk && an !== bn) return (an - bn) * dir;\n        if (aOk !== bOk) return (aOk ? -1 : 1) * dir;\n      }\n      return av.localeCompare(bv, undefined, { numeric: true, sensitivity: \"base\" }) * dir;\n    });\n  }, [indexedRows, filterDefs, filterValues, query, visibleColumns, sortKey, sortDir, columns]);\n\n  const visibleIds = visibleRows.map((entry) => entry.id);\n  const selectedVisible = selected.filter((id) => visibleIds.includes(id));\n  const allVisibleSelected = visibleIds.length > 0 && selectedVisible.length === visibleIds.length;\n  const someVisibleSelected = selectedVisible.length > 0 && !allVisibleSelected;\n  const colSpan = visibleColumns.length + (selectable ? 1 : 0);\n  const empty = visibleRows.length === 0;\n\n  useLayoutEffect(() => {\n    if (!columnSettings || !toolbar) return;\n    const button = columnsWrapRef.current?.querySelector(\"button\");\n    if (!button) return;\n    button.setAttribute(\"aria-expanded\", menuOpen ? \"true\" : \"false\");\n    button.setAttribute(\"aria-haspopup\", \"true\");\n  }, [columnSettings, toolbar, menuOpen]);\n\n  useLayoutEffect(() => {\n    if (!menuOpen) return;\n    function onPointerDown(event: MouseEvent) {\n      if (columnsWrapRef.current && !columnsWrapRef.current.contains(event.target as Node)) {\n        setMenuOpen(false);\n      }\n    }\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") setMenuOpen(false);\n    }\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [menuOpen]);\n\n  function emitSelection(next: string[]) {\n    setSelected(next);\n    onSelectionChange?.(next);\n  }\n\n  function toggleAll(checked: boolean) {\n    if (checked) {\n      emitSelection(Array.from(new Set([...selected, ...visibleIds])));\n    } else {\n      const drop = new Set(visibleIds);\n      emitSelection(selected.filter((id) => !drop.has(id)));\n    }\n  }\n\n  function toggleRow(id: string, checked: boolean) {\n    emitSelection(checked ? [...selected, id] : selected.filter((entry) => entry !== id));\n  }\n\n  function toggleSort(key: string) {\n    if (sortKey !== key) {\n      setSortKey(key);\n      setSortDir(\"asc\");\n      return;\n    }\n    if (sortDir === \"asc\") {\n      setSortDir(\"desc\");\n      return;\n    }\n    setSortKey(null);\n    setSortDir(\"asc\");\n  }\n\n  function toggleColumn(key: string, checked: boolean) {\n    if (key === lockedKey) return;\n    setHidden((prev) => ({ ...prev, [key]: !checked }));\n  }\n\n  function columnClass(column: DataTableColumn): string {\n    if (column.type === \"number\") return ` ${styles.numeric}`;\n    if (isActionColumn(column, rows)) return ` ${styles.actionCell}`;\n    return \"\";\n  }\n\n  return (\n    <div className={styles.root} data-size={cellSize}>\n      {toolbar ? (\n        <div className={styles.toolbar}>\n          <div className={styles.search}>\n            <LucideByName name=\"Search\" size={16} className={styles.searchIcon} />\n            <input\n              type=\"search\"\n              className={styles.searchInput}\n              placeholder={searchPlaceholder}\n              value={query}\n              autoComplete=\"off\"\n              onChange={(event) => setQuery(event.target.value)}\n              aria-label={searchPlaceholder}\n            />\n          </div>\n          {filterDefs.map((filter) => {\n            const allId = `__all-${filter.key}`;\n            const allLabel = `All ${filter.label.toLowerCase()}`;\n            const selected = filterValues[filter.key] ?? \"\";\n            const items = [\n              { id: allId, label: allLabel },\n              ...(facetValues[filter.key] ?? [])\n                .filter((value) => value !== \"\")\n                .map((value) => ({ id: value, label: value })),\n            ];\n            return (\n              <div key={filter.key} className={styles.filter}>\n                <DropdownMenu\n                  trigger={selected || allLabel}\n                  variant=\"secondary\"\n                  size=\"md\"\n                  iconEnd=\"ChevronDown\"\n                  ariaLabel={filter.label}\n                  groups={[{ items }]}\n                  onSelect={(id) =>\n                    setFilterValues((prev) => ({\n                      ...prev,\n                      [filter.key]: id === allId ? \"\" : id,\n                    }))\n                  }\n                />\n              </div>\n            );\n          })}\n          {columnSettings ? (\n            <div ref={columnsWrapRef} className={styles.columns}>\n              <Button\n                variant=\"secondary\"\n                size=\"md\"\n                iconStart=\"Settings\"\n                onClick={() => setMenuOpen((open) => !open)}\n              >\n                Columns\n              </Button>\n              {menuOpen ? (\n                <div className={styles.columnMenu} role=\"group\" aria-label=\"Columns\">\n                  {columns.map((column) => {\n                    const locked = column.key === lockedKey;\n                    return (\n                      <Checkbox\n                        key={column.key}\n                        id={`${uid}-col-${column.key}`}\n                        size=\"sm\"\n                        label={column.header}\n                        checked={locked || hidden[column.key] !== true}\n                        disabled={locked}\n                        onChange={(checked) => toggleColumn(column.key, checked)}\n                      />\n                    );\n                  })}\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n\n      {toolbar ? (\n        <p className={styles.count}>\n          Showing {visibleRows.length} of {rows.length}\n        </p>\n      ) : null}\n\n      <div className={styles.scroller}>\n        <table className={styles.table}>\n          {caption ? <caption className={styles.caption}>{caption}</caption> : null}\n          <thead>\n            <tr>\n              {selectable ? (\n                <th scope=\"col\" className={`${styles.th} ${styles.checkCell}`}>\n                  <HeaderCell\n                    size={cellSize}\n                    checkbox\n                    id={`${uid}-all`}\n                    checked={allVisibleSelected}\n                    indeterminate={someVisibleSelected}\n                    onCheckedChange={toggleAll}\n                  />\n                </th>\n              ) : null}\n              {visibleColumns.map((column) => (\n                <th\n                  key={column.key}\n                  scope=\"col\"\n                  className={`${styles.th}${columnClass(column)}`}\n                  aria-sort={\n                    column.sortable\n                      ? sortKey === column.key\n                        ? sortDir === \"asc\"\n                          ? \"ascending\"\n                          : \"descending\"\n                        : \"none\"\n                      : undefined\n                  }\n                >\n                  <HeaderCell\n                    label={column.header}\n                    size={cellSize}\n                    align={\n                      column.type === \"number\"\n                        ? \"end\"\n                        : isActionColumn(column, rows)\n                          ? \"center\"\n                          : \"start\"\n                    }\n                    sortable={column.sortable}\n                    sort={sortKey === column.key ? sortDir : undefined}\n                    onSort={() => toggleSort(column.key)}\n                  />\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {empty ? (\n              <tr className={styles.tr}>\n                <td className={`${styles.td} ${styles.emptyCell}`} colSpan={Math.max(colSpan, 1)}>\n                  {emptyMessage}\n                </td>\n              </tr>\n            ) : (\n              visibleRows.map(({ row, id }) => {\n                const checked = selected.includes(id);\n                const name = rowLabel(row, lockedKey, id);\n                return (\n                  <tr key={id} className={styles.tr} data-selected={checked || undefined}>\n                    {selectable ? (\n                      <td className={`${styles.td} ${styles.checkCell}`}>\n                        <Checkbox\n                          id={`${uid}-row-${id}`}\n                          size=\"sm\"\n                          ariaLabel={`Select ${name}`}\n                          checked={checked}\n                          onChange={(next) => toggleRow(id, next)}\n                        />\n                      </td>\n                    ) : null}\n                    {visibleColumns.map((column) => (\n                      <td key={column.key} className={`${styles.td}${columnClass(column)}`}>\n                        {renderCell(row[column.key], cellSize)}\n                      </td>\n                    ))}\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/{ui → dist/ui}/DataTable/DataTable.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_1wjai_1 {
   width: 100%;
   min-width: 0;
   overflow: hidden;
@@ -8,7 +8,7 @@
   box-shadow: var(--shadow-sm);
 }
 
-.toolbar {
+._toolbar_1wjai_11 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -18,7 +18,7 @@
   background: transparent;
 }
 
-.search {
+._search_1wjai_21 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -31,18 +31,18 @@
   background-color: var(--surface-card);
 }
 
-.search:focus-within {
+._search_1wjai_21:focus-within {
   border-color: var(--border-focus);
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.searchIcon {
+._searchIcon_1wjai_40 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.searchInput {
+._searchInput_1wjai_45 {
   width: 100%;
   min-width: 0;
   margin: 0;
@@ -56,22 +56,22 @@
   appearance: none;
 }
 
-.searchInput::placeholder {
+._searchInput_1wjai_45::placeholder {
   color: var(--text-muted);
 }
 
-.searchInput:focus {
+._searchInput_1wjai_45:focus {
   outline: none;
 }
 
-.searchInput::-webkit-search-decoration,
-.searchInput::-webkit-search-cancel-button,
-.searchInput::-webkit-search-results-button,
-.searchInput::-webkit-search-results-decoration {
+._searchInput_1wjai_45::-webkit-search-decoration,
+._searchInput_1wjai_45::-webkit-search-cancel-button,
+._searchInput_1wjai_45::-webkit-search-results-button,
+._searchInput_1wjai_45::-webkit-search-results-decoration {
   appearance: none;
 }
 
-.filter {
+._filter_1wjai_74 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -79,13 +79,13 @@
   flex-shrink: 0;
 }
 
-.columns {
+._columns_1wjai_82 {
   position: relative;
   margin-left: auto;
   flex-shrink: 0;
 }
 
-.columnMenu {
+._columnMenu_1wjai_88 {
   position: absolute;
   top: calc(100% + var(--space-1));
   right: 0;
@@ -101,7 +101,7 @@
   box-shadow: var(--shadow-sm);
 }
 
-.count {
+._count_1wjai_104 {
   margin: 0;
   padding: var(--space-2) var(--space-4);
   border-bottom: var(--border-divider) solid var(--border-faint);
@@ -112,20 +112,20 @@
   color: var(--text-muted);
 }
 
-.scroller {
+._scroller_1wjai_115 {
   width: 100%;
   min-width: 0;
   overflow-x: auto;
   background-color: var(--surface-card);
 }
 
-.table {
+._table_1wjai_122 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--font-sans);
 }
 
-.caption {
+._caption_1wjai_128 {
   padding: var(--space-3) var(--space-4);
   border-bottom: var(--border-divider) solid var(--border-faint);
   background-color: var(--surface-card);
@@ -137,8 +137,8 @@
   text-align: left;
 }
 
-.th,
-.td {
+._th_1wjai_140,
+._td_1wjai_141 {
   padding: 0;
   font-size: var(--type-size-body-sm);
   line-height: var(--type-line-body);
@@ -147,32 +147,32 @@
   border-bottom: var(--border-divider) solid var(--border-faint);
 }
 
-.th {
+._th_1wjai_140 {
   font-weight: var(--type-weight-label);
   color: var(--text-secondary);
   background-color: var(--surface-muted);
 }
 
-.td {
+._td_1wjai_141 {
   color: var(--text-primary);
   background-color: var(--surface-card);
   transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.numeric {
+._numeric_1wjai_162 {
   width: 1%;
   white-space: nowrap;
   text-align: right;
   font-variant-numeric: tabular-nums;
 }
 
-.actionCell {
+._actionCell_1wjai_169 {
   width: 1%;
   white-space: nowrap;
   text-align: center;
 }
 
-.checkCell {
+._checkCell_1wjai_175 {
   width: 1%;
   padding-inline: var(--space-4);
   text-align: center;
@@ -180,32 +180,32 @@
   white-space: nowrap;
 }
 
-.root[data-size="md"] .checkCell {
+._root_1wjai_1[data-size="md"] ._checkCell_1wjai_175 {
   padding-inline: var(--space-6);
 }
 
-.checkCell :global(label) {
+._checkCell_1wjai_175 label {
   display: inline-flex;
   justify-content: center;
 }
 
-.tr:hover .td,
-.tr[data-selected] .td {
+._tr_1wjai_192:hover ._td_1wjai_141,
+._tr_1wjai_192[data-selected] ._td_1wjai_141 {
   background-color: var(--surface-muted);
 }
 
-.tr:last-child .td {
+._tr_1wjai_192:last-child ._td_1wjai_141 {
   border-bottom: none;
 }
 
-.emptyCell {
+._emptyCell_1wjai_201 {
   padding: var(--space-8) var(--space-4);
   text-align: center;
   color: var(--text-secondary);
   background-color: var(--surface-card);
 }
 
-.tr:hover .emptyCell,
-.emptyCell:hover {
+._tr_1wjai_192:hover ._emptyCell_1wjai_201,
+._emptyCell_1wjai_201:hover {
   background-color: var(--surface-card);
 }

package/dist/ui/DataTable/DataTable.module.js

@@ -0,0 +1,27 @@
+import "./DataTable.module.css";
+//#region ui/DataTable/DataTable.module.css
+var e = "_root_1wjai_1", t = "_toolbar_1wjai_11", n = "_search_1wjai_21", r = "_searchIcon_1wjai_40", i = "_searchInput_1wjai_45", a = "_filter_1wjai_74", o = "_columns_1wjai_82", s = "_columnMenu_1wjai_88", c = "_count_1wjai_104", l = "_scroller_1wjai_115", u = "_table_1wjai_122", d = "_caption_1wjai_128", f = "_th_1wjai_140", p = "_td_1wjai_141", m = "_numeric_1wjai_162", h = "_actionCell_1wjai_169", g = "_checkCell_1wjai_175", _ = "_tr_1wjai_192", v = "_emptyCell_1wjai_201", y = {
+	root: e,
+	toolbar: t,
+	search: n,
+	searchIcon: r,
+	searchInput: i,
+	filter: a,
+	columns: o,
+	columnMenu: s,
+	count: c,
+	scroller: l,
+	table: u,
+	caption: d,
+	th: f,
+	td: p,
+	numeric: m,
+	actionCell: h,
+	checkCell: g,
+	tr: _,
+	emptyCell: v
+};
+//#endregion
+export { h as actionCell, d as caption, g as checkCell, s as columnMenu, o as columns, c as count, y as default, v as emptyCell, a as filter, m as numeric, e as root, l as scroller, n as search, r as searchIcon, i as searchInput, u as table, p as td, f as th, t as toolbar, _ as tr };
+
+//# sourceMappingURL=DataTable.module.js.map

package/dist/ui/DataTable/DataTable.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.module.js","names":[],"sources":["../../../ui/DataTable/DataTable.module.css"],"sourcesContent":[".root {\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background-color: var(--surface-card);\n  border: var(--border-surface) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  box-shadow: var(--shadow-sm);\n}\n\n.toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2);\n  padding: var(--space-3) var(--space-4);\n  border-bottom: var(--border-divider) solid var(--border-faint);\n  background: transparent;\n}\n\n.search {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  flex: 1 1 12rem;\n  min-width: 0;\n  max-width: 18rem;\n  padding: var(--space-2) var(--space-3);\n  border: var(--border-control) solid var(--border-faint);\n  border-radius: var(--radius-control-md);\n  background-color: var(--surface-card);\n}\n\n.search:focus-within {\n  border-color: var(--border-focus);\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.searchIcon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.searchInput {\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n  appearance: none;\n}\n\n.searchInput::placeholder {\n  color: var(--text-muted);\n}\n\n.searchInput:focus {\n  outline: none;\n}\n\n.searchInput::-webkit-search-decoration,\n.searchInput::-webkit-search-cancel-button,\n.searchInput::-webkit-search-results-button,\n.searchInput::-webkit-search-results-decoration {\n  appearance: none;\n}\n\n.filter {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  flex-shrink: 0;\n}\n\n.columns {\n  position: relative;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.columnMenu {\n  position: absolute;\n  top: calc(100% + var(--space-1));\n  right: 0;\n  z-index: var(--z-overlay);\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  min-width: 10rem;\n  padding: var(--space-3);\n  background-color: var(--surface-elevated);\n  border: var(--border-surface) solid var(--border-faint);\n  border-radius: var(--radius-surface-sm);\n  box-shadow: var(--shadow-sm);\n}\n\n.count {\n  margin: 0;\n  padding: var(--space-2) var(--space-4);\n  border-bottom: var(--border-divider) solid var(--border-faint);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n\n.scroller {\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n  background-color: var(--surface-card);\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--font-sans);\n}\n\n.caption {\n  padding: var(--space-3) var(--space-4);\n  border-bottom: var(--border-divider) solid var(--border-faint);\n  background-color: var(--surface-card);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n  text-align: left;\n}\n\n.th,\n.td {\n  padding: 0;\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  text-align: left;\n  vertical-align: middle;\n  border-bottom: var(--border-divider) solid var(--border-faint);\n}\n\n.th {\n  font-weight: var(--type-weight-label);\n  color: var(--text-secondary);\n  background-color: var(--surface-muted);\n}\n\n.td {\n  color: var(--text-primary);\n  background-color: var(--surface-card);\n  transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.numeric {\n  width: 1%;\n  white-space: nowrap;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.actionCell {\n  width: 1%;\n  white-space: nowrap;\n  text-align: center;\n}\n\n.checkCell {\n  width: 1%;\n  padding-inline: var(--space-4);\n  text-align: center;\n  vertical-align: middle;\n  white-space: nowrap;\n}\n\n.root[data-size=\"md\"] .checkCell {\n  padding-inline: var(--space-6);\n}\n\n.checkCell :global(label) {\n  display: inline-flex;\n  justify-content: center;\n}\n\n.tr:hover .td,\n.tr[data-selected] .td {\n  background-color: var(--surface-muted);\n}\n\n.tr:last-child .td {\n  border-bottom: none;\n}\n\n.emptyCell {\n  padding: var(--space-8) var(--space-4);\n  text-align: center;\n  color: var(--text-secondary);\n  background-color: var(--surface-card);\n}\n\n.tr:hover .emptyCell,\n.emptyCell:hover {\n  background-color: var(--surface-card);\n}\n"],"mappings":""}

package/dist/ui/DataTable/DataTable.types.d.ts

@@ -0,0 +1,28 @@
+import { CellSize, CellValue } from '../Cell/Cell.types';
+export type DataTableColumnType = "text" | "number";
+export type DataTableSort = "asc" | "desc";
+export interface DataTableColumn {
+    key: string;
+    header: string;
+    type?: DataTableColumnType;
+    sortable?: boolean;
+}
+export interface DataTableFilter {
+    key: string;
+    label: string;
+}
+export type DataTableCell = string | number | CellValue;
+export type DataTableRow = Record<string, DataTableCell>;
+export interface DataTableProps {
+    caption?: string;
+    selectable?: boolean;
+    toolbar?: boolean;
+    searchPlaceholder?: string;
+    filters?: DataTableFilter[];
+    columnSettings?: boolean;
+    cellSize?: CellSize;
+    columns: DataTableColumn[];
+    rows: DataTableRow[];
+    emptyMessage?: string;
+    onSelectionChange?: (ids: string[]) => void;
+}

package/dist/ui/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableColumn, DataTableFilter, DataTableCell, DataTableRow, } from './DataTable.types';

package/dist/ui/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from './DatePicker.types';
+export type { DatePickerProps, DatePickerSize } from './DatePicker.types';
+export declare function DatePicker({ id, value, defaultValue, onValueChange, size, placeholder, disabled, error, minDate, maxDate, name, }: DatePickerProps): import("react").JSX.Element;