@vashu96/ui 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsxs as y, jsx as d, Fragment as et } from "react/jsx-runtime";
+import { jsxs as b, jsx as d, Fragment as et } from "react/jsx-runtime";
 import * as Fe from "react";
-import { forwardRef as _, useRef as L, useCallback as V, createContext as se, useEffect as P, useContext as le, useState as k, useMemo as Ue, useLayoutEffect as It, useId as Pt } from "react";
+import { forwardRef as _, useRef as L, useCallback as V, createContext as se, useEffect as P, useContext as le, useState as N, useMemo as Ue, useLayoutEffect as $t, useId as Pt } from "react";
 import { createPortal as J } from "react-dom";
 function tt(e) {
   var n, t, r = "";
@@ -163,11 +163,11 @@ function Ht(e) {
       }
       f === "[" ? a++ : f === "]" && a--;
     }
-    var u = l.length === 0 ? s : s.substring(c), m = u.startsWith(ot), p = m ? u.substring(1) : u, C = g && g > c ? g - c : void 0;
+    var u = l.length === 0 ? s : s.substring(c), p = u.startsWith(ot), m = p ? u.substring(1) : u, C = g && g > c ? g - c : void 0;
     return {
       modifiers: l,
-      hasImportantModifier: m,
-      baseClassName: p,
+      hasImportantModifier: p,
+      baseClassName: m,
       maybePostfixModifierPosition: C
     };
   };
@@ -206,10 +206,10 @@ function Wt(e, n) {
         };
       u = !1;
     }
