@schandlergarcia/sf-web-components 1.1.3 → 1.1.4

package/dist/components/library/cards/ListCard.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import B from "react";
+import A from "react";
 import w from "./BaseCard.js";
 import i from "../ui/Text.js";
-import E from "../ui/Chip.js";
-function R(t) {
+import B from "../ui/Chip.js";
+function E(t) {
   if (!t) return "";
   try {
     const a = t instanceof Date ? t : new Date(t);
@@ -12,7 +12,7 @@ function R(t) {
     return String(t);
   }
 }
-function _({ item: t }) {
+function R({ item: t }) {
   const a = t?.avatar, d = t?.title ?? t?.name ?? "Item";
   return a ? typeof a == "string" ? /* @__PURE__ */ e(
     "img",
@@ -21,7 +21,7 @@ function _({ item: t }) {
       alt: "",
       className: "h-9 w-9 rounded-full border border-slate-200 object-cover dark:border-slate-800"
     }
-  ) : B.isValidElement(a) ? /* @__PURE__ */ e("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-slate-800", children: a }) : /* @__PURE__ */ e("div", { className: "h-9 w-9 rounded-full border border-slate-200 bg-slate-100 text-xs font-semibold text-slate-700 dark:border-slate-800 dark:bg-slate-800 dark:text-slate-200 grid place-items-center", children: String(d).slice(0, 2).toUpperCase() }) : null;
+  ) : A.isValidElement(a) ? /* @__PURE__ */ e("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full border border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-slate-800", children: a }) : /* @__PURE__ */ e("div", { className: "h-9 w-9 rounded-full border border-slate-200 bg-slate-100 text-xs font-semibold text-slate-700 dark:border-slate-800 dark:bg-slate-800 dark:text-slate-200 grid place-items-center", children: String(d).slice(0, 2).toUpperCase() }) : null;
 }
 function K({
   items: t = [],
@@ -60,7 +60,7 @@ function K({
         ...b
       }
     );
-  const D = C ? "py-2" : "py-3", I = h ? { maxHeight: h, overflowY: "auto" } : {}, V = L ? /* @__PURE__ */ e("div", { className: "mt-4 space-y-3", children: Array.from({ length: 4 }).map((r, l) => /* @__PURE__ */ s("div", { className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-white p-3 dark:border-slate-800 dark:bg-slate-900", children: [
+  const _ = C ? "py-2" : "py-3", D = h ? { maxHeight: h, overflowY: "auto" } : {}, I = L ? /* @__PURE__ */ e("div", { className: "mt-4 space-y-3", children: Array.from({ length: 4 }).map((r, l) => /* @__PURE__ */ s("div", { className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-white p-3 dark:border-slate-800 dark:bg-slate-900", children: [
     n ? /* @__PURE__ */ e("div", { className: "h-9 w-9 animate-pulse rounded-full bg-slate-200 dark:bg-slate-800" }) : null,
     /* @__PURE__ */ s("div", { className: "flex-1 space-y-2", children: [
       /* @__PURE__ */ e("div", { className: "h-4 w-1/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800" }),
@@ -69,27 +69,27 @@ function K({
   ] }, l)) }) : t.length === 0 ? /* @__PURE__ */ s("div", { className: "mt-4 rounded-xl border border-dashed border-slate-300 bg-slate-50 p-6 text-center dark:border-slate-700 dark:bg-slate-950/30", children: [
     u ? /* @__PURE__ */ e("div", { className: "mb-2", children: u }) : null,
     /* @__PURE__ */ e(i, { size: "sm", muted: !0, children: T })
-  ] }) : /* @__PURE__ */ e("div", { className: "mt-4 overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900", children: /* @__PURE__ */ e("ul", { className: U ? "divide-y divide-slate-200 dark:divide-slate-800" : "", style: I, children: t.map((r, l) => {
-    const Y = r?.id ?? l, A = r?.title ?? r?.name ?? "Item", f = r?.description, x = r?.status, v = r?.timestamp, p = r?.value, N = r?.unit, k = S ? z?.(r, l) : null;
+  ] }) : /* @__PURE__ */ e("div", { className: "mt-4 overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900", children: /* @__PURE__ */ e("ul", { className: U ? "divide-y divide-slate-200 dark:divide-slate-800" : "", style: D, children: t.map((r, l) => {
+    const V = r?.id ?? l, Y = r?.title ?? r?.name ?? "Item", f = r?.description, x = r?.status, v = r?.timestamp, p = r?.value, N = r?.unit, k = S ? z?.(r, l) : null;
     return /* @__PURE__ */ s(
       "li",
       {
         className: [
           "group flex items-start justify-between gap-3 px-4",
-          D,
+          _,
           c ? "cursor-pointer hover:bg-slate-50 dark:hover:bg-slate-950/30" : ""
         ].filter(Boolean).join(" "),
         onClick: () => c?.(r, l),
         children: [
           /* @__PURE__ */ s("div", { className: "flex min-w-0 items-start gap-3", children: [
-            n ? /* @__PURE__ */ e(_, { item: r }) : null,
+            n ? /* @__PURE__ */ e(R, { item: r }) : null,
             /* @__PURE__ */ s("div", { className: "min-w-0", children: [
               /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-slate-900 dark:text-slate-50", children: A }),
-                y && x ? /* @__PURE__ */ e(E, { children: String(x) }) : null
+                /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-slate-900 dark:text-slate-50", children: Y }),
+                y && x ? /* @__PURE__ */ e(B, { children: String(x) }) : null
               ] }),
               f ? /* @__PURE__ */ e("div", { className: "mt-1 text-sm text-slate-600 dark:text-slate-300", children: f }) : null,
-              j && v ? /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: R(v) }) : null
+              j && v ? /* @__PURE__ */ e("div", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: E(v) }) : null
             ] })
           ] }),
           /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-2", children: [
@@ -101,10 +101,10 @@ function K({
           ] })
         ]
       },
-      Y
+      V
     );
   }) }) });
-  return /* @__PURE__ */ e(w, { variant: "widget", header: g, body: V, isLoading: !1, ...b });
+  return /* @__PURE__ */ e(w, { variant: "widget", header: g, body: I, isLoading: !1, ...b });
 }
 export {
   K as default

package/dist/components/library/cards/TableCard.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import i from "react";
-import I from "./BaseCard.js";
+import E from "./BaseCard.js";
 import te from "../ui/UIInput.js";
-import K from "../ui/UIButton.js";
-import Q from "../ui/Text.js";
+import I from "../ui/UIButton.js";
+import K from "../ui/Text.js";
 function re(o, s) {
   if (s == null) return "";
   if (!o) return String(s);
@@ -39,8 +39,8 @@ function ce({
   pageSize: f = 10,
   actions: F,
   rowActions: h,
-  onRowSelect: R,
-  onSort: _,
+  onRowSelect: Q,
+  onSort: R,
   onSearch: G,
   loading: H = !1,
   error: P,
@@ -56,7 +56,7 @@ function ce({
     const e = Math.floor(Math.random() * (U - L + 1)) + L, a = setTimeout(() => z(!1), e);
     return () => clearTimeout(a);
   }, [B, L, U]);
-  const q = H || Z, v = i.useMemo(() => {
+  const _ = H || Z, v = i.useMemo(() => {
     if (!b || !N.trim()) return o;
     const e = N.trim().toLowerCase();
     return o.filter(
@@ -72,7 +72,7 @@ function ce({
       const l = n?.[x], m = p?.[x];
       return l == null && m == null ? 0 : l == null ? -1 * a : m == null ? 1 * a : typeof l == "number" && typeof m == "number" ? (l - m) * a : String(l).localeCompare(String(m)) * a;
     });
-  }, [v, j, x, k, s]), w = S.length, C = g ? Math.max(1, Math.ceil(w / f)) : 1, c = Math.min(T, C), D = i.useMemo(() => {
+  }, [v, j, x, k, s]), w = S.length, C = g ? Math.max(1, Math.ceil(w / f)) : 1, c = Math.min(T, C), q = i.useMemo(() => {
     if (!g) return S;
     const e = (c - 1) * f;
     return S.slice(e, e + f);
@@ -80,10 +80,10 @@ function ce({
   i.useEffect(() => {
     T !== c && y(c);
   }, [T, c]);
-  const E = /* @__PURE__ */ d("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [
+  const D = /* @__PURE__ */ d("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [
     /* @__PURE__ */ d("div", { className: "min-w-0", children: [
-      r ? /* @__PURE__ */ t(Q, { as: "div", size: "sm", weight: "medium", children: r }) : null,
-      u ? /* @__PURE__ */ t(Q, { as: "div", size: "xs", muted: !0, className: "mt-1", children: u }) : null
+      r ? /* @__PURE__ */ t(K, { as: "div", size: "sm", weight: "medium", children: r }) : null,
+      u ? /* @__PURE__ */ t(K, { as: "div", size: "xs", muted: !0, className: "mt-1", children: u }) : null
     ] }),
     /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end", children: [
       b ? /* @__PURE__ */ t("div", { className: "w-full sm:w-64", children: /* @__PURE__ */ t(
@@ -102,19 +102,19 @@ function ce({
   ] });
   if (P)
     return /* @__PURE__ */ t(
-      I,
+      E,
       {
-        header: E,
+        header: D,
         body: /* @__PURE__ */ t("div", { className: "mt-4 rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100", children: String(P) }),
         ...$
       }
     );
   const A = (e) => j && (e.sortable ?? !0);
   return /* @__PURE__ */ t(
-    I,
+    E,
     {
       variant: "table",
-      header: E,
+      header: D,
       body: /* @__PURE__ */ d("div", { className: "mt-4 overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800", children: [
         /* @__PURE__ */ t("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ d("table", { className: "min-w-full border-separate border-spacing-0", children: [
           /* @__PURE__ */ t("thead", { className: "bg-slate-50 dark:bg-slate-950/30", children: /* @__PURE__ */ d("tr", { children: [
@@ -135,7 +135,7 @@ function ce({
                       className: "inline-flex items-center gap-2 hover:text-slate-900 dark:hover:text-slate-50",
                       onClick: () => {
                         const n = a && k === "asc" ? "desc" : "asc";
-                        V(e.key), W(n), _?.({ key: e.key, direction: n });
+                        V(e.key), W(n), R?.({ key: e.key, direction: n });
                       },
                       children: [
                         /* @__PURE__ */ t("span", { children: e.label }),
@@ -149,7 +149,7 @@ function ce({
             }),
             h ? /* @__PURE__ */ t("th", { className: "border-b border-slate-200 px-4 py-3 text-right text-xs font-semibold text-slate-600 dark:border-slate-800 dark:text-slate-300", children: "Actions" }) : null
           ] }) }),
-          /* @__PURE__ */ t("tbody", { className: "bg-white dark:bg-slate-900", children: q ? Array.from({ length: Math.min(f, 6) }).map((e, a) => /* @__PURE__ */ d("tr", { children: [
+          /* @__PURE__ */ t("tbody", { className: "bg-white dark:bg-slate-900", children: _ ? Array.from({ length: Math.min(f, 6) }).map((e, a) => /* @__PURE__ */ d("tr", { children: [
             s.map((n) => /* @__PURE__ */ t(
               "td",
               {
@@ -159,14 +159,14 @@ function ce({
               n.key
             )),
             h ? /* @__PURE__ */ t("td", { className: "border-b border-slate-200 px-4 py-3 dark:border-slate-800", children: /* @__PURE__ */ t("div", { className: "h-4 w-10 animate-pulse rounded bg-slate-200 dark:bg-slate-800" }) }) : null
-          ] }, a)) : D.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
+          ] }, a)) : q.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
             "td",
             {
               colSpan: s.length + (h ? 1 : 0),
               className: "px-4 py-10 text-center text-sm text-slate-600 dark:text-slate-300",
               children: J
             }
-          ) }) : D.map((e, a) => {
+          ) }) : q.map((e, a) => {
             const n = e?.id ?? a;
             return /* @__PURE__ */ d(
               "tr",
@@ -177,7 +177,7 @@ function ce({
                   M && X === n ? "bg-brand-50 dark:bg-brand-950/30" : ""
                 ].filter(Boolean).join(" "),
                 onClick: () => {
-                  M && (Y(n), R?.(e));
+                  M && (Y(n), Q?.(e));
                 },
                 children: [
                   s.map((l) => {
@@ -202,11 +202,11 @@ function ce({
             );
           }) })
         ] }) }),
-        g && !q ? /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 border-t border-slate-200 bg-slate-50 px-4 py-3 dark:border-slate-800 dark:bg-slate-950/30 sm:flex-row sm:items-center sm:justify-between", children: [
+        g && !_ ? /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 border-t border-slate-200 bg-slate-50 px-4 py-3 dark:border-slate-800 dark:bg-slate-950/30 sm:flex-row sm:items-center sm:justify-between", children: [
           /* @__PURE__ */ t("div", { className: "text-xs text-slate-600 dark:text-slate-300", children: w === 0 ? "0 results" : `Showing ${(c - 1) * f + 1}-${Math.min(c * f, w)} of ${w}` }),
           /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ t(
-              K,
+              I,
               {
                 variant: "outline",
                 size: "sm",
@@ -222,7 +222,7 @@ function ce({
               C
             ] }),
             /* @__PURE__ */ t(
-              K,
+              I,
               {
                 variant: "outline",
                 size: "sm",

package/dist/components/library/cards/TableCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCard.js","sources":["../../../../src/components/library/cards/TableCard.jsx"],"sourcesContent":["import React from \"react\";\nimport BaseCard from \"./BaseCard\";\nimport UIInput from \"../ui/UIInput\";\nimport UIButton from \"../ui/UIButton\";\nimport UIText from \"../ui/Text\";\n\nfunction defaultTypeFormat(type, value) {\n  if (value == null) return \"\";\n  if (!type) return String(value);\n\n  if (type === \"currency\") {\n    const n = Number(value);\n    if (Number.isFinite(n)) return n.toLocaleString(undefined, { style: \"currency\", currency: \"USD\" });\n  }\n  if (type === \"percentage\") {\n    const n = Number(value);\n    if (Number.isFinite(n)) return `${n}%`;\n  }\n  if (type === \"number\") {\n    const n = Number(value);\n    if (Number.isFinite(n)) return n.toLocaleString();\n  }\n  return String(value);\n}\n\nfunction stableSort(data, compare) {\n  return data\n    .map((item, idx) => ({ item, idx }))\n    .sort((a, b) => {\n      const c = compare(a.item, b.item);\n      return c !== 0 ? c : a.idx - b.idx;\n    })\n    .map((x) => x.item);\n}\n\nexport default function TableCard({\n  data = [],\n  columns = [],\n  title,\n  subtitle,\n  searchable = false,\n  sortable = false,\n  paginated = false,\n  selectable = false,\n  pageSize = 10,\n  actions,\n  rowActions,\n  onRowSelect,\n  onSort,\n  onSearch,\n  loading = false,\n  error,\n  emptyMessage = \"No results.\",\n  simulateInitialLoad = false,\n  minInitialDelayMs = 350,\n  maxInitialDelayMs = 900,\n  ...cardProps\n}) {\n  const [query, setQuery] = React.useState(\"\");\n  const [sortKey, setSortKey] = React.useState(null);\n  const [sortDir, setSortDir] = React.useState(\"asc\");\n  const [page, setPage] = React.useState(1);\n  const [selectedId, setSelectedId] = React.useState(null);\n  const [simLoading, setSimLoading] = React.useState(simulateInitialLoad);\n\n  React.useEffect(() => {\n    if (!simulateInitialLoad) return;\n    const delay =\n      Math.floor(Math.random() * (maxInitialDelayMs - minInitialDelayMs + 1)) + minInitialDelayMs;\n    const t = setTimeout(() => setSimLoading(false), delay);\n    return () => clearTimeout(t);\n  }, [simulateInitialLoad, minInitialDelayMs, maxInitialDelayMs]);\n\n  const effectiveLoading = loading || simLoading;\n\n  const filtered = React.useMemo(() => {\n    if (!searchable || !query.trim()) return data;\n    const q = query.trim().toLowerCase();\n    return data.filter((row) =>\n      columns.some((col) => {\n        const raw = row?.[col.key];\n        if (raw == null) return false;\n        return String(raw).toLowerCase().includes(q);\n      })\n    );\n  }, [data, columns, query, searchable]);\n\n  const sorted = React.useMemo(() => {\n    if (!sortable || !sortKey) return filtered;\n    const col = columns.find((c) => c.key === sortKey);\n    if (!col) return filtered;\n    const dir = sortDir === \"desc\" ? -1 : 1;\n    return stableSort(filtered, (a, b) => {\n      const av = a?.[sortKey];\n      const bv = b?.[sortKey];\n      if (av == null && bv == null) return 0;\n      if (av == null) return -1 * dir;\n      if (bv == null) return 1 * dir;\n      if (typeof av === \"number\" && typeof bv === \"number\") return (av - bv) * dir;\n      return String(av).localeCompare(String(bv)) * dir;\n    });\n  }, [filtered, sortable, sortKey, sortDir, columns]);\n\n  const total = sorted.length;\n  const totalPages = paginated ? Math.max(1, Math.ceil(total / pageSize)) : 1;\n  const clampedPage = Math.min(page, totalPages);\n\n  const pageData = React.useMemo(() => {\n    if (!paginated) return sorted;\n    const start = (clampedPage - 1) * pageSize;\n    return sorted.slice(start, start + pageSize);\n  }, [sorted, paginated, clampedPage, pageSize]);\n\n  React.useEffect(() => {\n    if (page !== clampedPage) setPage(clampedPage);\n  }, [page, clampedPage]);\n\n  const header = (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between\">\n      <div className=\"min-w-0\">\n        {title ? (\n          <UIText as=\"div\" size=\"sm\" weight=\"medium\">\n            {title}\n          </UIText>\n        ) : null}\n        {subtitle ? (\n          <UIText as=\"div\" size=\"xs\" muted className=\"mt-1\">\n            {subtitle}\n          </UIText>\n        ) : null}\n      </div>\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end\">\n        {searchable ? (\n          <div className=\"w-full sm:w-64\">\n            <UIInput\n              value={query}\n              onChange={(e) => {\n                setQuery(e.target.value);\n                setPage(1);\n                onSearch?.(e.target.value);\n              }}\n              placeholder=\"Search…\"\n              aria-label=\"Search table\"\n            />\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n      </div>\n    </div>\n  );\n\n  if (error) {\n    return (\n      <BaseCard\n        header={header}\n        body={\n          <div className=\"mt-4 rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100\">\n            {String(error)}\n          </div>\n        }\n        {...cardProps}\n      />\n    );\n  }\n\n  const canSort = (col) => sortable && (col.sortable ?? true);\n\n  return (\n    <BaseCard\n      variant=\"table\"\n      header={header}\n      body={\n        <div className=\"mt-4 overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800\">\n          <div className=\"w-full overflow-x-auto\">\n            <table className=\"min-w-full border-separate border-spacing-0\">\n              <thead className=\"bg-slate-50 dark:bg-slate-950/30\">\n                <tr>\n                  {columns.map((col) => {\n                    const active = sortKey === col.key;\n                    return (\n                      <th\n                        key={col.key}\n                        scope=\"col\"\n                        className={[\n                          \"whitespace-nowrap border-b border-slate-200 px-4 py-3 text-left text-xs font-semibold text-slate-600 dark:border-slate-800 dark:text-slate-300\",\n                          col.className ?? \"\"\n                        ]\n                          .filter(Boolean)\n                          .join(\" \")}\n                      >\n                        {canSort(col) ? (\n                          <button\n                            type=\"button\"\n                            className=\"inline-flex items-center gap-2 hover:text-slate-900 dark:hover:text-slate-50\"\n                            onClick={() => {\n                              const nextDir = active && sortDir === \"asc\" ? \"desc\" : \"asc\";\n                              setSortKey(col.key);\n                              setSortDir(nextDir);\n                              onSort?.({ key: col.key, direction: nextDir });\n                            }}\n                          >\n                            <span>{col.label}</span>\n                            <span className=\"text-[10px] opacity-70\">\n                              {active ? (sortDir === \"asc\" ? \"▲\" : \"▼\") : \"↕\"}\n                            </span>\n                          </button>\n                        ) : (\n                          col.label\n                        )}\n                      </th>\n                    );\n                  })}\n                  {rowActions ? (\n                    <th className=\"border-b border-slate-200 px-4 py-3 text-right text-xs font-semibold text-slate-600 dark:border-slate-800 dark:text-slate-300\">\n                      Actions\n                    </th>\n                  ) : null}\n                </tr>\n              </thead>\n\n              <tbody className=\"bg-white dark:bg-slate-900\">\n                {effectiveLoading ? (\n                  Array.from({ length: Math.min(pageSize, 6) }).map((_, idx) => (\n                    <tr key={idx}>\n                      {columns.map((col) => (\n                        <td\n                          key={col.key}\n                          className=\"border-b border-slate-200 px-4 py-3 dark:border-slate-800\"\n                        >\n                          <div className=\"h-4 w-3/4 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n                        </td>\n                      ))}\n                      {rowActions ? (\n                        <td className=\"border-b border-slate-200 px-4 py-3 dark:border-slate-800\">\n                          <div className=\"h-4 w-10 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n                        </td>\n                      ) : null}\n                    </tr>\n                  ))\n                ) : pageData.length === 0 ? (\n                  <tr>\n                    <td\n                      colSpan={columns.length + (rowActions ? 1 : 0)}\n                      className=\"px-4 py-10 text-center text-sm text-slate-600 dark:text-slate-300\"\n                    >\n                      {emptyMessage}\n                    </td>\n                  </tr>\n                ) : (\n                  pageData.map((row, idx) => {\n                    const rowId = row?.id ?? idx;\n                    const selected = selectable && selectedId === rowId;\n                    return (\n                      <tr\n                        key={rowId}\n                        className={[\n                          \"group\",\n                          selectable ? \"cursor-pointer\" : \"\",\n                          selected ? \"bg-brand-50 dark:bg-brand-950/30\" : \"\"\n                        ]\n                          .filter(Boolean)\n                          .join(\" \")}\n                        onClick={() => {\n                          if (!selectable) return;\n                          setSelectedId(rowId);\n                          onRowSelect?.(row);\n                        }}\n                      >\n                        {columns.map((col) => {\n                          const raw = row?.[col.key];\n                          const content = col.render ? col.render(raw, row) : defaultTypeFormat(col.type, raw);\n                          return (\n                            <td\n                              key={col.key}\n                              className={[\n                                \"border-b border-slate-200 px-4 py-3 text-sm text-slate-700 dark:border-slate-800 dark:text-slate-200\",\n                                col.mono ? \"font-mono text-[13px]\" : \"\",\n                                col.className ?? \"\"\n                              ]\n                                .filter(Boolean)\n                                .join(\" \")}\n                            >\n                              {content}\n                            </td>\n                          );\n                        })}\n                        {rowActions ? (\n                          <td className=\"border-b border-slate-200 px-4 py-3 text-right text-sm dark:border-slate-800\">\n                            <div className=\"inline-flex items-center justify-end gap-2 opacity-100 sm:opacity-0 sm:group-hover:opacity-100\">\n                              {rowActions(row)}\n                            </div>\n                          </td>\n                        ) : null}\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {paginated && !effectiveLoading ? (\n            <div className=\"flex flex-col gap-2 border-t border-slate-200 bg-slate-50 px-4 py-3 dark:border-slate-800 dark:bg-slate-950/30 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"text-xs text-slate-600 dark:text-slate-300\">\n                {total === 0 ? \"0 results\" : `Showing ${(clampedPage - 1) * pageSize + 1}-${Math.min(clampedPage * pageSize, total)} of ${total}`}\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <UIButton\n                  variant=\"outline\"\n                  size=\"sm\"\n                  disabled={clampedPage <= 1}\n                  onClick={() => setPage((p) => Math.max(1, p - 1))}\n                >\n                  Prev\n                </UIButton>\n                <div className=\"text-xs text-slate-600 dark:text-slate-300\">\n                  Page {clampedPage} / {totalPages}\n                </div>\n                <UIButton\n                  variant=\"outline\"\n                  size=\"sm\"\n                  disabled={clampedPage >= totalPages}\n                  onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n                >\n                  Next\n                </UIButton>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      }\n      {...cardProps}\n    />\n  );\n}\n\n\n"],"names":["defaultTypeFormat","type","value","n","stableSort","data","compare","item","idx","a","b","c","x","TableCard","columns","title","subtitle","searchable","sortable","paginated","selectable","pageSize","actions","rowActions","onRowSelect","onSort","onSearch","loading","error","emptyMessage","simulateInitialLoad","minInitialDelayMs","maxInitialDelayMs","cardProps","query","setQuery","React","sortKey","setSortKey","sortDir","setSortDir","page","setPage","selectedId","setSelectedId","simLoading","setSimLoading","delay","t","effectiveLoading","filtered","q","row","col","raw","sorted","dir","av","bv","total","totalPages","clampedPage","pageData","start","header","jsxs","jsx","UIText","UIInput","BaseCard","canSort","active","nextDir","_","rowId","content","UIButton","p"],"mappings":";;;;;;AAMA,SAASA,GAAkBC,GAAMC,GAAO;AACtC,MAAIA,KAAS,KAAM,QAAO;AAC1B,MAAI,CAACD,EAAM,QAAO,OAAOC,CAAK;AAE9B,MAAID,MAAS,YAAY;AACvB,UAAME,IAAI,OAAOD,CAAK;AACtB,QAAI,OAAO,SAASC,CAAC,EAAG,QAAOA,EAAE,eAAe,QAAW,EAAE,OAAO,YAAY,UAAU,OAAO;AAAA,EACnG;AACA,MAAIF,MAAS,cAAc;AACzB,UAAME,IAAI,OAAOD,CAAK;AACtB,QAAI,OAAO,SAASC,CAAC,EAAG,QAAO,GAAGA,CAAC;AAAA,EACrC;AACA,MAAIF,MAAS,UAAU;AACrB,UAAME,IAAI,OAAOD,CAAK;AACtB,QAAI,OAAO,SAASC,CAAC,EAAG,QAAOA,EAAE,eAAA;AAAA,EACnC;AACA,SAAO,OAAOD,CAAK;AACrB;AAEA,SAASE,GAAWC,GAAMC,GAAS;AACjC,SAAOD,EACJ,IAAI,CAACE,GAAMC,OAAS,EAAE,MAAAD,GAAM,KAAAC,EAAA,EAAM,EAClC,KAAK,CAACC,GAAGC,MAAM;AACd,UAAMC,IAAIL,EAAQG,EAAE,MAAMC,EAAE,IAAI;AAChC,WAAOC,MAAM,IAAIA,IAAIF,EAAE,MAAMC,EAAE;AAAA,EACjC,CAAC,EACA,IAAI,CAACE,MAAMA,EAAE,IAAI;AACtB;AAEA,SAAwBC,GAAU;AAAA,EAChC,MAAAR,IAAO,CAAA;AAAA,EACP,SAAAS,IAAU,CAAA;AAAA,EACV,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,qBAAAC,IAAsB;AAAA,EACtB,mBAAAC,IAAoB;AAAA,EACpB,mBAAAC,IAAoB;AAAA,EACpB,GAAGC;AACL,GAAG;AACD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,EAAE,GACrC,CAACC,GAASC,CAAU,IAAIF,EAAM,SAAS,IAAI,GAC3C,CAACG,GAASC,CAAU,IAAIJ,EAAM,SAAS,KAAK,GAC5C,CAACK,GAAMC,CAAO,IAAIN,EAAM,SAAS,CAAC,GAClC,CAACO,GAAYC,CAAa,IAAIR,EAAM,SAAS,IAAI,GACjD,CAACS,GAAYC,CAAa,IAAIV,EAAM,SAASN,CAAmB;AAEtE,EAAAM,EAAM,UAAU,MAAM;AACpB,QAAI,CAACN,EAAqB;AAC1B,UAAMiB,IACJ,KAAK,MAAM,KAAK,YAAYf,IAAoBD,IAAoB,EAAE,IAAIA,GACtEiB,IAAI,WAAW,MAAMF,EAAc,EAAK,GAAGC,CAAK;AACtD,WAAO,MAAM,aAAaC,CAAC;AAAA,EAC7B,GAAG,CAAClB,GAAqBC,GAAmBC,CAAiB,CAAC;AAE9D,QAAMiB,IAAmBtB,KAAWkB,GAE9BK,IAAWd,EAAM,QAAQ,MAAM;AACnC,QAAI,CAACnB,KAAc,CAACiB,EAAM,KAAA,EAAQ,QAAO7B;AACzC,UAAM8C,IAAIjB,EAAM,KAAA,EAAO,YAAA;AACvB,WAAO7B,EAAK;AAAA,MAAO,CAAC+C,MAClBtC,EAAQ,KAAK,CAACuC,MAAQ;AACpB,cAAMC,IAAMF,IAAMC,EAAI,GAAG;AACzB,eAAIC,KAAO,OAAa,KACjB,OAAOA,CAAG,EAAE,YAAA,EAAc,SAASH,CAAC;AAAA,MAC7C,CAAC;AAAA,IAAA;AAAA,EAEL,GAAG,CAAC9C,GAAMS,GAASoB,GAAOjB,CAAU,CAAC,GAE/BsC,IAASnB,EAAM,QAAQ,MAAM;AAGjC,QAFI,CAAClB,KAAY,CAACmB,KAEd,CADQvB,EAAQ,KAAK,CAACH,MAAMA,EAAE,QAAQ0B,CAAO,EACvC,QAAOa;AACjB,UAAMM,IAAMjB,MAAY,SAAS,KAAK;AACtC,WAAOnC,GAAW8C,GAAU,CAACzC,GAAGC,MAAM;AACpC,YAAM+C,IAAKhD,IAAI4B,CAAO,GAChBqB,IAAKhD,IAAI2B,CAAO;AACtB,aAAIoB,KAAM,QAAQC,KAAM,OAAa,IACjCD,KAAM,OAAa,KAAKD,IACxBE,KAAM,OAAa,IAAIF,IACvB,OAAOC,KAAO,YAAY,OAAOC,KAAO,YAAkBD,IAAKC,KAAMF,IAClE,OAAOC,CAAE,EAAE,cAAc,OAAOC,CAAE,CAAC,IAAIF;AAAA,IAChD,CAAC;AAAA,EACH,GAAG,CAACN,GAAUhC,GAAUmB,GAASE,GAASzB,CAAO,CAAC,GAE5C6C,IAAQJ,EAAO,QACfK,IAAazC,IAAY,KAAK,IAAI,GAAG,KAAK,KAAKwC,IAAQtC,CAAQ,CAAC,IAAI,GACpEwC,IAAc,KAAK,IAAIpB,GAAMmB,CAAU,GAEvCE,IAAW1B,EAAM,QAAQ,MAAM;AACnC,QAAI,CAACjB,EAAW,QAAOoC;AACvB,UAAMQ,KAASF,IAAc,KAAKxC;AAClC,WAAOkC,EAAO,MAAMQ,GAAOA,IAAQ1C,CAAQ;AAAA,EAC7C,GAAG,CAACkC,GAAQpC,GAAW0C,GAAaxC,CAAQ,CAAC;AAE7C,EAAAe,EAAM,UAAU,MAAM;AACpB,IAAIK,MAASoB,KAAanB,EAAQmB,CAAW;AAAA,EAC/C,GAAG,CAACpB,GAAMoB,CAAW,CAAC;AAEtB,QAAMG,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,MAAAlD,IACC,gBAAAmD,EAACC,KAAO,IAAG,OAAM,MAAK,MAAK,QAAO,UAC/B,UAAApD,EAAA,CACH,IACE;AAAA,MACHC,IACC,gBAAAkD,EAACC,GAAA,EAAO,IAAG,OAAM,MAAK,MAAK,OAAK,IAAC,WAAU,QACxC,UAAAnD,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACA,gBAAAiD,EAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,MAAAhD,IACC,gBAAAiD,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOlC;AAAA,UACP,UAAU,CAAC,MAAM;AACf,YAAAC,EAAS,EAAE,OAAO,KAAK,GACvBO,EAAQ,CAAC,GACThB,IAAW,EAAE,OAAO,KAAK;AAAA,UAC3B;AAAA,UACA,aAAY;AAAA,UACZ,cAAW;AAAA,QAAA;AAAA,MAAA,GAEf,IACE;AAAA,MACHJ,IAAU,gBAAA4C,EAAC,OAAA,EAAI,WAAU,2BAA2B,aAAQ,IAAS;AAAA,IAAA,EAAA,CACxE;AAAA,EAAA,GACF;AAGF,MAAItC;AACF,WACE,gBAAAsC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAAL;AAAA,QACA,MACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,8IACZ,UAAA,OAAOtC,CAAK,GACf;AAAA,QAED,GAAGK;AAAA,MAAA;AAAA,IAAA;AAKV,QAAMqC,IAAU,CAACjB,MAAQnC,MAAamC,EAAI,YAAY;AAEtD,SACE,gBAAAa;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,QAAAL;AAAA,MACA,MACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,0BACb,UAAA,gBAAAD,EAAC,SAAA,EAAM,WAAU,+CACf,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAA,EAAM,WAAU,oCACf,UAAA,gBAAAD,EAAC,MAAA,EACE,UAAA;AAAA,YAAAnD,EAAQ,IAAI,CAACuC,MAAQ;AACpB,oBAAMkB,IAASlC,MAAYgB,EAAI;AAC/B,qBACE,gBAAAa;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAM;AAAA,kBACN,WAAW;AAAA,oBACT;AAAA,oBACAb,EAAI,aAAa;AAAA,kBAAA,EAEhB,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,kBAEV,UAAAiB,EAAQjB,CAAG,IACV,gBAAAY;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,SAAS,MAAM;AACb,8BAAMO,IAAUD,KAAUhC,MAAY,QAAQ,SAAS;AACvD,wBAAAD,EAAWe,EAAI,GAAG,GAClBb,EAAWgC,CAAO,GAClB/C,IAAS,EAAE,KAAK4B,EAAI,KAAK,WAAWmB,GAAS;AAAA,sBAC/C;AAAA,sBAEA,UAAA;AAAA,wBAAA,gBAAAN,EAAC,QAAA,EAAM,YAAI,MAAA,CAAM;AAAA,wBACjB,gBAAAA,EAAC,UAAK,WAAU,0BACb,cAAU3B,MAAY,QAAQ,MAAM,MAAO,IAAA,CAC9C;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA,IAGFc,EAAI;AAAA,gBAAA;AAAA,gBA1BDA,EAAI;AAAA,cAAA;AAAA,YA8Bf,CAAC;AAAA,YACA9B,IACC,gBAAA2C,EAAC,MAAA,EAAG,WAAU,iIAAgI,qBAE9I,IACE;AAAA,UAAA,EAAA,CACN,EAAA,CACF;AAAA,UAEA,gBAAAA,EAAC,WAAM,WAAU,8BACd,cACC,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI7C,GAAU,CAAC,GAAG,EAAE,IAAI,CAACoD,GAAGjE,MACpD,gBAAAyD,EAAC,MAAA,EACE,UAAA;AAAA,YAAAnD,EAAQ,IAAI,CAACuC,MACZ,gBAAAa;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAU;AAAA,gBAEV,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,cAAA;AAAA,cAH3Eb,EAAI;AAAA,YAAA,CAKZ;AAAA,YACA9B,IACC,gBAAA2C,EAAC,MAAA,EAAG,WAAU,6DACZ,4BAAC,OAAA,EAAI,WAAU,gEAAA,CAAgE,EAAA,CACjF,IACE;AAAA,UAAA,KAbG1D,CAcT,CACD,IACCsD,EAAS,WAAW,sBACrB,MAAA,EACC,UAAA,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASpD,EAAQ,UAAUS,IAAa,IAAI;AAAA,cAC5C,WAAU;AAAA,cAET,UAAAM;AAAA,YAAA;AAAA,UAAA,GAEL,IAEAiC,EAAS,IAAI,CAACV,GAAK5C,MAAQ;AACzB,kBAAMkE,IAAQtB,GAAK,MAAM5C;AAEzB,mBACE,gBAAAyD;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAW;AAAA,kBACT;AAAA,kBACA7C,IAAa,mBAAmB;AAAA,kBANrBA,KAAcuB,MAAe+B,IAO7B,qCAAqC;AAAA,gBAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBACX,SAAS,MAAM;AACb,kBAAKtD,MACLwB,EAAc8B,CAAK,GACnBlD,IAAc4B,CAAG;AAAA,gBACnB;AAAA,gBAEC,UAAA;AAAA,kBAAAtC,EAAQ,IAAI,CAACuC,MAAQ;AACpB,0BAAMC,IAAMF,IAAMC,EAAI,GAAG,GACnBsB,KAAUtB,EAAI,SAASA,EAAI,OAAOC,GAAKF,CAAG,IAAIpD,GAAkBqD,EAAI,MAAMC,CAAG;AACnF,2BACE,gBAAAY;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,WAAW;AAAA,0BACT;AAAA,0BACAb,EAAI,OAAO,0BAA0B;AAAA,0BACrCA,EAAI,aAAa;AAAA,wBAAA,EAEhB,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,wBAEV,UAAAsB;AAAA,sBAAA;AAAA,sBATItB,EAAI;AAAA,oBAAA;AAAA,kBAYf,CAAC;AAAA,kBACA9B,IACC,gBAAA2C,EAAC,MAAA,EAAG,WAAU,gFACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kGACZ,UAAA3C,EAAW6B,CAAG,EAAA,CACjB,GACF,IACE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAtCCsB;AAAA,YAAA;AAAA,UAyCX,CAAC,EAAA,CAEL;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QAECvD,KAAa,CAAC8B,IACb,gBAAAgB,EAAC,OAAA,EAAI,WAAU,iKACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8CACZ,UAAAP,MAAU,IAAI,cAAc,YAAYE,IAAc,KAAKxC,IAAW,CAAC,IAAI,KAAK,IAAIwC,IAAcxC,GAAUsC,CAAK,CAAC,OAAOA,CAAK,GAAA,CACjI;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAUf,KAAe;AAAA,gBACzB,SAAS,MAAMnB,EAAQ,CAACmC,MAAM,KAAK,IAAI,GAAGA,IAAI,CAAC,CAAC;AAAA,gBACjD,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAZ,EAAC,OAAA,EAAI,WAAU,8CAA6C,UAAA;AAAA,cAAA;AAAA,cACpDJ;AAAA,cAAY;AAAA,cAAID;AAAA,YAAA,GACxB;AAAA,YACA,gBAAAM;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAUf,KAAeD;AAAA,gBACzB,SAAS,MAAMlB,EAAQ,CAACmC,MAAM,KAAK,IAAIjB,GAAYiB,IAAI,CAAC,CAAC;AAAA,gBAC1D,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACF;AAAA,QAAA,EAAA,CACF,IACE;AAAA,MAAA,GACN;AAAA,MAED,GAAG5C;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"TableCard.js","sources":["../../../../src/components/library/cards/TableCard.jsx"],"sourcesContent":["import React from \"react\";\nimport BaseCard from \"./BaseCard\";\nimport UIInput from \"../ui/UIInput\";\nimport UIButton from \"../ui/UIButton\";\nimport UIText from \"../ui/Text\";\n\nfunction defaultTypeFormat(type, value) {\n  if (value == null) return \"\";\n  if (!type) return String(value);\n\n  if (type === \"currency\") {\n    const n = Number(value);\n    if (Number.isFinite(n)) return n.toLocaleString(undefined, { style: \"currency\", currency: \"USD\" });\n  }\n  if (type === \"percentage\") {\n    const n = Number(value);\n    if (Number.isFinite(n)) return `${n}%`;\n  }\n  if (type === \"number\") {\n    const n = Number(value);\n    if (Number.isFinite(n)) return n.toLocaleString();\n  }\n  return String(value);\n}\n\nfunction stableSort(data, compare) {\n  return data\n    .map((item, idx) => ({ item, idx }))\n    .sort((a, b) => {\n      const c = compare(a.item, b.item);\n      return c !== 0 ? c : a.idx - b.idx;\n    })\n    .map((x) => x.item);\n}\n\nexport default function TableCard({\n  data = [],\n  columns = [],\n  title,\n  subtitle,\n  searchable = false,\n  sortable = false,\n  paginated = false,\n  selectable = false,\n  pageSize = 10,\n  actions,\n  rowActions,\n  onRowSelect,\n  onSort,\n  onSearch,\n  loading = false,\n  error,\n  emptyMessage = \"No results.\",\n  simulateInitialLoad = false,\n  minInitialDelayMs = 350,\n  maxInitialDelayMs = 900,\n  ...cardProps\n}) {\n  const [query, setQuery] = React.useState(\"\");\n  const [sortKey, setSortKey] = React.useState(null);\n  const [sortDir, setSortDir] = React.useState(\"asc\");\n  const [page, setPage] = React.useState(1);\n  const [selectedId, setSelectedId] = React.useState(null);\n  const [simLoading, setSimLoading] = React.useState(simulateInitialLoad);\n\n  React.useEffect(() => {\n    if (!simulateInitialLoad) return;\n    const delay =\n      Math.floor(Math.random() * (maxInitialDelayMs - minInitialDelayMs + 1)) + minInitialDelayMs;\n    const t = setTimeout(() => setSimLoading(false), delay);\n    return () => clearTimeout(t);\n  }, [simulateInitialLoad, minInitialDelayMs, maxInitialDelayMs]);\n\n  const effectiveLoading = loading || simLoading;\n\n  const filtered = React.useMemo(() => {\n    if (!searchable || !query.trim()) return data;\n    const q = query.trim().toLowerCase();\n    return data.filter((row) =>\n      columns.some((col) => {\n        const raw = row?.[col.key];\n        if (raw == null) return false;\n        return String(raw).toLowerCase().includes(q);\n      })\n    );\n  }, [data, columns, query, searchable]);\n\n  const sorted = React.useMemo(() => {\n    if (!sortable || !sortKey) return filtered;\n    const col = columns.find((c) => c.key === sortKey);\n    if (!col) return filtered;\n    const dir = sortDir === \"desc\" ? -1 : 1;\n    return stableSort(filtered, (a, b) => {\n      const av = a?.[sortKey];\n      const bv = b?.[sortKey];\n      if (av == null && bv == null) return 0;\n      if (av == null) return -1 * dir;\n      if (bv == null) return 1 * dir;\n      if (typeof av === \"number\" && typeof bv === \"number\") return (av - bv) * dir;\n      return String(av).localeCompare(String(bv)) * dir;\n    });\n  }, [filtered, sortable, sortKey, sortDir, columns]);\n\n  const total = sorted.length;\n  const totalPages = paginated ? Math.max(1, Math.ceil(total / pageSize)) : 1;\n  const clampedPage = Math.min(page, totalPages);\n\n  const pageData = React.useMemo(() => {\n    if (!paginated) return sorted;\n    const start = (clampedPage - 1) * pageSize;\n    return sorted.slice(start, start + pageSize);\n  }, [sorted, paginated, clampedPage, pageSize]);\n\n  React.useEffect(() => {\n    if (page !== clampedPage) setPage(clampedPage);\n  }, [page, clampedPage]);\n\n  const header = (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between\">\n      <div className=\"min-w-0\">\n        {title ? (\n          <UIText as=\"div\" size=\"sm\" weight=\"medium\">\n            {title}\n          </UIText>\n        ) : null}\n        {subtitle ? (\n          <UIText as=\"div\" size=\"xs\" muted className=\"mt-1\">\n            {subtitle}\n          </UIText>\n        ) : null}\n      </div>\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end\">\n        {searchable ? (\n          <div className=\"w-full sm:w-64\">\n            <UIInput\n              value={query}\n              onChange={(e) => {\n                setQuery(e.target.value);\n                setPage(1);\n                onSearch?.(e.target.value);\n              }}\n              placeholder=\"Search…\"\n              aria-label=\"Search table\"\n            />\n          </div>\n        ) : null}\n        {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n      </div>\n    </div>\n  );\n\n  if (error) {\n    return (\n      <BaseCard\n        header={header}\n        body={\n          <div className=\"mt-4 rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100\">\n            {String(error)}\n          </div>\n        }\n        {...cardProps}\n      />\n    );\n  }\n\n  const canSort = (col) => sortable && (col.sortable ?? true);\n\n  return (\n    <BaseCard\n      variant=\"table\"\n      header={header}\n      body={\n        <div className=\"mt-4 overflow-hidden rounded-xl border border-slate-200 dark:border-slate-800\">\n          <div className=\"w-full overflow-x-auto\">\n            <table className=\"min-w-full border-separate border-spacing-0\">\n              <thead className=\"bg-slate-50 dark:bg-slate-950/30\">\n                <tr>\n                  {columns.map((col) => {\n                    const active = sortKey === col.key;\n                    return (\n                      <th\n                        key={col.key}\n                        scope=\"col\"\n                        className={[\n                          \"whitespace-nowrap border-b border-slate-200 px-4 py-3 text-left text-xs font-semibold text-slate-600 dark:border-slate-800 dark:text-slate-300\",\n                          col.className ?? \"\"\n                        ]\n                          .filter(Boolean)\n                          .join(\" \")}\n                      >\n                        {canSort(col) ? (\n                          <button\n                            type=\"button\"\n                            className=\"inline-flex items-center gap-2 hover:text-slate-900 dark:hover:text-slate-50\"\n                            onClick={() => {\n                              const nextDir = active && sortDir === \"asc\" ? \"desc\" : \"asc\";\n                              setSortKey(col.key);\n                              setSortDir(nextDir);\n                              onSort?.({ key: col.key, direction: nextDir });\n                            }}\n                          >\n                            <span>{col.label}</span>\n                            <span className=\"text-[10px] opacity-70\">\n                              {active ? (sortDir === \"asc\" ? \"▲\" : \"▼\") : \"↕\"}\n                            </span>\n                          </button>\n                        ) : (\n                          col.label\n                        )}\n                      </th>\n                    );\n                  })}\n                  {rowActions ? (\n                    <th className=\"border-b border-slate-200 px-4 py-3 text-right text-xs font-semibold text-slate-600 dark:border-slate-800 dark:text-slate-300\">\n                      Actions\n                    </th>\n                  ) : null}\n                </tr>\n              </thead>\n\n              <tbody className=\"bg-white dark:bg-slate-900\">\n                {effectiveLoading ? (\n                  Array.from({ length: Math.min(pageSize, 6) }).map((_, idx) => (\n                    <tr key={idx}>\n                      {columns.map((col) => (\n                        <td\n                          key={col.key}\n                          className=\"border-b border-slate-200 px-4 py-3 dark:border-slate-800\"\n                        >\n                          <div className=\"h-4 w-3/4 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n                        </td>\n                      ))}\n                      {rowActions ? (\n                        <td className=\"border-b border-slate-200 px-4 py-3 dark:border-slate-800\">\n                          <div className=\"h-4 w-10 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n                        </td>\n                      ) : null}\n                    </tr>\n                  ))\n                ) : pageData.length === 0 ? (\n                  <tr>\n                    <td\n                      colSpan={columns.length + (rowActions ? 1 : 0)}\n                      className=\"px-4 py-10 text-center text-sm text-slate-600 dark:text-slate-300\"\n                    >\n                      {emptyMessage}\n                    </td>\n                  </tr>\n                ) : (\n                  pageData.map((row, idx) => {\n                    const rowId = row?.id ?? idx;\n                    const selected = selectable && selectedId === rowId;\n                    return (\n                      <tr\n                        key={rowId}\n                        className={[\n                          \"group\",\n                          selectable ? \"cursor-pointer\" : \"\",\n                          selected ? \"bg-brand-50 dark:bg-brand-950/30\" : \"\"\n                        ]\n                          .filter(Boolean)\n                          .join(\" \")}\n                        onClick={() => {\n                          if (!selectable) return;\n                          setSelectedId(rowId);\n                          onRowSelect?.(row);\n                        }}\n                      >\n                        {columns.map((col) => {\n                          const raw = row?.[col.key];\n                          const content = col.render ? col.render(raw, row) : defaultTypeFormat(col.type, raw);\n                          return (\n                            <td\n                              key={col.key}\n                              className={[\n                                \"border-b border-slate-200 px-4 py-3 text-sm text-slate-700 dark:border-slate-800 dark:text-slate-200\",\n                                col.mono ? \"font-mono text-[13px]\" : \"\",\n                                col.className ?? \"\"\n                              ]\n                                .filter(Boolean)\n                                .join(\" \")}\n                            >\n                              {content}\n                            </td>\n                          );\n                        })}\n                        {rowActions ? (\n                          <td className=\"border-b border-slate-200 px-4 py-3 text-right text-sm dark:border-slate-800\">\n                            <div className=\"inline-flex items-center justify-end gap-2 opacity-100 sm:opacity-0 sm:group-hover:opacity-100\">\n                              {rowActions(row)}\n                            </div>\n                          </td>\n                        ) : null}\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {paginated && !effectiveLoading ? (\n            <div className=\"flex flex-col gap-2 border-t border-slate-200 bg-slate-50 px-4 py-3 dark:border-slate-800 dark:bg-slate-950/30 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"text-xs text-slate-600 dark:text-slate-300\">\n                {total === 0 ? \"0 results\" : `Showing ${(clampedPage - 1) * pageSize + 1}-${Math.min(clampedPage * pageSize, total)} of ${total}`}\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <UIButton\n                  variant=\"outline\"\n                  size=\"sm\"\n                  disabled={clampedPage <= 1}\n                  onClick={() => setPage((p) => Math.max(1, p - 1))}\n                >\n                  Prev\n                </UIButton>\n                <div className=\"text-xs text-slate-600 dark:text-slate-300\">\n                  Page {clampedPage} / {totalPages}\n                </div>\n                <UIButton\n                  variant=\"outline\"\n                  size=\"sm\"\n                  disabled={clampedPage >= totalPages}\n                  onClick={() => setPage((p) => Math.min(totalPages, p + 1))}\n                >\n                  Next\n                </UIButton>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      }\n      {...cardProps}\n    />\n  );\n}\n\n\n"],"names":["defaultTypeFormat","type","value","n","stableSort","data","compare","item","idx","a","b","c","x","TableCard","columns","title","subtitle","searchable","sortable","paginated","selectable","pageSize","actions","rowActions","onRowSelect","onSort","onSearch","loading","error","emptyMessage","simulateInitialLoad","minInitialDelayMs","maxInitialDelayMs","cardProps","query","setQuery","React","sortKey","setSortKey","sortDir","setSortDir","page","setPage","selectedId","setSelectedId","simLoading","setSimLoading","delay","t","effectiveLoading","filtered","q","row","col","raw","sorted","dir","av","bv","total","totalPages","clampedPage","pageData","start","header","jsxs","jsx","UIText","UIInput","BaseCard","canSort","active","nextDir","_","rowId","content","UIButton","p"],"mappings":";;;;;;AAMA,SAASA,GAAkBC,GAAMC,GAAO;AACtC,MAAIA,KAAS,KAAM,QAAO;AAC1B,MAAI,CAACD,EAAM,QAAO,OAAOC,CAAK;AAE9B,MAAID,MAAS,YAAY;AACvB,UAAME,IAAI,OAAOD,CAAK;AACtB,QAAI,OAAO,SAASC,CAAC,EAAG,QAAOA,EAAE,eAAe,QAAW,EAAE,OAAO,YAAY,UAAU,OAAO;AAAA,EACnG;AACA,MAAIF,MAAS,cAAc;AACzB,UAAME,IAAI,OAAOD,CAAK;AACtB,QAAI,OAAO,SAASC,CAAC,EAAG,QAAO,GAAGA,CAAC;AAAA,EACrC;AACA,MAAIF,MAAS,UAAU;AACrB,UAAME,IAAI,OAAOD,CAAK;AACtB,QAAI,OAAO,SAASC,CAAC,EAAG,QAAOA,EAAE,eAAA;AAAA,EACnC;AACA,SAAO,OAAOD,CAAK;AACrB;AAEA,SAASE,GAAWC,GAAMC,GAAS;AACjC,SAAOD,EACJ,IAAI,CAACE,GAAMC,OAAS,EAAE,MAAAD,GAAM,KAAAC,EAAA,EAAM,EAClC,KAAK,CAACC,GAAGC,MAAM;AACd,UAAMC,IAAIL,EAAQG,EAAE,MAAMC,EAAE,IAAI;AAChC,WAAOC,MAAM,IAAIA,IAAIF,EAAE,MAAMC,EAAE;AAAA,EACjC,CAAC,EACA,IAAI,CAACE,MAAMA,EAAE,IAAI;AACtB;AAEA,SAAwBC,GAAU;AAAA,EAChC,MAAAR,IAAO,CAAA;AAAA,EACP,SAAAS,IAAU,CAAA;AAAA,EACV,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,qBAAAC,IAAsB;AAAA,EACtB,mBAAAC,IAAoB;AAAA,EACpB,mBAAAC,IAAoB;AAAA,EACpB,GAAGC;AACL,GAAG;AACD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,EAAE,GACrC,CAACC,GAASC,CAAU,IAAIF,EAAM,SAAS,IAAI,GAC3C,CAACG,GAASC,CAAU,IAAIJ,EAAM,SAAS,KAAK,GAC5C,CAACK,GAAMC,CAAO,IAAIN,EAAM,SAAS,CAAC,GAClC,CAACO,GAAYC,CAAa,IAAIR,EAAM,SAAS,IAAI,GACjD,CAACS,GAAYC,CAAa,IAAIV,EAAM,SAASN,CAAmB;AAEtEM,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAI,CAACN,EAAqB;AAC1B,UAAMiB,IACJ,KAAK,MAAM,KAAK,YAAYf,IAAoBD,IAAoB,EAAE,IAAIA,GACtEiB,IAAI,WAAW,MAAMF,EAAc,EAAK,GAAGC,CAAK;AACtD,WAAO,MAAM,aAAaC,CAAC;AAAA,EAC7B,GAAG,CAAClB,GAAqBC,GAAmBC,CAAiB,CAAC;AAE9D,QAAMiB,IAAmBtB,KAAWkB,GAE9BK,IAAWd,EAAM,QAAQ,MAAM;AACnC,QAAI,CAACnB,KAAc,CAACiB,EAAM,KAAA,EAAQ,QAAO7B;AACzC,UAAM8C,IAAIjB,EAAM,KAAA,EAAO,YAAA;AACvB,WAAO7B,EAAK;AAAA,MAAO,CAAC+C,MAClBtC,EAAQ,KAAK,CAACuC,MAAQ;AACpB,cAAMC,IAAMF,IAAMC,EAAI,GAAG;AACzB,eAAIC,KAAO,OAAa,KACjB,OAAOA,CAAG,EAAE,YAAA,EAAc,SAASH,CAAC;AAAA,MAC7C,CAAC;AAAA,IAAA;AAAA,EAEL,GAAG,CAAC9C,GAAMS,GAASoB,GAAOjB,CAAU,CAAC,GAE/BsC,IAASnB,EAAM,QAAQ,MAAM;AAGjC,QAFI,CAAClB,KAAY,CAACmB,KAEd,CADQvB,EAAQ,KAAK,CAACH,MAAMA,EAAE,QAAQ0B,CAAO,EACvC,QAAOa;AACjB,UAAMM,IAAMjB,MAAY,SAAS,KAAK;AACtC,WAAOnC,GAAW8C,GAAU,CAACzC,GAAGC,MAAM;AACpC,YAAM+C,IAAKhD,IAAI4B,CAAO,GAChBqB,IAAKhD,IAAI2B,CAAO;AACtB,aAAIoB,KAAM,QAAQC,KAAM,OAAa,IACjCD,KAAM,OAAa,KAAKD,IACxBE,KAAM,OAAa,IAAIF,IACvB,OAAOC,KAAO,YAAY,OAAOC,KAAO,YAAkBD,IAAKC,KAAMF,IAClE,OAAOC,CAAE,EAAE,cAAc,OAAOC,CAAE,CAAC,IAAIF;AAAA,IAChD,CAAC;AAAA,EACH,GAAG,CAACN,GAAUhC,GAAUmB,GAASE,GAASzB,CAAO,CAAC,GAE5C6C,IAAQJ,EAAO,QACfK,IAAazC,IAAY,KAAK,IAAI,GAAG,KAAK,KAAKwC,IAAQtC,CAAQ,CAAC,IAAI,GACpEwC,IAAc,KAAK,IAAIpB,GAAMmB,CAAU,GAEvCE,IAAW1B,EAAM,QAAQ,MAAM;AACnC,QAAI,CAACjB,EAAW,QAAOoC;AACvB,UAAMQ,KAASF,IAAc,KAAKxC;AAClC,WAAOkC,EAAO,MAAMQ,GAAOA,IAAQ1C,CAAQ;AAAA,EAC7C,GAAG,CAACkC,GAAQpC,GAAW0C,GAAaxC,CAAQ,CAAC;AAE7Ce,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAIK,MAASoB,KAAanB,EAAQmB,CAAW;AAAA,EAC/C,GAAG,CAACpB,GAAMoB,CAAW,CAAC;AAEtB,QAAMG,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,MAAAlD,IACC,gBAAAmD,EAACC,KAAO,IAAG,OAAM,MAAK,MAAK,QAAO,UAC/B,UAAApD,EAAA,CACH,IACE;AAAA,MACHC,IACC,gBAAAkD,EAACC,GAAA,EAAO,IAAG,OAAM,MAAK,MAAK,OAAK,IAAC,WAAU,QACxC,UAAAnD,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACA,gBAAAiD,EAAC,OAAA,EAAI,WAAU,kEACZ,UAAA;AAAA,MAAAhD,IACC,gBAAAiD,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOlC;AAAA,UACP,UAAU,CAAC,MAAM;AACf,YAAAC,EAAS,EAAE,OAAO,KAAK,GACvBO,EAAQ,CAAC,GACThB,IAAW,EAAE,OAAO,KAAK;AAAA,UAC3B;AAAA,UACA,aAAY;AAAA,UACZ,cAAW;AAAA,QAAA;AAAA,MAAA,GAEf,IACE;AAAA,MACHJ,IAAU,gBAAA4C,EAAC,OAAA,EAAI,WAAU,2BAA2B,aAAQ,IAAS;AAAA,IAAA,EAAA,CACxE;AAAA,EAAA,GACF;AAGF,MAAItC;AACF,WACE,gBAAAsC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAAL;AAAA,QACA,MACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,8IACZ,UAAA,OAAOtC,CAAK,GACf;AAAA,QAED,GAAGK;AAAA,MAAA;AAAA,IAAA;AAKV,QAAMqC,IAAU,CAACjB,MAAQnC,MAAamC,EAAI,YAAY;AAEtD,SACE,gBAAAa;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,QAAAL;AAAA,MACA,MACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,0BACb,UAAA,gBAAAD,EAAC,SAAA,EAAM,WAAU,+CACf,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAA,EAAM,WAAU,oCACf,UAAA,gBAAAD,EAAC,MAAA,EACE,UAAA;AAAA,YAAAnD,EAAQ,IAAI,CAACuC,MAAQ;AACpB,oBAAMkB,IAASlC,MAAYgB,EAAI;AAC/B,qBACE,gBAAAa;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAM;AAAA,kBACN,WAAW;AAAA,oBACT;AAAA,oBACAb,EAAI,aAAa;AAAA,kBAAA,EAEhB,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,kBAEV,UAAAiB,EAAQjB,CAAG,IACV,gBAAAY;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,SAAS,MAAM;AACb,8BAAMO,IAAUD,KAAUhC,MAAY,QAAQ,SAAS;AACvD,wBAAAD,EAAWe,EAAI,GAAG,GAClBb,EAAWgC,CAAO,GAClB/C,IAAS,EAAE,KAAK4B,EAAI,KAAK,WAAWmB,GAAS;AAAA,sBAC/C;AAAA,sBAEA,UAAA;AAAA,wBAAA,gBAAAN,EAAC,QAAA,EAAM,YAAI,MAAA,CAAM;AAAA,wBACjB,gBAAAA,EAAC,UAAK,WAAU,0BACb,cAAU3B,MAAY,QAAQ,MAAM,MAAO,IAAA,CAC9C;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA,IAGFc,EAAI;AAAA,gBAAA;AAAA,gBA1BDA,EAAI;AAAA,cAAA;AAAA,YA8Bf,CAAC;AAAA,YACA9B,IACC,gBAAA2C,EAAC,MAAA,EAAG,WAAU,iIAAgI,qBAE9I,IACE;AAAA,UAAA,EAAA,CACN,EAAA,CACF;AAAA,UAEA,gBAAAA,EAAC,WAAM,WAAU,8BACd,cACC,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI7C,GAAU,CAAC,GAAG,EAAE,IAAI,CAACoD,GAAGjE,MACpD,gBAAAyD,EAAC,MAAA,EACE,UAAA;AAAA,YAAAnD,EAAQ,IAAI,CAACuC,MACZ,gBAAAa;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAU;AAAA,gBAEV,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,cAAA;AAAA,cAH3Eb,EAAI;AAAA,YAAA,CAKZ;AAAA,YACA9B,IACC,gBAAA2C,EAAC,MAAA,EAAG,WAAU,6DACZ,4BAAC,OAAA,EAAI,WAAU,gEAAA,CAAgE,EAAA,CACjF,IACE;AAAA,UAAA,KAbG1D,CAcT,CACD,IACCsD,EAAS,WAAW,sBACrB,MAAA,EACC,UAAA,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASpD,EAAQ,UAAUS,IAAa,IAAI;AAAA,cAC5C,WAAU;AAAA,cAET,UAAAM;AAAA,YAAA;AAAA,UAAA,GAEL,IAEAiC,EAAS,IAAI,CAACV,GAAK5C,MAAQ;AACzB,kBAAMkE,IAAQtB,GAAK,MAAM5C;AAEzB,mBACE,gBAAAyD;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAW;AAAA,kBACT;AAAA,kBACA7C,IAAa,mBAAmB;AAAA,kBANrBA,KAAcuB,MAAe+B,IAO7B,qCAAqC;AAAA,gBAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBACX,SAAS,MAAM;AACb,kBAAKtD,MACLwB,EAAc8B,CAAK,GACnBlD,IAAc4B,CAAG;AAAA,gBACnB;AAAA,gBAEC,UAAA;AAAA,kBAAAtC,EAAQ,IAAI,CAACuC,MAAQ;AACpB,0BAAMC,IAAMF,IAAMC,EAAI,GAAG,GACnBsB,KAAUtB,EAAI,SAASA,EAAI,OAAOC,GAAKF,CAAG,IAAIpD,GAAkBqD,EAAI,MAAMC,CAAG;AACnF,2BACE,gBAAAY;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,WAAW;AAAA,0BACT;AAAA,0BACAb,EAAI,OAAO,0BAA0B;AAAA,0BACrCA,EAAI,aAAa;AAAA,wBAAA,EAEhB,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,wBAEV,UAAAsB;AAAA,sBAAA;AAAA,sBATItB,EAAI;AAAA,oBAAA;AAAA,kBAYf,CAAC;AAAA,kBACA9B,IACC,gBAAA2C,EAAC,MAAA,EAAG,WAAU,gFACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kGACZ,UAAA3C,EAAW6B,CAAG,EAAA,CACjB,GACF,IACE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAtCCsB;AAAA,YAAA;AAAA,UAyCX,CAAC,EAAA,CAEL;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QAECvD,KAAa,CAAC8B,IACb,gBAAAgB,EAAC,OAAA,EAAI,WAAU,iKACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8CACZ,UAAAP,MAAU,IAAI,cAAc,YAAYE,IAAc,KAAKxC,IAAW,CAAC,IAAI,KAAK,IAAIwC,IAAcxC,GAAUsC,CAAK,CAAC,OAAOA,CAAK,GAAA,CACjI;AAAA,UACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAUf,KAAe;AAAA,gBACzB,SAAS,MAAMnB,EAAQ,CAACmC,MAAM,KAAK,IAAI,GAAGA,IAAI,CAAC,CAAC;AAAA,gBACjD,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAZ,EAAC,OAAA,EAAI,WAAU,8CAA6C,UAAA;AAAA,cAAA;AAAA,cACpDJ;AAAA,cAAY;AAAA,cAAID;AAAA,YAAA,GACxB;AAAA,YACA,gBAAAM;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAUf,KAAeD;AAAA,gBACzB,SAAS,MAAMlB,EAAQ,CAACmC,MAAM,KAAK,IAAIjB,GAAYiB,IAAI,CAAC,CAAC;AAAA,gBAC1D,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACF;AAAA,QAAA,EAAA,CACF,IACE;AAAA,MAAA,GACN;AAAA,MAED,GAAG5C;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/cards/WidgetCard.js

@@ -1,11 +1,11 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import x from "react";
 import v from "./BaseCard.js";
-import k from "../ui/Text.js";
-function N({ title: d, actions: a, content: r, divided: l }) {
+import f from "../ui/Text.js";
+function k({ title: d, actions: a, content: r, divided: l }) {
   return /* @__PURE__ */ s("div", { className: l ? "border-t border-slate-200 pt-4 dark:border-slate-800" : "", children: [
     d || a ? /* @__PURE__ */ s("div", { className: "mb-3 flex items-start justify-between gap-3", children: [
-      d ? /* @__PURE__ */ e(k, { as: "div", size: "sm", weight: "medium", children: d }) : /* @__PURE__ */ e("div", {}),
+      d ? /* @__PURE__ */ e(f, { as: "div", size: "sm", weight: "medium", children: d }) : /* @__PURE__ */ e("div", {}),
       a ? /* @__PURE__ */ e("div", { className: "shrink-0", children: a }) : null
     ] }) : null,
     /* @__PURE__ */ e("div", { children: r })
@@ -41,7 +41,7 @@ function j({
       /* @__PURE__ */ e("div", { className: "h-4 w-2/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800" }),
       /* @__PURE__ */ e("div", { className: "h-4 w-1/2 animate-pulse rounded bg-slate-200 dark:bg-slate-800" })
     ] }) : i ? a.length === 0 ? /* @__PURE__ */ e("div", { className: "rounded-xl border border-dashed border-slate-300 bg-slate-50 p-6 text-center text-sm text-slate-600 dark:border-slate-700 dark:bg-slate-950/30 dark:text-slate-300", children: b }) : a.map((t, n) => /* @__PURE__ */ e(
-      N,
+      k,
       {
         title: t?.title,
         actions: t?.actions,

package/dist/components/library/charts/D3Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"D3Chart.js","sources":["../../../../src/components/library/charts/D3Chart.jsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * Minimal D3 chart host:\n * - Owns the <svg> element\n * - Computes responsive dimensions from container size\n * - Calls renderChart(svgEl, data, dims, options)\n */\nexport default function D3Chart({\n  data,\n  renderChart,\n  options = {},\n  width,\n  height = 280,\n  responsive = false,\n  aspectRatio,\n  className = \"\",\n  style,\n  containerStyle,\n  svgStyle,\n  loading = false,\n  error,\n  ariaLabel = \"Chart\"\n}) {\n  const containerRef = React.useRef(null);\n  const svgRef = React.useRef(null);\n  const [containerWidth, setContainerWidth] = React.useState(null);\n\n  React.useEffect(() => {\n    if (!responsive) return;\n    const el = containerRef.current;\n    if (!el) return;\n\n    const obs = new ResizeObserver((entries) => {\n      const w = entries?.[0]?.contentRect?.width;\n      if (typeof w === \"number\" && Number.isFinite(w)) setContainerWidth(w);\n    });\n    obs.observe(el);\n    return () => obs.disconnect();\n  }, [responsive]);\n\n  const computedWidth = responsive ? containerWidth : width;\n  const computedHeight = React.useMemo(() => {\n    if (!responsive) return height;\n    if (!containerWidth) return height;\n    if (aspectRatio && Number.isFinite(aspectRatio) && aspectRatio > 0) return containerWidth / aspectRatio;\n    return height;\n  }, [responsive, containerWidth, height, aspectRatio]);\n\n  React.useEffect(() => {\n    if (loading || error) return;\n    if (!renderChart) return;\n    const svgEl = svgRef.current;\n    if (!svgEl) return;\n\n    const dims = {\n      width: computedWidth ?? 0,\n      height: computedHeight ?? 0\n    };\n\n    // Avoid calling renderChart before we have a measurable width in responsive mode\n    if (responsive && (!dims.width || dims.width < 10)) return;\n    if (!dims.height || dims.height < 10) return;\n\n    renderChart(svgEl, data, dims, options);\n  }, [data, renderChart, options, computedWidth, computedHeight, responsive, loading, error]);\n\n  if (error) {\n    return (\n      <div\n        ref={containerRef}\n        className={[\"w-full rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100\", className]\n          .filter(Boolean)\n          .join(\" \")}\n        style={containerStyle}\n      >\n        {String(error)}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={[\"w-full\", className].filter(Boolean).join(\" \")}\n      style={{ ...containerStyle, position: \"relative\" }}\n    >\n      {loading ? (\n        <div className=\"h-full w-full rounded-xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-800 dark:bg-slate-900\">\n          <div className=\"space-y-3\">\n            <div className=\"h-4 w-1/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n            <div className=\"h-44 w-full animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n          </div>\n        </div>\n      ) : (\n        <svg\n          ref={svgRef}\n          role=\"img\"\n          aria-label={ariaLabel}\n          width={computedWidth ?? width ?? \"100%\"}\n          height={computedHeight}\n          style={{ ...svgStyle, ...style, display: \"block\" }}\n        />\n      )}\n    </div>\n  );\n}\n\n\n"],"names":["D3Chart","data","renderChart","options","width","height","responsive","aspectRatio","className","style","containerStyle","svgStyle","loading","error","ariaLabel","containerRef","React","svgRef","containerWidth","setContainerWidth","el","obs","entries","w","computedWidth","computedHeight","svgEl","dims","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"D3Chart.js","sources":["../../../../src/components/library/charts/D3Chart.jsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * Minimal D3 chart host:\n * - Owns the <svg> element\n * - Computes responsive dimensions from container size\n * - Calls renderChart(svgEl, data, dims, options)\n */\nexport default function D3Chart({\n  data,\n  renderChart,\n  options = {},\n  width,\n  height = 280,\n  responsive = false,\n  aspectRatio,\n  className = \"\",\n  style,\n  containerStyle,\n  svgStyle,\n  loading = false,\n  error,\n  ariaLabel = \"Chart\"\n}) {\n  const containerRef = React.useRef(null);\n  const svgRef = React.useRef(null);\n  const [containerWidth, setContainerWidth] = React.useState(null);\n\n  React.useEffect(() => {\n    if (!responsive) return;\n    const el = containerRef.current;\n    if (!el) return;\n\n    const obs = new ResizeObserver((entries) => {\n      const w = entries?.[0]?.contentRect?.width;\n      if (typeof w === \"number\" && Number.isFinite(w)) setContainerWidth(w);\n    });\n    obs.observe(el);\n    return () => obs.disconnect();\n  }, [responsive]);\n\n  const computedWidth = responsive ? containerWidth : width;\n  const computedHeight = React.useMemo(() => {\n    if (!responsive) return height;\n    if (!containerWidth) return height;\n    if (aspectRatio && Number.isFinite(aspectRatio) && aspectRatio > 0) return containerWidth / aspectRatio;\n    return height;\n  }, [responsive, containerWidth, height, aspectRatio]);\n\n  React.useEffect(() => {\n    if (loading || error) return;\n    if (!renderChart) return;\n    const svgEl = svgRef.current;\n    if (!svgEl) return;\n\n    const dims = {\n      width: computedWidth ?? 0,\n      height: computedHeight ?? 0\n    };\n\n    // Avoid calling renderChart before we have a measurable width in responsive mode\n    if (responsive && (!dims.width || dims.width < 10)) return;\n    if (!dims.height || dims.height < 10) return;\n\n    renderChart(svgEl, data, dims, options);\n  }, [data, renderChart, options, computedWidth, computedHeight, responsive, loading, error]);\n\n  if (error) {\n    return (\n      <div\n        ref={containerRef}\n        className={[\"w-full rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100\", className]\n          .filter(Boolean)\n          .join(\" \")}\n        style={containerStyle}\n      >\n        {String(error)}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className={[\"w-full\", className].filter(Boolean).join(\" \")}\n      style={{ ...containerStyle, position: \"relative\" }}\n    >\n      {loading ? (\n        <div className=\"h-full w-full rounded-xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-800 dark:bg-slate-900\">\n          <div className=\"space-y-3\">\n            <div className=\"h-4 w-1/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n            <div className=\"h-44 w-full animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n          </div>\n        </div>\n      ) : (\n        <svg\n          ref={svgRef}\n          role=\"img\"\n          aria-label={ariaLabel}\n          width={computedWidth ?? width ?? \"100%\"}\n          height={computedHeight}\n          style={{ ...svgStyle, ...style, display: \"block\" }}\n        />\n      )}\n    </div>\n  );\n}\n\n\n"],"names":["D3Chart","data","renderChart","options","width","height","responsive","aspectRatio","className","style","containerStyle","svgStyle","loading","error","ariaLabel","containerRef","React","svgRef","containerWidth","setContainerWidth","el","obs","entries","w","computedWidth","computedHeight","svgEl","dims","jsx","jsxs"],"mappings":"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"}

package/dist/components/library/data/DataModeProvider.js

@@ -9,15 +9,15 @@ const i = t.createContext({
   setMode: () => {
   }
 }), l = "app-data-mode", c = ["sample", "live"];
-function f() {
+function p() {
   return t.useContext(i);
 }
 function v({ initialMode: n = "sample", children: r }) {
-  const [o, s] = t.useState(n);
+  const [o, a] = t.useState(n);
   t.useEffect(() => {
     try {
       const e = window.localStorage.getItem(l);
-      c.includes(e) && s(e);
+      c.includes(e) && a(e);
     } catch {
     }
   }, []), t.useEffect(() => {
@@ -26,22 +26,22 @@ function v({ initialMode: n = "sample", children: r }) {
     } catch {
     }
   }, [o]);
-  const a = t.useCallback((e) => {
-    c.includes(e) && s(e);
+  const s = t.useCallback((e) => {
+    c.includes(e) && a(e);
   }, []), d = t.useMemo(
     () => ({
       mode: o,
       isSample: o === "sample",
       isLive: o === "live",
-      toggle: () => s((e) => e === "sample" ? "live" : "sample"),
-      setMode: a
+      toggle: () => a((e) => e === "sample" ? "live" : "sample"),
+      setMode: s
     }),
-    [o, a]
+    [o, s]
   );
   return /* @__PURE__ */ m(i.Provider, { value: d, children: r });
 }
 export {
   v as default,
-  f as useDataMode
+  p as useDataMode
 };
 //# sourceMappingURL=DataModeProvider.js.map

package/dist/components/library/data/DataModeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataModeProvider.js","sources":["../../../../src/components/library/data/DataModeProvider.jsx"],"sourcesContent":["import React from \"react\";\n\nconst DataModeContext = React.createContext({\n  mode: \"sample\",\n  isSample: true,\n  isLive: false,\n  toggle: () => {},\n  setMode: () => {},\n});\n\nconst STORAGE_KEY = \"app-data-mode\";\nconst VALID_MODES = [\"sample\", \"live\"];\n\n/**\n * Read the current data mode from any component.\n *\n * @returns {{ mode: \"sample\"|\"live\", isSample: boolean, isLive: boolean, toggle: () => void, setMode: (mode) => void }}\n */\nexport function useDataMode() {\n  return React.useContext(DataModeContext);\n}\n\n/**\n * Provides global data-mode state (sample vs live) to the component tree.\n * Persists to localStorage so the choice survives page reloads.\n *\n * Wrap once in _app.js alongside AppThemeProvider.\n */\nexport default function DataModeProvider({ initialMode = \"sample\", children }) {\n  const [mode, setModeState] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (VALID_MODES.includes(stored)) setModeState(stored);\n    } catch {\n      // SSR or storage unavailable\n    }\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const setMode = React.useCallback((m) => {\n    if (VALID_MODES.includes(m)) setModeState(m);\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      isSample: mode === \"sample\",\n      isLive: mode === \"live\",\n      toggle: () => setModeState((m) => (m === \"sample\" ? \"live\" : \"sample\")),\n      setMode,\n    }),\n    [mode, setMode]\n  );\n\n  return (\n    <DataModeContext.Provider value={value}>{children}</DataModeContext.Provider>\n  );\n}\n"],"names":["DataModeContext","React","STORAGE_KEY","VALID_MODES","useDataMode","DataModeProvider","initialMode","children","mode","setModeState","stored","setMode","m","value","jsx"],"mappings":";;AAEA,MAAMA,IAAkBC,EAAM,cAAc;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAc,iBACdC,IAAc,CAAC,UAAU,MAAM;AAO9B,SAASC,IAAc;AAC5B,SAAOH,EAAM,WAAWD,CAAe;AACzC;AAQA,SAAwBK,EAAiB,EAAE,aAAAC,IAAc,UAAU,UAAAC,KAAY;AAC7E,QAAM,CAACC,GAAMC,CAAY,IAAIR,EAAM,SAASK,CAAW;AAEvD,EAAAL,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMS,IAAS,OAAO,aAAa,QAAQR,CAAW;AACtD,MAAIC,EAAY,SAASO,CAAM,OAAgBA,CAAM;AAAA,IACvD,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELT,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,aAAO,aAAa,QAAQC,GAAaM,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMG,IAAUV,EAAM,YAAY,CAACW,MAAM;AACvC,IAAIT,EAAY,SAASS,CAAC,OAAgBA,CAAC;AAAA,EAC7C,GAAG,CAAA,CAAE,GAECC,IAAQZ,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAO;AAAA,MACA,UAAUA,MAAS;AAAA,MACnB,QAAQA,MAAS;AAAA,MACjB,QAAQ,MAAMC,EAAa,CAACG,MAAOA,MAAM,WAAW,SAAS,QAAS;AAAA,MACtE,SAAAD;AAAA,IAAA;AAAA,IAEF,CAACH,GAAMG,CAAO;AAAA,EAAA;AAGhB,SACE,gBAAAG,EAACd,EAAgB,UAAhB,EAAyB,OAAAa,GAAe,UAAAN,EAAA,CAAS;AAEtD;"}
+{"version":3,"file":"DataModeProvider.js","sources":["../../../../src/components/library/data/DataModeProvider.jsx"],"sourcesContent":["import React from \"react\";\n\nconst DataModeContext = React.createContext({\n  mode: \"sample\",\n  isSample: true,\n  isLive: false,\n  toggle: () => {},\n  setMode: () => {},\n});\n\nconst STORAGE_KEY = \"app-data-mode\";\nconst VALID_MODES = [\"sample\", \"live\"];\n\n/**\n * Read the current data mode from any component.\n *\n * @returns {{ mode: \"sample\"|\"live\", isSample: boolean, isLive: boolean, toggle: () => void, setMode: (mode) => void }}\n */\nexport function useDataMode() {\n  return React.useContext(DataModeContext);\n}\n\n/**\n * Provides global data-mode state (sample vs live) to the component tree.\n * Persists to localStorage so the choice survives page reloads.\n *\n * Wrap once in _app.js alongside AppThemeProvider.\n */\nexport default function DataModeProvider({ initialMode = \"sample\", children }) {\n  const [mode, setModeState] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (VALID_MODES.includes(stored)) setModeState(stored);\n    } catch {\n      // SSR or storage unavailable\n    }\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const setMode = React.useCallback((m) => {\n    if (VALID_MODES.includes(m)) setModeState(m);\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      isSample: mode === \"sample\",\n      isLive: mode === \"live\",\n      toggle: () => setModeState((m) => (m === \"sample\" ? \"live\" : \"sample\")),\n      setMode,\n    }),\n    [mode, setMode]\n  );\n\n  return (\n    <DataModeContext.Provider value={value}>{children}</DataModeContext.Provider>\n  );\n}\n"],"names":["DataModeContext","React","STORAGE_KEY","VALID_MODES","useDataMode","DataModeProvider","initialMode","children","mode","setModeState","stored","setMode","m","value","jsx"],"mappings":";;AAEA,MAAMA,IAAkBC,EAAM,cAAc;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAc,iBACdC,IAAc,CAAC,UAAU,MAAM;AAO9B,SAASC,IAAc;AAC5B,SAAOH,EAAM,WAAWD,CAAe;AACzC;AAQA,SAAwBK,EAAiB,EAAE,aAAAC,IAAc,UAAU,UAAAC,KAAY;AAC7E,QAAM,CAACC,GAAMC,CAAY,IAAIR,EAAM,SAASK,CAAW;AAEvDL,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMS,IAAS,OAAO,aAAa,QAAQR,CAAW;AACtD,MAAIC,EAAY,SAASO,CAAM,OAAgBA,CAAM;AAAA,IACvD,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELT,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,aAAO,aAAa,QAAQC,GAAaM,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMG,IAAUV,EAAM,YAAY,CAACW,MAAM;AACvC,IAAIT,EAAY,SAASS,CAAC,OAAgBA,CAAC;AAAA,EAC7C,GAAG,CAAA,CAAE,GAECC,IAAQZ,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAO;AAAA,MACA,UAAUA,MAAS;AAAA,MACnB,QAAQA,MAAS;AAAA,MACjB,QAAQ,MAAMC,EAAa,CAACG,MAAOA,MAAM,WAAW,SAAS,QAAS;AAAA,MACtE,SAAAD;AAAA,IAAA;AAAA,IAEF,CAACH,GAAMG,CAAO;AAAA,EAAA;AAGhB,SACE,gBAAAG,EAACd,EAAgB,UAAhB,EAAyB,OAAAa,GAAe,UAAAN,EAAA,CAAS;AAEtD;"}

package/dist/components/library/index.d.ts

@@ -50,6 +50,14 @@ export { default as HeroUISelect } from "./heroui/Select";
 export { default as AppThemeProvider, useThemeMode } from "./theme/AppThemeProvider";
 export { default as UICard, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "./ui/Card";
 export { default as Alert, AlertTitle, AlertDescription, AlertAction } from "./ui/Alert";
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from "./ui/Dialog";
+export { Field, FieldLabel, FieldDescription, FieldError } from "./ui/Field";
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "./ui/Select";
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./ui/Collapsible";
+export { Popover, PopoverTrigger, PopoverContent } from "./ui/Popover";
+export { DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger } from "./ui/DatePicker";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from "./ui/BreadcrumbExtras";
+export { PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "./ui/PaginationExtras";
 export { FormModal, FormRenderer, FormSection, FormField, useFormState } from "./forms";
 export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
 export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";

package/dist/components/library/theme/AppThemeProvider.js

@@ -1,6 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import t from "react";
-import { tokens as d, getTokenCSSProperties as u } from "./tokens.js";
+import { tokens as d, getTokenCSSProperties as i } from "./tokens.js";
 const a = t.createContext({
   mode: "light",
   theme: d,
@@ -14,7 +14,7 @@ function f(r) {
 }
 function l() {
   if (typeof document > "u") return;
-  const r = document.documentElement, o = u();
+  const r = document.documentElement, o = i();
   for (const [e, s] of Object.entries(o))
     r.style.setProperty(e, s);
 }
@@ -46,7 +46,7 @@ function y({ initialMode: r = "light", children: o }) {
     }),
     [e]
   );
-  return /* @__PURE__ */ i(a.Provider, { value: m, children: o });
+  return /* @__PURE__ */ u(a.Provider, { value: m, children: o });
 }
 export {
   y as default,

package/dist/components/library/theme/AppThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppThemeProvider.js","sources":["../../../../src/components/library/theme/AppThemeProvider.jsx"],"sourcesContent":["import React from \"react\";\nimport { tokens, getTokenCSSProperties } from \"./tokens\";\n\nconst ThemeModeContext = React.createContext({\n  mode: \"light\",\n  theme: tokens,\n  toggle: () => {}\n});\n\nconst STORAGE_KEY = \"app-color-mode\";\n\nfunction applyHtmlDarkClass(mode) {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  if (mode === \"dark\") root.classList.add(\"dark\");\n  else root.classList.remove(\"dark\");\n}\n\nfunction applyTokenCSSProperties() {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  const props = getTokenCSSProperties();\n  for (const [key, value] of Object.entries(props)) {\n    root.style.setProperty(key, value);\n  }\n}\n\nexport function useThemeMode() {\n  return React.useContext(ThemeModeContext);\n}\n\nexport default function AppThemeProvider({ initialMode = \"light\", children }) {\n  const [mode, setMode] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    applyTokenCSSProperties();\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"light\" || stored === \"dark\") setMode(stored);\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  React.useEffect(() => {\n    applyHtmlDarkClass(mode);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      theme: tokens,\n      toggle: () => setMode((m) => (m === \"dark\" ? \"light\" : \"dark\"))\n    }),\n    [mode]\n  );\n\n  return <ThemeModeContext.Provider value={value}>{children}</ThemeModeContext.Provider>;\n}\n"],"names":["ThemeModeContext","React","tokens","STORAGE_KEY","applyHtmlDarkClass","mode","root","applyTokenCSSProperties","props","getTokenCSSProperties","key","value","useThemeMode","AppThemeProvider","initialMode","children","setMode","stored","m","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAM,cAAc;AAAA,EAC3C,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC,GAEKC,IAAc;AAEpB,SAASC,EAAmBC,GAAM;AAChC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAID,MAAS,SAAQC,EAAK,UAAU,IAAI,MAAM,IACzCA,EAAK,UAAU,OAAO,MAAM;AACnC;AAEA,SAASC,IAA0B;AACjC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMD,IAAO,SAAS,iBAChBE,IAAQC,EAAA;AACd,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAK;AAC7C,IAAAF,EAAK,MAAM,YAAYI,GAAKC,CAAK;AAErC;AAEO,SAASC,IAAe;AAC7B,SAAOX,EAAM,WAAWD,CAAgB;AAC1C;AAEA,SAAwBa,EAAiB,EAAE,aAAAC,IAAc,SAAS,UAAAC,KAAY;AAC5E,QAAM,CAACV,GAAMW,CAAO,IAAIf,EAAM,SAASa,CAAW;AAElD,EAAAb,EAAM,UAAU,MAAM;AACpB,IAAAM,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAELN,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMgB,IAAS,OAAO,aAAa,QAAQd,CAAW;AACtD,OAAIc,MAAW,WAAWA,MAAW,aAAgBA,CAAM;AAAA,IAC7D,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELhB,EAAM,UAAU,MAAM;AACpB,IAAAG,EAAmBC,CAAI;AACvB,QAAI;AACF,aAAO,aAAa,QAAQF,GAAaE,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMM,IAAQV,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAI;AAAA,MACA,OAAOH;AAAA,MACP,QAAQ,MAAMc,EAAQ,CAACE,MAAOA,MAAM,SAAS,UAAU,MAAO;AAAA,IAAA;AAAA,IAEhE,CAACb,CAAI;AAAA,EAAA;AAGP,SAAO,gBAAAc,EAACnB,EAAiB,UAAjB,EAA0B,OAAAW,GAAe,UAAAI,EAAA,CAAS;AAC5D;"}
+{"version":3,"file":"AppThemeProvider.js","sources":["../../../../src/components/library/theme/AppThemeProvider.jsx"],"sourcesContent":["import React from \"react\";\nimport { tokens, getTokenCSSProperties } from \"./tokens\";\n\nconst ThemeModeContext = React.createContext({\n  mode: \"light\",\n  theme: tokens,\n  toggle: () => {}\n});\n\nconst STORAGE_KEY = \"app-color-mode\";\n\nfunction applyHtmlDarkClass(mode) {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  if (mode === \"dark\") root.classList.add(\"dark\");\n  else root.classList.remove(\"dark\");\n}\n\nfunction applyTokenCSSProperties() {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  const props = getTokenCSSProperties();\n  for (const [key, value] of Object.entries(props)) {\n    root.style.setProperty(key, value);\n  }\n}\n\nexport function useThemeMode() {\n  return React.useContext(ThemeModeContext);\n}\n\nexport default function AppThemeProvider({ initialMode = \"light\", children }) {\n  const [mode, setMode] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    applyTokenCSSProperties();\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"light\" || stored === \"dark\") setMode(stored);\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  React.useEffect(() => {\n    applyHtmlDarkClass(mode);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      theme: tokens,\n      toggle: () => setMode((m) => (m === \"dark\" ? \"light\" : \"dark\"))\n    }),\n    [mode]\n  );\n\n  return <ThemeModeContext.Provider value={value}>{children}</ThemeModeContext.Provider>;\n}\n"],"names":["ThemeModeContext","React","tokens","STORAGE_KEY","applyHtmlDarkClass","mode","root","applyTokenCSSProperties","props","getTokenCSSProperties","key","value","useThemeMode","AppThemeProvider","initialMode","children","setMode","stored","m","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAM,cAAc;AAAA,EAC3C,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC,GAEKC,IAAc;AAEpB,SAASC,EAAmBC,GAAM;AAChC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAID,MAAS,SAAQC,EAAK,UAAU,IAAI,MAAM,IACzCA,EAAK,UAAU,OAAO,MAAM;AACnC;AAEA,SAASC,IAA0B;AACjC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMD,IAAO,SAAS,iBAChBE,IAAQC,EAAA;AACd,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAK;AAC7C,IAAAF,EAAK,MAAM,YAAYI,GAAKC,CAAK;AAErC;AAEO,SAASC,IAAe;AAC7B,SAAOX,EAAM,WAAWD,CAAgB;AAC1C;AAEA,SAAwBa,EAAiB,EAAE,aAAAC,IAAc,SAAS,UAAAC,KAAY;AAC5E,QAAM,CAACV,GAAMW,CAAO,IAAIf,EAAM,SAASa,CAAW;AAElDb,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAAM,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAELN,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMgB,IAAS,OAAO,aAAa,QAAQd,CAAW;AACtD,OAAIc,MAAW,WAAWA,MAAW,aAAgBA,CAAM;AAAA,IAC7D,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELhB,EAAM,UAAU,MAAM;AACpB,IAAAG,EAAmBC,CAAI;AACvB,QAAI;AACF,aAAO,aAAa,QAAQF,GAAaE,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMM,IAAQV,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAI;AAAA,MACA,OAAOH;AAAA,MACP,QAAQ,MAAMc,EAAQ,CAACE,MAAOA,MAAM,SAAS,UAAU,MAAO;AAAA,IAAA;AAAA,IAEhE,CAACb,CAAI;AAAA,EAAA;AAGP,SAAO,gBAAAc,EAACnB,EAAiB,UAAjB,EAA0B,OAAAW,GAAe,UAAAI,EAAA,CAAS;AAC5D;"}

package/dist/components/library/ui/Avatar.js

@@ -10,22 +10,22 @@ const o = {
   brand: "bg-brand-500 text-white",
   neutral: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200"
 };
-function p({ src: i, name: e, initials: x, icon: n, size: c = "sm", tone: d = "slate", className: s = "", ...r }) {
-  const l = o[c] ?? o.sm;
+function p({ src: i, name: e, initials: x, icon: d, size: f = "sm", tone: n = "slate", className: s = "", ...l }) {
+  const r = o[f] ?? o.sm;
   if (i)
     return /* @__PURE__ */ a(
       "img",
       {
         src: i,
         alt: e ?? "",
-        className: `${l} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${s}`,
-        ...r
+        className: `${r} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${s}`,
+        ...l
       }
     );
-  if (m.isValidElement(n))
-    return /* @__PURE__ */ a("div", { className: `${l} ${t[d] ?? t.slate} flex shrink-0 items-center justify-center rounded-full ${s}`, ...r, children: n });
-  const f = x ?? (e ? e.split(" ").map((u) => u[0]).join("").slice(0, 2).toUpperCase() : "?");
-  return /* @__PURE__ */ a("div", { className: `${l} ${t[d] ?? t.slate} flex shrink-0 items-center justify-center rounded-full font-bold ${s}`, ...r, children: f });
+  if (m.isValidElement(d))
+    return /* @__PURE__ */ a("div", { className: `${r} ${t[n] ?? t.slate} flex shrink-0 items-center justify-center rounded-full ${s}`, ...l, children: d });
+  const u = x ?? (e ? e.split(" ").map((c) => c[0]).join("").slice(0, 2).toUpperCase() : "?");
+  return /* @__PURE__ */ a("div", { className: `${r} ${t[n] ?? t.slate} flex shrink-0 items-center justify-center rounded-full font-bold ${s}`, ...l, children: u });
 }
 export {
   p as default

package/dist/components/library/ui/BreadcrumbExtras.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Breadcrumb({ className, children, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, children, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, children, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ className, href, children, ...props }: React.ComponentProps<"a">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, children, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };