@lzzjokerzzl/react-ui-components 1.4.4 → 1.4.6

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as h, Fragment as Ve, jsxs as F } from "react/jsx-runtime";
+import { jsx as h, Fragment as Se, jsxs as F } from "react/jsx-runtime";
 import * as Hr from "react";
 import Pe, { createContext as Ce, useRef as Y, useLayoutEffect as cd, useEffect as q, useId as Xr, useContext as ce, useInsertionEffect as ls, useMemo as G, useCallback as _, Children as cs, isValidElement as ti, useState as U, Fragment as ri, createElement as dd, forwardRef as oe, Component as ud, useReducer as fd } from "react";
 import { useLocation as ni, Link as hd, useNavigate as pd } from "react-router";
@@ -21,11 +21,11 @@ function Pn(e, t) {
   return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
 }
 let Ot = () => {
-}, Se = () => {
+}, Ae = () => {
 };
 process.env.NODE_ENV !== "production" && (Ot = (e, t, r) => {
   !e && typeof console < "u" && console.warn(Pn(t, r));
-}, Se = (e, t, r) => {
+}, Ae = (e, t, r) => {
   if (!e)
     throw new Error(Pn(t, r));
 });
@@ -111,11 +111,11 @@ const yi = (e) => Array.isArray(e) && typeof e[0] == "number", oa = {
   anticipate: fi
 }, kd = (e) => typeof e == "string", ia = (e) => {
   if (yi(e)) {
-    Se(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    Ae(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, r, n, s] = e;
     return mr(t, r, n, s);
   } else if (kd(e))
-    return Se(oa[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), oa[e];
+    return Ae(oa[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), oa[e];
   return e;
 }, Cr = [
   "setup",
@@ -636,7 +636,7 @@ function nu(e, t, r) {
 }
 function Ss(e, t, { clamp: r = !0, ease: n, mixer: s } = {}) {
   const a = e.length;
-  if (Se(a === t.length, "Both input and output ranges must be the same length", "range-length"), a === 1)
+  if (Ae(a === t.length, "Both input and output ranges must be the same length", "range-length"), a === 1)
     return () => t[0];
   if (a === 2 && t[0] === t[1])
     return () => t[1];
@@ -741,7 +741,7 @@ class Jr extends Ps {
     const { type: r = Mt, repeat: n = 0, repeatDelay: s = 0, repeatType: a, velocity: o = 0 } = t;
     let { keyframes: i } = t;
     const l = r || Mt;
-    process.env.NODE_ENV !== "production" && l !== Mt && Se(i.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${i}`, "spring-two-frames"), l !== Mt && typeof i[0] != "number" && (this.mixKeyframes = pr(lu, Vi(i[0], i[1])), i = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Mt && Ae(i.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${i}`, "spring-two-frames"), l !== Mt && typeof i[0] != "number" && (this.mixKeyframes = pr(lu, Vi(i[0], i[1])), i = [0, 100]);
     const c = l({ ...t, keyframes: i });
     a === "mirror" && (this.mirroredGenerator = l({
       ...t,
@@ -1068,7 +1068,7 @@ class Tu extends Ps {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: r, name: n, keyframes: s, pseudoElement: a, allowFlatten: o = !1, finalKeyframe: i, onComplete: l } = t;
-    this.isPseudoElement = !!a, this.allowFlatten = o, this.options = t, Se(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    this.isPseudoElement = !!a, this.allowFlatten = o, this.options = t, Ae(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
     const c = Cu(t);
     this.animation = ku(r, n, s, c, a), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !a) {
@@ -1413,7 +1413,7 @@ function Ou(e) {
 }
 const $u = 4;
 function $i(e, t, r = 1) {
-  Se(r <= $u, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  Ae(r <= $u, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [n, s] = Ou(e);
   if (!n)
     return;
@@ -2180,7 +2180,7 @@ const Je = ({ children: e, custom: t, initial: r = !0, onExitComplete: n, presen
   }
   process.env.NODE_ENV !== "production" && a === "wait" && b.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: C } = ce(us);
-  return h(Ve, { children: b.map((T) => {
+  return h(Se, { children: b.map((T) => {
     const S = Sr(T), k = o && !c ? !1 : u === b || f.includes(S), P = () => {
       if (x.has(S))
         x.set(S, !0);
@@ -2674,7 +2674,7 @@ function Qf(e, t) {
   const r = ce(Qi).strict;
   if (process.env.NODE_ENV !== "production" && t && r) {
     const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? Ot(!1, n, "lazy-strict-mode") : Se(!1, n, "lazy-strict-mode");
+    e.ignoreStrict ? Ot(!1, n, "lazy-strict-mode") : Ae(!1, n, "lazy-strict-mode");
   }
 }
 function e0(e) {
@@ -3805,7 +3805,7 @@ class Z0 {
     if (!t || !It(t))
       return !1;
     const n = t.current;
-    Se(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    Ae(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: s } = this.visualElement;
     if (!s || !s.layout)
       return !1;
@@ -5189,7 +5189,7 @@ function Ul({ container: e, target: t, ...r } = {}) {
       return o();
   }, [o]), q(() => {
     if (a.current)
-      return Se(!Vr(e), "Container ref is defined but not hydrated", "use-scroll-ref"), Se(!Vr(t), "Target ref is defined but not hydrated", "use-scroll-ref"), o();
+      return Ae(!Vr(e), "Container ref is defined but not hydrated", "use-scroll-ref"), Ae(!Vr(t), "Target ref is defined but not hydrated", "use-scroll-ref"), o();
   }, [o]), n;
 }
 function Hs(e) {
@@ -5262,7 +5262,7 @@ function bp() {
       return t.add(n), () => void t.delete(n);
     },
     start(n, s) {
-      Se(e, "controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");
+      Ae(e, "controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");
       const a = [];
       return t.forEach((o) => {
         a.push(Sl(o, n, {
@@ -5271,7 +5271,7 @@ function bp() {
       }), Promise.all(a);
     },
     set(n) {
-      return Se(e, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."), t.forEach((s) => {
+      return Ae(e, "controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."), t.forEach((s) => {
         gp(s, n);
       });
     },
@@ -5358,7 +5358,7 @@ function Sp(e, { defaultTransition: t = {}, ...r } = {}, n, s) {
       B.length === 1 && B[0] === 0 && (B[1] = 1);
       const j = B.length - P.length;
       if (j > 0 && Ii(B, j), P.length === 1 && P.unshift(null), R) {
-        Se(R < Tp, "Repeat count too high, must be less than 20", "repeat-count-high"), A = yp(A, R);
+        Ae(R < Tp, "Repeat count too high, must be less than 20", "repeat-count-high"), A = yp(A, R);
         const W = [...P], ne = [...B];
         M = Array.isArray(M) ? [...M] : [M];
         const ee = [...M];
@@ -5497,10 +5497,10 @@ function Xl(e, t, r, n) {
     s.push(Bl(e, Xs(t) && t.default || t, r && (r.default || r)));
   else {
     const a = Hl(e, t, n), o = a.length;
-    Se(!!o, "No valid elements provided.", "no-valid-elements");
+    Ae(!!o, "No valid elements provided.", "no-valid-elements");
     for (let i = 0; i < o; i++) {
       const l = a[i];
-      Se(l !== null, "You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.", "animate-null");
+      Ae(l !== null, "You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.", "animate-null");
       const c = l instanceof Element ? Np : Dp;
       dr.has(l) || c(l);
       const d = dr.get(l), u = { ...r };
@@ -6279,7 +6279,7 @@ const tc = ({
     ];
     return x === "splitted" && R.push("border rounded-lg overflow-hidden"), R.filter(Boolean).join(" ").trim();
   }, [k, P, V, l, x]);
-  return /* @__PURE__ */ F(Ve, { children: [
+  return /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ F(
       "div",
       {
@@ -6636,7 +6636,7 @@ const Qp = {
   } catch (n) {
     console.warn("Error handling animation event:", n);
   }
-}, ht = (e) => ({}), jo = (e) => e.startsWith(">") ? `:scope ${e}` : e, qx = ({
+}, ht = (e) => ({}), jo = (e) => e.startsWith(">") ? `:scope ${e}` : e, Jx = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -6729,7 +6729,7 @@ const Qp = {
       children: e
     }
   );
-}, Zx = ({
+}, Qx = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -6826,7 +6826,7 @@ const Qp = {
       children: e
     }
   );
-}, Jx = ({
+}, ev = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -6929,7 +6929,7 @@ const Qp = {
       children: e
     }
   );
-}, Qx = ({
+}, tv = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -7027,7 +7027,7 @@ const Qp = {
       children: e
     }
   );
-}, ev = ({
+}, rv = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -7124,7 +7124,7 @@ const Qp = {
       children: e
     }
   );
-}, tv = ({
+}, nv = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -7228,7 +7228,7 @@ const Qp = {
       children: I()
     }
   );
-}, rv = ({
+}, sv = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -7351,7 +7351,7 @@ const Qp = {
       children: e
     }
   );
-}, nv = (e) => {
+}, av = (e) => {
   const [t, r] = U(0), n = at();
   return {
     currentIndex: t,
@@ -7368,7 +7368,7 @@ const Qp = {
       i >= 0 && i < e.length && (r(i), n.start(`morph${i}`));
     }
   };
-}, sv = ({
+}, ov = ({
   children: e,
   trigger: t = "inView",
   delay: r = 0,
@@ -7499,7 +7499,7 @@ const Qp = {
       children: e
     }
   );
-}, av = (e) => {
+}, iv = (e) => {
   const { scrollY: t } = Ul(), [r, n] = U(!1), s = ot(), {
     speed: a = 0.5,
     direction: o = "vertical",
@@ -7647,7 +7647,7 @@ const Qp = {
     y: 0,
     opacity: 0
   }
-}, ov = ({
+}, lv = ({
   children: e,
   className: t = "",
   delay: r = 0,
@@ -7698,7 +7698,7 @@ const Qp = {
       children: e
     }
   );
-}, iv = ({
+}, cv = ({
   children: e,
   className: t = "",
   delay: r = 0,
@@ -7748,7 +7748,7 @@ const Qp = {
       children: e
     }
   );
-}, lv = ({
+}, dv = ({
   children: e,
   className: t = "",
   delay: r = 0,
@@ -7802,7 +7802,7 @@ const Qp = {
       children: e
     }
   );
-}, cv = ({
+}, uv = ({
   children: e,
   className: t = "",
   delay: r = 0,
@@ -7856,7 +7856,7 @@ const Qp = {
       children: e
     }
   );
-}, dv = ({
+}, fv = ({
   children: e,
   className: t = "",
   delay: r = 0,
@@ -7908,7 +7908,7 @@ const Qp = {
       children: e
     }
   );
-}, uv = ({
+}, hv = ({
   children: e,
   className: t = "",
   staggerDelay: r = 0.1,
@@ -11897,7 +11897,7 @@ const xg = J({
     isInvisible: c,
     disableAnimation: d
   }), [r, n, s, a, o, x, l, c, d]);
-  return !t && e ? /* @__PURE__ */ h(Ve, { children: e }) : t && !e ? /* @__PURE__ */ h(
+  return !t && e ? /* @__PURE__ */ h(Se, { children: e }) : t && !e ? /* @__PURE__ */ h(
     "span",
     {
       ref: m,
@@ -12548,7 +12548,7 @@ const Zs = ({
     handlePress: u,
     shouldRenderAsLink: f,
     otherProps: p
-  } = Tg(e), m = /* @__PURE__ */ F(Ve, { children: [
+  } = Tg(e), m = /* @__PURE__ */ F(Se, { children: [
     i,
     /* @__PURE__ */ h("span", { children: r }),
     l
@@ -12565,11 +12565,11 @@ const Zs = ({
   };
   if (f) {
     if (s)
-      return /* @__PURE__ */ h(Ve, { children: /* @__PURE__ */ h(Zs, { to: s, className: d.link({ className: c }), onClick: u, children: m }) });
+      return /* @__PURE__ */ h(Se, { children: /* @__PURE__ */ h(Zs, { to: s, className: d.link({ className: c }), onClick: u, children: m }) });
     if (n)
-      return /* @__PURE__ */ h(Ve, { children: /* @__PURE__ */ h("a", { href: n, ...x, children: m }) });
+      return /* @__PURE__ */ h(Se, { children: /* @__PURE__ */ h("a", { href: n, ...x, children: m }) });
   }
-  return /* @__PURE__ */ h(Ve, { children: /* @__PURE__ */ h("span", { ...x, role: "link", children: m }) });
+  return /* @__PURE__ */ h(Se, { children: /* @__PURE__ */ h("span", { ...x, role: "link", children: m }) });
 });
 Sg.displayName = "BreadcrumbItem";
 const Ag = {
@@ -12918,7 +12918,7 @@ const Mg = {
       ]
     }
   );
-}, fv = ({
+}, pv = ({
   children: e,
   className: t = "",
   size: r = "md",
@@ -12955,7 +12955,7 @@ const Mg = {
     "data-testid": n,
     children: e
   }
-), hv = ({
+), mv = ({
   children: e,
   className: t = "",
   "data-testid": r
@@ -13011,7 +13011,7 @@ const Mg = {
 })[e][t], Hg = (e = !1, t = !1, r = !1) => {
   let n = "";
   return r ? "opacity-50 cursor-not-allowed" : (e && (n += "cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:focus:ring-blue-400 dark:focus:ring-offset-gray-800 "), (t || e) && (n += "transition-all duration-200 ease-in-out "), n.trim());
-}, pv = ({
+}, gv = ({
   children: e,
   className: t = "",
   size: r = "md",
@@ -13046,7 +13046,7 @@ const Mg = {
       children: e
     }
   );
-}, mv = ({
+}, bv = ({
   children: e,
   className: t = "",
   "data-testid": r
@@ -13057,11 +13057,11 @@ const Mg = {
     "data-testid": r,
     children: e
   }
-), gv = ({
+), yv = ({
   children: e,
   className: t = "",
   "data-testid": r
-}) => /* @__PURE__ */ h("div", { className: `flex-grow ${t}`, "data-testid": r, children: e }), bv = ({
+}) => /* @__PURE__ */ h("div", { className: `flex-grow ${t}`, "data-testid": r, children: e }), xv = ({
   children: e,
   className: t = "",
   "data-testid": r
@@ -13146,7 +13146,7 @@ const Mg = {
   Js[e].label,
   t ? "text-gray-400 cursor-not-allowed" : "text-gray-700",
   r && n ? "line-through" : ""
-].filter(Boolean).join(" "), Qg = (e = !1) => ["inline-flex items-center", e ? "opacity-60" : ""].filter(Boolean).join(" "), eb = () => "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10", yv = ({
+].filter(Boolean).join(" "), Qg = (e = !1) => ["inline-flex items-center", e ? "opacity-60" : ""].filter(Boolean).join(" "), eb = () => "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10", vv = ({
   children: e,
   icon: t,
   value: r,
@@ -13459,42 +13459,42 @@ const Mg = {
       variant: "bordered",
       color: "default",
       class: {
-        base: "border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-200"
+        base: "bg-gray-100 border-gray-300 text-gray-700 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-200"
       }
     },
     {
       variant: "bordered",
       color: "primary",
       class: {
-        base: "border-blue-500 text-blue-600 dark:border-blue-400 dark:text-blue-400"
+        base: "bg-blue-100 border-blue-500 text-blue-700 dark:bg-blue-900/30 dark:border-blue-400 dark:text-blue-300"
       }
     },
     {
       variant: "bordered",
       color: "secondary",
       class: {
-        base: "border-purple-500 text-purple-600 dark:border-purple-400 dark:text-purple-400"
+        base: "bg-purple-100 border-purple-500 text-purple-700 dark:bg-purple-900/30 dark:border-purple-400 dark:text-purple-300"
       }
     },
     {
       variant: "bordered",
       color: "success",
       class: {
-        base: "border-green-500 text-green-600 dark:border-green-400 dark:text-green-400"
+        base: "bg-green-100 border-green-500 text-green-700 dark:bg-green-900/30 dark:border-green-400 dark:text-green-300"
       }
     },
     {
       variant: "bordered",
       color: "warning",
       class: {
-        base: "border-yellow-500 text-yellow-600 dark:border-yellow-400 dark:text-yellow-400"
+        base: "bg-yellow-100 border-yellow-500 text-yellow-700 dark:bg-yellow-900/30 dark:border-yellow-400 dark:text-yellow-300"
       }
     },
     {
       variant: "bordered",
       color: "danger",
       class: {
-        base: "border-red-500 text-red-600 dark:border-red-400 dark:text-red-400"
+        base: "bg-red-100 border-red-500 text-red-700 dark:bg-red-900/30 dark:border-red-400 dark:text-red-300"
       }
     },
     // Light variants
@@ -13807,7 +13807,7 @@ const Qs = {
 }, ib = (e = !1) => ["relative inline-block", e ? "overflow-hidden cursor-pointer transition-transform duration-300 ease-in-out hover:scale-105" : ""].filter(Boolean).join(" "), lb = (e = "lg", t = "none", r = !1) => {
   const n = Qs[e], s = ob[t];
   return ["relative z-10 max-w-full h-auto object-cover", n, s, r ? "opacity-0 transition-opacity duration-500 ease-in-out" : "opacity-100 transition-opacity duration-500 ease-in-out"].filter(Boolean).join(" ");
-}, cb = (e = "lg") => ["absolute inset-0 w-full h-full object-cover blur-2xl scale-125 opacity-70 z-0", Qs[e]].filter(Boolean).join(" "), db = (e = "lg") => ["animate-pulse bg-gray-200 dark:bg-gray-700", Qs[e]].filter(Boolean).join(" "), xv = ({
+}, cb = (e = "lg") => ["absolute inset-0 w-full h-full object-cover blur-2xl scale-125 opacity-70 z-0", Qs[e]].filter(Boolean).join(" "), db = (e = "lg") => ["animate-pulse bg-gray-200 dark:bg-gray-700", Qs[e]].filter(Boolean).join(" "), wv = ({
   src: e,
   srcSet: t,
   sizes: r,
@@ -13875,7 +13875,7 @@ const Qs = {
     }
   );
   if (f)
-    return /* @__PURE__ */ F(Ve, { children: [
+    return /* @__PURE__ */ F(Se, { children: [
       I,
       !v && D
     ] });
@@ -13894,7 +13894,7 @@ const Qs = {
       "data-testid": `${b}-wrapper`,
       children: [
         I,
-        !v && /* @__PURE__ */ F(Ve, { children: [
+        !v && /* @__PURE__ */ F(Se, { children: [
           L,
           D
         ] })
@@ -14208,7 +14208,7 @@ const Qs = {
     "aria-describedby": j,
     ...Z
   }, W) => {
-    const [ne, ee] = U(i || ""), [re, de] = U(!1), [fe, Re] = U(!1), [we, mt] = U([]), He = Y(null), ue = o !== void 0, Be = ue ? o : ne, Ae = Be && Be.length > 0, it = Ae || re, Xe = m === "password", on = Xe && fe ? "text" : m, kr = V !== void 0, je = (C || we.length > 0) && !v, se = `input-label-${Math.random().toString(36).substring(2, 11)}`, be = r ? `input-description-${Math.random().toString(36).substring(2, 11)}` : void 0, Te = je ? `input-error-${Math.random().toString(36).substring(2, 11)}` : void 0;
+    const [ne, ee] = U(i || ""), [re, de] = U(!1), [fe, Re] = U(!1), [we, mt] = U([]), He = Y(null), ue = o !== void 0, Be = ue ? o : ne, Ve = Be && Be.length > 0, it = Ve || re, Xe = m === "password", on = Xe && fe ? "text" : m, kr = V !== void 0, je = (C || we.length > 0) && !v, se = `input-label-${Math.random().toString(36).substring(2, 11)}`, be = r ? `input-description-${Math.random().toString(36).substring(2, 11)}` : void 0, Te = je ? `input-error-${Math.random().toString(36).substring(2, 11)}` : void 0;
     q(() => {
       if (kr || b || x || y || g) {
         const _e = Sb(Be, {
@@ -14289,7 +14289,7 @@ const Qs = {
           validationErrors: we,
           validationDetails: {
             valid: we.length === 0,
-            valueMissing: b && !Ae,
+            valueMissing: b && !Ve,
             tooShort: x ? Be.length < x : void 0,
             tooLong: y ? Be.length > y : void 0,
             patternMismatch: g ? !new RegExp(g).test(Be) : void 0
@@ -14298,7 +14298,7 @@ const Qs = {
         return n(_e);
       }
       return n || (we.length > 0 ? we[0] : null);
-    }, od = () => !T || !Ae || v || w ? null : /* @__PURE__ */ h(
+    }, od = () => !T || !Ve || v || w ? null : /* @__PURE__ */ h(
       "button",
       {
         type: "button",
@@ -15004,7 +15004,7 @@ const Lb = oe(
   }
 );
 Lb.displayName = "ModalFooter";
-function vv(e = {}) {
+function kv(e = {}) {
   const {
     isOpen: t,
     defaultOpen: r = !1,
@@ -16213,7 +16213,7 @@ const xr = {
 }[e] : "bg-gray-200 border-gray-200 hover:bg-gray-300", ay = (e = !1) => `inline-flex items-center gap-2 cursor-pointer select-none ${e ? "cursor-not-allowed opacity-60" : ""}`.trim(), oy = (e = "md", t = "primary", r = !1, n = !1, s = !1) => {
   const a = xr[e].wrapper, o = sy(t, r, n);
   return `relative inline-flex shrink-0 border-2 rounded-full cursor-pointer ${a} ${o} ${s ? "" : "transition-colors duration-200 ease-in-out"} focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-blue-500`.trim();
-}, iy = (e = "md", t = !1) => `font-medium ${xr[e].label} ${t ? "text-gray-400" : "text-gray-900"}`.trim(), Ko = (e = "md", t = !1) => `flex items-center justify-center ${xr[e].startContent} ${t ? "text-gray-400" : "text-gray-600"}`.trim(), ly = (e = "md") => `flex items-center justify-center text-gray-400 ${xr[e].thumbIcon}`.trim(), cy = () => "sr-only", wv = ({
+}, iy = (e = "md", t = !1) => `font-medium ${xr[e].label} ${t ? "text-gray-400" : "text-gray-900"}`.trim(), Ko = (e = "md", t = !1) => `flex items-center justify-center ${xr[e].startContent} ${t ? "text-gray-400" : "text-gray-600"}`.trim(), ly = (e = "md") => `flex items-center justify-center text-gray-400 ${xr[e].thumbIcon}`.trim(), cy = () => "sr-only", Cv = ({
   children: e,
   value: t,
   name: r,
@@ -16454,7 +16454,7 @@ const xr = {
   if (!e)
     throw new Error("Table components must be used within a Table component");
   return e;
-}, kv = ({
+}, Tv = ({
   children: e,
   className: t = "",
   color: r = "default",
@@ -16588,7 +16588,7 @@ const xr = {
     ),
     mt && /* @__PURE__ */ h("div", { className: "table-bottom-content mt-4", children: g })
   ] }) });
-}, Cv = ({
+}, Sv = ({
   children: e,
   className: t = "",
   columns: r,
@@ -16777,7 +16777,7 @@ const xr = {
       children: e
     }
   );
-}, Tv = ({
+}, Av = ({
   children: e,
   className: t = "",
   items: r,
@@ -17052,15 +17052,17 @@ function Ry(e, t) {
       return e;
   }
 }
-const Sv = ({
+const Vv = ({
   children: e,
   position: t = "top-right",
   maxToasts: r = 5,
-  defaultDuration: n = 5e3
+  defaultDuration: n = 5e3,
+  className: s = "",
+  viewport: a = !0
 }) => {
-  const [s, a] = fd(Ry, []), o = _(
-    (u) => {
-      const f = Dy(), p = {
+  const [o, i] = fd(Ry, []), l = _(
+    (p) => {
+      const m = Dy(), x = {
         type: "default",
         duration: n,
         closable: !0,
@@ -17068,40 +17070,43 @@ const Sv = ({
         size: "md",
         variant: "solid",
         radius: "md",
-        ...u,
-        id: f
+        ...p,
+        id: m
       };
-      return a({ type: "ADD_TOAST", payload: p }), p.duration && p.duration > 0 && setTimeout(() => {
-        a({ type: "REMOVE_TOAST", payload: f });
-      }, p.duration), f;
+      return i({ type: "ADD_TOAST", payload: x }), x.duration && x.duration > 0 && setTimeout(() => {
+        i({ type: "REMOVE_TOAST", payload: m });
+      }, x.duration), m;
     },
     [n, t]
-  ), i = _((u) => {
-    a({ type: "REMOVE_TOAST", payload: u });
-  }, []), l = _(() => {
-    a({ type: "REMOVE_ALL_TOASTS" });
-  }, []), c = _((u, f) => {
-    a({ type: "UPDATE_TOAST", payload: { id: u, updates: f } });
+  ), c = _((p) => {
+    i({ type: "REMOVE_TOAST", payload: p });
+  }, []), d = _(() => {
+    i({ type: "REMOVE_ALL_TOASTS" });
+  }, []), u = _((p, m) => {
+    i({ type: "UPDATE_TOAST", payload: { id: p, updates: m } });
   }, []);
   q(() => {
-    s.length > r && s.slice(0, s.length - r).forEach((f) => {
-      a({ type: "REMOVE_TOAST", payload: f.id });
+    o.length > r && o.slice(0, o.length - r).forEach((m) => {
+      i({ type: "REMOVE_TOAST", payload: m.id });
     });
-  }, [s, r]);
-  const d = {
-    toasts: s,
-    addToast: o,
-    removeToast: i,
-    removeAllToasts: l,
-    updateToast: c
+  }, [o, r]);
+  const f = {
+    toasts: o,
+    addToast: l,
+    removeToast: c,
+    removeAllToasts: d,
+    updateToast: u
   };
-  return /* @__PURE__ */ h(Sc.Provider, { value: d, children: e });
+  return /* @__PURE__ */ F(Sc.Provider, { value: f, children: [
+    e,
+    a && /* @__PURE__ */ h(Oy, { className: s, maxToasts: r })
+  ] });
 }, Ac = () => {
   const e = ce(Sc);
   if (e === void 0)
     throw new Error("useToastContext must be used within a ToastProvider");
   return e;
-}, Av = ({
+}, jy = ({
   position: e = "top-right",
   className: t = "",
   maxToasts: r = 5,
@@ -17120,7 +17125,27 @@ const Sv = ({
     u.id
   )) });
   return ds(d, document.body);
-}, Vv = () => {
+}, Oy = ({
+  className: e = "",
+  maxToasts: t = 5,
+  "data-testid": r
+}) => /* @__PURE__ */ h(Se, { children: [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+].map((s) => /* @__PURE__ */ h(
+  jy,
+  {
+    position: s,
+    className: e,
+    maxToasts: t,
+    "data-testid": r ? `${r}-${s}` : void 0
+  },
+  s
+)) }), Pv = () => {
   const { addToast: e, removeToast: t, removeAllToasts: r, updateToast: n } = Ac(), s = _(
     (f, p = {}) => e({
       type: "default",
@@ -17181,7 +17206,7 @@ const Sv = ({
     dismissAll: d,
     update: u
   };
-}, jy = 50, Oy = {
+}, $y = 50, zy = {
   fade: {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
@@ -17280,7 +17305,7 @@ const Sv = ({
     exit: { opacity: 1 },
     transition: { duration: 0 }
   }
-}, $y = J({
+}, Fy = J({
   base: [
     "relative",
     "px-2",
@@ -17345,7 +17370,7 @@ const Sv = ({
     size: "md",
     variant: "dark"
   }
-}), zy = J({
+}), Wy = J({
   base: [
     "absolute",
     "border-solid",
@@ -17512,7 +17537,7 @@ const Sv = ({
     variant: "dark",
     size: "md"
   }
-}), Fy = J({
+}), _y = J({
   base: [
     "fixed",
     "pointer-events-none",
@@ -17546,14 +17571,14 @@ const Sv = ({
     active: !1,
     disabled: !1
   }
-}), Wy = (e, t, r) => {
-  let n = { ...Oy[e] };
+}), Gy = (e, t, r) => {
+  let n = { ...zy[e] };
   if ((e === "shift" || e === "slide" || e === "bounce") && t) {
-    const s = Gy(t), a = Uy[e];
+    const s = Ky(t), a = Hy[e];
     a && a[s] && (n = { ...a[s] });
   }
   return n;
-}, _y = (e) => qo[e] || qo.fade, Gy = (e) => e.startsWith("top") ? "top" : e.startsWith("bottom") ? "bottom" : e.startsWith("left") ? "left" : e.startsWith("right") ? "right" : "top", Uy = {
+}, Uy = (e) => qo[e] || qo.fade, Ky = (e) => e.startsWith("top") ? "top" : e.startsWith("bottom") ? "bottom" : e.startsWith("left") ? "left" : e.startsWith("right") ? "right" : "top", Hy = {
   shift: {
     top: {
       initial: { opacity: 0, y: 8, scale: 0.98 },
@@ -17741,7 +17766,7 @@ const Sv = ({
     exit: { opacity: 1 },
     transition: { duration: 0 }
   }
-}, Ky = {
+}, Xy = {
   enter: 0.15
 }, Vc = 700, Pc = 300, Mc = !1, Ec = Ce({
   delayDuration: Vc,
@@ -17750,7 +17775,7 @@ const Sv = ({
   isPointerInTransit: !1,
   setIsPointerInTransit: () => {
   }
-}), Hy = () => ce(Ec), Pv = ({
+}), Yy = () => ce(Ec), Mv = ({
   children: e,
   delayDuration: t = Vc,
   skipDelayDuration: r = Pc,
@@ -17787,7 +17812,7 @@ const Sv = ({
   r.includes("-start") ? r.startsWith("top") || r.startsWith("bottom") ? i = s.left + n.crossAxis : l = s.top + n.crossAxis : r.includes("-end") && (r.startsWith("top") || r.startsWith("bottom") ? i = s.right - a.width - n.crossAxis : l = s.bottom - a.height - n.crossAxis);
   let c = r;
   return i < 8 ? i = 8 : i + a.width > o.width - 8 && (i = o.width - a.width - 8), l < 8 ? r.startsWith("top") && s.bottom + a.height + n.mainAxis < o.height ? (c = r.replace("top", "bottom"), l = s.bottom + n.mainAxis) : l = 8 : l + a.height > o.height - 8 && (r.startsWith("bottom") && s.top - a.height - n.mainAxis > 0 ? (c = r.replace("bottom", "top"), l = s.top - a.height - n.mainAxis) : l = o.height - a.height - 8), { x: i, y: l, placement: c };
-}, Xy = (e) => {
+}, qy = (e) => {
   const {
     placement: t = "top",
     trigger: r = "hover",
@@ -17797,7 +17822,7 @@ const Sv = ({
     onOpenChange: o,
     delay: i,
     offset: l = { mainAxis: 8, crossAxis: 0 }
-  } = e, c = Hy(), d = {
+  } = e, c = Yy(), d = {
     show: i?.show ?? (r === "hover" ? c?.delayDuration ?? 700 : 0),
     hide: i?.hide ?? (r === "hover" ? 150 : 0)
   }, u = {
@@ -17881,12 +17906,12 @@ const Sv = ({
     closeTooltip: V,
     toggleTooltip: B
   };
-}, Yy = ({ variant: e = "dark", size: t = "md", placement: r, animation: n = "fade", className: s }) => {
-  const a = _y(n);
+}, Zy = ({ variant: e = "dark", size: t = "md", placement: r, animation: n = "fade", className: s }) => {
+  const a = Uy(n);
   return /* @__PURE__ */ h(
     K.div,
     {
-      className: zy({
+      className: Wy({
         placement: r,
         variant: e,
         size: t,
@@ -17898,7 +17923,7 @@ const Sv = ({
       transition: a.transition
     }
   );
-}, qy = ({
+}, Jy = ({
   content: e,
   variant: t = "dark",
   size: r = "md",
@@ -17911,14 +17936,14 @@ const Sv = ({
   position: c,
   onRef: d
 }) => {
-  const u = () => Wy(n, c.placement);
+  const u = () => Gy(n, c.placement);
   return /* @__PURE__ */ h(Je, { children: l && /* @__PURE__ */ F(
     K.div,
     {
       ref: d,
       id: i,
       role: "tooltip",
-      className: $y({ size: r, variant: t, className: a }),
+      className: Fy({ size: r, variant: t, className: a }),
       style: {
         position: "fixed",
         left: c.x,
@@ -17929,13 +17954,13 @@ const Sv = ({
       animate: u().animate,
       exit: u().exit,
       transition: {
-        duration: Ky.enter,
+        duration: Xy.enter,
         ease: "easeOut"
       },
       children: [
         e,
         s?.enabled && /* @__PURE__ */ h(
-          Yy,
+          Zy,
           {
             variant: t,
             size: r,
@@ -17946,7 +17971,7 @@ const Sv = ({
       ]
     }
   ) });
-}, Mv = (e) => {
+}, Ev = (e) => {
   const {
     children: t,
     content: r,
@@ -17960,7 +17985,7 @@ const Sv = ({
     size: d = "md",
     animation: u = "fade",
     arrow: f = { enabled: !0 },
-    zIndex: p = jy,
+    zIndex: p = $y,
     "aria-label": m
   } = e, {
     isOpen: x,
@@ -17969,7 +17994,7 @@ const Sv = ({
     position: b,
     id: v,
     getTriggerProps: w
-  } = Xy(e), C = () => {
+  } = qy(e), C = () => {
     const S = w();
     if (o && ti(t)) {
       const k = t.props, P = {
@@ -18001,10 +18026,10 @@ const Sv = ({
     const S = /* @__PURE__ */ h(
       "div",
       {
-        className: Fy({ visible: x }),
+        className: _y({ visible: x }),
         style: { zIndex: p },
         children: /* @__PURE__ */ h(
-          qy,
+          Jy,
           {
             content: r,
             variant: c,
@@ -18025,11 +18050,11 @@ const Sv = ({
     }
     return S;
   };
-  return /* @__PURE__ */ F(Ve, { children: [
+  return /* @__PURE__ */ F(Se, { children: [
     C(),
     T()
   ] });
-}, Zy = (e = !1) => {
+}, Qy = (e = !1) => {
   const t = [
     "flex items-center gap-3",
     "max-w-fit"
@@ -18044,41 +18069,41 @@ const Sv = ({
     "focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
     "data-[focus-visible]:ring-2 data-[focus-visible]:ring-blue-500"
   ), t.join(" ");
-}, Jy = () => [
+}, ex = () => [
   "flex flex-col",
   "justify-center",
   "min-w-0"
   // Prevents text overflow issues
-].join(" "), Qy = () => [
+].join(" "), tx = () => [
   "text-sm font-medium",
   "text-gray-900 dark:text-white",
   "truncate"
-].join(" "), ex = () => [
+].join(" "), rx = () => [
   "text-xs",
   "text-gray-500 dark:text-gray-400",
   "truncate"
-].join(" "), tx = (e = "md") => ({
+].join(" "), nx = (e = "md") => ({
   sm: "w-8 h-8 text-xs",
   md: "w-10 h-10 text-sm",
   lg: "w-12 h-12 text-base"
-})[e], rx = (e = "default") => ({
+})[e], sx = (e = "default") => ({
   default: "bg-gray-200 text-gray-800 dark:bg-gray-700 dark:text-gray-200",
   primary: "bg-blue-500 text-white",
   secondary: "bg-purple-500 text-white",
   success: "bg-green-500 text-white",
   warning: "bg-yellow-500 text-white",
   danger: "bg-red-500 text-white"
-})[e], nx = (e = "md", t = "default", r = !1, n = !1) => {
+})[e], ax = (e = "md", t = "default", r = !1, n = !1) => {
   const s = [
     "inline-flex items-center justify-center",
     "overflow-hidden",
     "select-none",
     "flex-shrink-0",
-    tx(e),
-    rx(t)
+    nx(e),
+    sx(t)
   ];
   return r ? s.push("rounded-md") : s.push("rounded-full"), n && s.push("opacity-50 cursor-not-allowed"), s.join(" ");
-}, sx = (e) => e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase().slice(0, 2), ax = () => [
+}, ox = (e) => e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase().slice(0, 2), ix = () => [
   "w-full h-full",
   "object-cover",
   "rounded-inherit"
@@ -18094,7 +18119,7 @@ const Sv = ({
   fallback: l,
   ...c
 }, d) => {
-  const [u, f] = U(!1), m = [nx(n, o, a, i), s].filter(Boolean).join(" "), x = () => {
+  const [u, f] = U(!1), m = [ax(n, o, a, i), s].filter(Boolean).join(" "), x = () => {
     f(!0);
   };
   return /* @__PURE__ */ h(
@@ -18108,10 +18133,10 @@ const Sv = ({
         {
           src: e,
           alt: t || r,
-          className: ax(),
+          className: ix(),
           onError: x
         }
-      ) : r ? /* @__PURE__ */ h("span", { children: sx(r) }) : /* @__PURE__ */ h(
+      ) : r ? /* @__PURE__ */ h("span", { children: ox(r) }) : /* @__PURE__ */ h(
         "svg",
         {
           className: "w-full h-full p-1",
@@ -18131,7 +18156,7 @@ const Sv = ({
   );
 });
 Ic.displayName = "Avatar";
-const ox = oe(({
+const lx = oe(({
   name: e,
   description: t,
   isFocusable: r = !1,
@@ -18142,7 +18167,7 @@ const ox = oe(({
   "data-testid": i,
   ...l
 }, c) => {
-  const u = [Zy(r), a?.base, s].filter(Boolean).join(" "), p = [Jy(), a?.wrapper].filter(Boolean).join(" "), x = [Qy(), a?.name].filter(Boolean).join(" "), g = [ex(), a?.description].filter(Boolean).join(" ");
+  const u = [Qy(r), a?.base, s].filter(Boolean).join(" "), p = [ex(), a?.wrapper].filter(Boolean).join(" "), x = [tx(), a?.name].filter(Boolean).join(" "), g = [rx(), a?.description].filter(Boolean).join(" ");
   return /* @__PURE__ */ F(
     "div",
     {
@@ -18189,13 +18214,13 @@ const ox = oe(({
     }
   );
 });
-ox.displayName = "User";
+lx.displayName = "User";
 const Nc = Ce(void 0), Dc = () => {
   const e = ce(Nc);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
-}, Ev = ({
+}, Iv = ({
   children: e
 }) => {
   const [t, r] = U(!1), [n, s] = U(!1);
@@ -18223,7 +18248,7 @@ const Nc = Ce(void 0), Dc = () => {
     close: i
   };
   return /* @__PURE__ */ h(Nc.Provider, { value: l, children: e });
-}, Iv = ({
+}, Nv = ({
   children: e,
   className: t = "",
   width: r = 280,
@@ -18284,7 +18309,7 @@ const Nc = Ce(void 0), Dc = () => {
     s === "persistent" && !c && "md:relative md:translate-x-0",
     t
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ F(Ve, { children: [
+  return /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ h(Je, { children: x() && /* @__PURE__ */ h(
       K.div,
       {
@@ -18314,7 +18339,7 @@ const Nc = Ce(void 0), Dc = () => {
       }
     ) })
   ] });
-}, Nv = ({
+}, Dv = ({
   children: e,
   className: t = "",
   showCloseButton: r = !1,
@@ -18356,7 +18381,7 @@ const Nc = Ce(void 0), Dc = () => {
       }
     )
   ] });
-}, Dv = ({
+}, Bv = ({
   children: e,
   className: t = ""
 }) => {
@@ -18368,7 +18393,7 @@ const Nc = Ce(void 0), Dc = () => {
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ h("div", { className: r, children: e });
-}, Bv = ({
+}, Lv = ({
   children: e,
   className: t = ""
 }) => {
@@ -18380,7 +18405,7 @@ const Nc = Ce(void 0), Dc = () => {
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ h("div", { className: r, children: e });
-}, Lv = ({
+}, Rv = ({
   children: e,
   icon: t,
   isActive: r = !1,
@@ -18407,7 +18432,7 @@ const Nc = Ce(void 0), Dc = () => {
     "text-gray-700 dark:text-gray-300",
     "hover:bg-gray-100 dark:hover:bg-gray-700",
     "hover:text-gray-900 dark:hover:text-white"
-  ], u = [...c, ...d, o].filter(Boolean).join(" "), f = /* @__PURE__ */ F(Ve, { children: [
+  ], u = [...c, ...d, o].filter(Boolean).join(" "), f = /* @__PURE__ */ F(Se, { children: [
     t && /* @__PURE__ */ h("span", { className: `flex-shrink-0 ${i ? "opacity-50" : ""}`, children: t }),
     /* @__PURE__ */ h("span", { className: "flex-1 truncate", children: e })
   ] }), p = {
@@ -18423,7 +18448,7 @@ const Nc = Ce(void 0), Dc = () => {
       return /* @__PURE__ */ h("a", { href: n, ...p, children: f });
   }
   return /* @__PURE__ */ h("button", { type: "button", ...p, disabled: i, children: f });
-}, Rv = ({
+}, jv = ({
   children: e,
   className: t = "",
   "aria-label": r = "Toggle sidebar"
@@ -18451,12 +18476,12 @@ const Nc = Ce(void 0), Dc = () => {
         {
           animate: { rotate: n ? 180 : 0 },
           transition: { duration: 0.2 },
-          children: /* @__PURE__ */ h(ix, {})
+          children: /* @__PURE__ */ h(cx, {})
         }
       )
     }
   );
-}, ix = () => /* @__PURE__ */ h(
+}, cx = () => /* @__PURE__ */ h(
   "svg",
   {
     className: "w-6 h-6",
@@ -18480,7 +18505,7 @@ const Nc = Ce(void 0), Dc = () => {
       "useLibraryRouter must be used within a LibraryRouterProvider"
     );
   return e;
-}, jv = ({
+}, Ov = ({
   children: e,
   initialRoutes: t = [],
   onRouteChange: r
@@ -18528,7 +18553,7 @@ const Nc = Ce(void 0), Dc = () => {
     ]
   );
   return /* @__PURE__ */ h(Bc.Provider, { value: m, children: e });
-}, Ov = ({
+}, $v = ({
   routes: e,
   className: t = "",
   renderItem: r
@@ -18552,7 +18577,7 @@ const Nc = Ce(void 0), Dc = () => {
       return r ? r(o, i) : s(o, i);
     }) })
   ] }, a.label)) });
-}, $v = () => {
+}, zv = () => {
   const { navigate: e, goBack: t, goForward: r, currentPath: n, routes: s } = Lc(), a = _(
     (c, d) => {
       d ? window.history.replaceState(null, "", c) : e(c);
@@ -18575,8 +18600,8 @@ const Nc = Ce(void 0), Dc = () => {
     getRouteByPath: l,
     routes: s
   };
-}, lx = (e, t) => e.toLowerCase().includes(t.toLowerCase());
-function cx(e) {
+}, dx = (e, t) => e.toLowerCase().includes(t.toLowerCase());
+function ux(e) {
   return e ? Array.from(e) : [];
 }
 function Vn(e) {
@@ -18593,7 +18618,7 @@ function Vt(e, t) {
   }
   return t;
 }
-function dx(e) {
+function fx(e) {
   const {
     items: t,
     defaultItems: r,
@@ -18605,7 +18630,7 @@ function dx(e) {
     allowsCustomValue: l = !1,
     allowsEmptyCollection: c = !0,
     shouldCloseOnBlur: d = !0,
-    defaultFilter: u = lx,
+    defaultFilter: u = dx,
     filterOptions: f,
     isDisabled: p = !1,
     isReadOnly: m = !1,
@@ -18621,7 +18646,7 @@ function dx(e) {
     onClose: k,
     onClear: P,
     ...V
-  } = e, B = Y(null), O = Y(null), [R, I] = U(s), [D, L] = U(o || null), [M, A] = U(!1), [N] = U(!1), [E, z] = U(null), $ = n ?? R, j = a ?? D, Z = G(() => cx(t ?? r), [t, r]), W = G(() => !$.trim() && i !== "focus" ? c ? Z : [] : $.trim() ? Z.filter((se) => {
+  } = e, B = Y(null), O = Y(null), [R, I] = U(s), [D, L] = U(o || null), [M, A] = U(!1), [N] = U(!1), [E, z] = U(null), $ = n ?? R, j = a ?? D, Z = G(() => ux(t ?? r), [t, r]), W = G(() => !$.trim() && i !== "focus" ? c ? Z : [] : $.trim() ? Z.filter((se) => {
     const be = Vn(se);
     return u(be, $);
   }) : Z, [Z, $, u, c, i]), ne = _((se) => {
@@ -18722,8 +18747,8 @@ function dx(e) {
         document.removeEventListener("mousedown", se);
       };
   }, [M, b, k]);
-  const { size: Be, ...Ae } = V, it = G(() => ({
-    ...Ae,
+  const { size: Be, ...Ve } = V, it = G(() => ({
+    ...Ve,
     ref: B,
     value: $,
     onChange: (se) => ne(se.target.value),
@@ -18738,7 +18763,7 @@ function dx(e) {
     "aria-autocomplete": "list",
     role: "combobox"
   }), [
-    Ae,
+    Ve,
     $,
     ne,
     fe,
@@ -18792,7 +18817,7 @@ function dx(e) {
     setIsOpen: re
   };
 }
-const ux = J({
+const hx = J({
   base: [
     "group relative w-full",
     "inline-flex flex-col",
@@ -18845,7 +18870,7 @@ const ux = J({
     isDisabled: !1,
     disableAnimation: !1
   }
-}), fx = J({
+}), px = J({
   base: [
     "relative flex w-full",
     "min-h-unit-10 items-center gap-2",
@@ -19117,7 +19142,7 @@ J({
     isInvalid: !1
   }
 });
-const hx = J({
+const mx = J({
   base: [
     "w-full p-1 min-w-[200px]",
     "bg-content1 border border-divider",
@@ -19357,7 +19382,7 @@ J({
     showDivider: !1
   }
 });
-const px = J({
+const gx = J({
   slots: {
     base: [
       "flex group relative justify-between items-center",
@@ -19612,7 +19637,7 @@ J({
     showDivider: !1
   }
 });
-const mx = J({
+const bx = J({
   slots: {
     base: [
       "relative mb-2"
@@ -19684,7 +19709,7 @@ const is = oe(({
     c || b?.();
   }, [c, b]), I = _((N) => {
     c || (C?.(N), (N.key === "Enter" || N.key === " ") && (N.preventDefault(), N.stopPropagation(), V()));
-  }, [c, C, V]), D = G(() => px({
+  }, [c, C, V]), D = G(() => gx({
     variant: u,
     color: f,
     size: p,
@@ -19726,7 +19751,7 @@ const is = oe(({
   );
 });
 is.displayName = "AutocompleteItem";
-const gx = ({ className: e }) => /* @__PURE__ */ h(
+const yx = ({ className: e }) => /* @__PURE__ */ h(
   "svg",
   {
     className: e,
@@ -19736,7 +19761,7 @@ const gx = ({ className: e }) => /* @__PURE__ */ h(
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ h("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
   }
-), bx = ({ className: e }) => /* @__PURE__ */ h(
+), xx = ({ className: e }) => /* @__PURE__ */ h(
   "svg",
   {
     className: e,
@@ -19747,21 +19772,21 @@ const gx = ({ className: e }) => /* @__PURE__ */ h(
     children: /* @__PURE__ */ h("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
   }
 );
-function yx(e, t) {
+function vx(e, t) {
   if (typeof e == "object" && e !== null) {
     const r = e;
     return r.key ?? r.id ?? t;
   }
   return t;
 }
-function xx(e) {
+function wx(e) {
   if (typeof e == "object" && e !== null) {
     const t = e;
     return t.textValue || t.label || t.value || t.title || String(t.key || "");
   }
   return String(e);
 }
-const vx = oe(({
+const kx = oe(({
   label: e,
   placeholder: t = "Search...",
   description: r,
@@ -19804,34 +19829,34 @@ const vx = oe(({
     selectorButtonProps: Z,
     containerRef: W,
     selectItem: ne
-  } = dx(O), ee = G(() => ux({
+  } = fx(O), ee = G(() => hx({
     variant: o,
     color: i,
     size: l,
     labelPlacement: c,
     isDisabled: d,
     fullWidth: x
-  }), [o, i, l, c, d, x]), re = G(() => fx({
+  }), [o, i, l, c, d, x]), re = G(() => px({
     variant: o,
     color: i,
     size: l,
     isDisabled: d,
     isInvalid: p
-  }), [o, i, l, d, p]), de = G(() => hx({
+  }), [o, i, l, d, p]), de = G(() => mx({
     disableAnimation: y
   }), [y]), fe = _((ue) => {
     ne(ue);
   }, [ne]), Re = _(() => B || N.map((ue, Be) => {
-    const Ae = yx(ue, Be), it = xx(ue);
+    const Ve = vx(ue, Be), it = wx(ue);
     if (typeof ue == "object" && ue !== null) {
       const Xe = ue;
       return /* @__PURE__ */ h(
         is,
         {
-          itemKey: Ae,
+          itemKey: Ve,
           textValue: it,
-          isSelected: M === Ae,
-          isFocused: E === Ae,
+          isSelected: M === Ve,
+          isFocused: E === Ve,
           variant: o === "underlined" ? "flat" : o,
           color: i,
           size: l,
@@ -19841,33 +19866,33 @@ const vx = oe(({
           onSelectionChange: fe,
           children: Xe.label || it
         },
-        Ae
+        Ve
       );
     }
     return /* @__PURE__ */ h(
       is,
       {
-        itemKey: Ae,
+        itemKey: Ve,
         textValue: it,
-        isSelected: M === Ae,
-        isFocused: E === Ae,
+        isSelected: M === Ve,
+        isFocused: E === Ve,
         variant: o === "underlined" ? "flat" : o,
         color: i,
         size: l,
         onSelectionChange: fe,
         children: it
       },
-      Ae
+      Ve
     );
   }), [B, N, M, E, o, i, l, fe]), we = G(() => /* @__PURE__ */ h(
-    gx,
+    yx,
     {
       className: te(
         "w-4 h-4 text-default-400 transition-transform",
         !g && A && "rotate-180"
       )
     }
-  ), [g, A]), mt = G(() => /* @__PURE__ */ h(bx, { className: "w-4 h-4 text-default-400" }), []), He = m && L && !d && !u;
+  ), [g, A]), mt = G(() => /* @__PURE__ */ h(xx, { className: "w-4 h-4 text-default-400" }), []), He = m && L && !d && !u;
   return /* @__PURE__ */ F(
     "div",
     {
@@ -20018,8 +20043,8 @@ const vx = oe(({
     }
   );
 });
-vx.displayName = "Autocomplete";
-const wx = oe(({
+kx.displayName = "Autocomplete";
+const Cx = oe(({
   title: e,
   children: t,
   className: r,
@@ -20027,7 +20052,7 @@ const wx = oe(({
   showDivider: s = !1,
   ...a
 }, o) => {
-  const i = G(() => mx({
+  const i = G(() => bx({
     showDivider: s
   }), [s]), l = e != null && e !== "";
   return /* @__PURE__ */ F(
@@ -20065,8 +20090,8 @@ const wx = oe(({
     }
   );
 });
-wx.displayName = "AutocompleteSection";
-const kx = (e, t, r = 1, n = !0) => {
+Cx.displayName = "AutocompleteSection";
+const Tx = (e, t, r = 1, n = !0) => {
   const s = [], a = (l, c, d = !1, u = !1) => ({
     type: l,
     value: c,
@@ -20081,7 +20106,7 @@ const kx = (e, t, r = 1, n = !0) => {
     l !== 1 && l !== t && s.push(a("page", l, e === l));
   return n && i < t - 1 && s.push(a("dots", "...", !1, !0)), t > 1 && s.push(a("page", t, e === t)), s;
 };
-function Cx(e) {
+function Sx(e) {
   const {
     total: t,
     page: r,
@@ -20091,7 +20116,7 @@ function Cx(e) {
     showDots: o = !0,
     loop: i = !1,
     onChange: l
-  } = e, c = r !== void 0, d = s ?? n, [u, f] = U(d), m = Math.max(1, Math.min(t, c ? r : u)), x = G(() => t <= 0 ? [] : kx(m, t, a, o), [m, t, a, o]), y = _(
+  } = e, c = r !== void 0, d = s ?? n, [u, f] = U(d), m = Math.max(1, Math.min(t, c ? r : u)), x = G(() => t <= 0 ? [] : Tx(m, t, a, o), [m, t, a, o]), y = _(
     (S) => {
       const k = Math.max(1, Math.min(t, S));
       k !== m && (c || f(k), l?.(k));
@@ -20119,7 +20144,7 @@ function Cx(e) {
     totalPages: t
   };
 }
-const Tx = {
+const Ax = {
   xs: "min-w-6 h-6 text-xs px-1",
   sm: "min-w-8 h-8 text-sm px-2",
   md: "min-w-10 h-10 text-base px-3",
@@ -20131,7 +20156,7 @@ const Tx = {
   md: "gap-2",
   lg: "gap-2.5",
   xl: "gap-3"
-}, Sx = {
+}, Vx = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -20274,19 +20299,19 @@ const Tx = {
     }
   };
   return n ? s[e][t].disabled : r ? s[e][t].active : s[e][t].base;
-}, Ax = (e, t, r = !1) => {
+}, Px = (e, t, r = !1) => {
   const n = Rc(e, t, !1, r);
   return r ? n : `${n} transition-all duration-200 ease-in-out hover:scale-105 active:scale-95`;
-}, Vx = (e) => `${{
+}, Mx = (e) => `${{
   xs: "w-6 h-6 text-xs",
   sm: "w-8 h-8 text-sm",
   md: "w-10 h-10 text-base",
   lg: "w-12 h-12 text-lg",
   xl: "w-14 h-14 text-xl"
 }[e]} flex items-center justify-center text-default-400 cursor-default select-none`, jc = (e = !1, t = !1) => e || t ? "transition-colors duration-200 ease-in-out" : "transition-all duration-200 ease-in-out transform hover:scale-105 active:scale-95", Oc = (e, t) => {
-  const r = Tx[e], n = Sx[t];
+  const r = Ax[e], n = Vx[t];
   return `${r} ${n} flex items-center justify-center font-medium select-none outline-none focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2`;
-}, Px = (e, t = !1, r = !1) => `flex items-center justify-center ${r ? Jo.xs : Jo[e]} ${t ? "shadow-sm" : ""}`.trim(), Le = {
+}, Ex = (e, t = !1, r = !1) => `flex items-center justify-center ${r ? Jo.xs : Jo[e]} ${t ? "shadow-sm" : ""}`.trim(), Le = {
   size: "md",
   color: "primary",
   variant: "flat",
@@ -20350,7 +20375,7 @@ const wr = oe(
     "aria-label": c,
     "data-testid": d
   }, u) => {
-    const f = ta(), p = a ?? f.size, m = o ?? f.color, x = i ?? f.variant, y = l ?? f.radius, g = f.isDisabled, b = f.disableAnimation, v = g || t, w = Oc(p, y), C = Ax(m, x, v), T = jc(b, v), S = () => {
+    const f = ta(), p = a ?? f.size, m = o ?? f.color, x = i ?? f.variant, y = l ?? f.radius, g = f.isDisabled, b = f.disableAnimation, v = g || t, w = Oc(p, y), C = Px(m, x, v), T = jc(b, v), S = () => {
       v || r?.();
     }, k = e === "prev" ? "Go to previous page" : "Go to next page", P = `${w} ${C} ${T} ${s}`.trim();
     return /* @__PURE__ */ h(
@@ -20424,7 +20449,7 @@ const Gc = oe(
     children: r,
     "data-testid": n
   }, s) => {
-    const a = ta(), o = t ?? a.size, l = `${Vx(o)} ${e}`.trim();
+    const a = ta(), o = t ?? a.size, l = `${Mx(o)} ${e}`.trim();
     return /* @__PURE__ */ h(
       "span",
       {
@@ -20503,7 +20528,7 @@ const Dr = {
   if (!e)
     throw new Error("usePaginationContext must be used within a Pagination component");
   return e;
-}, Mx = ({
+}, Ix = ({
   total: e,
   page: t,
   defaultPage: r = 1,
@@ -20542,7 +20567,7 @@ const Dr = {
     compact: Le.compact,
     showShadow: Le.showShadow,
     ...p
-  }, w = Cx({
+  }, w = Sx({
     total: e,
     page: t,
     defaultPage: r,
@@ -20565,7 +20590,7 @@ const Dr = {
     disableAnimation: u,
     controls: b,
     display: v
-  }, T = Px(
+  }, T = Ex(
     o,
     v.showShadow,
     v.compact
@@ -20627,7 +20652,7 @@ const Dr = {
     }
   ) });
 };
-Mx.displayName = "Pagination";
+Ix.displayName = "Pagination";
 const sr = (e) => ({
   linear: "linear",
   easeIn: [0.4, 0, 1, 1],
@@ -20639,7 +20664,7 @@ const sr = (e) => ({
   bounceIn: [0.6, -0.28, 0.735, 0.045],
   bounceOut: [0.175, 0.885, 0.32, 1.275],
   bounceInOut: [0.68, -0.55, 0.265, 1.55]
-})[e], Ex = (e, t, r = 0.05, n = 0.6) => {
+})[e], Nx = (e, t, r = 0.05, n = 0.6) => {
   const s = e.split(" "), a = [], o = [], i = e.split(`
 `);
   let l = 0;
@@ -20731,13 +20756,13 @@ const sr = (e) => ({
       break;
   }
   return new Intl.NumberFormat(n, a).format(e);
-}, Ix = (e = 10) => {
+}, Dx = (e = 10) => {
   const a = "!@#$%^&*()_+-=[]{}|;:,.<>?~`" + "0123456789" + "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz" + "█▓▒░▄▀▐▌";
   return Array.from(
     { length: e },
     () => a[Math.floor(Math.random() * a.length)]
   ).join("");
-}, Nx = (e) => {
+}, Bx = (e) => {
   const t = {
     low: { scale: 0.02, duration: 0.1 },
     medium: { scale: 0.05, duration: 0.15 },
@@ -20780,7 +20805,7 @@ const sr = (e) => ({
     default:
       return `linear-gradient(90deg, ${r})`;
   }
-}, Dx = (e, t) => {
+}, Lx = (e, t) => {
   const r = Math.max(e.length, t.length), n = [], s = 10;
   for (let a = 0; a <= s; a++) {
     const o = a / s;
@@ -20792,11 +20817,11 @@ const sr = (e) => ({
     n.push(i);
   }
   return n;
-}, Kt = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, Bx = (e, t = 2, r = "horizontal") => ({
+}, Kt = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, Rx = (e, t = 2, r = "horizontal") => ({
   "--text-gradient": Kc(e, r),
   "--animation-duration": `${t}s`,
   "--background-size": r === "horizontal" ? "200% 100%" : "100% 200%"
-}), zv = ({
+}), Fv = ({
   text: e,
   texts: t,
   className: r = "",
@@ -20896,7 +20921,7 @@ const sr = (e) => ({
   }, Z = () => {
     n === "focus" && !S && !P && (w(""), T(0));
   };
-  return /* @__PURE__ */ F(Ve, { children: [
+  return /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ h("style", { dangerouslySetInnerHTML: {
       __html: `
           @keyframes blink {
@@ -20934,7 +20959,7 @@ const sr = (e) => ({
       }
     )
   ] });
-}, Fv = ({
+}, Wv = ({
   text: e,
   className: t = "",
   trigger: r = "inView",
@@ -20955,7 +20980,7 @@ const sr = (e) => ({
   onStart: g,
   "data-testid": b
 }) => {
-  const [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(!1), P = Y(null), V = Y(null), B = Kt(), O = Ex(e, n, a, s), R = !m && !B && (r === "immediate" || r === "inView" && v || r === "manual" && x);
+  const [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(!1), P = Y(null), V = Y(null), B = Kt(), O = Nx(e, n, a, s), R = !m && !B && (r === "immediate" || r === "inView" && v || r === "manual" && x);
   q(() => {
     if (!(r !== "inView" || !P.current))
       return V.current = new IntersectionObserver(
@@ -21101,7 +21126,7 @@ const sr = (e) => ({
       ))
     }
   ) });
-}, Wv = ({
+}, _v = ({
   from: e,
   to: t,
   className: r = "",
@@ -21193,7 +21218,7 @@ const sr = (e) => ({
       ]
     }
   );
-}, _v = ({
+}, Gv = ({
   text: e,
   className: t = "",
   trigger: r = "immediate",
@@ -21230,7 +21255,7 @@ const sr = (e) => ({
       default:
         return `linear-gradient(90deg, ${N})`;
     }
-  }, O = Bx(n, a * o, s), R = B(), I = l || O["--background-size"];
+  }, O = Rx(n, a * o, s), R = B(), I = l || O["--background-size"];
   q(() => {
     if (!(r !== "inView" || !S.current))
       return k.current = new IntersectionObserver(
@@ -21276,7 +21301,7 @@ const sr = (e) => ({
       "data-testid": y,
       children: e
     }
-  ) : /* @__PURE__ */ F(Ve, { children: [
+  ) : /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ h("style", { children: `
         @keyframes gradientMove {
           0% {
@@ -21305,7 +21330,7 @@ const sr = (e) => ({
       }
     )
   ] });
-}, Gv = ({
+}, Uv = ({
   texts: e,
   className: t = "",
   trigger: r = "immediate",
@@ -21328,7 +21353,7 @@ const sr = (e) => ({
     if (e.length <= 1) return;
     const z = e[C], $ = (C + 1) % e.length, j = e[$];
     if (i === "scramble") {
-      const Z = Dx(z, j);
+      const Z = Lx(z, j);
       let W = 0;
       const ne = setInterval(() => {
         W < Z.length ? (k(Z[W]), W++) : (clearInterval(ne), k(j), T($), !a && $ === 0 ? (w(!0), b(!1), p && p()) : I && (B.current = setTimeout(() => {
@@ -21435,7 +21460,7 @@ const sr = (e) => ({
       ) })
     }
   );
-}, Uv = ({
+}, Kv = ({
   text: e,
   className: t = "",
   trigger: r = "inView",
@@ -21454,7 +21479,7 @@ const sr = (e) => ({
   onComplete: x,
   "data-testid": y
 }) => {
-  const [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(e), P = Y(null), V = Y(null), B = Y(null), O = Kt(), R = !f && !O && (r === "immediate" || r === "inView" && g || r === "manual" && p), I = l || Ix(20), D = Nx(n), L = ($, j = 0.3) => $.split("").map((Z) => Math.random() < j ? I[Math.floor(Math.random() * I.length)] : Z).join("");
+  const [g, b] = U(!1), [v, w] = U(!1), [C, T] = U(!1), [S, k] = U(e), P = Y(null), V = Y(null), B = Y(null), O = Kt(), R = !f && !O && (r === "immediate" || r === "inView" && g || r === "manual" && p), I = l || Dx(20), D = Bx(n), L = ($, j = 0.3) => $.split("").map((Z) => Math.random() < j ? I[Math.floor(Math.random() * I.length)] : Z).join("");
   q(() => {
     if (!(r !== "inView" || !P.current))
       return V.current = new IntersectionObserver(
@@ -21514,7 +21539,7 @@ const sr = (e) => ({
       animation: R ? `glitchShift${$} ${s}s linear ${u}s ${a ? "infinite" : "1"}` : void 0
     };
   };
-  return /* @__PURE__ */ F(Ve, { children: [
+  return /* @__PURE__ */ F(Se, { children: [
     /* @__PURE__ */ h("style", { children: `
         ${Array.from({ length: c }, ($, j) => `
           @keyframes glitchShift${j} {
@@ -21566,46 +21591,46 @@ export {
   ec as AccordionContent,
   Ql as AccordionHeader,
   tc as AccordionItem,
-  vx as Autocomplete,
+  kx as Autocomplete,
   is as AutocompleteItem,
-  wx as AutocompleteSection,
+  Cx as AutocompleteSection,
   pg as Avatar,
   yg as AvatarGroup,
   gc as AvatarIcon,
   vg as Badge,
-  dv as Bounce,
-  Qx as BounceContainer,
+  fv as Bounce,
+  tv as BounceContainer,
   Cg as Breadcrumb,
   Sg as BreadcrumbItem,
   Pg as BreadcrumbSeparator,
   Wg as Button,
   _g as ButtonContent,
-  fv as ButtonGroup,
+  pv as ButtonGroup,
   Uo as ButtonIcon,
-  hv as ButtonText,
-  pv as Card,
-  gv as CardBody,
-  bv as CardFooter,
-  mv as CardHeader,
-  yv as Checkbox,
+  mv as ButtonText,
+  gv as Card,
+  yv as CardBody,
+  xv as CardFooter,
+  bv as CardHeader,
+  vv as Checkbox,
   ab as Chip,
-  Wv as CounterText,
-  qx as FadeContainer,
-  ov as FadeIn,
-  ev as FlipContainer,
-  Uv as GlitchText,
-  _v as GradientText,
-  xv as Image,
+  _v as CounterText,
+  Jx as FadeContainer,
+  lv as FadeIn,
+  rv as FlipContainer,
+  Kv as GlitchText,
+  Gv as GradientText,
+  wv as Image,
   Ab as Input,
   Zs as LibraryLink,
-  jv as LibraryRouterProvider,
+  Ov as LibraryRouterProvider,
   Ib as Modal,
   Bb as ModalBody,
   Nb as ModalContent,
   Lb as ModalFooter,
   Db as ModalHeader,
-  rv as MorphingContainer,
-  Gv as MorphingText,
+  sv as MorphingContainer,
+  Uv as MorphingText,
   jb as Navbar,
   Ob as NavbarBrand,
   $b as NavbarContent,
@@ -21613,59 +21638,60 @@ export {
   Wb as NavbarMenu,
   _b as NavbarMenuItem,
   Fb as NavbarMenuToggle,
-  Ov as Navigation,
-  Mx as Pagination,
+  $v as Navigation,
+  Ix as Pagination,
   Gc as PaginationEllipsis,
   Wc as PaginationFirst,
   $c as PaginationItem,
   _c as PaginationLast,
   Fc as PaginationNext,
   zc as PaginationPrevious,
-  sv as ParallaxContainer,
+  ov as ParallaxContainer,
   Kb as Progress,
-  Fv as RevealText,
-  cv as RotateIn,
-  Jx as ScaleContainer,
-  lv as ScaleIn,
-  Iv as Sidebar,
-  Dv as SidebarContent,
-  Bv as SidebarFooter,
-  Nv as SidebarHeader,
-  Lv as SidebarItem,
-  Ev as SidebarProvider,
-  Rv as SidebarTrigger,
-  Zx as SlideContainer,
-  iv as SlideIn,
+  Wv as RevealText,
+  uv as RotateIn,
+  ev as ScaleContainer,
+  dv as ScaleIn,
+  Nv as Sidebar,
+  Bv as SidebarContent,
+  Lv as SidebarFooter,
+  Dv as SidebarHeader,
+  Rv as SidebarItem,
+  Iv as SidebarProvider,
+  jv as SidebarTrigger,
+  Qx as SlideContainer,
+  cv as SlideIn,
   ny as Spinner,
-  uv as Stagger,
-  tv as StaggerContainer,
-  wv as Switch,
-  kv as Table,
-  Tv as TableBody,
+  hv as Stagger,
+  nv as StaggerContainer,
+  Cv as Switch,
+  Tv as Table,
+  Av as TableBody,
   Xo as TableCell,
   Cy as TableColumn,
-  Cv as TableHeader,
+  Sv as TableHeader,
   Ty as TableRow,
   Ly as Toast,
-  Av as ToastContainer,
-  Sv as ToastProvider,
-  Mv as Tooltip,
-  Pv as TooltipProvider,
-  zv as TypeWriter,
-  ox as User,
+  jy as ToastContainer,
+  Vv as ToastProvider,
+  Oy as ToastViewport,
+  Ev as Tooltip,
+  Mv as TooltipProvider,
+  Fv as TypeWriter,
+  lx as User,
   Wp as useAccordion,
-  dx as useAutocomplete,
+  fx as useAutocomplete,
   hg as useAvatar,
   mg as useAvatarGroup,
-  $v as useLibraryNavigation,
+  zv as useLibraryNavigation,
   Lc as useLibraryRouter,
-  vv as useModal,
-  nv as useMorphingContainer,
-  Cx as usePagination,
+  kv as useModal,
+  av as useMorphingContainer,
+  Sx as usePagination,
   ta as usePaginationContext,
-  av as useParallaxContainer,
+  iv as useParallaxContainer,
   Dc as useSidebar,
   vr as useTableContext,
-  Vv as useToast
+  Pv as useToast
 };
 //# sourceMappingURL=index.js.map