@pibit.ai/cure-design-system 0.6.4 → 0.6.6

package/dist/patterns/table/toolbar/ToolbarRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarRadio.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ToolbarRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,IAAI,cAAc,EAClC,MAAM,uBAAuB,CAAC;AAG/B,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAwCD,UAAU,gBAAiB,SAAQ,cAAc;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4B5C,CAAC;AAEF,UAAU,eAAgB,SAAQ,qBAAqB,EAAE,mBAAmB;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAM1C,CAAC"}
+{"version":3,"file":"ToolbarRadio.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ToolbarRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,IAAI,cAAc,EAClC,MAAM,uBAAuB,CAAC;AAG/B,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAwCD,UAAU,gBAAiB,SAAQ,cAAc;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6B5C,CAAC;AAEF,UAAU,eAAgB,SAAQ,qBAAqB,EAAE,mBAAmB;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAM1C,CAAC"}

package/dist/patterns/table/toolbar/ToolbarRadio.js

@@ -2,10 +2,10 @@ import { jsx as n, jsxs as c, Fragment as u } from "react/jsx-runtime";
 import { createContext as f, useContext as p } from "react";
 import { RadioGroup as g, Radio as b } from "react-aria-components";
 import { cx as a } from "../../../utils/cn.js";
-const d = f(null), x = ({
+const l = f(null), x = ({
   className: r,
-  isFocusVisible: e,
-  isSelected: o,
+  isFocusVisible: o,
+  isSelected: e,
   isDisabled: i,
   size: t = "sm"
 }) => /* @__PURE__ */ n(
@@ -14,9 +14,9 @@ const d = f(null), x = ({
     className: a(
       "flex size-4 min-h-4 min-w-4 cursor-pointer appearance-none items-center justify-center rounded-full bg-primary ring-1 ring-primary ring-inset",
       t === "md" && "size-5 min-h-5 min-w-5",
-      o && !i && "bg-brand-solid ring-bg-brand-solid",
+      e && !i && "bg-brand-solid ring-bg-brand-solid",
       i && "cursor-not-allowed border-disabled bg-disabled_subtle",
-      e && "outline-2 outline-offset-2 outline-focus-ring",
+      o && "outline-2 outline-offset-2 outline-focus-ring",
       r
     ),
     children: /* @__PURE__ */ n(
@@ -26,29 +26,30 @@ const d = f(null), x = ({
           "size-1.5 rounded-full bg-fg-white opacity-0 transition-inherit-all",
           t === "md" && "size-2",
           i && "bg-fg-disabled_subtle",
-          o && "opacity-100"
+          e && "opacity-100"
         )
       }
     )
   }
-), v = ({ label: r, className: e, size: o = "sm", ...i }) => {
-  const t = p(d);
-  return o = (t == null ? void 0 : t.size) ?? o, /* @__PURE__ */ n(
+), w = ({ label: r, className: o, size: e = "sm", ...i }) => {
+  const t = p(l);
+  return e = (t == null ? void 0 : t.size) ?? e, /* @__PURE__ */ n(
     b,
     {
       ...i,
       className: (s) => a(
-        "flex items-center gap-2",
+        // `relative` keeps React Aria's hidden input inside the label, so focusing it never scrolls the page.
+        "relative flex items-center gap-2",
         s.isDisabled && "cursor-not-allowed",
-        typeof e == "function" ? e(s) : e
+        typeof o == "function" ? o(s) : o
       ),
-      children: ({ isSelected: s, isDisabled: l, isFocusVisible: m }) => /* @__PURE__ */ c(u, { children: [
+      children: ({ isSelected: s, isDisabled: d, isFocusVisible: m }) => /* @__PURE__ */ c(u, { children: [
         /* @__PURE__ */ n(
           x,
           {
-            size: o,
+            size: e,
             isSelected: s,
-            isDisabled: l,
+            isDisabled: d,
             isFocusVisible: m
           }
         ),
@@ -56,8 +57,8 @@ const d = f(null), x = ({
       ] })
     }
   );
-}, G = ({ children: r, className: e, size: o = "sm", ...i }) => /* @__PURE__ */ n(d.Provider, { value: { size: o }, children: /* @__PURE__ */ n(g, { ...i, className: a("flex flex-col gap-4", e), children: r }) });
+}, G = ({ children: r, className: o, size: e = "sm", ...i }) => /* @__PURE__ */ n(l.Provider, { value: { size: e }, children: /* @__PURE__ */ n(g, { ...i, className: a("flex flex-col gap-4", o), children: r }) });
 export {
-  v as RadioButton,
+  w as RadioButton,
   G as RadioGroup
 };

package/dist/patterns/table-component/TableComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/TableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,YAAY,EAKjB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAqEf,OAAO,KAAK,EAIV,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA8VjB,iBAAS,mBAAmB,CAAC,KAAK,SAAS,MAAM,EAC/C,EACE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,IAAW,EACX,OAAe,EACf,eAA2C,EAC3C,UAA4B,EAC5B,WAAmB,EACnB,gBAAwB,EACxB,SAAiB,EACjB,IAAI,EACJ,YAAoB,EACpB,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,UAAU,EACV,UAAU,EACV,OAAO,EACP,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EAAE,2BAA2B,EAC9C,wBAA6B,EAC7B,yBAAyB,EACzB,aAAqB,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAmB,EACnB,eAAe,EACf,gBAAgB,EAAE,0BAA0B,EAC5C,uBAA4B,EAC5B,wBAAwB,EACxB,WAAW,EAAE,qBAAqB,EAClC,kBAAuB,EACvB,mBAAmB,EACnB,mBAA2B,EAC3B,kBAA0B,EAC1B,YAAiB,EACjB,oBAAoB,EACpB,aAAsB,EACtB,YAAY,EAAE,sBAAsB,EACpC,mBAAwB,EACxB,oBAAoB,EACpB,QAAQ,EAAE,kBAAkB,EAC5B,eAAoB,EACpB,gBAAgB,EAChB,aAA0B,EAC1B,eAAe,EACf,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAC7B,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CAqjDlC;AAED,eAAO,MAAM,cAAc,EAAsC,CAC/D,KAAK,SAAS,MAAM,EAEpB,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KAC9D,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE5C,eAAe,cAAc,CAAC"}
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/TableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,YAAY,EAKjB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAqEf,OAAO,KAAK,EAIV,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA8VjB,iBAAS,mBAAmB,CAAC,KAAK,SAAS,MAAM,EAC/C,EACE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,IAAW,EACX,OAAe,EACf,eAA2C,EAC3C,UAA4B,EAC5B,WAAmB,EACnB,gBAAwB,EACxB,SAAiB,EACjB,IAAI,EACJ,YAAoB,EACpB,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,UAAU,EACV,UAAU,EACV,OAAO,EACP,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EAAE,2BAA2B,EAC9C,wBAA6B,EAC7B,yBAAyB,EACzB,aAAqB,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAmB,EACnB,eAAe,EACf,gBAAgB,EAAE,0BAA0B,EAC5C,uBAA4B,EAC5B,wBAAwB,EACxB,WAAW,EAAE,qBAAqB,EAClC,kBAAuB,EACvB,mBAAmB,EACnB,mBAA2B,EAC3B,kBAA0B,EAC1B,YAAiB,EACjB,oBAAoB,EACpB,aAAsB,EACtB,YAAY,EAAE,sBAAsB,EACpC,mBAAwB,EACxB,oBAAoB,EACpB,QAAQ,EAAE,kBAAkB,EAC5B,eAAoB,EACpB,gBAAgB,EAChB,aAA0B,EAC1B,eAAe,EACf,qBAAqB,EACrB,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAC7B,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CA4iDlC;AAED,eAAO,MAAM,cAAc,EAAsC,CAC/D,KAAK,SAAS,MAAM,EAEpB,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KAC9D,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE5C,eAAe,cAAc,CAAC"}

package/dist/patterns/table-component/TableComponent.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as x, Fragment as Bt } from "react/jsx-runtime";
 import { forwardRef as jt, useCallback as f, useMemo as M, useRef as S, useState as K, useLayoutEffect as Pt, useSyncExternalStore as or, useEffect as ir, Fragment as sr, useImperativeHandle as lr } from "react";
 import { createPortal as nt } from "react-dom";
 import { functionalUpdate as Yt, useTable as ar } from "@tanstack/react-table";
-import { ArrowDown as cr, ChevronSelectorVertical as dr, ChevronRight as Wt } from "@untitledui/icons";
+import { ArrowDown as dr, ChevronSelectorVertical as cr, ChevronRight as Wt } from "@untitledui/icons";
 import { Checkbox as Ot } from "../../primitives/checkbox/checkbox.js";
 import { ShimmerLine as ur } from "../../primitives/shimmer/shimmer.js";
 import { cn as w } from "../../utils/cn.js";
@@ -13,12 +13,12 @@ import { GridNavProvider as br } from "../table/useGridKeyboardNavigation.js";
 import { ROW_DRAG_SOURCE_STYLE as wr, ROW_SOURCE_INDEX_ATTR as xr, ROW_REORDER_ATTR as yr, FloatingRowPreview as vr, DropIndicatorLine as Cr } from "../table/rowReorderDrag.js";
 import { buildTableComponentColumns as Sr } from "./buildTableColumns.js";
 import { resolveColumnDropTarget as Ir, getRenderedColumnPreviewValues as Er, previewCellValue as Lr, getColumnDragViewport as Rr, COLUMN_REORDER_PARENT_ATTR as Nr, COLUMN_REORDER_ID_ATTR as Tr, getColumnDragScrollDelta as Dr, COLUMN_DRAG_THRESHOLD_PX as Mt } from "./columnReorderDrag.js";
-import { HEADER_PADDING_CLASS as _r, ROW_HEIGHT_CLASS as kt, CELL_PADDING_CLASS as At } from "./rowMetrics.js";
+import { HEADER_PADDING_CLASS as _r, ROW_HEIGHT_CLASS as At, CELL_PADDING_CLASS as kt } from "./rowMetrics.js";
 import { tableComponentFeatures as zr } from "./tableFeatures.js";
 import { TableZoomControl as Pr } from "../table/TableZoomControl.js";
 import { useFitTableToViewport as Wr } from "../table/useFitTableToViewport.js";
 import { useTableZoomState as Or } from "../table/useTableZoomState.js";
-import { DEFAULT_TABLE_ZOOM_MIN as Mr, parsePxValue as De, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as Qe, supportsCssZoom as kr, computeFillBaseWidth as Ar, computeEffectiveTableWidth as Fr, computeFlexColumnWidth as Vr, getTableZoomFontSize as $r, computeNeedsHorizontalScroll as Hr, DEFAULT_COLUMN_MAX_WIDTH as Xr } from "../table/tableZoomLayout.js";
+import { DEFAULT_TABLE_ZOOM_MIN as Mr, parsePxValue as De, DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH as Qe, supportsCssZoom as Ar, computeFillBaseWidth as kr, computeEffectiveTableWidth as Fr, computeFlexColumnWidth as Vr, getTableZoomFontSize as $r, computeNeedsHorizontalScroll as Hr, DEFAULT_COLUMN_MAX_WIDTH as Xr } from "../table/tableZoomLayout.js";
 const Ur = 5, Br = 120, jr = 800, Yr = ({ preview: o }) => nt(
   /* @__PURE__ */ x(
     "div",
@@ -70,8 +70,8 @@ const Ur = 5, Br = 120, jr = 800, Yr = ({ preview: o }) => nt(
       u,
       () => ({
         show: (g, E) => {
-          const h = I.current, A = y.current;
-          !h || !A || (h.style.display = "", h.style.left = `${g.lineLeft}px`, h.style.top = `${g.top}px`, h.style.height = `${g.height}px`, h.style.opacity = E ? "1" : "0.7", A.style.display = E ? "" : "none", A.style.left = `${g.columnLeft}px`, A.style.top = `${g.top}px`, A.style.height = `${g.height}px`);
+          const h = I.current, k = y.current;
+          !h || !k || (h.style.display = "", h.style.left = `${g.lineLeft}px`, h.style.top = `${g.top}px`, h.style.height = `${g.height}px`, h.style.opacity = E ? "1" : "0.7", k.style.display = E ? "" : "none", k.style.left = `${g.columnLeft}px`, k.style.top = `${g.top}px`, k.style.height = `${g.height}px`);
         },
         hide: () => {
           I.current && (I.current.style.display = "none"), y.current && (y.current.style.display = "none");
@@ -108,7 +108,7 @@ const Ur = 5, Br = 120, jr = 800, Yr = ({ preview: o }) => nt(
   },
   () => !0,
   () => !1
-), qr = kr(), Jr = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" : "text-left", Ft = (o) => o === "center" ? "justify-center" : o === "right" ? "justify-end" : "justify-start", Te = (o, l) => {
+), qr = Ar(), Jr = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" : "text-left", Ft = (o) => o === "center" ? "justify-center" : o === "right" ? "justify-end" : "justify-start", Te = (o, l) => {
   const u = o.__sourceIndex;
   return typeof u == "number" ? u : Number.isFinite(l) ? l : null;
 }, Vt = (o) => o instanceof HTMLElement && !!o.closest(
@@ -116,7 +116,7 @@ const Ur = 5, Br = 120, jr = 800, Yr = ({ preview: o }) => nt(
 ), ne = (o, l, u) => {
   const [y, I] = K(l), g = o ?? y, E = S(g), h = S(u);
   E.current = g, h.current = u;
-  const A = f(
+  const k = f(
     (_) => {
       var z;
       const V = Yt(_, E.current);
@@ -124,7 +124,7 @@ const Ur = 5, Br = 120, jr = 800, Yr = ({ preview: o }) => nt(
     },
     [o]
   );
-  return [g, A];
+  return [g, k];
 }, $t = (o, l) => {
   if (!o) return;
   const u = o.sticky ? {
@@ -175,7 +175,7 @@ function to({
   size: g = "xs",
   loading: E = !1,
   loadingRowCount: h = Ur,
-  emptyState: A = "No data found",
+  emptyState: k = "No data found",
   showBorders: _ = !1,
   removeRowBorders: V = !1,
   fillWidth: z = !1,
@@ -202,8 +202,8 @@ function to({
   defaultSorting: sn = [],
   onSortingChange: ln,
   columnVisibility: an,
-  defaultColumnVisibility: cn = {},
-  onColumnVisibilityChange: dn,
+  defaultColumnVisibility: dn = {},
+  onColumnVisibilityChange: cn,
   columnOrder: un,
   defaultColumnOrder: mn = [],
   onColumnOrderChange: pn,
@@ -219,9 +219,9 @@ function to({
   defaultExpanded: yn = {},
   onExpandedChange: vn,
   expansionMode: Me = "multiple",
-  getRowCanExpand: ke,
+  getRowCanExpand: Ae,
   renderExpandedContent: fe,
-  onCellClick: Ae,
+  onCellClick: ke,
   onCellDoubleClick: Fe,
   onCellActivate: Z,
   cellSelection: ge,
@@ -240,8 +240,8 @@ function to({
     ln
   ), [Dn, _n] = ne(
     an,
-    cn,
-    dn
+    dn,
+    cn
   ), [zn, Ve] = ne(
     un,
     mn,
@@ -259,7 +259,7 @@ function to({
     Me,
     void 0,
     $e
-  ), kn = f(
+  ), An = f(
     (t) => {
       at(
         (e) => Ut(
@@ -271,18 +271,18 @@ function to({
       );
     },
     [Me, $e, at]
-  ), [ct, dt] = ne(
+  ), [dt, ct] = ne(
     tn,
     nn,
     rn
   ), He = M(
-    () => new Set(ct),
-    [ct]
-  ), An = f(
-    (t) => dt(
+    () => new Set(dt),
+    [dt]
+  ), kn = f(
+    (t) => ct(
       (e) => e.includes(t) ? e.filter((r) => r !== t) : [...e, t]
     ),
-    [dt]
+    [ct]
   ), F = S(null), [ae, ut] = K(null), Fn = Wr({
     containerRef: F,
     zoomConfig: $,
@@ -312,8 +312,8 @@ function to({
       const a = Xt(oe, i.id);
       return a === void 0 ? void 0 : et(i, a, le);
     }, e = l.reduce((i, a) => {
-      const d = t(a);
-      return d !== void 0 ? i + d : tt(a) ? i + De(a.maxWidth) : i;
+      const c = t(a);
+      return c !== void 0 ? i + c : tt(a) ? i + De(a.maxWidth) : i;
     }, 0), r = l.filter(
       (i) => t(i) === void 0 && !tt(i)
     );
@@ -325,7 +325,7 @@ function to({
       0
     ) + e, fixedTotal: e, flexibleCount: r.length };
   }, [z, l, oe, R, le]), Xe = M(
-    () => N ? Ar(ae, N.minTableWidth) : null,
+    () => N ? kr(ae, N.minTableWidth) : null,
     [ae, N]
   ), Ue = Hr(
     Xe,
@@ -355,7 +355,7 @@ function to({
       width: `${mt}px`,
       minWidth: t.minWidth ?? (R ? Qe : `${_e}px`)
     };
-  }, ce = M(
+  }, de = M(
     () => new Map(l.map((t) => [t.id, t])),
     [l]
   ), Vn = M(
@@ -370,7 +370,7 @@ function to({
     enableCellSpanning: !0,
     enableRowSelection: pe !== "none",
     enableMultiRowSelection: pe === "multiple",
-    getRowCanExpand: ke && fe ? (t) => ke(t.original) : () => !1,
+    getRowCanExpand: Ae && fe ? (t) => Ae(t.original) : () => !1,
     state: {
       sorting: Nn,
       columnVisibility: Dn,
@@ -382,12 +382,12 @@ function to({
     onColumnVisibilityChange: _n,
     onColumnOrderChange: Ve,
     onRowSelectionChange: Wn,
-    onExpandedChange: kn
-  }), [Be, pt] = K(null), [ft, gt] = K(null), [ht, je] = K(null), X = S(null), de = S(null), B = S(0), Ye = fn && l.length > 1, ye = gn && !!me, T = S(null), j = S(null), bt = S(oe);
+    onExpandedChange: An
+  }), [Be, pt] = K(null), [ft, gt] = K(null), [ht, je] = K(null), X = S(null), ce = S(null), B = S(0), Ye = fn && l.length > 1, ye = gn && !!me, T = S(null), j = S(null), bt = S(oe);
   bt.current = oe;
-  const [wt, xt] = K(null), G = S(null), k = S(null), $n = Gr(), Y = C.getRowModel().rows, q = f(() => {
+  const [wt, xt] = K(null), G = S(null), A = S(null), $n = Gr(), Y = C.getRowModel().rows, q = f(() => {
     var t;
-    (t = de.current) == null || t.call(de), de.current = null, B.current && (cancelAnimationFrame(B.current), B.current = 0);
+    (t = ce.current) == null || t.call(ce), ce.current = null, B.current && (cancelAnimationFrame(B.current), B.current = 0);
   }, []), yt = f(() => {
     X.current = null, pt(null), gt(null), je(null);
   }, []), vt = f(
@@ -395,14 +395,14 @@ function to({
       if (t === e) return;
       const n = C.getAllLeafColumns().map((p) => p.id), i = n.indexOf(t), a = n.indexOf(e);
       if (i < 0 || a < 0) return;
-      const d = n.filter(
+      const c = n.filter(
         (p) => p !== t
-      ), P = d.indexOf(e);
-      d.splice(
+      ), P = c.indexOf(e);
+      c.splice(
         P + (r === "after" ? 1 : 0),
         0,
         t
-      ), Ve(d);
+      ), Ve(c);
     },
     [Ve, C]
   ), ve = f(
@@ -452,7 +452,7 @@ function to({
   ir(
     () => () => {
       var t, e;
-      q(), (t = T.current) == null || t.call(T), T.current = null, (e = k.current) == null || e.call(k), k.current = null, j.current = null, X.current = null;
+      q(), (t = T.current) == null || t.call(T), T.current = null, (e = A.current) == null || e.call(A), A.current = null, j.current = null, X.current = null;
     },
     [q]
   );
@@ -488,15 +488,15 @@ function to({
     t && ((e = G.current) == null || e.show(t, !0));
   }, [Et, J]), D = f(() => {
     var t, e;
-    (t = k.current) == null || t.call(k), k.current = null, (e = G.current) == null || e.hide();
+    (t = A.current) == null || t.call(A), A.current = null, (e = G.current) == null || e.hide();
   }, []), Lt = f(
     (t) => {
       var n;
       if (j.current) return;
       const e = It(t);
-      if (!e || ((n = G.current) == null || n.show(e, !1), k.current)) return;
+      if (!e || ((n = G.current) == null || n.show(e, !1), A.current)) return;
       const r = { capture: !0, passive: !0 };
-      window.addEventListener("scroll", D, r), window.addEventListener("wheel", D, r), window.addEventListener("touchmove", D, r), window.addEventListener("resize", D), k.current = () => {
+      window.addEventListener("scroll", D, r), window.addEventListener("wheel", D, r), window.addEventListener("touchmove", D, r), window.addEventListener("resize", D), A.current = () => {
         window.removeEventListener("scroll", D, r), window.removeEventListener("wheel", D, r), window.removeEventListener("touchmove", D, r), window.removeEventListener("resize", D);
       };
     },
@@ -513,18 +513,18 @@ function to({
       e.preventDefault(), e.stopPropagation(), (Ne = T.current) == null || Ne.call(T);
       const r = e.currentTarget.closest("th");
       if (!r) return;
-      const n = ce.get(t), i = r.getBoundingClientRect().width / H, a = e.clientX, d = e.pointerId, P = document.body.style.cursor, p = document.body.style.userSelect;
+      const n = de.get(t), i = r.getBoundingClientRect().width / H, a = e.clientX, c = e.pointerId, P = document.body.style.cursor, p = document.body.style.userSelect;
       document.body.style.userSelect = "none";
       const m = document.createElement("style");
       m.textContent = "*, *::before, *::after { cursor: col-resize !important; }", document.head.appendChild(m), D(), j.current = r, xt(t);
-      const c = J(r);
-      c && ((zt = G.current) == null || zt.show(c, !0));
+      const d = J(r);
+      d && ((zt = G.current) == null || zt.show(d, !0));
       let b = null;
       const W = () => {
         var U, te;
         (U = T.current) == null || U.call(T), T.current = null, j.current = null, xt(null), (te = G.current) == null || te.hide();
       }, O = (U) => {
-        if (U.pointerId !== d) return;
+        if (U.pointerId !== c) return;
         U.preventDefault();
         const te = et(
           n,
@@ -533,7 +533,7 @@ function to({
         );
         te !== b && (b = te, me({ ...bt.current, [t]: te }));
       }, v = (U) => {
-        U.pointerId === d && W();
+        U.pointerId === c && W();
       };
       window.addEventListener("pointermove", O), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), window.addEventListener("scroll", Se, !0), window.addEventListener("blur", W), T.current = () => {
         window.removeEventListener("pointermove", O), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v), window.removeEventListener("scroll", Se, !0), window.removeEventListener("blur", W), m.remove(), document.body.style.cursor = P, document.body.style.userSelect = p;
@@ -541,7 +541,7 @@ function to({
     },
     [
       ye,
-      ce,
+      de,
       D,
       J,
       me,
@@ -582,12 +582,12 @@ function to({
             }
             const a = (m) => {
               var W;
-              const c = X.current;
-              if (!c || c.pointerId !== m.pointerId) return;
-              c.currentX = m.clientX, c.currentY = m.clientY;
-              const b = Math.abs(m.clientX - c.startX) > Mt || Math.abs(m.clientY - c.startY) > Mt;
-              if (!(!c.started && !b)) {
-                if (m.preventDefault(), c.started)
+              const d = X.current;
+              if (!d || d.pointerId !== m.pointerId) return;
+              d.currentX = m.clientX, d.currentY = m.clientY;
+              const b = Math.abs(m.clientX - d.startX) > Mt || Math.abs(m.clientY - d.startY) > Mt;
+              if (!(!d.started && !b)) {
+                if (m.preventDefault(), d.started)
                   je(
                     (O) => O && {
                       ...O,
@@ -596,34 +596,34 @@ function to({
                     }
                   );
                 else {
-                  c.started = !0;
-                  const O = ((W = c.tableViewport) == null ? void 0 : W.height) || c.bounds.height || 36, v = c.bounds.height || 36, Ne = Math.max(
+                  d.started = !0;
+                  const O = ((W = d.tableViewport) == null ? void 0 : W.height) || d.bounds.height || 36, v = d.bounds.height || 36, Ne = Math.max(
                     1,
                     Math.ceil(
                       (O - v) / v
                     )
                   );
-                  pt(c.columnId), je({
-                    columnId: c.columnId,
-                    label: c.label,
-                    values: St(c.columnId, Ne),
+                  pt(d.columnId), je({
+                    columnId: d.columnId,
+                    label: d.label,
+                    values: St(d.columnId, Ne),
                     left: m.clientX,
                     top: m.clientY,
-                    width: c.bounds.width,
+                    width: d.bounds.width,
                     height: O
                   }), Ct();
                 }
-                ve(m.clientX, m.clientY, c);
+                ve(m.clientX, m.clientY, d);
               }
-            }, d = (m) => {
-              const c = X.current;
-              !c || c.pointerId !== m.pointerId || Ce(!0);
+            }, c = (m) => {
+              const d = X.current;
+              !d || d.pointerId !== m.pointerId || Ce(!0);
             }, P = (m) => {
-              const c = X.current;
-              !c || c.pointerId !== m.pointerId || Ce(!1);
+              const d = X.current;
+              !d || d.pointerId !== m.pointerId || Ce(!1);
             }, p = () => Ce(!1);
-            window.addEventListener("pointermove", a), window.addEventListener("pointerup", d), window.addEventListener("pointercancel", P), window.addEventListener("blur", p), de.current = () => {
-              window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", P), window.removeEventListener("blur", p);
+            window.addEventListener("pointermove", a), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", P), window.addEventListener("blur", p), ce.current = () => {
+              window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", P), window.removeEventListener("blur", p);
             };
           }
         };
@@ -636,7 +636,7 @@ function to({
       St,
       Ct
     ]
-  ), Ie = pe !== "none", Un = !!(ke && fe), Bn = Ie ? 1 : 0, jn = C.getVisibleLeafColumns().length, Ee = Math.max(
+  ), Ie = pe !== "none", Un = !!(Ae && fe), Bn = Ie ? 1 : 0, jn = C.getVisibleLeafColumns().length, Ee = Math.max(
     jn + Bn,
     1
   ), Yn = Math.max(C.getHeaderGroups().length, 1), Ke = R && $ ? /* @__PURE__ */ s(
@@ -758,7 +758,7 @@ function to({
       e.has(n.id) || r.push({ kind: "row", row: n });
     return r;
   }, [re, Y, He]), rr = (t) => {
-    const e = He.has(t.id), r = () => An(t.id);
+    const e = He.has(t.id), r = () => kn(t.id);
     return /* @__PURE__ */ s("tr", { className: "bg-secondary_subtle", children: /* @__PURE__ */ s(
       "td",
       {
@@ -854,8 +854,9 @@ function to({
                             children: /* @__PURE__ */ s(
                               Ot,
                               {
-                                checked: C.getIsAllRowsSelected() ? !0 : C.getIsSomeRowsSelected() ? "indeterminate" : !1,
-                                onCheckedChange: (r) => C.toggleAllRowsSelected(r === !0),
+                                isSelected: C.getIsAllRowsSelected(),
+                                isIndeterminate: C.getIsSomeRowsSelected(),
+                                onChange: (r) => C.toggleAllRowsSelected(r),
                                 "aria-label": "Select all rows",
                                 className: "items-center justify-center"
                               }
@@ -865,9 +866,9 @@ function to({
                       }
                     ) : null,
                     t.headers.map((r) => {
-                      var c;
+                      var d;
                       if (r.rowSpan === 0) return null;
-                      const n = ce.get(r.column.id), i = r.column.getIsSorted(), a = it && !r.isPlaceholder && r.column.getCanSort(), d = Ye && !r.isPlaceholder && r.subHeaders.length === 0, P = ye && !r.isPlaceholder && r.subHeaders.length === 0 && !(n != null && n.sticky) && !(n != null && n.width), p = n != null && n.renderHeader ? n.renderHeader({
+                      const n = de.get(r.column.id), i = r.column.getIsSorted(), a = it && !r.isPlaceholder && r.column.getCanSort(), c = Ye && !r.isPlaceholder && r.subHeaders.length === 0, P = ye && !r.isPlaceholder && r.subHeaders.length === 0 && !(n != null && n.sticky) && !(n != null && n.width), p = n != null && n.renderHeader ? n.renderHeader({
                         columnId: n.id,
                         label: n.header
                       }) : r.isPlaceholder ? null : C.FlexRender({ header: r }), m = a && !(n != null && n.renderHeader);
@@ -879,16 +880,16 @@ function to({
                           scope: r.colSpan > 1 ? "colgroup" : "col",
                           "aria-sort": i === "asc" ? "ascending" : i === "desc" ? "descending" : void 0,
                           style: xe(n, !0),
-                          ...d ? Xn(
+                          ...c ? Xn(
                             r.column.id,
-                            ((c = r.column.parent) == null ? void 0 : c.id) ?? "",
+                            ((d = r.column.parent) == null ? void 0 : d.id) ?? "",
                             p
                           ) : void 0,
                           className: w(
                             "relative overflow-hidden p-0 outline-hidden focus-within:z-1 focus-within:ring-2 focus-within:ring-focus-ring focus-within:ring-inset",
                             _r[g],
                             _ && "border-r border-secondary last:border-r-0",
-                            d && "cursor-grab touch-none select-none active:cursor-grabbing",
+                            c && "cursor-grab touch-none select-none active:cursor-grabbing",
                             wt === r.column.id && "select-none",
                             Be === r.column.id && "opacity-40 blur-[1.5px]",
                             n == null ? void 0 : n.headerClassName
@@ -907,7 +908,7 @@ function to({
                                 children: [
                                   /* @__PURE__ */ s("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-secondary", children: p }),
                                   i ? /* @__PURE__ */ s(
-                                    cr,
+                                    dr,
                                     {
                                       className: w(
                                         "size-3 shrink-0 stroke-[3px] text-fg-quaternary",
@@ -915,7 +916,7 @@ function to({
                                       )
                                     }
                                   ) : /* @__PURE__ */ s(
-                                    dr,
+                                    cr,
                                     {
                                       size: 12,
                                       strokeWidth: 3,
@@ -970,7 +971,7 @@ function to({
                 E ? Array.from({ length: h }, (t, e) => /* @__PURE__ */ x(
                   "tr",
                   {
-                    className: kt[g],
+                    className: At[g],
                     "aria-hidden": "true",
                     children: [
                       Ie ? /* @__PURE__ */ s(
@@ -984,14 +985,14 @@ function to({
                         }
                       ) : null,
                       C.getVisibleLeafColumns().map((r) => {
-                        const n = ce.get(r.id);
+                        const n = de.get(r.id);
                         return /* @__PURE__ */ s(
                           "td",
                           {
                             style: xe(n, !1),
                             className: w(
                               "relative overflow-hidden text-secondary",
-                              At[g],
+                              kt[g],
                               _ && "border-r border-secondary last:border-r-0",
                               !V && "border-b border-tertiary",
                               Be === r.id && "opacity-40 blur-[1.5px]",
@@ -1017,7 +1018,7 @@ function to({
                   {
                     colSpan: Ee,
                     className: "border-b border-secondary px-3 py-3 text-left text-xs text-placeholder_subtle",
-                    children: A
+                    children: k
                   }
                 ) }) : nr.map((t) => {
                   var a;
@@ -1040,13 +1041,13 @@ function to({
                           // `focus-within` also fires for anything inside it, so an open cell
                           // editor outlined the entire row.
                           "relative outline-focus-ring transition-colors hover:bg-secondary_subtle focus-visible:outline-2 focus-visible:-outline-offset-2",
-                          kt[g],
+                          At[g],
                           e.getIsSelected() && "bg-secondary",
                           Pe && "cursor-pointer",
                           ze == null ? void 0 : ze(e.original)
                         ),
-                        onClick: (d) => {
-                          !Pe || Vt(d.target) || Pe(e.original);
+                        onClick: (c) => {
+                          !Pe || Vt(c.target) || Pe(e.original);
                         },
                         onMouseEnter: ue ? () => ue(e.original, !0) : void 0,
                         onMouseLeave: ue ? () => ue(e.original, !1) : void 0,
@@ -1065,13 +1066,13 @@ function to({
                                 "div",
                                 {
                                   className: "flex items-center justify-center",
-                                  onClick: (d) => d.stopPropagation(),
-                                  onKeyDown: (d) => d.stopPropagation(),
+                                  onClick: (c) => c.stopPropagation(),
+                                  onKeyDown: (c) => c.stopPropagation(),
                                   children: /* @__PURE__ */ s(
                                     Ot,
                                     {
-                                      checked: e.getIsSelected(),
-                                      onCheckedChange: (d) => e.toggleSelected(d === !0),
+                                      isSelected: e.getIsSelected(),
+                                      onChange: (c) => e.toggleSelected(c),
                                       "aria-label": `Select row ${e.id}`,
                                       className: "items-center justify-center"
                                     }
@@ -1080,15 +1081,15 @@ function to({
                               )
                             }
                           ) : null,
-                          i.map((d, P) => {
-                            if (d.getIsCovered()) return null;
-                            const p = ce.get(d.column.id);
+                          i.map((c, P) => {
+                            if (c.getIsCovered()) return null;
+                            const p = de.get(c.column.id);
                             if (!p) return null;
                             const m = tr(
                               e,
                               p.id,
-                              d.getValue()
-                            ), c = p.renderCell ? p.renderCell(m) : String(d.getValue() ?? ""), b = ee ? pr(
+                              c.getValue()
+                            ), d = p.renderCell ? p.renderCell(m) : String(c.getValue() ?? ""), b = ee ? pr(
                               ge,
                               e.id,
                               p.id,
@@ -1098,8 +1099,8 @@ function to({
                             return /* @__PURE__ */ s(
                               "td",
                               {
-                                colSpan: d.getColSpan(),
-                                rowSpan: d.getRowSpan(),
+                                colSpan: c.getColSpan(),
+                                rowSpan: c.getRowSpan(),
                                 style: W && b ? {
                                   ...xe(p, !1),
                                   boxShadow: fr(
@@ -1122,7 +1123,7 @@ function to({
                                   // multi-line value has to be visible, and the row only grows
                                   // around content the cell is allowed to show.
                                   O ? "z-1 overflow-visible" : "overflow-hidden",
-                                  At[g],
+                                  kt[g],
                                   Jr(p.align),
                                   _ && "border-r border-secondary last:border-r-0",
                                   !V && !n && !W && "border-b border-tertiary",
@@ -1132,7 +1133,7 @@ function to({
                                   Be === p.id && "opacity-40 blur-[1.5px]"
                                 ),
                                 onClick: (v) => {
-                                  Ae == null || Ae(m), P === 0 && r && Vt(v.target) && v.stopPropagation();
+                                  ke == null || ke(m), P === 0 && r && Vt(v.target) && v.stopPropagation();
                                 },
                                 onDoubleClick: () => Fe == null ? void 0 : Fe(m),
                                 onKeyDown: (v) => {
@@ -1156,10 +1157,10 @@ function to({
                                       children: /* @__PURE__ */ s(Wt, { className: "size-4 text-fg-quaternary" })
                                     }
                                   ) : null,
-                                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: c })
+                                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: d })
                                 ] })
                               },
-                              d.id
+                              c.id
                             );
                           })
                         ]