-    var m = Bt(a).join(":"), p = c ? m + ot : m;
+    var p = Bt(a).join(":"), m = c ? p + ot : p;
     return {
       isTailwindClass: !0,
-      modifierId: p,
+      modifierId: m,
       classGroupId: f,
       originalClassName: s,
       hasPostfixModifier: u
@@ -230,8 +230,8 @@ function qt() {
     n[t] = arguments[t];
   var r, o, i, s = l;
   function l(c) {
-    var g = n[0], h = n.slice(1), f = h.reduce(function(u, m) {
-      return m(u);
+    var g = n[0], h = n.slice(1), f = h.reduce(function(u, p) {
+      return p(u);
     }, g());
     return r = Ot(f), o = r.cache.get, i = r.cache.set, s = a, a(c);
   }
@@ -246,7 +246,7 @@ function qt() {
     return s(Lt.apply(null, arguments));
   };
 }
-function $(e) {
+function k(e) {
   var n = function(r) {
     return r[e] || [];
   };
@@ -312,13 +312,13 @@ function sn(e) {
   return Yt.test(e);
 }
 function ln() {
-  var e = $("colors"), n = $("spacing"), t = $("blur"), r = $("brightness"), o = $("borderColor"), i = $("borderRadius"), s = $("borderSpacing"), l = $("borderWidth"), a = $("contrast"), c = $("grayscale"), g = $("hueRotate"), h = $("invert"), f = $("gap"), u = $("gradientColorStops"), m = $("gradientColorStopPositions"), p = $("inset"), C = $("margin"), S = $("opacity"), v = $("padding"), b = $("saturate"), N = $("scale"), M = $("sepia"), E = $("skew"), O = $("space"), G = $("translate"), j = function() {
+  var e = k("colors"), n = k("spacing"), t = k("blur"), r = k("brightness"), o = k("borderColor"), i = k("borderRadius"), s = k("borderSpacing"), l = k("borderWidth"), a = k("contrast"), c = k("grayscale"), g = k("hueRotate"), h = k("invert"), f = k("gap"), u = k("gradientColorStops"), p = k("gradientColorStopPositions"), m = k("inset"), C = k("margin"), S = k("opacity"), v = k("padding"), y = k("saturate"), I = k("scale"), M = k("sepia"), E = k("skew"), O = k("space"), G = k("translate"), j = function() {
     return ["auto", "contain", "none"];
   }, X = function() {
     return ["auto", "hidden", "clip", "visible", "scroll"];
   }, W = function() {
     return ["auto", F, n];
-  }, I = function() {
+  }, $ = function() {
     return [F, n];
   }, Oe = function() {
     return ["", T];
@@ -350,25 +350,25 @@ function ln() {
       brightness: te(),
       borderColor: [e],
       borderRadius: ["none", "", "full", q, F],
-      borderSpacing: I(),
+      borderSpacing: $(),
       borderWidth: Oe(),
       contrast: te(),
       grayscale: ee(),
       hueRotate: ce(),
       invert: ee(),
-      gap: I(),
+      gap: $(),
       gradientColorStops: [e],
       gradientColorStopPositions: [tn, Ne],
       inset: W(),
       margin: W(),
       opacity: te(),
-      padding: I(),
+      padding: $(),
       saturate: te(),
       scale: te(),
       sepia: ee(),
       skew: ce(),
-      space: I(),
-      translate: I()
+      space: $(),
+      translate: $()
     },
     classGroups: {
       // Layout
@@ -516,63 +516,63 @@ function ln() {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [p]
+        inset: [m]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [p]
+        "inset-x": [m]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [p]
+        "inset-y": [m]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [p]
+        start: [m]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [p]
+        end: [m]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [p]
+        top: [m]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [p]
+        right: [m]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [p]
+        bottom: [m]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [p]
+        left: [m]
       }],
       /**
        * Visibility
@@ -1185,7 +1185,7 @@ function ln() {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: I()
+        indent: $()
       }],
       /**
        * Vertical Alignment
@@ -1296,21 +1296,21 @@ function ln() {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [m]
+        from: [p]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [m]
+        via: [p]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [m]
+        to: [p]
       }],
       /**
        * Gradient Color Stops From
@@ -1777,7 +1777,7 @@ function ln() {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [b]
+        saturate: [y]
       }],
       /**
        * Sepia
@@ -1848,7 +1848,7 @@ function ln() {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [b]
+        "backdrop-saturate": [y]
       }],
       /**
        * Backdrop Sepia
@@ -1949,21 +1949,21 @@ function ln() {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [N]
+        scale: [I]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [N]
+        "scale-x": [I]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [N]
+        "scale-y": [I]
       }],
       /**
        * Rotate
@@ -2060,126 +2060,126 @@ function ln() {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": I()
+        "scroll-m": $()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": I()
+        "scroll-mx": $()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": I()
+        "scroll-my": $()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": I()
+        "scroll-ms": $()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": I()
+        "scroll-me": $()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": I()
+        "scroll-mt": $()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": I()
+        "scroll-mr": $()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": I()
+        "scroll-mb": $()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": I()
+        "scroll-ml": $()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": I()
+        "scroll-p": $()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": I()
+        "scroll-px": $()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": I()
+        "scroll-py": $()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": I()
+        "scroll-ps": $()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": I()
+        "scroll-pe": $()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": I()
+        "scroll-pt": $()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": I()
+        "scroll-pr": $()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": I()
+        "scroll-pb": $()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": I()
+        "scroll-pl": $()
       }],
       /**
        * Scroll Snap Align
@@ -2327,7 +2327,7 @@ const w = (...e) => an(Vt(e)), un = {
     className: o,
     children: i,
     ...s
-  }, l) => /* @__PURE__ */ y(
+  }, l) => /* @__PURE__ */ b(
     "button",
     {
       ref: l,
@@ -2341,7 +2341,7 @@ const w = (...e) => an(Vt(e)), un = {
       ),
       ...s,
       children: [
-        t && /* @__PURE__ */ y(
+        t && /* @__PURE__ */ b(
           "svg",
           {
             className: "animate-spin -ml-1 mr-2 h-4 w-4",
@@ -2480,7 +2480,7 @@ const Cn = _(
 );
 Cn.displayName = "Separator";
 const lt = _(
-  ({ error: e, className: n, ...t }, r) => /* @__PURE__ */ y("div", { className: "w-full", children: [
+  ({ error: e, className: n, ...t }, r) => /* @__PURE__ */ b("div", { className: "w-full", children: [
     /* @__PURE__ */ d(
       "input",
       {
@@ -2586,23 +2586,23 @@ function fo({
   children: r,
   className: o
 }) {
-  const [i, s] = k(!1), [l, a] = k({ x: 0, y: 0 }), c = L(null), g = L(null), h = V(() => {
+  const [i, s] = N(!1), [l, a] = N({ x: 0, y: 0 }), c = L(null), g = L(null), h = V(() => {
     g.current = setTimeout(() => {
       if (!c.current) return;
-      const p = c.current.getBoundingClientRect(), C = 8;
+      const m = c.current.getBoundingClientRect(), C = 8;
       let S = 0, v = 0;
       switch (n) {
         case "top":
-          S = p.left + p.width / 2, v = p.top - C;
+          S = m.left + m.width / 2, v = m.top - C;
           break;
         case "bottom":
-          S = p.left + p.width / 2, v = p.bottom + C;
+          S = m.left + m.width / 2, v = m.bottom + C;
           break;
         case "left":
-          S = p.left - C, v = p.top + p.height / 2;
+          S = m.left - C, v = m.top + m.height / 2;
           break;
         case "right":
-          S = p.right + C, v = p.top + p.height / 2;
+          S = m.right + C, v = m.top + m.height / 2;
           break;
       }
       a({ x: S, y: v }), s(!0);
@@ -2621,13 +2621,13 @@ function fo({
     bottom: "top center",
     left: "right center",
     right: "left center"
-  }, m = {
+  }, p = {
     top: "translate(-50%, -100%)",
     bottom: "translate(-50%, 0)",
     left: "translate(-100%, -50%)",
     right: "translate(0, -50%)"
   };
-  return /* @__PURE__ */ y(et, { children: [
+  return /* @__PURE__ */ b(et, { children: [
     /* @__PURE__ */ d(
       "span",
       {
@@ -2649,7 +2649,7 @@ function fo({
             position: "fixed",
             left: l.x,
             top: l.y,
-            transform: m[n],
+            transform: p[n],
             transformOrigin: u[n],
             zIndex: 9999
           },
@@ -2668,7 +2668,7 @@ function Ae() {
   return e;
 }
 function po({ children: e }) {
-  const [n, t] = k(!1), r = L(null), o = V(() => t((s) => !s), []), i = V(() => t(!1), []);
+  const [n, t] = N(!1), r = L(null), o = V(() => t((s) => !s), []), i = V(() => t(!1), []);
   return P(() => {
     if (!n) return;
     const s = (l) => {
@@ -2679,7 +2679,7 @@ function po({ children: e }) {
 }
 const Rn = _(({ className: e, children: n, ...t }, r) => {
   const { toggle: o, open: i, triggerRef: s } = Ae();
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ b(
     "button",
     {
       ref: s,
@@ -2725,7 +2725,7 @@ function mo({
   children: t,
   ...r
 }) {
-  const { open: o, close: i, triggerRef: s } = Ae(), l = L(null), [a, c] = k({ top: 0, left: 0, minWidth: 0 });
+  const { open: o, close: i, triggerRef: s } = Ae(), l = L(null), [a, c] = N({ top: 0, left: 0, minWidth: 0 });
   return P(() => {
     if (!o) return;
     const g = (h) => {
@@ -2799,7 +2799,7 @@ const Fn = {
   warning: "alert-warning",
   danger: "alert-danger"
 }, Mn = {
-  info: /* @__PURE__ */ y("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+  info: /* @__PURE__ */ b("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
     /* @__PURE__ */ d("circle", { cx: "9", cy: "9", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
     /* @__PURE__ */ d(
       "path",
@@ -2811,7 +2811,7 @@ const Fn = {
       }
     )
   ] }),
-  success: /* @__PURE__ */ y("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+  success: /* @__PURE__ */ b("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
     /* @__PURE__ */ d("circle", { cx: "9", cy: "9", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
     /* @__PURE__ */ d(
       "path",
@@ -2824,7 +2824,7 @@ const Fn = {
       }
     )
   ] }),
-  warning: /* @__PURE__ */ y("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+  warning: /* @__PURE__ */ b("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
     /* @__PURE__ */ d(
       "path",
       {
@@ -2844,7 +2844,7 @@ const Fn = {
       }
     )
   ] }),
-  danger: /* @__PURE__ */ y("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+  danger: /* @__PURE__ */ b("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
     /* @__PURE__ */ d("circle", { cx: "9", cy: "9", r: "8", stroke: "currentColor", strokeWidth: "1.5" }),
     /* @__PURE__ */ d(
       "path",
@@ -2867,12 +2867,12 @@ const Fn = {
     children: s,
     ...l
   }, a) => {
-    const [c, g] = k(!1);
+    const [c, g] = N(!1);
     if (c) return null;
     const h = () => {
       g(!0), o?.();
     };
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: a,
@@ -2881,7 +2881,7 @@ const Fn = {
         ...l,
         children: [
           /* @__PURE__ */ d("span", { className: "alert-icon", children: t ?? Mn[e] }),
-          /* @__PURE__ */ y("div", { className: "alert-content", children: [
+          /* @__PURE__ */ b("div", { className: "alert-content", children: [
             n && /* @__PURE__ */ d("p", { className: "alert-title", children: n }),
             s && /* @__PURE__ */ d("div", { className: "alert-description", children: s })
           ] }),
@@ -2915,14 +2915,14 @@ function vo() {
   if (!e) throw new Error("useToast must be used within <ToastProvider>");
   return e;
 }
-const kn = {
+const In = {
   info: "toast-info",
   success: "toast-success",
   warning: "toast-warning",
   danger: "toast-danger"
 };
-function $n({ data: e, onDismiss: n }) {
-  const [t, r] = k(!1), [o, i] = k(!1), s = L(0), l = L(Date.now()), a = e.duration ?? 4e3, c = V(() => {
+function kn({ data: e, onDismiss: n }) {
+  const [t, r] = N(!1), [o, i] = N(!1), s = L(0), l = L(Date.now()), a = e.duration ?? 4e3, c = V(() => {
     r(!0), setTimeout(() => n(e.id), 200);
   }, [e.id, n]);
   return P(() => {
@@ -2936,19 +2936,19 @@ function $n({ data: e, onDismiss: n }) {
       s.current += Date.now() - l.current, l.current = Date.now(), s.current >= a && (c(), clearInterval(g));
     }, 50);
     return () => clearInterval(g);
-  }, [a, o, c]), /* @__PURE__ */ y(
+  }, [a, o, c]), /* @__PURE__ */ b(
     "div",
     {
       className: w(
         "toast",
-        kn[e.variant],
+        In[e.variant],
         t ? "toast-exit" : "toast-enter"
       ),
       role: "alert",
       onMouseEnter: () => i(!0),
       onMouseLeave: () => i(!1),
       children: [
-        /* @__PURE__ */ y("div", { className: "toast-body", children: [
+        /* @__PURE__ */ b("div", { className: "toast-body", children: [
           /* @__PURE__ */ d("p", { className: "toast-title", children: e.title }),
           e.description && /* @__PURE__ */ d("p", { className: "toast-description", children: e.description })
         ] }),
@@ -2974,21 +2974,21 @@ function $n({ data: e, onDismiss: n }) {
     }
   );
 }
-let In = 0;
+let $n = 0;
 function wo({ children: e, maxToasts: n = 5 }) {
-  const [t, r] = k([]), o = V(
+  const [t, r] = N([]), o = V(
     (s) => {
-      const l = `toast-${++In}`;
+      const l = `toast-${++$n}`;
       r((a) => [...a.slice(-(n - 1)), { ...s, id: l }]);
     },
     [n]
   ), i = V((s) => {
     r((l) => l.filter((a) => a.id !== s));
   }, []);
-  return /* @__PURE__ */ y(pt.Provider, { value: { toast: o }, children: [
+  return /* @__PURE__ */ b(pt.Provider, { value: { toast: o }, children: [
     e,
     J(
-      /* @__PURE__ */ d("div", { className: "toast-container", "aria-live": "polite", children: t.map((s) => /* @__PURE__ */ d($n, { data: s, onDismiss: i }, s.id)) }),
+      /* @__PURE__ */ d("div", { className: "toast-container", "aria-live": "polite", children: t.map((s) => /* @__PURE__ */ d(kn, { data: s, onDismiss: i }, s.id)) }),
       document.body
     )
   ] });
@@ -3030,10 +3030,10 @@ const Pn = {
   )
 );
 Vn.displayName = "Textarea";
-const ke = _(
+const Ie = _(
   ({ label: e, checked: n, indeterminate: t, className: r, onChange: o, ...i }, s) => {
     const l = L(null), a = s ?? l;
-    return /* @__PURE__ */ y("label", { className: w("checkbox-wrapper", r), children: [
+    return /* @__PURE__ */ b("label", { className: w("checkbox-wrapper", r), children: [
       /* @__PURE__ */ d(
         "input",
         {
@@ -3085,9 +3085,9 @@ const ke = _(
     ] });
   }
 );
-ke.displayName = "Checkbox";
+Ie.displayName = "Checkbox";
 const Ln = _(
-  ({ checked: e, onChange: n, label: t, size: r = "md", className: o, ...i }, s) => /* @__PURE__ */ y("label", { className: w("switch-wrapper", o), children: [
+  ({ checked: e, onChange: n, label: t, size: r = "md", className: o, ...i }, s) => /* @__PURE__ */ b("label", { className: w("switch-wrapper", o), children: [
     /* @__PURE__ */ d(
       "button",
       {
@@ -3113,8 +3113,8 @@ const Ln = _(
 );
 Ln.displayName = "Switch";
 const En = _(
-  ({ label: e, showValue: n, className: t, value: r, ...o }, i) => /* @__PURE__ */ y("div", { className: w("flex flex-col gap-1.5", t), children: [
-    (e || n) && /* @__PURE__ */ y("div", { className: "flex items-center justify-between", children: [
+  ({ label: e, showValue: n, className: t, value: r, ...o }, i) => /* @__PURE__ */ b("div", { className: w("flex flex-col gap-1.5", t), children: [
+    (e || n) && /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
       e && /* @__PURE__ */ d("span", { className: "form-label", children: e }),
       n && /* @__PURE__ */ d(
         "span",
@@ -3146,25 +3146,25 @@ function Dn({
   error: o,
   className: i
 }) {
-  const [s, l] = k(!1), a = L(null), c = L(null), [g, h] = k({ top: 0, left: 0, width: 0 }), f = e.find((p) => p.value === n)?.label, u = V(() => l((p) => !p), []), m = V(() => l(!1), []);
+  const [s, l] = N(!1), a = L(null), c = L(null), [g, h] = N({ top: 0, left: 0, width: 0 }), f = e.find((m) => m.value === n)?.label, u = V(() => l((m) => !m), []), p = V(() => l(!1), []);
   return P(() => {
     if (!s || !a.current) return;
-    const p = a.current.getBoundingClientRect();
-    h({ top: p.bottom + 4, left: p.left, width: p.width });
+    const m = a.current.getBoundingClientRect();
+    h({ top: m.bottom + 4, left: m.left, width: m.width });
   }, [s]), P(() => {
     if (!s) return;
-    const p = (C) => {
-      c.current && !c.current.contains(C.target) && a.current && !a.current.contains(C.target) && m();
+    const m = (C) => {
+      c.current && !c.current.contains(C.target) && a.current && !a.current.contains(C.target) && p();
     };
-    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
-  }, [s, m]), P(() => {
+    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, [s, p]), P(() => {
     if (!s) return;
-    const p = (C) => {
-      C.key === "Escape" && m();
+    const m = (C) => {
+      C.key === "Escape" && p();
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-  }, [s, m]), /* @__PURE__ */ y("div", { className: w("inline-block w-full", i), children: [
-    /* @__PURE__ */ y(
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [s, p]), /* @__PURE__ */ b("div", { className: w("inline-block w-full", i), children: [
+    /* @__PURE__ */ b(
       "button",
       {
         ref: a,
@@ -3212,26 +3212,26 @@ function Dn({
             width: g.width,
             zIndex: 9998
           },
-          children: e.map((p) => /* @__PURE__ */ y(
+          children: e.map((m) => /* @__PURE__ */ b(
             "div",
             {
               className: w(
                 "select-option",
-                p.disabled && "opacity-50 cursor-not-allowed"
+                m.disabled && "opacity-50 cursor-not-allowed"
               ),
-              "data-selected": p.value === n,
+              "data-selected": m.value === n,
               onClick: () => {
-                p.disabled || (t?.(p.value), m());
+                m.disabled || (t?.(m.value), p());
               },
               onKeyDown: (C) => {
-                (C.key === "Enter" || C.key === " ") && !p.disabled && (t?.(p.value), m());
+                (C.key === "Enter" || C.key === " ") && !m.disabled && (t?.(m.value), p());
               },
-              tabIndex: p.disabled ? -1 : 0,
+              tabIndex: m.disabled ? -1 : 0,
               role: "option",
-              "aria-selected": p.value === n,
+              "aria-selected": m.value === n,
               children: [
-                /* @__PURE__ */ d("span", { children: p.label }),
-                p.value === n && /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ d(
+                /* @__PURE__ */ d("span", { children: m.label }),
+                m.value === n && /* @__PURE__ */ d("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ d(
                   "path",
                   {
                     d: "M3.5 7L6 9.5L10.5 4.5",
@@ -3243,7 +3243,7 @@ function Dn({
                 ) })
               ]
             },
-            p.value
+            m.value
           ))
         }
       ),
@@ -3264,7 +3264,7 @@ function Co({
   children: r,
   className: o
 }) {
-  const [i, s] = k(e), l = n ?? i, a = L(/* @__PURE__ */ new Map()), c = V(
+  const [i, s] = N(e), l = n ?? i, a = L(/* @__PURE__ */ new Map()), c = V(
     (h) => {
       s(h), t?.(h);
     },
@@ -3281,7 +3281,7 @@ function So({
   children: e,
   className: n
 }) {
-  const { activeTab: t } = ze(), r = L(null), [o, i] = k({ left: 0, width: 0 });
+  const { activeTab: t } = ze(), r = L(null), [o, i] = N({ left: 0, width: 0 });
   return P(() => {
     if (!r.current) return;
     const s = r.current.querySelector(
@@ -3294,7 +3294,7 @@ function So({
         width: a.width
       });
     }
-  }, [t]), /* @__PURE__ */ y("div", { ref: r, className: w("tabs-list", n), children: [
+  }, [t]), /* @__PURE__ */ b("div", { ref: r, className: w("tabs-list", n), children: [
     e,
     /* @__PURE__ */ d(
       "div",
@@ -3351,8 +3351,8 @@ const he = _(({ className: e, ...n }, t) => /* @__PURE__ */ d("tr", { ref: t, cl
 he.displayName = "TableRow";
 const St = _(({ className: e, ...n }, t) => /* @__PURE__ */ d("th", { ref: t, className: w("data-table-head", e), ...n }));
 St.displayName = "TableHead";
-const $e = _(({ className: e, ...n }, t) => /* @__PURE__ */ d("td", { ref: t, className: w("data-table-cell", e), ...n }));
-$e.displayName = "TableCell";
+const ke = _(({ className: e, ...n }, t) => /* @__PURE__ */ d("td", { ref: t, className: w("data-table-cell", e), ...n }));
+ke.displayName = "TableCell";
 const An = {
   xs: "avatar-xs",
   sm: "avatar-sm",
@@ -3404,10 +3404,10 @@ const Hn = {
     ...s
   }, l) => {
     const a = Math.min(100, Math.max(0, e / n * 100));
-    return /* @__PURE__ */ y("div", { className: w("progress-wrapper", i), ref: l, ...s, children: [
-      (r || o) && /* @__PURE__ */ y("div", { className: "progress-label-row", children: [
+    return /* @__PURE__ */ b("div", { className: w("progress-wrapper", i), ref: l, ...s, children: [
+      (r || o) && /* @__PURE__ */ b("div", { className: "progress-label-row", children: [
         r && /* @__PURE__ */ d("span", { className: "progress-label", children: r }),
-        o && /* @__PURE__ */ y("span", { className: "progress-value", children: [
+        o && /* @__PURE__ */ b("span", { className: "progress-value", children: [
           Math.round(a),
           "%"
         ] })
@@ -3438,7 +3438,7 @@ const On = {
   md: "spinner-md",
   lg: "spinner-lg"
 }, jn = _(
-  ({ size: e = "md", label: n, className: t, ...r }, o) => /* @__PURE__ */ y(
+  ({ size: e = "md", label: n, className: t, ...r }, o) => /* @__PURE__ */ b(
     "div",
     {
       ref: o,
@@ -3446,7 +3446,7 @@ const On = {
       className: w("spinner-wrapper", t),
       ...r,
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ b(
           "svg",
           {
             className: w("spinner", On[e]),
@@ -3498,7 +3498,7 @@ const Wn = {
     className: o,
     children: i,
     ...s
-  }, l) => /* @__PURE__ */ y(
+  }, l) => /* @__PURE__ */ b(
     "span",
     {
       ref: l,
@@ -3531,7 +3531,7 @@ const Wn = {
 );
 qn.displayName = "Tag";
 const Un = _(
-  ({ icon: e, title: n, description: t, action: r, className: o, ...i }, s) => /* @__PURE__ */ y("div", { ref: s, className: w("empty-state", o), ...i, children: [
+  ({ icon: e, title: n, description: t, action: r, className: o, ...i }, s) => /* @__PURE__ */ b("div", { ref: s, className: w("empty-state", o), ...i, children: [
     e && /* @__PURE__ */ d("div", { className: "empty-state-icon", children: e }),
     /* @__PURE__ */ d("h3", { className: "empty-state-title", children: n }),
     t && /* @__PURE__ */ d("p", { className: "empty-state-description", children: t }),
@@ -3620,52 +3620,52 @@ function Jn({
   loading: i = !1,
   onQueryChange: s
 }) {
-  const [l, a] = k(""), [c, g] = k(0), h = L(null), f = L(null), u = (v) => {
-    const b = v.target.value;
-    a(b), s?.(b);
-  }, m = Ue(() => {
-    if (s) return t.filter((b) => !b.disabled);
-    if (!l) return t.filter((b) => !b.disabled);
+  const [l, a] = N(""), [c, g] = N(0), h = L(null), f = L(null), u = (v) => {
+    const y = v.target.value;
+    a(y), s?.(y);
+  }, p = Ue(() => {
+    if (s) return t.filter((y) => !y.disabled);
+    if (!l) return t.filter((y) => !y.disabled);
     const v = l.toLowerCase();
     return t.filter(
-      (b) => !b.disabled && b.label.toLowerCase().includes(v)
+      (y) => !y.disabled && y.label.toLowerCase().includes(v)
     );
-  }, [t, l, s]), p = Ue(() => {
+  }, [t, l, s]), m = Ue(() => {
     const v = /* @__PURE__ */ new Map();
-    for (const b of m) {
-      const N = b.group ?? "";
-      v.has(N) || v.set(N, []), v.get(N).push(b);
+    for (const y of p) {
+      const I = y.group ?? "";
+      v.has(I) || v.set(I, []), v.get(I).push(y);
     }
     return v;
-  }, [m]);
+  }, [p]);
   P(() => {
     e && (a(""), g(0), setTimeout(() => h.current?.focus(), 50));
   }, [e]), P(() => {
     g(0);
   }, [l, i, t]), P(() => {
     if (!e) return;
-    const v = (b) => {
-      b.key === "Escape" && n();
+    const v = (y) => {
+      y.key === "Escape" && n();
     };
     return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
   }, [e, n]);
   const C = V(
     (v) => {
-      v.key === "ArrowDown" ? (v.preventDefault(), g((b) => (b + 1) % m.length)) : v.key === "ArrowUp" ? (v.preventDefault(), g((b) => (b - 1 + m.length) % m.length)) : v.key === "Enter" && m[c] && (v.preventDefault(), m[c].onSelect(), n());
+      v.key === "ArrowDown" ? (v.preventDefault(), g((y) => (y + 1) % p.length)) : v.key === "ArrowUp" ? (v.preventDefault(), g((y) => (y - 1 + p.length) % p.length)) : v.key === "Enter" && p[c] && (v.preventDefault(), p[c].onSelect(), n());
     },
-    [m, c, n]
+    [p, c, n]
   );
   if (P(() => {
     f.current?.querySelector("[data-active='true']")?.scrollIntoView({ block: "nearest" });
   }, [c]), P(() => {
-    const v = (b) => {
-      (b.metaKey || b.ctrlKey) && b.key === "k" && (b.preventDefault(), e && n());
+    const v = (y) => {
+      (y.metaKey || y.ctrlKey) && y.key === "k" && (y.preventDefault(), e && n());
     };
     return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
   }, [e, n]), !e) return null;
   let S = 0;
   return J(
-    /* @__PURE__ */ d("div", { className: "command-overlay", onClick: n, children: /* @__PURE__ */ y(
+    /* @__PURE__ */ d("div", { className: "command-overlay", onClick: n, children: /* @__PURE__ */ b(
       "div",
       {
         className: "command-dialog",
@@ -3673,7 +3673,7 @@ function Jn({
         role: "dialog",
         "aria-modal": "true",
         children: [
-          /* @__PURE__ */ y("div", { className: "command-input-wrapper", children: [
+          /* @__PURE__ */ b("div", { className: "command-input-wrapper", children: [
             i ? /* @__PURE__ */ d("div", { className: "command-search-icon animate-spin", children: /* @__PURE__ */ d(
               "svg",
               {
@@ -3687,7 +3687,7 @@ function Jn({
                 strokeLinejoin: "round",
                 children: /* @__PURE__ */ d("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
               }
-            ) }) : /* @__PURE__ */ y(
+            ) }) : /* @__PURE__ */ b(
               "svg",
               {
                 className: "command-search-icon",
@@ -3717,31 +3717,31 @@ function Jn({
               }
             )
           ] }),
-          /* @__PURE__ */ y("div", { ref: f, className: "command-list", children: [
-            !i && m.length === 0 && /* @__PURE__ */ d("p", { className: "command-empty", children: o }),
-            i && m.length === 0 && /* @__PURE__ */ d("p", { className: "command-empty", children: "Searching..." }),
-            [...p.entries()].map(([v, b]) => /* @__PURE__ */ y("div", { children: [
+          /* @__PURE__ */ b("div", { ref: f, className: "command-list", children: [
+            !i && p.length === 0 && /* @__PURE__ */ d("p", { className: "command-empty", children: o }),
+            i && p.length === 0 && /* @__PURE__ */ d("p", { className: "command-empty", children: "Searching..." }),
+            [...m.entries()].map(([v, y]) => /* @__PURE__ */ b("div", { children: [
               v && /* @__PURE__ */ d("div", { className: "command-group-label", children: v }),
-              b.map((N) => {
+              y.map((I) => {
                 const M = S++;
-                return /* @__PURE__ */ y(
+                return /* @__PURE__ */ b(
                   "div",
                   {
                     className: "command-item",
                     "data-active": M === c,
                     onClick: () => {
-                      N.onSelect(), n();
+                      I.onSelect(), n();
                     },
                     onMouseEnter: () => g(M),
                     role: "option",
                     "aria-selected": M === c,
                     children: [
-                      N.icon && /* @__PURE__ */ d("span", { className: "command-item-icon", children: N.icon }),
-                      /* @__PURE__ */ d("span", { className: "command-item-label", children: N.label }),
-                      N.shortcut && /* @__PURE__ */ d("kbd", { className: "command-shortcut", children: N.shortcut })
+                      I.icon && /* @__PURE__ */ d("span", { className: "command-item-icon", children: I.icon }),
+                      /* @__PURE__ */ d("span", { className: "command-item-label", children: I.label }),
+                      I.shortcut && /* @__PURE__ */ d("kbd", { className: "command-shortcut", children: I.shortcut })
                     ]
                   },
-                  N.id
+                  I.id
                 );
               })
             ] }, v))
@@ -3775,22 +3775,22 @@ function _o({
   children: o,
   ...i
 }) {
-  const [s, l] = k(e), a = n ?? s, [c, g] = k({
+  const [s, l] = N(e), a = n ?? s, [c, g] = N({
     top: 0,
     left: 0,
     height: 0,
     width: 0,
     opacity: 0
-  }), h = L(null), [f, u] = k(!1), m = V(() => {
-    const p = !a;
-    l(p), t?.(p);
+  }), h = L(null), [f, u] = N(!1), p = V(() => {
+    const m = !a;
+    l(m), t?.(m);
   }, [a, t]);
   return /* @__PURE__ */ d(
     bt.Provider,
     {
       value: {
         collapsed: a,
-        toggle: m,
+        toggle: p,
         indicator: c,
         setIndicator: g,
         contentRef: h,
@@ -3830,7 +3830,7 @@ const tr = _(({ className: e, children: n, ...t }, r) => {
   const { contentRef: o, indicator: i, setContentReady: s } = ae(), { top: l, left: a, height: c, width: g, opacity: h } = i;
   return P(() => {
     o.current && s(!0);
-  }, [o, s]), /* @__PURE__ */ y(
+  }, [o, s]), /* @__PURE__ */ b(
     "div",
     {
       ref: (f) => {
@@ -3861,7 +3861,7 @@ tr.displayName = "SidebarContent";
 const nr = _(
   ({ label: e, className: n, children: t, ...r }, o) => {
     const { collapsed: i } = ae();
-    return /* @__PURE__ */ y("div", { ref: o, className: w("sidebar-group", n), ...r, children: [
+    return /* @__PURE__ */ b("div", { ref: o, className: w("sidebar-group", n), ...r, children: [
       e && /* @__PURE__ */ d(
         "div",
         {
@@ -3879,11 +3879,11 @@ const nr = _(
 nr.displayName = "SidebarGroup";
 const rr = _(
   ({ icon: e, active: n, disabled: t, tooltip: r, className: o, children: i, ...s }, l) => {
-    const { collapsed: a, setIndicator: c, contentRef: g, contentReady: h } = ae(), [f, u] = k(!1), m = L(null), p = L(null), [C, S] = k({ top: 0, left: 0 });
-    It(() => {
-      if (n && p.current && g.current && h) {
+    const { collapsed: a, setIndicator: c, contentRef: g, contentReady: h } = ae(), [f, u] = N(!1), p = L(null), m = L(null), [C, S] = N({ top: 0, left: 0 });
+    $t(() => {
+      if (n && m.current && g.current && h) {
         const M = () => {
-          const G = p.current, j = g.current;
+          const G = m.current, j = g.current;
           if (G && j) {
             const X = window.getComputedStyle(j), W = parseFloat(X.paddingTop) || 0;
             c({
@@ -3898,7 +3898,7 @@ const rr = _(
         };
         M();
         const E = new ResizeObserver(M);
-        E.observe(p.current), E.observe(g.current);
+        E.observe(m.current), E.observe(g.current);
         const O = () => M();
         return g.current.addEventListener(
           "transitionend",
@@ -3911,26 +3911,26 @@ const rr = _(
         };
       }
     }, [n, a, c, g, h]);
-    const v = r ?? (typeof i == "string" ? i : ""), b = V(() => {
-      !a || !v || (m.current = setTimeout(() => {
-        const M = p.current;
+    const v = r ?? (typeof i == "string" ? i : ""), y = V(() => {
+      !a || !v || (p.current = setTimeout(() => {
+        const M = m.current;
         if (M) {
           const E = M.getBoundingClientRect();
           S({ top: E.top + E.height / 2, left: E.right + 8 });
         }
         u(!0);
       }, 200));
-    }, [a, v]), N = V(() => {
-      m.current != null && clearTimeout(m.current), u(!1);
+    }, [a, v]), I = V(() => {
+      p.current != null && clearTimeout(p.current), u(!1);
     }, []);
     return P(() => {
       a || u(!1);
-    }, [a]), /* @__PURE__ */ y(et, { children: [
-      /* @__PURE__ */ y(
+    }, [a]), /* @__PURE__ */ b(et, { children: [
+      /* @__PURE__ */ b(
         "button",
         {
           ref: (M) => {
-            p.current = M, typeof l == "function" ? l(M) : l && (l.current = M);
+            m.current = M, typeof l == "function" ? l(M) : l && (l.current = M);
           },
           type: "button",
           disabled: t,
@@ -3941,10 +3941,10 @@ const rr = _(
             t && "opacity-50 cursor-not-allowed",
             o
           ),
-          onMouseEnter: b,
-          onMouseLeave: N,
-          onFocus: b,
-          onBlur: N,
+          onMouseEnter: y,
+          onMouseLeave: I,
+          onFocus: y,
+          onBlur: I,
           ...s,
           children: [
             e && /* @__PURE__ */ d("span", { className: "sidebar-item-icon", children: e }),
@@ -4018,14 +4018,14 @@ const lr = _(
 );
 lr.displayName = "BreadcrumbItem";
 const ar = _(
-  ({ href: e, active: n, className: t, children: r, ...o }, i) => n ? /* @__PURE__ */ d("span", { className: w("breadcrumb-page", t), "aria-current": "page", children: r }) : /* @__PURE__ */ d(
+  ({ href: e, active: n, isCurrent: t, className: r, children: o, ...i }, s) => n || t ? /* @__PURE__ */ d("span", { className: w("breadcrumb-page", r), "aria-current": "page", children: o }) : /* @__PURE__ */ d(
     "a",
     {
-      ref: i,
+      ref: s,
       href: e,
-      className: w("breadcrumb-link", t),
-      ...o,
-      children: r
+      className: w("breadcrumb-link", r),
+      ...i,
+      children: o
     }
   )
 );
@@ -4060,7 +4060,7 @@ function No({
   ...i
 }) {
   const s = ur(e, n, r);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ b(
     "nav",
     {
       "aria-label": "Pagination",
@@ -4128,7 +4128,7 @@ function No({
   );
 }
 function dr(e, n) {
-  const [t, r] = k(e);
+  const [t, r] = N(e);
   return P(() => {
     const o = setTimeout(() => r(e), n);
     return () => {
@@ -4142,8 +4142,8 @@ const cr = async (e) => e ? (await new Promise((n) => setTimeout(n, 1e3)), Array
   group: "Search Results",
   onSelect: () => console.log(`Selected ${e} Result ${t + 1}`)
 }))) : [];
-function ko({ open: e, onClose: n }) {
-  const [t, r] = k(""), o = dr(t, 500), [i, s] = k(!1), [l, a] = k([]);
+function Io({ open: e, onClose: n }) {
+  const [t, r] = N(""), o = dr(t, 500), [i, s] = N(!1), [l, a] = N([]);
   return P(() => {
     o ? (s(!0), cr(o).then((c) => {
       a(c), s(!1);
@@ -4161,7 +4161,7 @@ function ko({ open: e, onClose: n }) {
     }
   );
 }
-function $o({
+function ko({
   open: e,
   onClose: n,
   onConfirm: t,
@@ -4172,13 +4172,13 @@ function $o({
   variant: l = "default",
   loading: a = !1
 }) {
-  return /* @__PURE__ */ y(yn, { open: e, onClose: n, size: "sm", children: [
+  return /* @__PURE__ */ b(yn, { open: e, onClose: n, size: "sm", children: [
     /* @__PURE__ */ d(xn, {}),
-    /* @__PURE__ */ y(ut, { children: [
+    /* @__PURE__ */ b(ut, { children: [
       /* @__PURE__ */ d(ct, { children: r }),
       /* @__PURE__ */ d(gt, { children: o })
     ] }),
-    /* @__PURE__ */ y(dt, { children: [
+    /* @__PURE__ */ b(dt, { children: [
       /* @__PURE__ */ d(Z, { variant: "secondary", onClick: n, disabled: a, children: s }),
       /* @__PURE__ */ d(
         Z,
@@ -4230,10 +4230,10 @@ function x(e, n, t) {
     r = l;
     let c;
     if (t.key && t.debug && (c = Date.now()), o = n(...l), t == null || t.onChange == null || t.onChange(o), t.key && t.debug && t != null && t.debug()) {
-      const g = Math.round((Date.now() - s) * 100) / 100, h = Math.round((Date.now() - c) * 100) / 100, f = h / 16, u = (m, p) => {
-        for (m = String(m); m.length < p; )
-          m = " " + m;
-        return m;
+      const g = Math.round((Date.now() - s) * 100) / 100, h = Math.round((Date.now() - c) * 100) / 100, f = h / 16, u = (p, m) => {
+        for (p = String(p); p.length < m; )
+          p = " " + p;
+        return p;
       };
       console.info(`%c⏱ ${u(h, 5)} /${u(g, 5)} ms`, `
             font-size: .6rem;
@@ -4285,9 +4285,9 @@ function mr(e, n, t, r) {
   let c = (o = (i = l.id) != null ? i : a ? typeof String.prototype.replaceAll == "function" ? a.replaceAll(".", "_") : a.replace(/\./g, "_") : void 0) != null ? o : typeof l.header == "string" ? l.header : void 0, g;
   if (l.accessorFn ? g = l.accessorFn : a && (a.includes(".") ? g = (f) => {
     let u = f;
-    for (const p of a.split(".")) {
-      var m;
-      u = (m = u) == null ? void 0 : m[p], process.env.NODE_ENV !== "production" && u === void 0 && console.warn(`"${p}" in deeply nested key "${a}" returned undefined.`);
+    for (const m of a.split(".")) {
+      var p;
+      u = (p = u) == null ? void 0 : p[m], process.env.NODE_ENV !== "production" && u === void 0 && console.warn(`"${m}" in deeply nested key "${a}" returned undefined.`);
     }
     return u;
   } : g = (f) => f[l.accessorKey]), !c)
@@ -4306,8 +4306,8 @@ function mr(e, n, t, r) {
     getLeafColumns: x(() => [e._getOrderColumnsFn()], (f) => {
       var u;
       if ((u = h.columns) != null && u.length) {
-        let m = h.columns.flatMap((p) => p.getLeafColumns());
-        return f(m);
+        let p = h.columns.flatMap((m) => m.getLeafColumns());
+        return f(p);
       }
       return [h];
     }, R(e.options, "debugColumns", "column.getLeafColumns"))
@@ -4379,53 +4379,53 @@ function fe(e, n, t, r) {
   var o, i;
   let s = 0;
   const l = function(f, u) {
-    u === void 0 && (u = 1), s = Math.max(s, u), f.filter((m) => m.getIsVisible()).forEach((m) => {
-      var p;
-      (p = m.columns) != null && p.length && l(m.columns, u + 1);
+    u === void 0 && (u = 1), s = Math.max(s, u), f.filter((p) => p.getIsVisible()).forEach((p) => {
+      var m;
+      (m = p.columns) != null && m.length && l(p.columns, u + 1);
     }, 0);
   };
   l(e);
   let a = [];
   const c = (f, u) => {
-    const m = {
+    const p = {
       depth: u,
       id: [r, `${u}`].filter(Boolean).join("_"),
       headers: []
-    }, p = [];
+    }, m = [];
     f.forEach((C) => {
-      const S = [...p].reverse()[0], v = C.column.depth === m.depth;
-      let b, N = !1;
-      if (v && C.column.parent ? b = C.column.parent : (b = C.column, N = !0), S && S?.column === b)
+      const S = [...m].reverse()[0], v = C.column.depth === p.depth;
+      let y, I = !1;
+      if (v && C.column.parent ? y = C.column.parent : (y = C.column, I = !0), S && S?.column === y)
         S.subHeaders.push(C);
       else {
-        const M = Ye(t, b, {
-          id: [r, u, b.id, C?.id].filter(Boolean).join("_"),
-          isPlaceholder: N,
-          placeholderId: N ? `${p.filter((E) => E.column === b).length}` : void 0,
+        const M = Ye(t, y, {
+          id: [r, u, y.id, C?.id].filter(Boolean).join("_"),
+          isPlaceholder: I,
+          placeholderId: I ? `${m.filter((E) => E.column === y).length}` : void 0,
           depth: u,
-          index: p.length
+          index: m.length
         });
-        M.subHeaders.push(C), p.push(M);
+        M.subHeaders.push(C), m.push(M);
       }
-      m.headers.push(C), C.headerGroup = m;
-    }), a.push(m), u > 0 && c(p, u - 1);
+      p.headers.push(C), C.headerGroup = p;
+    }), a.push(p), u > 0 && c(m, u - 1);
   }, g = n.map((f, u) => Ye(t, f, {
     depth: s,
     index: u
   }));
   c(g, s - 1), a.reverse();
-  const h = (f) => f.filter((m) => m.column.getIsVisible()).map((m) => {
-    let p = 0, C = 0, S = [0];
-    m.subHeaders && m.subHeaders.length ? (S = [], h(m.subHeaders).forEach((b) => {
+  const h = (f) => f.filter((p) => p.column.getIsVisible()).map((p) => {
+    let m = 0, C = 0, S = [0];
+    p.subHeaders && p.subHeaders.length ? (S = [], h(p.subHeaders).forEach((y) => {
       let {
-        colSpan: N,
+        colSpan: I,
         rowSpan: M
-      } = b;
-      p += N, S.push(M);
-    })) : p = 1;
+      } = y;
+      m += I, S.push(M);
+    })) : m = 1;
     const v = Math.min(...S);
-    return C = C + v, m.colSpan = p, m.rowSpan = C, {
-      colSpan: p,
+    return C = C + v, p.colSpan = m, p.rowSpan = C, {
+      colSpan: m,
       rowSpan: C
     };
   });
@@ -4518,8 +4518,8 @@ const Mt = (e, n, t) => t.some((r) => {
 Mt.autoRemove = (e) => H(e) || !(e != null && e.length);
 const Nt = (e, n, t) => e.getValue(n) === t;
 Nt.autoRemove = (e) => H(e);
-const kt = (e, n, t) => e.getValue(n) == t;
-kt.autoRemove = (e) => H(e);
+const It = (e, n, t) => e.getValue(n) == t;
+It.autoRemove = (e) => H(e);
 const Te = (e, n, t) => {
   let [r, o] = t;
   const i = e.getValue(n);
@@ -4542,7 +4542,7 @@ const B = {
   arrIncludesAll: Ft,
   arrIncludesSome: Mt,
   equals: Nt,
-  weakEquals: kt,
+  weakEquals: It,
   inNumberRange: Te
 };
 function H(e) {
@@ -4740,13 +4740,13 @@ const Cr = (e, n, t) => t.reduce((r, o) => {
     };
   }
 };
-function kr(e, n, t) {
+function Ir(e, n, t) {
   if (!(n != null && n.length) || !t)
     return e;
   const r = e.filter((i) => !n.includes(i.id));
   return t === "remove" ? r : [...n.map((i) => e.find((s) => s.id === i)).filter(Boolean), ...r];
 }
-const $r = {
+const kr = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -4780,13 +4780,13 @@ const $r = {
         }
         i = [...i, ...l];
       }
-      return kr(i, t, r);
+      return Ir(i, t, r);
     }, R(e.options, "debugTable", "_getOrderColumnsFn"));
   }
 }, Se = () => ({
   left: [],
   right: []
-}), Ir = {
+}), $r = {
   getInitialState: (e) => ({
     columnPinning: Se(),
     ...e
@@ -4932,19 +4932,19 @@ const pe = {
         if (!r || !o || (i.persist == null || i.persist(), ye(i) && i.touches && i.touches.length > 1))
           return;
         const s = e.getSize(), l = e ? e.getLeafHeaders().map((S) => [S.column.id, S.column.getSize()]) : [[r.id, r.getSize()]], a = ye(i) ? Math.round(i.touches[0].clientX) : i.clientX, c = {}, g = (S, v) => {
-          typeof v == "number" && (n.setColumnSizingInfo((b) => {
-            var N, M;
-            const E = n.options.columnResizeDirection === "rtl" ? -1 : 1, O = (v - ((N = b?.startOffset) != null ? N : 0)) * E, G = Math.max(O / ((M = b?.startSize) != null ? M : 0), -0.999999);
-            return b.columnSizingStart.forEach((j) => {
+          typeof v == "number" && (n.setColumnSizingInfo((y) => {
+            var I, M;
+            const E = n.options.columnResizeDirection === "rtl" ? -1 : 1, O = (v - ((I = y?.startOffset) != null ? I : 0)) * E, G = Math.max(O / ((M = y?.startSize) != null ? M : 0), -0.999999);
+            return y.columnSizingStart.forEach((j) => {
               let [X, W] = j;
               c[X] = Math.round(Math.max(W + W * G, 0) * 100) / 100;
             }), {
-              ...b,
+              ...y,
               deltaOffset: O,
               deltaPercentage: G
             };
-          }), (n.options.columnResizeMode === "onChange" || S === "end") && n.setColumnSizing((b) => ({
-            ...b,
+          }), (n.options.columnResizeMode === "onChange" || S === "end") && n.setColumnSizing((y) => ({
+            ...y,
             ...c
           })));
         }, h = (S) => g("move", S), f = (S) => {
@@ -4957,21 +4957,21 @@ const pe = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, u = Pr(t), m = {
+        }, u = Pr(t), p = {
           moveHandler: (S) => h(S.clientX),
           upHandler: (S) => {
-            u?.removeEventListener("mousemove", m.moveHandler), u?.removeEventListener("mouseup", m.upHandler), f(S.clientX);
+            u?.removeEventListener("mousemove", p.moveHandler), u?.removeEventListener("mouseup", p.upHandler), f(S.clientX);
           }
-        }, p = {
+        }, m = {
           moveHandler: (S) => (S.cancelable && (S.preventDefault(), S.stopPropagation()), h(S.touches[0].clientX), !1),
           upHandler: (S) => {
             var v;
-            u?.removeEventListener("touchmove", p.moveHandler), u?.removeEventListener("touchend", p.upHandler), S.cancelable && (S.preventDefault(), S.stopPropagation()), f((v = S.touches[0]) == null ? void 0 : v.clientX);
+            u?.removeEventListener("touchmove", m.moveHandler), u?.removeEventListener("touchend", m.upHandler), S.cancelable && (S.preventDefault(), S.stopPropagation()), f((v = S.touches[0]) == null ? void 0 : v.clientX);
           }
         }, C = Lr() ? {
           passive: !1
         } : !1;
-        ye(i) ? (u?.addEventListener("touchmove", p.moveHandler, C), u?.addEventListener("touchend", p.upHandler, C)) : (u?.addEventListener("mousemove", m.moveHandler, C), u?.addEventListener("mouseup", m.upHandler, C)), n.setColumnSizingInfo((S) => ({
+        ye(i) ? (u?.addEventListener("touchmove", m.moveHandler, C), u?.addEventListener("touchend", m.upHandler, C)) : (u?.addEventListener("mousemove", p.moveHandler, C), u?.addEventListener("mouseup", p.upHandler, C)), n.setColumnSizingInfo((S) => ({
           ...S,
           startOffset: a,
           startSize: s,
@@ -5200,8 +5200,8 @@ const Dr = {
       };
     };
   }
-}, Ie = 0, Pe = 10, xe = () => ({
-  pageIndex: Ie,
+}, $e = 0, Pe = 10, xe = () => ({
+  pageIndex: $e,
   pageSize: Pe
 }), Gr = {
   getInitialState: (e) => ({
@@ -5247,7 +5247,7 @@ const Dr = {
       });
     }, e.resetPageIndex = (r) => {
       var o, i;
-      e.setPageIndex(r ? Ie : (o = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? o : Ie);
+      e.setPageIndex(r ? $e : (o = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageIndex) != null ? o : $e);
     }, e.resetPageSize = (r) => {
       var o, i;
       e.setPageSize(r ? Pe : (o = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? o : Pe);
@@ -5312,20 +5312,20 @@ const Dr = {
         if (t === "bottom") {
           var h, f;
           return {
-            top: ((h = a?.top) != null ? h : []).filter((p) => !(l != null && l.has(p))),
-            bottom: [...((f = a?.bottom) != null ? f : []).filter((p) => !(l != null && l.has(p))), ...Array.from(l)]
+            top: ((h = a?.top) != null ? h : []).filter((m) => !(l != null && l.has(m))),
+            bottom: [...((f = a?.bottom) != null ? f : []).filter((m) => !(l != null && l.has(m))), ...Array.from(l)]
           };
         }
         if (t === "top") {
-          var u, m;
+          var u, p;
           return {
-            top: [...((u = a?.top) != null ? u : []).filter((p) => !(l != null && l.has(p))), ...Array.from(l)],
-            bottom: ((m = a?.bottom) != null ? m : []).filter((p) => !(l != null && l.has(p)))
+            top: [...((u = a?.top) != null ? u : []).filter((m) => !(l != null && l.has(m))), ...Array.from(l)],
+            bottom: ((p = a?.bottom) != null ? p : []).filter((m) => !(l != null && l.has(m)))
           };
         }
         return {
-          top: ((c = a?.top) != null ? c : []).filter((p) => !(l != null && l.has(p))),
-          bottom: ((g = a?.bottom) != null ? g : []).filter((p) => !(l != null && l.has(p)))
+          top: ((c = a?.top) != null ? c : []).filter((m) => !(l != null && l.has(m))),
+          bottom: ((g = a?.bottom) != null ? g : []).filter((m) => !(l != null && l.has(m)))
         };
       });
     }, e.getCanPin = () => {
@@ -5543,7 +5543,7 @@ function Le(e, n, t) {
     }
   }), o ? "all" : i ? "some" : !1;
 }
-const Ee = /([0-9]+)/gm, Br = (e, n, t) => $t(K(e.getValue(t)).toLowerCase(), K(n.getValue(t)).toLowerCase()), Or = (e, n, t) => $t(K(e.getValue(t)), K(n.getValue(t))), jr = (e, n, t) => Be(K(e.getValue(t)).toLowerCase(), K(n.getValue(t)).toLowerCase()), Wr = (e, n, t) => Be(K(e.getValue(t)), K(n.getValue(t))), qr = (e, n, t) => {
+const Ee = /([0-9]+)/gm, Br = (e, n, t) => kt(K(e.getValue(t)).toLowerCase(), K(n.getValue(t)).toLowerCase()), Or = (e, n, t) => kt(K(e.getValue(t)), K(n.getValue(t))), jr = (e, n, t) => Be(K(e.getValue(t)).toLowerCase(), K(n.getValue(t)).toLowerCase()), Wr = (e, n, t) => Be(K(e.getValue(t)), K(n.getValue(t))), qr = (e, n, t) => {
   const r = e.getValue(t), o = n.getValue(t);
   return r > o ? 1 : r < o ? -1 : 0;
 }, Ur = (e, n, t) => Be(e.getValue(t), n.getValue(t));
@@ -5553,7 +5553,7 @@ function Be(e, n) {
 function K(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
-function $t(e, n) {
+function kt(e, n) {
   const t = e.split(Ee).filter(Boolean), r = n.split(Ee).filter(Boolean);
   for (; t.length && r.length; ) {
     const o = t.shift(), i = r.shift(), s = parseInt(o, 10), l = parseInt(i, 10), a = [s, l].sort();
@@ -5672,8 +5672,8 @@ const oe = {
 }, Xr = [
   hr,
   Er,
+  kr,
   $r,
-  Ir,
   vr,
   wr,
   Dr,
@@ -5737,9 +5737,9 @@ function Qr(e) {
     setState: (f) => {
       o.options.onStateChange == null || o.options.onStateChange(f);
     },
-    _getRowId: (f, u, m) => {
-      var p;
-      return (p = o.options.getRowId == null ? void 0 : o.options.getRowId(f, u, m)) != null ? p : `${m ? [m.id, u].join(".") : u}`;
+    _getRowId: (f, u, p) => {
+      var m;
+      return (m = o.options.getRowId == null ? void 0 : o.options.getRowId(f, u, p)) != null ? m : `${p ? [p.id, u].join(".") : u}`;
     },
     getCoreRowModel: () => (o._getCoreRowModel || (o._getCoreRowModel = o.options.getCoreRowModel(o)), o._getCoreRowModel()),
     // The final calls start at the bottom of the model,
@@ -5747,42 +5747,42 @@ function Qr(e) {
     getRowModel: () => o.getPaginationRowModel(),
     //in next version, we should just pass in the row model as the optional 2nd arg
     getRow: (f, u) => {
-      let m = (u ? o.getPrePaginationRowModel() : o.getRowModel()).rowsById[f];
-      if (!m && (m = o.getCoreRowModel().rowsById[f], !m))
+      let p = (u ? o.getPrePaginationRowModel() : o.getRowModel()).rowsById[f];
+      if (!p && (p = o.getCoreRowModel().rowsById[f], !p))
         throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${f}`) : new Error();
-      return m;
+      return p;
     },
     _getDefaultColumnDef: x(() => [o.options.defaultColumn], (f) => {
       var u;
       return f = (u = f) != null ? u : {}, {
-        header: (m) => {
-          const p = m.header.column.columnDef;
-          return p.accessorKey ? p.accessorKey : p.accessorFn ? p.id : null;
+        header: (p) => {
+          const m = p.header.column.columnDef;
+          return m.accessorKey ? m.accessorKey : m.accessorFn ? m.id : null;
         },
         // footer: props => props.header.column.id,
-        cell: (m) => {
-          var p, C;
-          return (p = (C = m.renderValue()) == null || C.toString == null ? void 0 : C.toString()) != null ? p : null;
+        cell: (p) => {
+          var m, C;
+          return (m = (C = p.renderValue()) == null || C.toString == null ? void 0 : C.toString()) != null ? m : null;
         },
-        ...o._features.reduce((m, p) => Object.assign(m, p.getDefaultColumnDef == null ? void 0 : p.getDefaultColumnDef()), {}),
+        ...o._features.reduce((p, m) => Object.assign(p, m.getDefaultColumnDef == null ? void 0 : m.getDefaultColumnDef()), {}),
         ...f
       };
     }, R(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => o.options.columns,
     getAllColumns: x(() => [o._getColumnDefs()], (f) => {
-      const u = function(m, p, C) {
-        return C === void 0 && (C = 0), m.map((S) => {
-          const v = mr(o, S, C, p), b = S;
-          return v.columns = b.columns ? u(b.columns, v, C + 1) : [], v;
+      const u = function(p, m, C) {
+        return C === void 0 && (C = 0), p.map((S) => {
+          const v = mr(o, S, C, m), y = S;
+          return v.columns = y.columns ? u(y.columns, v, C + 1) : [], v;
         });
       };
       return u(f);
     }, R(e, "debugColumns", "getAllColumns")),
     getAllFlatColumns: x(() => [o.getAllColumns()], (f) => f.flatMap((u) => u.getFlatColumns()), R(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: x(() => [o.getAllFlatColumns()], (f) => f.reduce((u, m) => (u[m.id] = m, u), {}), R(e, "debugColumns", "getAllFlatColumnsById")),
+    _getAllFlatColumnsById: x(() => [o.getAllFlatColumns()], (f) => f.reduce((u, p) => (u[p.id] = p, u), {}), R(e, "debugColumns", "getAllFlatColumnsById")),
     getAllLeafColumns: x(() => [o.getAllColumns(), o._getOrderColumnsFn()], (f, u) => {
-      let m = f.flatMap((p) => p.getLeafColumns());
-      return u(m);
+      let p = f.flatMap((m) => m.getLeafColumns());
+      return u(p);
     }, R(e, "debugColumns", "getAllLeafColumns")),
     getColumn: (f) => {
       const u = o._getAllFlatColumnsById()[f];
@@ -5839,18 +5839,18 @@ function eo(e, n, t) {
     for (let f = 0; f < a.length; f++) {
       var h;
       let u = a[f];
-      const m = Ge(t, u.id, u.original, u.index, u.depth, void 0, u.parentId);
-      if (m.columnFilters = u.columnFilters, (h = u.subRows) != null && h.length && c < s) {
-        if (m.subRows = l(u.subRows, c + 1), u = m, n(u) && !m.subRows.length) {
+      const p = Ge(t, u.id, u.original, u.index, u.depth, void 0, u.parentId);
+      if (p.columnFilters = u.columnFilters, (h = u.subRows) != null && h.length && c < s) {
+        if (p.subRows = l(u.subRows, c + 1), u = p, n(u) && !p.subRows.length) {
           g.push(u), i[u.id] = u, o.push(u);
           continue;
         }
-        if (n(u) || m.subRows.length) {
+        if (n(u) || p.subRows.length) {
           g.push(u), i[u.id] = u, o.push(u);
           continue;
         }
       } else
-        u = m, n(u) && (g.push(u), i[u.id] = u, o.push(u));
+        u = p, n(u) && (g.push(u), i[u.id] = u, o.push(u));
     }
     return g;
   };
@@ -5870,8 +5870,8 @@ function to(e, n, t) {
       if (n(u)) {
         var h;
         if ((h = u.subRows) != null && h.length && c < s) {
-          const p = Ge(t, u.id, u.original, u.index, u.depth, void 0, u.parentId);
-          p.subRows = l(u.subRows, c + 1), u = p;
+          const m = Ge(t, u.id, u.original, u.index, u.depth, void 0, u.parentId);
+          m.subRows = l(u.subRows, c + 1), u = m;
         }
         g.push(u), o.push(u), i[u.id] = u;
       }
@@ -5894,18 +5894,18 @@ function no() {
     const o = [], i = [];
     (t ?? []).forEach((f) => {
       var u;
-      const m = e.getColumn(f.id);
-      if (!m)
+      const p = e.getColumn(f.id);
+      if (!p)
         return;
-      const p = m.getFilterFn();
-      if (!p) {
-        process.env.NODE_ENV !== "production" && console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${m.id}.`);
+      const m = p.getFilterFn();
+      if (!m) {
+        process.env.NODE_ENV !== "production" && console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${p.id}.`);
         return;
       }
       o.push({
         id: f.id,
-        filterFn: p,
-        resolvedValue: (u = p.resolveFilterValue == null ? void 0 : p.resolveFilterValue(f.value)) != null ? u : f.value
+        filterFn: m,
+        resolvedValue: (u = m.resolveFilterValue == null ? void 0 : m.resolveFilterValue(f.value)) != null ? u : f.value
       });
     });
     const s = (t ?? []).map((f) => f.id), l = e.getGlobalFilterFn(), a = e.getAllLeafColumns().filter((f) => f.getCanGlobalFilter());
@@ -5921,19 +5921,19 @@ function no() {
     for (let f = 0; f < n.flatRows.length; f++) {
       const u = n.flatRows[f];
       if (u.columnFilters = {}, o.length)
-        for (let m = 0; m < o.length; m++) {
-          c = o[m];
-          const p = c.id;
-          u.columnFilters[p] = c.filterFn(u, p, c.resolvedValue, (C) => {
-            u.columnFiltersMeta[p] = C;
+        for (let p = 0; p < o.length; p++) {
+          c = o[p];
+          const m = c.id;
+          u.columnFilters[m] = c.filterFn(u, m, c.resolvedValue, (C) => {
+            u.columnFiltersMeta[m] = C;
           });
         }
       if (i.length) {
-        for (let m = 0; m < i.length; m++) {
-          g = i[m];
-          const p = g.id;
-          if (g.filterFn(u, p, g.resolvedValue, (C) => {
-            u.columnFiltersMeta[p] = C;
+        for (let p = 0; p < i.length; p++) {
+          g = i[p];
+          const m = g.id;
+          if (g.filterFn(u, m, g.resolvedValue, (C) => {
+            u.columnFiltersMeta[m] = C;
           })) {
             u.columnFilters.__global__ = !0;
             break;
@@ -6005,18 +6005,18 @@ function oo() {
       return c.sort((g, h) => {
         for (let u = 0; u < i.length; u += 1) {
           var f;
-          const m = i[u], p = s[m.id], C = p.sortUndefined, S = (f = m?.desc) != null ? f : !1;
+          const p = i[u], m = s[p.id], C = m.sortUndefined, S = (f = p?.desc) != null ? f : !1;
           let v = 0;
           if (C) {
-            const b = g.getValue(m.id), N = h.getValue(m.id), M = b === void 0, E = N === void 0;
+            const y = g.getValue(p.id), I = h.getValue(p.id), M = y === void 0, E = I === void 0;
             if (M || E) {
               if (C === "first") return M ? -1 : 1;
               if (C === "last") return M ? 1 : -1;
               v = M && E ? 0 : M ? C : -C;
             }
           }
-          if (v === 0 && (v = p.sortingFn(g, h, m.id)), v !== 0)
-            return S && (v *= -1), p.invertSorting && (v *= -1), v;
+          if (v === 0 && (v = m.sortingFn(g, h, p.id)), v !== 0)
+            return S && (v *= -1), m.invertSorting && (v *= -1), v;
         }
         return g.index - h.index;
       }), c.forEach((g) => {
@@ -6072,30 +6072,30 @@ function ao(e) {
     }
   })), t.current;
 }
-function Io({
+function $o({
   columns: e,
   data: n,
   searchPlaceholder: t = "Search..."
 }) {
-  const [r, o] = k([]), [i, s] = k({}), [l, a] = k(""), [c, g] = k({
+  const [r, o] = N([]), [i, s] = N({}), [l, a] = N(""), [c, g] = N({
     pageIndex: 0,
     pageSize: 5
   }), f = [{
     id: "select",
-    header: ({ table: m }) => /* @__PURE__ */ d(
-      ke,
+    header: ({ table: p }) => /* @__PURE__ */ d(
+      Ie,
       {
-        checked: m.getIsAllPageRowsSelected(),
-        indeterminate: m.getIsSomePageRowsSelected(),
-        onChange: () => m.toggleAllPageRowsSelected(),
+        checked: p.getIsAllPageRowsSelected(),
+        indeterminate: p.getIsSomePageRowsSelected(),
+        onChange: () => p.toggleAllPageRowsSelected(),
         "aria-label": "Select all"
       }
     ),
-    cell: ({ row: m }) => /* @__PURE__ */ d(
-      ke,
+    cell: ({ row: p }) => /* @__PURE__ */ d(
+      Ie,
       {
-        checked: m.getIsSelected(),
-        onChange: () => m.toggleSelected(),
+        checked: p.getIsSelected(),
+        onChange: () => p.toggleSelected(),
         "aria-label": "Select row"
       }
     ),
@@ -6119,34 +6119,34 @@ function Io({
       globalFilter: l
     }
   });
-  return /* @__PURE__ */ y("div", { className: "space-y-4", children: [
+  return /* @__PURE__ */ b("div", { className: "space-y-4", children: [
     /* @__PURE__ */ d("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ d("div", { className: "max-w-sm flex-1", children: /* @__PURE__ */ d(
       lt,
       {
         placeholder: t,
         value: l ?? "",
-        onChange: (m) => a(m.target.value),
+        onChange: (p) => a(p.target.value),
         className: "h-10"
       }
     ) }) }),
-    /* @__PURE__ */ d("div", { className: "rounded-[var(--radius-lg)] border border-[var(--color-border-default)] overflow-hidden bg-[var(--color-surface-1)]", children: /* @__PURE__ */ y(vt, { children: [
-      /* @__PURE__ */ d(wt, { children: u.getHeaderGroups().map((m) => /* @__PURE__ */ d(he, { children: m.headers.map((p) => /* @__PURE__ */ d(St, { children: p.isPlaceholder ? null : Je(
-        p.column.columnDef.header,
-        p.getContext()
-      ) }, p.id)) }, m.id)) }),
-      /* @__PURE__ */ d(Ct, { children: u.getRowModel().rows?.length ? u.getRowModel().rows.map((m) => /* @__PURE__ */ d(
+    /* @__PURE__ */ d("div", { className: "rounded-[var(--radius-lg)] border border-[var(--color-border-default)] overflow-hidden bg-[var(--color-surface-1)]", children: /* @__PURE__ */ b(vt, { children: [
+      /* @__PURE__ */ d(wt, { children: u.getHeaderGroups().map((p) => /* @__PURE__ */ d(he, { children: p.headers.map((m) => /* @__PURE__ */ d(St, { children: m.isPlaceholder ? null : Je(
+        m.column.columnDef.header,
+        m.getContext()
+      ) }, m.id)) }, p.id)) }),
+      /* @__PURE__ */ d(Ct, { children: u.getRowModel().rows?.length ? u.getRowModel().rows.map((p) => /* @__PURE__ */ d(
         he,
         {
-          "data-state": m.getIsSelected() && "selected",
+          "data-state": p.getIsSelected() && "selected",
           className: "hover:bg-[var(--color-surface-2)] transition-colors",
-          children: m.getVisibleCells().map((p) => /* @__PURE__ */ d($e, { children: Je(
-            p.column.columnDef.cell,
-            p.getContext()
-          ) }, p.id))
+          children: p.getVisibleCells().map((m) => /* @__PURE__ */ d(ke, { children: Je(
+            m.column.columnDef.cell,
+            m.getContext()
+          ) }, m.id))
         },
-        m.id
+        p.id
       )) : /* @__PURE__ */ d(he, { children: /* @__PURE__ */ d(
-        $e,
+        ke,
         {
           colSpan: f.length,
           className: "h-24 text-center text-[var(--color-text-tertiary)]",
@@ -6154,16 +6154,16 @@ function Io({
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ y("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between px-2 pb-2", children: [
-      /* @__PURE__ */ y("div", { className: "flex-1 text-sm text-[var(--color-text-tertiary)]", children: [
+    /* @__PURE__ */ b("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between px-2 pb-2", children: [
+      /* @__PURE__ */ b("div", { className: "flex-1 text-sm text-[var(--color-text-tertiary)]", children: [
         u.getFilteredSelectedRowModel().rows.length,
         " of",
         " ",
         u.getFilteredRowModel().rows.length,
         " row(s) selected."
       ] }),
-      /* @__PURE__ */ y("div", { className: "flex flex-wrap items-center gap-4 sm:gap-6 lg:gap-8", children: [
-        /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ b("div", { className: "flex flex-wrap items-center gap-4 sm:gap-6 lg:gap-8", children: [
+        /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ d("p", { className: "text-sm font-medium whitespace-nowrap", children: "Rows per page" }),
           /* @__PURE__ */ d("div", { className: "w-[80px]", children: /* @__PURE__ */ d(
             Dn,
@@ -6175,20 +6175,20 @@ function Io({
                 { label: "20", value: "20" },
                 { label: "50", value: "50" }
               ],
-              onChange: (m) => {
-                u.setPageSize(Number(m));
+              onChange: (p) => {
+                u.setPageSize(Number(p));
               }
             }
           ) })
         ] }),
-        /* @__PURE__ */ y("div", { className: "flex items-center justify-center text-sm font-medium whitespace-nowrap min-w-[100px]", children: [
+        /* @__PURE__ */ b("div", { className: "flex items-center justify-center text-sm font-medium whitespace-nowrap min-w-[100px]", children: [
           "Page ",
           u.getState().pagination.pageIndex + 1,
           " of",
           " ",
           u.getPageCount()
         ] }),
-        /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ d(
             Z,
             {
@@ -6220,7 +6220,7 @@ function Po({
   column: e,
   title: n
 }) {
-  return e.getCanSort() ? /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ y(
+  return e.getCanSort() ? /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ b(
     Z,
     {
       variant: "ghost",
@@ -6285,12 +6285,97 @@ function Vo({
   htmlFor: i
 }) {
   const s = Pt(), l = i || s, a = typeof n == "string" ? n : void 0;
-  return /* @__PURE__ */ y("div", { className: w("space-y-1.5", o), children: [
+  return /* @__PURE__ */ b("div", { className: w("space-y-1.5", o), children: [
     e && /* @__PURE__ */ d(mt, { htmlFor: l, required: !!n, error: !!n, children: e }),
     r,
     a ? /* @__PURE__ */ d("p", { className: "text-xs text-[var(--color-danger)] animate-in slide-in-from-top-1", children: a }) : t ? /* @__PURE__ */ d("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: t }) : null
   ] });
 }
+function Lo({
+  items: e,
+  smooth: n = !0,
+  className: t,
+  onItemClick: r,
+  ...o
+}) {
+  const [i, s] = N([]), l = N({
+    current: null
+  })[0], [a, c] = N({ top: 0, height: 0 });
+  return P(() => {
+    const g = new IntersectionObserver(
+      (h) => {
+        s((f) => {
+          const u = new Set(f);
+          return h.forEach((p) => {
+            p.isIntersecting ? u.add(p.target.id) : u.delete(p.target.id);
+          }), Array.from(u);
+        });
+      },
+      { rootMargin: "0px 0px 0px 0px" }
+    );
+    return e.forEach((h) => {
+      const f = document.getElementById(h.id);
+      f && g.observe(f);
+    }), () => g.disconnect();
+  }, [e]), P(() => {
+    if (i.length === 0 || !l.current) {
+      c({ top: 0, height: 0 });
+      return;
+    }
+    const g = Array.from(
+      l.current.querySelectorAll("[data-active='true']")
+    );
+    if (g.length > 0) {
+      const h = g[0], f = g[g.length - 1], u = l.current.getBoundingClientRect(), p = h.getBoundingClientRect(), m = f.getBoundingClientRect(), C = p.top - u.top, S = m.bottom - p.top;
+      c({ top: C, height: S });
+    }
+  }, [i, l]), /* @__PURE__ */ b("nav", { className: w("space-y-1", t), ...o, children: [
+    /* @__PURE__ */ d("p", { className: "font-semibold text-sm mb-4 ps-4", children: "On This Page" }),
+    /* @__PURE__ */ b(
+      "ul",
+      {
+        ref: (g) => {
+          l.current = g;
+        },
+        className: "space-y-0 relative border-s border-[var(--color-border-default)]",
+        children: [
+          /* @__PURE__ */ d(
+            "div",
+            {
+              className: "absolute left-[-1.5px] w-[3px] bg-[var(--color-primary)] rounded-full transition-all duration-300 ease-[var(--ease-spring)]",
+              style: {
+                top: a.top,
+                height: a.height,
+                opacity: a.height > 0 ? 1 : 0
+              }
+            }
+          ),
+          e.map((g) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d(
+            "button",
+            {
+              "data-active": i.includes(g.id),
+              className: w(
+                "block py-1.5 px-4 text-sm transition-colors duration-200 text-left w-full border-s-2 border-transparent -ms-[1px]",
+                i.includes(g.id) ? "text-[var(--color-primary)] font-medium" : "text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]"
+              ),
+              onClick: () => {
+                const h = document.getElementById(g.id);
+                if (h) {
+                  const u = h.getBoundingClientRect().top + window.scrollY - 100;
+                  window.scrollTo({
+                    top: u,
+                    behavior: n ? "smooth" : "auto"
+                  }), r && r(g.id);
+                }
+              },
+              children: g.label
+            }
+          ) }, g.id))
+        ]
+      }
+    )
+  ] });
+}
 export {
   Nn as Alert,
   zn as Avatar,
@@ -6302,10 +6387,10 @@ export {
   Mo as BreadcrumbSeparator,
   Z as Button,
   fn as Card,
-  ke as Checkbox,
+  Ie as Checkbox,
   Jn as Command,
-  $o as ConfirmDialog,
-  Io as DataTable,
+  ko as ConfirmDialog,
+  $o as DataTable,
   Po as DataTableColumnHeader,
   yn as Dialog,
   xn as DialogClose,
@@ -6324,7 +6409,7 @@ export {
   mt as Label,
   No as Pagination,
   Bn as Progress,
-  ko as SearchCommand,
+  Io as SearchCommand,
   Dn as Select,
   Cn as Separator,
   xo as Sheet,
@@ -6345,9 +6430,10 @@ export {
   jn as Spinner,
   hn as SpotlightCard,
   Ln as Switch,
+  Lo as TOC,
   vt as Table,
   Ct as TableBody,
-  $e as TableCell,
+  ke as TableCell,
   St as TableHead,
   wt as TableHeader,
   he as TableRow,