@ieee-ui/ui 0.0.19 → 0.0.20

package/dist/ieee-ui.es.js

@@ -51,7 +51,7 @@ function ar() {
         return l.$$typeof === re ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
-        case C:
+        case N:
           return "Fragment";
         case U:
           return "Profiler";
@@ -68,7 +68,7 @@ function ar() {
         switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), l.$$typeof) {
-          case v:
+          case C:
             return "Portal";
           case J:
             return l.displayName || "Context";
@@ -77,7 +77,7 @@ function ar() {
           case E:
             var c = l.render;
             return l = l.displayName, l || (l = c.displayName || c.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case h:
+          case x:
             return c = l.displayName || null, c !== null ? c : e(l.type) || "Memo";
           case H:
             c = l._payload, l = l._init;
@@ -109,7 +109,7 @@ function ar() {
       }
     }
     function n(l) {
-      if (l === C) return "<>";
+      if (l === N) return "<>";
       if (typeof l == "object" && l !== null && l.$$typeof === H)
         return "<...>";
       try {
@@ -233,24 +233,24 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function k(l) {
-      x(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === H && (l._payload.status === "fulfilled" ? x(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+      h(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === H && (l._payload.status === "fulfilled" ? h(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function x(l) {
+    function h(l) {
       return typeof l == "object" && l !== null && l.$$typeof === G;
     }
-    var N = W, G = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), J = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), X = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, f = Object.prototype.hasOwnProperty, Q = Array.isArray, R = console.createTask ? console.createTask : function() {
+    var v = W, G = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), J = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), X = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, f = Object.prototype.hasOwnProperty, Q = Array.isArray, R = console.createTask ? console.createTask : function() {
       return null;
     };
-    N = {
+    v = {
       react_stack_bottom_frame: function(l) {
         return l();
       }
     };
-    var L, K = {}, b = N.react_stack_bottom_frame.bind(
-      N,
+    var L, K = {}, b = v.react_stack_bottom_frame.bind(
+      v,
       i
     )(), ne = R(n(i)), ae = {};
-    me.Fragment = C, me.jsx = function(l, c, m) {
+    me.Fragment = N, me.jsx = function(l, c, m) {
       var D = 1e4 > X.recentlyCreatedOwnerStacks++;
       return y(
         l,
@@ -288,17 +288,18 @@ const ke = ({
   width: a = "auto",
   htmlType: A = "button",
   className: d = "",
-  children: w,
-  ...y
+  darkMode: w,
+  children: y,
+  ...k
 }) => {
-  const k = "inline-flex items-center justify-center gap-2 rounded-full font-semibold transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none", x = {
+  const h = w ?? !1, v = "inline-flex items-center justify-center gap-2 rounded-full font-semibold transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none", G = {
     primary: "bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary shadow-md hover:shadow-lg",
     secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary shadow-md hover:shadow-lg",
-    tertiary: "bg-accent text-accent-foreground hover:bg-accent/90 focus:ring-accent shadow-sm",
+    tertiary: h ? "bg-gray-800 text-gray-100 hover:bg-gray-700 focus:ring-gray-700 shadow-sm" : "bg-accent text-accent-foreground hover:bg-accent/90 focus:ring-accent shadow-sm",
     danger: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus:ring-destructive shadow-sm",
-    ghost: "bg-transparent text-primary hover:bg-primary/10 focus:ring-primary",
-    basic: "bg-surface text-foreground border border-border hover:bg-muted focus:ring-border"
-  }, N = {
+    ghost: h ? "bg-transparent text-gray-100 hover:bg-white/10 focus:ring-gray-700" : "bg-transparent text-primary hover:bg-primary/10 focus:ring-primary",
+    basic: h ? "bg-gray-800 text-gray-100 border border-gray-700 hover:bg-gray-700 focus:ring-gray-700" : "bg-surface text-foreground border border-border hover:bg-muted focus:ring-border"
+  }, C = {
     auto: "px-4 py-2",
     small: "w-24 px-3 py-1.5 text-sm",
     medium: "w-32 px-4 py-2 text-base",
@@ -314,12 +315,12 @@ const ke = ({
       onClick: o,
       disabled: s || i,
       className: `
-        ${k}
-        ${x[n]}
-        ${N[a]}
+        ${v}
+        ${G[n]}
+        ${C[a]}
         ${d}
       `,
-      ...y,
+      ...k,
       children: i ? /* @__PURE__ */ r.jsxs(
         "svg",
         {
@@ -352,7 +353,7 @@ const ke = ({
       ) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         t && /* @__PURE__ */ r.jsx("span", { className: "flex-shrink-0", children: t }),
         e && /* @__PURE__ */ r.jsx("span", { children: e }),
-        !e && w
+        !e && y
       ] })
     }
   );
@@ -552,31 +553,31 @@ const lr = (e, t) => {
     const i = [];
     let a = 0, A = 0, d = 0, w;
     const y = s.length;
-    for (let v = 0; v < y; v++) {
-      const C = s[v];
+    for (let C = 0; C < y; C++) {
+      const N = s[C];
       if (a === 0 && A === 0) {
-        if (C === Le) {
-          i.push(s.slice(d, v)), d = v + 1;
+        if (N === Le) {
+          i.push(s.slice(d, C)), d = C + 1;
           continue;
         }
-        if (C === "/") {
-          w = v;
+        if (N === "/") {
+          w = C;
           continue;
         }
       }
-      C === "[" ? a++ : C === "]" ? a-- : C === "(" ? A++ : C === ")" && A--;
+      N === "[" ? a++ : N === "]" ? a-- : N === "(" ? A++ : N === ")" && A--;
     }
     const k = i.length === 0 ? s : s.slice(d);
-    let x = k, N = !1;
-    k.endsWith(je) ? (x = k.slice(0, -1), N = !0) : (
+    let h = k, v = !1;
+    k.endsWith(je) ? (h = k.slice(0, -1), v = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      k.startsWith(je) && (x = k.slice(1), N = !0)
+      k.startsWith(je) && (h = k.slice(1), v = !0)
     );
     const G = w && w > d ? w - d : void 0;
-    return Pe(i, N, x, G);
+    return Pe(i, v, h, G);
   };
   if (t) {
     const s = t + Le, i = n;
@@ -619,18 +620,18 @@ const lr = (e, t) => {
   for (let w = A.length - 1; w >= 0; w -= 1) {
     const y = A[w], {
       isExternal: k,
-      modifiers: x,
-      hasImportantModifier: N,
+      modifiers: h,
+      hasImportantModifier: v,
       baseClassName: G,
-      maybePostfixModifierPosition: v
+      maybePostfixModifierPosition: C
     } = o(y);
     if (k) {
       d = y + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let C = !!v, O = n(C ? G.substring(0, v) : G);
+    let N = !!C, O = n(N ? G.substring(0, C) : G);
     if (!O) {
-      if (!C) {
+      if (!N) {
         d = y + (d.length > 0 ? " " + d : d);
         continue;
       }
@@ -638,13 +639,13 @@ const lr = (e, t) => {
         d = y + (d.length > 0 ? " " + d : d);
         continue;
       }
-      C = !1;
+      N = !1;
     }
-    const U = x.length === 0 ? "" : x.length === 1 ? x[0] : i(x).join(":"), Z = N ? U + je : U, J = Z + O;
+    const U = h.length === 0 ? "" : h.length === 1 ? h[0] : i(h).join(":"), Z = v ? U + je : U, J = Z + O;
     if (a.indexOf(J) > -1)
       continue;
     a.push(J);
-    const E = s(O, C);
+    const E = s(O, N);
     for (let S = 0; S < E.length; ++S) {
       const F = E[S];
       a.push(Z + F);
@@ -692,7 +693,7 @@ const lr = (e, t) => {
   const n = Ze.exec(e);
   return n ? n[1] ? t(n[1]) : o : !1;
 }, We = (e) => e === "position" || e === "percentage", Ke = (e) => e === "image" || e === "url", Ve = (e) => e === "length" || e === "size" || e === "bg-size", qe = (e) => e === "length", Zr = (e) => e === "number", Xr = (e) => e === "family-name", _e = (e) => e === "shadow", Wr = () => {
-  const e = T("color"), t = T("font"), o = T("text"), n = T("font-weight"), s = T("tracking"), i = T("leading"), a = T("breakpoint"), A = T("container"), d = T("spacing"), w = T("radius"), y = T("shadow"), k = T("inset-shadow"), x = T("text-shadow"), N = T("drop-shadow"), G = T("blur"), v = T("perspective"), C = T("aspect"), O = T("ease"), U = T("animate"), Z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], J = () => [
+  const e = T("color"), t = T("font"), o = T("text"), n = T("font-weight"), s = T("tracking"), i = T("leading"), a = T("breakpoint"), A = T("container"), d = T("spacing"), w = T("radius"), y = T("shadow"), k = T("inset-shadow"), h = T("text-shadow"), v = T("drop-shadow"), G = T("blur"), C = T("perspective"), N = T("aspect"), O = T("ease"), U = T("animate"), Z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], J = () => [
     "center",
     "top",
     "bottom",
@@ -710,9 +711,9 @@ const lr = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], E = () => [...J(), p, u], S = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", "contain", "none"], h = () => [p, u, d], H = () => [ce, "full", "auto", ...h()], V = () => [ie, "none", "subgrid", p, u], re = () => ["auto", {
+  ], E = () => [...J(), p, u], S = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", "contain", "none"], x = () => [p, u, d], H = () => [ce, "full", "auto", ...x()], V = () => [ie, "none", "subgrid", p, u], re = () => ["auto", {
     span: ["full", ie, p, u]
-  }, ie, p, u], X = () => [ie, "auto", p, u], f = () => ["auto", "min", "max", "fr", p, u], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], R = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...h()], K = () => [ce, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], b = () => [e, p, u], ne = () => [...J(), Oe, Re, {
+  }, ie, p, u], X = () => [ie, "auto", p, u], f = () => ["auto", "min", "max", "fr", p, u], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], R = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...x()], K = () => [ce, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...x()], b = () => [e, p, u], ne = () => [...J(), Oe, Re, {
     position: [p, u]
   }], ae = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -733,7 +734,7 @@ const lr = (e, t) => {
     G,
     p,
     u
-  ], M = () => ["none", j, p, u], Y = () => ["none", j, p, u], $ = () => [j, p, u], P = () => [ce, "full", ...h()];
+  ], M = () => ["none", j, p, u], Y = () => ["none", j, p, u], $ = () => [j, p, u], P = () => [ce, "full", ...x()];
   return {
     cacheSize: 500,
     theme: {
@@ -766,7 +767,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ce, u, p, C]
+        aspect: ["auto", "square", ce, u, p, N]
       }],
       /**
        * Container
@@ -989,7 +990,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ce, "full", "auto", A, ...h()]
+        basis: [ce, "full", "auto", A, ...x()]
       }],
       /**
        * Flex Direction
@@ -1115,21 +1116,21 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: h()
+        gap: x()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": h()
+        "gap-x": x()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": h()
+        "gap-y": x()
       }],
       /**
        * Justify Content
@@ -1204,63 +1205,63 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: h()
+        p: x()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: h()
+        px: x()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: h()
+        py: x()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: h()
+        ps: x()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: h()
+        pe: x()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: h()
+        pt: x()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: h()
+        pr: x()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: h()
+        pb: x()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: h()
+        pl: x()
       }],
       /**
        * Margin
@@ -1330,7 +1331,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": h()
+        "space-x": x()
       }],
       /**
        * Space Between X Reverse
@@ -1342,7 +1343,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": h()
+        "space-y": x()
       }],
       /**
        * Space Between Y Reverse
@@ -1511,7 +1512,7 @@ const lr = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           i,
-          ...h()
+          ...x()
         ]
       }],
       /**
@@ -1612,7 +1613,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: h()
+        indent: x()
       }],
       /**
        * Vertical Alignment
@@ -2166,7 +2167,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", x, fe, we]
+        "text-shadow": ["none", h, fe, we]
       }],
       /**
        * Text Shadow Color
@@ -2438,7 +2439,7 @@ const lr = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          N,
+          v,
           fe,
           we
         ]
@@ -2576,21 +2577,21 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": h()
+        "border-spacing": x()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": h()
+        "border-spacing-x": x()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": h()
+        "border-spacing-y": x()
       }],
       /**
        * Table Layout
@@ -2666,7 +2667,7 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [v, p, u]
+        perspective: [C, p, u]
       }],
       /**
        * Perspective Origin
@@ -2882,126 +2883,126 @@ const lr = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": h()
+        "scroll-m": x()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": h()
+        "scroll-mx": x()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": h()
+        "scroll-my": x()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": h()
+        "scroll-ms": x()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": h()
+        "scroll-me": x()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": h()
+        "scroll-mt": x()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": h()
+        "scroll-mr": x()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": h()
+        "scroll-mb": x()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": h()
+        "scroll-ml": x()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": h()
+        "scroll-p": x()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": h()
+        "scroll-px": x()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": h()
+        "scroll-py": x()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": h()
+        "scroll-ps": x()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": h()
+        "scroll-pe": x()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": h()
+        "scroll-pt": x()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": h()
+        "scroll-pr": x()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": h()
+        "scroll-pb": x()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": h()
+        "scroll-pl": x()
       }],
       /**
        * Scroll Snap Align
@@ -3174,7 +3175,7 @@ function wt({
   maxDate: d,
   darkMode: w
 }) {
-  const [y, k] = z(!1), [x, N] = z((/* @__PURE__ */ new Date()).getMonth()), [G, v] = z((/* @__PURE__ */ new Date()).getFullYear()), [C, O] = z({
+  const [y, k] = z(!1), [h, v] = z((/* @__PURE__ */ new Date()).getMonth()), [G, C] = z((/* @__PURE__ */ new Date()).getFullYear()), [N, O] = z({
     top: 0,
     left: 0,
     width: 0
@@ -3194,7 +3195,7 @@ function wt({
   ], F = Array.from(
     { length: 111 },
     (c, m) => (/* @__PURE__ */ new Date()).getFullYear() - 100 + m
-  ), h = Ge(() => {
+  ), x = Ge(() => {
     if (Z.current) {
       const c = Z.current.getBoundingClientRect(), m = window.innerHeight - c.bottom, D = 380, I = m < D && c.top > D ? c.top - D + window.scrollY : c.bottom + window.scrollY + 8;
       O({
@@ -3208,17 +3209,17 @@ function wt({
     if (y) {
       if (n) {
         const c = new Date(n);
-        N(c.getMonth()), v(c.getFullYear());
+        v(c.getMonth()), C(c.getFullYear());
       }
-      h();
+      x();
     }
-  }, [y, n, h]), ee(() => {
+  }, [y, n, x]), ee(() => {
     if (!y) return;
-    const c = () => h();
+    const c = () => x();
     return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
       window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [y, h]), ee(() => {
+  }, [y, x]), ee(() => {
     const c = (m) => {
       U.current && !U.current.contains(m.target) && J.current && !J.current.contains(m.target) && k(!1);
     };
@@ -3228,24 +3229,24 @@ function wt({
     const m = c.getFullYear(), D = String(c.getMonth() + 1).padStart(2, "0"), I = String(c.getDate()).padStart(2, "0");
     return `${m}-${D}-${I}`;
   }, re = () => n || "Select a date", X = (c) => {
-    const m = new Date(G, x, c);
+    const m = new Date(G, h, c);
     A && m < new Date(A) || d && m > new Date(d) || (s(V(m)), k(!1));
   }, f = (c, m) => new Date(m, c + 1, 0).getDate(), Q = (c, m) => new Date(m, c, 1).getDay(), R = (c) => {
-    const m = new Date(G, x, c);
+    const m = new Date(G, h, c);
     return !!(A && m < new Date(A) || d && m > new Date(d));
   }, L = (c) => {
     if (!n) return !1;
     const m = H(n);
-    return m ? m.getDate() === c && m.getMonth() === x && m.getFullYear() === G : !1;
+    return m ? m.getDate() === c && m.getMonth() === h && m.getFullYear() === G : !1;
   }, K = (c) => {
     const m = /* @__PURE__ */ new Date();
-    return m.getDate() === c && m.getMonth() === x && m.getFullYear() === G;
+    return m.getDate() === c && m.getMonth() === h && m.getFullYear() === G;
   }, b = () => {
-    x === 0 ? (N(11), v(G - 1)) : N(x - 1);
+    h === 0 ? (v(11), C(G - 1)) : v(h - 1);
   }, ne = () => {
-    x === 11 ? (N(0), v(G + 1)) : N(x + 1);
+    h === 11 ? (v(0), C(G + 1)) : v(h + 1);
   }, ae = () => {
-    const c = f(x, G), m = Q(x, G), D = [];
+    const c = f(h, G), m = Q(h, G), D = [];
     for (let I = 0; I < m; I++)
       D.push(/* @__PURE__ */ r.jsx("div", { className: "calendar-day empty" }, `empty-${I}`));
     for (let I = 1; I <= c; I++) {
@@ -3272,9 +3273,9 @@ function wt({
       className: "datepicker-dropdown-portal",
       style: {
         position: "absolute",
-        top: C.top,
-        left: C.left,
-        width: C.width,
+        top: N.top,
+        left: N.left,
+        width: N.width,
         zIndex: 99999
       },
       children: [
@@ -3301,8 +3302,8 @@ function wt({
             /* @__PURE__ */ r.jsx(
               "select",
               {
-                value: x,
-                onChange: (c) => N(Number(c.target.value)),
+                value: h,
+                onChange: (c) => v(Number(c.target.value)),
                 className: "month-select",
                 children: S.map((c, m) => /* @__PURE__ */ r.jsx("option", { value: m, children: c }, c))
               }
@@ -3311,7 +3312,7 @@ function wt({
               "select",
               {
                 value: G,
-                onChange: (c) => v(Number(c.target.value)),
+                onChange: (c) => C(Number(c.target.value)),
                 className: "year-select",
                 children: F.map((c) => /* @__PURE__ */ r.jsx("option", { value: c, children: c }, c))
               }
@@ -3344,7 +3345,7 @@ function wt({
             type: "button",
             onClick: () => {
               const c = /* @__PURE__ */ new Date();
-              N(c.getMonth()), v(c.getFullYear()), X(c.getDate());
+              v(c.getMonth()), C(c.getFullYear()), X(c.getDate());
             },
             className: "today-button",
             children: "Today"
@@ -4602,25 +4603,25 @@ function vt({
   };
   return o ? /* @__PURE__ */ r.jsx("div", { className: "w-full h-48 flex items-center justify-center bg-white rounded-xl border border-gray-100", children: /* @__PURE__ */ r.jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }) }) : /* @__PURE__ */ r.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden", children: [
     /* @__PURE__ */ r.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r.jsxs("table", { className: "w-full text-left border-collapse", children: [
-      /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsx("tr", { className: "bg-gray-50/50 border-b border-gray-100", children: t.map((k, x) => /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsx("tr", { className: "bg-gray-50/50 border-b border-gray-100", children: t.map((k, h) => /* @__PURE__ */ r.jsx(
         "th",
         {
           className: `px-6 py-4 text-sm font-semibold text-gray-600 ${k.className || ""}`,
           children: k.header
         },
-        x
+        h
       )) }) }),
       /* @__PURE__ */ r.jsx("tbody", { className: "divide-y divide-gray-100", children: w.length > 0 ? w.map((k) => /* @__PURE__ */ r.jsx(
         "tr",
         {
           className: "hover:bg-gray-50/50 transition-colors",
-          children: t.map((x, N) => /* @__PURE__ */ r.jsx(
+          children: t.map((h, v) => /* @__PURE__ */ r.jsx(
             "td",
             {
-              className: `px-6 py-4 ${x.className || ""}`,
-              children: x.cell ? x.cell(k) : x.accessorKey ? k[x.accessorKey] : null
+              className: `px-6 py-4 ${h.className || ""}`,
+              children: h.cell ? h.cell(k) : h.accessorKey ? k[h.accessorKey] : null
             },
-            N
+            v
           ))
         },
         k.id
@@ -4684,7 +4685,7 @@ function Et({
   use24Hour: a = !1,
   darkMode: A
 }) {
-  const [d, w] = z(!1), [y, k] = z(12), [x, N] = z(0), [G, v] = z("AM"), [C, O] = z({
+  const [d, w] = z(!1), [y, k] = z(12), [h, v] = z(0), [G, C] = z("AM"), [N, O] = z({
     top: 0,
     left: 0,
     width: 0
@@ -4701,7 +4702,7 @@ function Et({
   ee(() => {
     if (d && o) {
       const [f, Q] = o.split(":").map(Number);
-      a ? (k(f), N(Q)) : (v(f >= 12 ? "PM" : "AM"), k(f === 0 ? 12 : f > 12 ? f - 12 : f), N(Q));
+      a ? (k(f), v(Q)) : (C(f >= 12 ? "PM" : "AM"), k(f === 0 ? 12 : f > 12 ? f - 12 : f), v(Q));
     }
     d && S();
   }, [d, o, a, S]), ee(() => {
@@ -4714,8 +4715,8 @@ function Et({
   const F = (f, Q, R) => {
     let L = f;
     return a || (R === "AM" ? L = f === 12 ? 0 : f : L = f === 12 ? 12 : f + 12), `${String(L).padStart(2, "0")}:${String(Q).padStart(2, "0")}`;
-  }, h = () => {
-    n(F(y, x, G)), w(!1);
+  }, x = () => {
+    n(F(y, h, G)), w(!1);
   };
   ee(() => {
     const f = (Q) => {
@@ -4736,9 +4737,9 @@ function Et({
       className: "timepicker-dropdown-portal",
       style: {
         position: "absolute",
-        top: C.top,
-        left: C.left,
-        width: C.width,
+        top: N.top,
+        left: N.left,
+        width: N.width,
         zIndex: 99999
       },
       children: [
@@ -4766,7 +4767,7 @@ function Et({
         /* @__PURE__ */ r.jsxs("div", { className: "timepicker-display", children: [
           /* @__PURE__ */ r.jsx("span", { className: "time-value", children: String(y).padStart(2, "0") }),
           /* @__PURE__ */ r.jsx("span", { className: "time-separator", children: ":" }),
-          /* @__PURE__ */ r.jsx("span", { className: "time-value", children: String(x).padStart(2, "0") }),
+          /* @__PURE__ */ r.jsx("span", { className: "time-value", children: String(h).padStart(2, "0") }),
           !a && /* @__PURE__ */ r.jsx("span", { className: "time-period", children: G })
         ] }),
         /* @__PURE__ */ r.jsxs("div", { className: "timepicker-columns", children: [
@@ -4789,8 +4790,8 @@ function Et({
               "button",
               {
                 type: "button",
-                onClick: () => N(f),
-                className: `time-option ${x === f ? "selected" : ""}`,
+                onClick: () => v(f),
+                className: `time-option ${h === f ? "selected" : ""}`,
                 children: String(f).padStart(2, "0")
               },
               f
@@ -4803,7 +4804,7 @@ function Et({
                 "button",
                 {
                   type: "button",
-                  onClick: () => v("AM"),
+                  onClick: () => C("AM"),
                   className: `time-option period-option ${G === "AM" ? "selected" : ""}`,
                   children: "AM"
                 }
@@ -4812,7 +4813,7 @@ function Et({
                 "button",
                 {
                   type: "button",
-                  onClick: () => v("PM"),
+                  onClick: () => C("PM"),
                   className: `time-option period-option ${G === "PM" ? "selected" : ""}`,
                   children: "PM"
                 }
@@ -4820,7 +4821,7 @@ function Et({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: h, className: "done-button", children: "Done" })
+        /* @__PURE__ */ r.jsx("button", { type: "button", onClick: x, className: "done-button", children: "Done" })
       ]
     }
   ) });
@@ -5165,11 +5166,11 @@ function It({
   // minDate,
   // maxDate,
 }) {
-  const [d, w] = z(!1), [y, k] = z("date"), [x, N] = z(/* @__PURE__ */ new Date()), [G, v] = z((/* @__PURE__ */ new Date()).getMonth()), [C, O] = z((/* @__PURE__ */ new Date()).getFullYear()), [U, Z] = z({
+  const [d, w] = z(!1), [y, k] = z("date"), [h, v] = z(/* @__PURE__ */ new Date()), [G, C] = z((/* @__PURE__ */ new Date()).getMonth()), [N, O] = z((/* @__PURE__ */ new Date()).getFullYear()), [U, Z] = z({
     top: 0,
     left: 0,
     width: 0
-  }), J = oe(null), E = oe(null), S = oe(null), F = A ?? q.ENABLE_DARK_MODE, h = [
+  }), J = oe(null), E = oe(null), S = oe(null), F = A ?? q.ENABLE_DARK_MODE, x = [
     "January",
     "February",
     "March",
@@ -5189,7 +5190,7 @@ function It({
   ee(() => {
     if (n) {
       const g = new Date(n);
-      d || (N(g), v(g.getMonth()), O(g.getFullYear()));
+      d || (v(g), C(g.getMonth()), O(g.getFullYear()));
     }
   }, [n, d]);
   const V = Ge(() => {
@@ -5203,7 +5204,7 @@ function It({
     }
   }, []);
   ee(() => {
-    d && (V(), v(x.getMonth()), O(x.getFullYear()));
+    d && (V(), C(h.getMonth()), O(h.getFullYear()));
   }, [d, V]), ee(() => {
     if (!d) return;
     const g = () => V();
@@ -5223,17 +5224,17 @@ function It({
     const te = String(g.getMinutes()).padStart(2, "0"), or = P >= 12 ? "PM" : "AM";
     return P = P % 12, P = P || 12, `${M}-${Y}-${$} ${P}:${te} ${or}`;
   }, X = (g, M) => new Date(M, g + 1, 0).getDate(), f = (g, M) => new Date(M, g, 1).getDay(), Q = (g) => {
-    const M = new Date(x);
-    M.setFullYear(C), M.setMonth(G), M.setDate(g), N(M);
-  }, R = (g) => g === x.getDate() && G === x.getMonth() && C === x.getFullYear(), L = (g) => {
+    const M = new Date(h);
+    M.setFullYear(N), M.setMonth(G), M.setDate(g), v(M);
+  }, R = (g) => g === h.getDate() && G === h.getMonth() && N === h.getFullYear(), L = (g) => {
     const M = /* @__PURE__ */ new Date();
-    return g === M.getDate() && G === M.getMonth() && C === M.getFullYear();
+    return g === M.getDate() && G === M.getMonth() && N === M.getFullYear();
   }, K = () => {
-    G === 0 ? (v(11), O(C - 1)) : v(G - 1);
+    G === 0 ? (C(11), O(N - 1)) : C(G - 1);
   }, b = () => {
-    G === 11 ? (v(0), O(C + 1)) : v(G + 1);
+    G === 11 ? (C(0), O(N + 1)) : C(G + 1);
   }, ne = Array.from({ length: 12 }, (g, M) => M + 1), ae = Array.from({ length: 60 }, (g, M) => M), l = (g, M) => {
-    const Y = new Date(x);
+    const Y = new Date(h);
     let $ = Y.getHours();
     if (g === "hour") {
       const P = M, te = $ >= 12;
@@ -5244,12 +5245,12 @@ function It({
       const P = M === "PM", te = $ % 12 || 12;
       P && te !== 12 ? Y.setHours(te + 12) : P && te === 12 ? Y.setHours(12) : !P && te === 12 ? Y.setHours(0) : Y.setHours(te);
     }
-    N(Y);
-  }, c = x.getHours() % 12 || 12, m = x.getMinutes(), D = x.getHours() >= 12 ? "PM" : "AM", I = () => {
-    s(x.getTime()), w(!1);
+    v(Y);
+  }, c = h.getHours() % 12 || 12, m = h.getMinutes(), D = h.getHours() >= 12 ? "PM" : "AM", I = () => {
+    s(h.getTime()), w(!1);
   }, _ = () => {
     const g = /* @__PURE__ */ new Date();
-    N(g), v(g.getMonth()), O(g.getFullYear());
+    v(g), C(g.getMonth()), O(g.getFullYear());
   }, B = d && /* @__PURE__ */ r.jsx("div", { className: F ? "dark" : "", children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -5318,15 +5319,15 @@ function It({
                   "select",
                   {
                     value: G,
-                    onChange: (g) => v(Number(g.target.value)),
+                    onChange: (g) => C(Number(g.target.value)),
                     className: "month-select",
-                    children: h.map((g, M) => /* @__PURE__ */ r.jsx("option", { value: M, children: g }, g))
+                    children: x.map((g, M) => /* @__PURE__ */ r.jsx("option", { value: M, children: g }, g))
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
                   "select",
                   {
-                    value: C,
+                    value: N,
                     onChange: (g) => O(Number(g.target.value)),
                     className: "year-select",
                     children: H.map((g) => /* @__PURE__ */ r.jsx("option", { value: g, children: g }, g))
@@ -5363,10 +5364,10 @@ function It({
             /* @__PURE__ */ r.jsx("div", { className: "day-names", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((g) => /* @__PURE__ */ r.jsx("div", { className: "day-name", children: g }, g)) }),
             /* @__PURE__ */ r.jsxs("div", { className: "calendar-grid", children: [
               Array.from({
-                length: f(G, C)
+                length: f(G, N)
               }).map((g, M) => /* @__PURE__ */ r.jsx("div", { className: "calendar-day empty" }, `empty-${M}`)),
               Array.from({
-                length: X(G, C)
+                length: X(G, N)
               }).map((g, M) => {
                 const Y = M + 1, $ = R(Y), P = L(Y);
                 return /* @__PURE__ */ r.jsx(