@neuctra/ui 0.2.7 → 0.2.8

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import Re, { forwardRef as ie, createElement as pe, createContext as Oe, useState as L, useCallback as he, useContext as Fe, memo as _e, useRef as K, useEffect as X, useMemo as de, useImperativeHandle as ze } from "react";
+import Re, { forwardRef as ie, createElement as pe, createContext as Oe, useState as L, useCallback as he, useContext as Fe, memo as ze, useRef as K, useEffect as X, useMemo as de, useImperativeHandle as _e } from "react";
 var ce = { exports: {} }, oe = {};
 /**
  * @license React
@@ -9,12 +9,12 @@ var ce = { exports: {} }, oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var je;
+var we;
 function Be() {
-  if (je) return oe;
-  je = 1;
-  var n = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function s(t, o, l) {
+  if (we) return oe;
+  we = 1;
+  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function s(r, o, l) {
     var i = null;
     if (l !== void 0 && (i = "" + l), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       l = {};
@@ -23,13 +23,13 @@ function Be() {
     } else l = o;
     return o = l.ref, {
       $$typeof: n,
-      type: t,
+      type: r,
       key: i,
       ref: o !== void 0 ? o : null,
       props: l
     };
   }
-  return oe.Fragment = r, oe.jsx = s, oe.jsxs = s, oe;
+  return oe.Fragment = t, oe.jsx = s, oe.jsxs = s, oe;
 }
 var le = {};
 /**
@@ -41,9 +41,9 @@ var le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var we;
+var je;
 function Ye() {
-  return we || (we = 1, process.env.NODE_ENV !== "production" && (function() {
+  return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(a) {
       if (a == null) return null;
       if (typeof a == "function")
@@ -67,7 +67,7 @@ function Ye() {
         switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), a.$$typeof) {
-          case w:
+          case j:
             return "Portal";
           case R:
             return a.displayName || "Context";
@@ -87,12 +87,12 @@ function Ye() {
         }
       return null;
     }
-    function r(a) {
+    function t(a) {
       return "" + a;
     }
     function s(a) {
       try {
-        r(a);
+        t(a);
         var b = !1;
       } catch {
         b = !0;
@@ -104,10 +104,10 @@ function Ye() {
           b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
-        ), r(a);
+        ), t(a);
       }
     }
-    function t(a) {
+    function r(a) {
       if (a === M) return "<>";
       if (typeof a == "object" && a !== null && a.$$typeof === P)
         return "<...>";
@@ -144,7 +144,7 @@ function Ye() {
         configurable: !0
       });
     }
-    function j() {
+    function w() {
       var a = n(this.type);
       return S[a] || (S[a] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
@@ -153,14 +153,14 @@ function Ye() {
     function h(a, b, v, I, H, te) {
       var B = v.ref;
       return a = {
-        $$typeof: z,
+        $$typeof: _,
         type: a,
         key: b,
         props: v,
         _owner: I
       }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
-        get: j
+        get: w
       }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -198,8 +198,8 @@ function Ye() {
         else c(B);
       if (W.call(b, "key")) {
         B = n(a);
-        var Q = Object.keys(b).filter(function(_) {
-          return _ !== "key";
+        var Q = Object.keys(b).filter(function(z) {
+          return z !== "key";
         });
         I = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", Z[B + I] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -235,9 +235,9 @@ React keys must be passed directly to JSX without using spread:
       f(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === P && (a._payload.status === "fulfilled" ? f(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
     function f(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === z;
+      return typeof a == "object" && a !== null && a.$$typeof === _;
     }
-    var N = Re, z = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), R = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), Y = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, F = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var N = Re, _ = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), R = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), Y = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, F = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     N = {
@@ -248,7 +248,7 @@ React keys must be passed directly to JSX without using spread:
     var u, S = {}, V = N.react_stack_bottom_frame.bind(
       N,
       l
-    )(), G = $(t(l)), Z = {};
+    )(), G = $(r(l)), Z = {};
     le.Fragment = M, le.jsx = function(a, b, v) {
       var I = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return g(
@@ -257,7 +257,7 @@ React keys must be passed directly to JSX without using spread:
         v,
         !1,
         I ? Error("react-stack-top-frame") : V,
-        I ? $(t(a)) : G
+        I ? $(r(a)) : G
       );
     }, le.jsxs = function(a, b, v) {
       var I = 1e4 > Y.recentlyCreatedOwnerStacks++;
@@ -267,7 +267,7 @@ React keys must be passed directly to JSX without using spread:
         v,
         !0,
         I ? Error("react-stack-top-frame") : V,
-        I ? $(t(a)) : G
+        I ? $(r(a)) : G
       );
     };
   })()), le;
@@ -285,13 +285,13 @@ var e = Ve();
  */
 const Ue = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), We = (n) => n.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (r, s, t) => t ? t.toUpperCase() : s.toLowerCase()
+  (t, s, r) => r ? r.toUpperCase() : s.toLowerCase()
 ), $e = (n) => {
-  const r = We(n);
-  return r.charAt(0).toUpperCase() + r.slice(1);
-}, Ee = (...n) => n.filter((r, s, t) => !!r && r.trim() !== "" && t.indexOf(r) === s).join(" ").trim(), qe = (n) => {
-  for (const r in n)
-    if (r.startsWith("aria-") || r === "role" || r === "title")
+  const t = We(n);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, Ee = (...n) => n.filter((t, s, r) => !!t && t.trim() !== "" && r.indexOf(t) === s).join(" ").trim(), qe = (n) => {
+  for (const t in n)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
 /**
@@ -320,22 +320,22 @@ var He = {
 const Ge = ie(
   ({
     color: n = "currentColor",
-    size: r = 24,
+    size: t = 24,
     strokeWidth: s = 2,
-    absoluteStrokeWidth: t,
+    absoluteStrokeWidth: r,
     className: o = "",
     children: l,
     iconNode: i,
     ...d
-  }, j) => pe(
+  }, w) => pe(
     "svg",
     {
-      ref: j,
+      ref: w,
       ...He,
-      width: r,
-      height: r,
+      width: t,
+      height: t,
       stroke: n,
-      strokeWidth: t ? Number(s) * 24 / Number(r) : s,
+      strokeWidth: r ? Number(s) * 24 / Number(t) : s,
       className: Ee("lucide", o),
       ...!l && !qe(d) && { "aria-hidden": "true" },
       ...d
@@ -352,15 +352,15 @@ const Ge = ie(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const U = (n, r) => {
+const U = (n, t) => {
   const s = ie(
-    ({ className: t, ...o }, l) => pe(Ge, {
+    ({ className: r, ...o }, l) => pe(Ge, {
       ref: l,
-      iconNode: r,
+      iconNode: t,
       className: Ee(
         `lucide-${Ue($e(n))}`,
         `lucide-${n}`,
-        t
+        r
       ),
       ...o
     })
@@ -573,7 +573,7 @@ const vt = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jt = [
+const wt = [
   ["path", { d: "M21 4v16", key: "7j8fe9" }],
   [
     "path",
@@ -582,14 +582,14 @@ const jt = [
       key: "zs4d6"
     }
   ]
-], ye = U("skip-forward", jt);
+], ye = U("skip-forward", wt);
 /**
  * @license lucide-react v0.536.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wt = [
+const jt = [
   [
     "path",
     {
@@ -599,7 +599,7 @@ const wt = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], kt = U("triangle-alert", wt);
+], kt = U("triangle-alert", jt);
 /**
  * @license lucide-react v0.536.0 - ISC
  *
@@ -650,31 +650,31 @@ const Rt = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _t = [
+const zt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], ve = U("x", _t), Ce = Oe(void 0), Ut = () => {
+], ve = U("x", zt), Ce = Oe(void 0), Ut = () => {
   const n = Fe(Ce);
   if (!n) throw new Error("useToast must be used within ToastProvider");
   return n;
 }, Wt = ({ children: n }) => {
-  const [r, s] = L([]), t = he((l) => {
+  const [t, s] = L([]), r = he((l) => {
     s((i) => i.filter((d) => d.id !== l));
   }, []), o = he((l) => {
     const i = Date.now() + Math.random();
-    s((d) => [...d, { ...l, id: i }]), l.duration !== 0 && setTimeout(() => t(i), l.duration ?? 4e3);
-  }, [t]);
+    s((d) => [...d, { ...l, id: i }]), l.duration !== 0 && setTimeout(() => r(i), l.duration ?? 4e3);
+  }, [r]);
   return /* @__PURE__ */ e.jsxs(Ce.Provider, { value: { addToast: o }, children: [
     n,
-    /* @__PURE__ */ e.jsx("div", { className: "fixed top-5 right-5 flex flex-col gap-3 z-50", children: r.map((l) => /* @__PURE__ */ e.jsx(Et, { toast: l, onClose: () => t(l.id) }, l.id)) })
+    /* @__PURE__ */ e.jsx("div", { className: "fixed top-5 right-5 flex flex-col gap-3 z-50", children: t.map((l) => /* @__PURE__ */ e.jsx(Et, { toast: l, onClose: () => r(l.id) }, l.id)) })
   ] });
-}, zt = {
+}, _t = {
   success: { bg: "bg-green-50", border: "border-green-400", icon: /* @__PURE__ */ e.jsx(tt, { size: 20, className: "text-green-600" }) },
   error: { bg: "bg-red-50", border: "border-red-400", icon: /* @__PURE__ */ e.jsx(Qe, { size: 20, className: "text-red-600" }) },
   warning: { bg: "bg-yellow-50", border: "border-yellow-400", icon: /* @__PURE__ */ e.jsx(kt, { size: 20, className: "text-yellow-600" }) },
   info: { bg: "bg-blue-50", border: "border-blue-400", icon: /* @__PURE__ */ e.jsx(ct, { size: 20, className: "text-blue-600" }) }
-}, Et = ({ toast: n, onClose: r }) => {
-  const { title: s, description: t, type: o = "info" } = n, { bg: l, border: i, icon: d } = zt[o];
+}, Et = ({ toast: n, onClose: t }) => {
+  const { title: s, description: r, type: o = "info" } = n, { bg: l, border: i, icon: d } = _t[o];
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -684,30 +684,30 @@ const _t = [
         /* @__PURE__ */ e.jsx("div", { children: d }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
           s && /* @__PURE__ */ e.jsx("div", { className: "font-semibold text-sm mb-1", children: s }),
-          t && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-700", children: t })
+          r && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-700", children: r })
         ] }),
-        /* @__PURE__ */ e.jsx("button", { onClick: r, className: "text-gray-500 hover:text-gray-700", children: /* @__PURE__ */ e.jsx(ve, { size: 16 }) })
+        /* @__PURE__ */ e.jsx("button", { onClick: t, className: "text-gray-500 hover:text-gray-700", children: /* @__PURE__ */ e.jsx(ve, { size: 16 }) })
       ]
     }
   );
-}, St = _e(
+}, St = ze(
   ({
     items: n,
-    allowMultiple: r = !1,
+    allowMultiple: t = !1,
     defaultOpen: s = [],
-    borderColor: t = "#e5e7eb",
+    borderColor: r = "#e5e7eb",
     backgroundColor: o = "#fff",
     textColor: l = "#111827",
     hoverBgColor: i = "#f3f4f6",
     hoverTextColor: d = "#111827",
-    contentBgColor: j = "#fff",
+    contentBgColor: w = "#fff",
     contentTextColor: h = "#374151",
     paddingY: g = "1rem",
     paddingX: c = "1rem",
     marginY: f = "0.5rem",
     borderRadius: N = "0.5rem",
-    contentPadding: z = "1rem",
-    fontSize: w = "1rem",
+    contentPadding: _ = "1rem",
+    fontSize: j = "1rem",
     fontWeight: M = 600,
     contentFontSize: k = "0.95rem",
     contentFontWeight: E = 400,
@@ -727,7 +727,7 @@ const _t = [
     }, [O]);
     const W = ($) => {
       q(
-        (u) => r ? u.includes($) ? u.filter((S) => S !== $) : [...u, $] : u.includes($) ? [] : [$]
+        (u) => t ? u.includes($) ? u.filter((S) => S !== $) : [...u, $] : u.includes($) ? [] : [$]
       );
     }, F = ($) => $ !== void 0 ? typeof $ == "number" ? `${$}px` : $ : void 0;
     return /* @__PURE__ */ e.jsx(
@@ -742,7 +742,7 @@ const _t = [
             {
               className: "border shadow-sm overflow-hidden transition-all duration-300",
               style: {
-                borderColor: t,
+                borderColor: r,
                 borderRadius: F(N),
                 margin: `${F(f)} 0`,
                 boxShadow: p
@@ -758,7 +758,7 @@ const _t = [
                       color: l,
                       padding: `${F(g)} ${F(c)}`,
                       fontWeight: M,
-                      fontSize: F(w),
+                      fontSize: F(j),
                       cursor: "pointer",
                       border: "none",
                       outline: "none"
@@ -790,10 +790,10 @@ const _t = [
                       "div",
                       {
                         style: {
-                          borderTop: `1px solid ${t}`,
-                          backgroundColor: j,
+                          borderTop: `1px solid ${r}`,
+                          backgroundColor: w,
                           color: h,
-                          padding: F(z),
+                          padding: F(_),
                           fontSize: F(k),
                           fontWeight: E
                         },
@@ -844,50 +844,50 @@ const Mt = {
   "bottom-right": "bottom-0 right-0"
 }, qt = ({
   src: n,
-  alt: r = "User avatar",
+  alt: t = "User avatar",
   size: s = "md",
-  variant: t = "circular",
+  variant: r = "circular",
   isOnline: o = !1,
   isOffline: l = !1,
   fallback: i,
   ring: d = !1,
-  ringColor: j = "#3b82f6",
+  ringColor: w = "#3b82f6",
   onClick: h,
   statusPosition: g = "bottom-right",
   className: c = "",
   statusClassName: f = "",
   style: N,
-  statusStyle: z
+  statusStyle: _
 }) => {
-  const [w, M] = L(!1), k = !!h, E = i || r.split(" ").map((y) => y[0]).join("").toUpperCase().slice(0, 2), A = o ? "bg-green-500" : l ? "bg-gray-400" : "", R = Mt[s];
+  const [j, M] = L(!1), k = !!h, E = i || t.split(" ").map((y) => y[0]).join("").toUpperCase().slice(0, 2), A = o ? "bg-green-500" : l ? "bg-gray-400" : "", R = Mt[s];
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: k ? "button" : "img",
       tabIndex: k ? 0 : -1,
-      "aria-label": r,
+      "aria-label": t,
       onClick: h,
-      className: `relative inline-flex items-center justify-center overflow-hidden ${It[s]} ${fe[t]} transition-all duration-200 ${k ? "cursor-pointer hover:scale-105" : ""} ${d ? "ring-2" : ""} ${c}`,
+      className: `relative inline-flex items-center justify-center overflow-hidden ${It[s]} ${fe[r]} transition-all duration-200 ${k ? "cursor-pointer hover:scale-105" : ""} ${d ? "ring-2" : ""} ${c}`,
       style: {
         ...N,
-        ...d ? { boxShadow: `0 0 0 2px ${j}` } : {}
+        ...d ? { boxShadow: `0 0 0 2px ${w}` } : {}
       },
       onKeyDown: (y) => {
         k && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), h?.());
       },
       children: [
-        n && !w ? /* @__PURE__ */ e.jsx(
+        n && !j ? /* @__PURE__ */ e.jsx(
           "img",
           {
             src: n,
-            alt: r,
+            alt: t,
             onError: () => M(!0),
-            className: `w-full h-full object-cover ${fe[t]} transition-opacity duration-300`
+            className: `w-full h-full object-cover ${fe[r]} transition-opacity duration-300`
           }
         ) : /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `w-full h-full flex items-center justify-center bg-gradient-to-tr from-purple-500 to-blue-500 text-white font-semibold ${At[s]} ${fe[t]}`,
+            className: `w-full h-full flex items-center justify-center bg-gradient-to-tr from-purple-500 to-blue-500 text-white font-semibold ${At[s]} ${fe[r]}`,
             children: E || /* @__PURE__ */ e.jsx(Nt, { className: "text-white" })
           }
         ),
@@ -900,7 +900,7 @@ const Mt = {
             style: {
               width: R / 3,
               height: R / 3,
-              ...z
+              ..._
             }
           }
         )
@@ -909,25 +909,25 @@ const Mt = {
   );
 }, Ht = ({
   src: n,
-  thumbnail: r,
+  thumbnail: t,
   autoPlay: s = !1,
-  loop: t = !1,
+  loop: r = !1,
   backgroundColor: o = "#0a0a0a",
   primaryColor: l = "#10b981",
   secondaryColor: i = "#ffffff",
   borderRadius: d = "12px",
-  padding: j = "12px",
+  padding: w = "12px",
   width: h = "100%",
   className: g
 }) => {
-  const c = K(null), f = K(null), [N, z] = L(s), [w, M] = L(0), [k, E] = L(0), [A, R] = L(0.7), [y, m] = L(!1), [p, x] = L(t);
+  const c = K(null), f = K(null), [N, _] = L(s), [j, M] = L(0), [k, E] = L(0), [A, R] = L(0.7), [y, m] = L(!1), [p, x] = L(r);
   X(() => {
     c.current && (c.current.volume = A);
   }, [A]), X(() => {
     c.current && (c.current.loop = p);
   }, [p]);
   const P = () => {
-    c.current && (N ? c.current.pause() : c.current.play(), z(!N));
+    c.current && (N ? c.current.pause() : c.current.play(), _(!N));
   }, O = () => {
     c.current && (M(c.current.currentTime), E(c.current.duration));
   }, q = ($) => {
@@ -954,7 +954,7 @@ const Mt = {
         width: h,
         backgroundColor: o,
         borderRadius: d,
-        padding: j,
+        padding: w,
         boxSizing: "border-box",
         color: i,
         boxShadow: "0 6px 16px rgba(0,0,0,0.2)",
@@ -967,15 +967,15 @@ const Mt = {
             ref: c,
             src: n,
             autoPlay: s,
-            loop: t,
+            loop: r,
             onTimeUpdate: O,
             onLoadedMetadata: O
           }
         ),
-        r && /* @__PURE__ */ e.jsx(
+        t && /* @__PURE__ */ e.jsx(
           "img",
           {
-            src: r,
+            src: t,
             alt: "Audio Thumbnail",
             style: {
               width: "60px",
@@ -1059,7 +1059,7 @@ const Mt = {
                     "div",
                     {
                       style: {
-                        width: `${w / k * 100 || 0}%`,
+                        width: `${j / k * 100 || 0}%`,
                         height: "100%",
                         background: l,
                         borderRadius: "3px"
@@ -1069,7 +1069,7 @@ const Mt = {
                 }
               ),
               /* @__PURE__ */ e.jsxs("div", { style: { minWidth: "70px", textAlign: "right", fontSize: "0.8rem" }, children: [
-                F(w),
+                F(j),
                 " / ",
                 F(k)
               ] }),
@@ -1148,75 +1148,75 @@ const Mt = {
 ];
 function Gt({
   tracks: n = Pt,
-  className: r = "",
+  className: t = "",
   galleryTitle: s = "Audio Gallery",
-  primaryColor: t = "#8b5cf6",
+  primaryColor: r = "#8b5cf6",
   backgroundColor: o = "#0f0f23",
   textColor: l = "#e4e4e7",
   secondaryColor: i = "#1a1a2e",
   border: d = 0,
-  borderColor: j,
+  borderColor: w,
   maxWidth: h = 420,
   autoplay: g = !1,
   loop: c = !1
 }) {
   const [f, N] = L(
     null
-  ), [z, w] = L(!1), [M, k] = L(0), [E, A] = L(0), [R, y] = L(0.7), [m, p] = L(!1), [x, P] = L(c), [O, q] = L(!1), [Y, W] = L(!1), [F, $] = L(!1), u = K(null), S = K(null), V = K(null);
+  ), [_, j] = L(!1), [M, k] = L(0), [E, A] = L(0), [R, y] = L(0.7), [m, p] = L(!1), [x, P] = L(c), [O, q] = L(!1), [Y, W] = L(!1), [F, $] = L(!1), u = K(null), S = K(null), V = K(null);
   X(() => {
     u.current && (u.current.volume = R);
   }, [R]), X(() => {
     u.current && (u.current.loop = x);
   }, [x]), X(() => {
-    f === null && u.current && (u.current.pause(), w(!1), k(0), A(0));
+    f === null && u.current && (u.current.pause(), j(!1), k(0), A(0));
   }, [f]);
-  const G = (_) => {
-    if (f === _) {
+  const G = (z) => {
+    if (f === z) {
       if (!u.current) return;
       u.current.paused ? (u.current.play().catch(() => {
-      }), w(!0)) : (u.current.pause(), w(!1));
+      }), j(!0)) : (u.current.pause(), j(!1));
     } else
-      N(_), setTimeout(() => {
+      N(z), setTimeout(() => {
         u.current && (u.current.play().catch(() => {
-        }), w(!0));
+        }), j(!0));
       }, 100);
   }, Z = () => {
     u.current && (k(u.current.currentTime), u.current.duration && A(u.current.duration));
-  }, a = (_) => {
+  }, a = (z) => {
     if (!u.current || !E) return;
-    const T = _.currentTarget.getBoundingClientRect(), re = (_.clientX - T.left) / T.width * E;
+    const T = z.currentTarget.getBoundingClientRect(), re = (z.clientX - T.left) / T.width * E;
     u.current.currentTime = re, k(re);
-  }, b = (_) => {
-    const T = _.currentTarget.getBoundingClientRect(), ee = (_.clientX - T.left) / T.width, re = Math.max(0, Math.min(1, ee));
+  }, b = (z) => {
+    const T = z.currentTarget.getBoundingClientRect(), ee = (z.clientX - T.left) / T.width, re = Math.max(0, Math.min(1, ee));
     y(re);
-  }, v = (_) => {
+  }, v = (z) => {
     if (u.current && E) {
-      let T = u.current.currentTime + _;
+      let T = u.current.currentTime + z;
       T = Math.min(Math.max(T, 0), E), u.current.currentTime = T, k(T);
     }
   }, I = () => {
     if (f === null) return;
-    let _;
-    O ? _ = Math.floor(Math.random() * n.length) : _ = (f + 1) % n.length, G(_);
+    let z;
+    O ? z = Math.floor(Math.random() * n.length) : z = (f + 1) % n.length, G(z);
   }, H = () => {
     if (f === null) return;
-    let _;
-    O ? _ = Math.floor(Math.random() * n.length) : _ = (f - 1 + n.length) % n.length, G(_);
+    let z;
+    O ? z = Math.floor(Math.random() * n.length) : z = (f - 1 + n.length) % n.length, G(z);
   }, te = () => {
-    y((_) => _ > 0 ? 0 : 0.7);
+    y((z) => z > 0 ? 0 : 0.7);
   }, B = () => {
     $(!0), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
       $(!1);
     }, 3e3);
-  }, Q = (_) => {
-    if (isNaN(_)) return "0:00";
-    const T = Math.floor(_ / 60), D = Math.floor(_ % 60);
+  }, Q = (z) => {
+    if (isNaN(z)) return "0:00";
+    const T = Math.floor(z / 60), D = Math.floor(z % 60);
     return `${T}:${D < 10 ? "0" : ""}${D}`;
   }, J = f !== null ? n[f] : null;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: r,
+      className: t,
       style: {
         maxWidth: `${h}px`,
         margin: "20px auto",
@@ -1227,7 +1227,7 @@ function Gt({
         fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
         userSelect: "none",
         backdropFilter: "blur(20px)",
-        border: `${d}px solid ${j}40`
+        border: `${d}px solid ${w}40`
       },
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -1248,7 +1248,7 @@ function Gt({
                       width: "40px",
                       height: "40px",
                       borderRadius: "12px",
-                      background: `linear-gradient(135deg, ${t}, ${i})`,
+                      background: `linear-gradient(135deg, ${r}, ${i})`,
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center"
@@ -1264,7 +1264,7 @@ function Gt({
                         margin: 0,
                         fontSize: "1.25rem",
                         fontWeight: "700",
-                        color: t
+                        color: r
                         // fallback for browsers without WebkitTextFillColor
                       },
                       children: s
@@ -1281,7 +1281,7 @@ function Gt({
                 {
                   onClick: () => q(!O),
                   style: {
-                    background: O ? t : "transparent",
+                    background: O ? r : "transparent",
                     border: "none",
                     borderRadius: "12px",
                     padding: "8px",
@@ -1308,8 +1308,8 @@ function Gt({
               overflowY: "auto",
               paddingRight: "4px"
             },
-            children: n.map((_, T) => {
-              const D = f === T, ee = D && z;
+            children: n.map((z, T) => {
+              const D = f === T, ee = D && _;
               return /* @__PURE__ */ e.jsxs(
                 "div",
                 {
@@ -1319,8 +1319,8 @@ function Gt({
                     alignItems: "center",
                     padding: "12px 16px",
                     borderRadius: "16px",
-                    background: D ? `linear-gradient(135deg, ${t}20, ${t}10)` : "rgba(255,255,255,0.05)",
-                    border: D ? `1px solid ${t}40` : "1px solid transparent",
+                    background: D ? `linear-gradient(135deg, ${r}20, ${r}10)` : "rgba(255,255,255,0.05)",
+                    border: D ? `1px solid ${r}40` : "1px solid transparent",
                     cursor: "pointer",
                     transition: "all 0.3s ease",
                     backdropFilter: D ? "blur(20px)" : "none"
@@ -1333,7 +1333,7 @@ function Gt({
                           width: "48px",
                           height: "48px",
                           borderRadius: "12px",
-                          background: _.thumbnail ? `url(${_.thumbnail}) center/cover` : t,
+                          background: z.thumbnail ? `url(${z.thumbnail}) center/cover` : r,
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center",
@@ -1342,7 +1342,7 @@ function Gt({
                           overflow: "hidden"
                         },
                         children: [
-                          !_.thumbnail && /* @__PURE__ */ e.jsx(Ne, { size: 20, color: "white" }),
+                          !z.thumbnail && /* @__PURE__ */ e.jsx(Ne, { size: 20, color: "white" }),
                           ee && /* @__PURE__ */ e.jsx(
                             "div",
                             {
@@ -1395,15 +1395,15 @@ function Gt({
                           style: {
                             fontWeight: "600",
                             fontSize: "0.95rem",
-                            color: D ? t : l,
+                            color: D ? r : l,
                             whiteSpace: "nowrap",
                             overflow: "hidden",
                             textOverflow: "ellipsis"
                           },
-                          children: _.title
+                          children: z.title
                         }
                       ),
-                      _.artist && /* @__PURE__ */ e.jsx(
+                      z.artist && /* @__PURE__ */ e.jsx(
                         "div",
                         {
                           style: {
@@ -1413,7 +1413,7 @@ function Gt({
                             overflow: "hidden",
                             textOverflow: "ellipsis"
                           },
-                          children: _.artist
+                          children: z.artist
                         }
                       )
                     ] }),
@@ -1422,7 +1422,7 @@ function Gt({
                       {
                         style: { display: "flex", alignItems: "center", gap: "12px" },
                         children: [
-                          _.duration && /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.8rem", opacity: 0.6 }, children: _.duration }),
+                          z.duration && /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.8rem", opacity: 0.6 }, children: z.duration }),
                           /* @__PURE__ */ e.jsx(
                             "div",
                             {
@@ -1430,7 +1430,7 @@ function Gt({
                                 width: "32px",
                                 height: "32px",
                                 borderRadius: "8px",
-                                background: D ? t : "rgba(255,255,255,0.1)",
+                                background: D ? r : "rgba(255,255,255,0.1)",
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
@@ -1457,7 +1457,7 @@ function Gt({
               background: `linear-gradient(135deg, ${i}, ${o})`,
               borderRadius: "20px",
               padding: "20px",
-              border: `1px solid ${t}40`,
+              border: `1px solid ${r}40`,
               backdropFilter: "blur(20px)",
               position: "relative",
               overflow: "hidden"
@@ -1489,7 +1489,7 @@ function Gt({
                         margin: "0 0 4px 0",
                         fontSize: "1.1rem",
                         fontWeight: "700",
-                        color: t
+                        color: r
                       },
                       children: J.title
                     }
@@ -1532,18 +1532,18 @@ function Gt({
                         "button",
                         {
                           onClick: () => {
-                            u.current && (z ? (u.current.pause(), w(!1)) : (u.current.play().catch(() => {
-                            }), w(!0)));
+                            u.current && (_ ? (u.current.pause(), j(!1)) : (u.current.play().catch(() => {
+                            }), j(!0)));
                           },
                           style: {
-                            ...ne("#fff", t),
+                            ...ne("#fff", r),
                             width: "60px",
                             height: "60px",
                             borderRadius: "50%",
-                            boxShadow: `0 8px 25px ${t}40`
+                            boxShadow: `0 8px 25px ${r}40`
                           },
-                          "aria-label": z ? "Pause" : "Play",
-                          children: z ? /* @__PURE__ */ e.jsx(me, { size: 24 }) : /* @__PURE__ */ e.jsx(be, { size: 24 })
+                          "aria-label": _ ? "Pause" : "Play",
+                          children: _ ? /* @__PURE__ */ e.jsx(me, { size: 24 }) : /* @__PURE__ */ e.jsx(be, { size: 24 })
                         }
                       ),
                       /* @__PURE__ */ e.jsxs(
@@ -1606,7 +1606,7 @@ function Gt({
                           style: {
                             width: `${M / E * 100 || 0}%`,
                             height: "100%",
-                            background: `linear-gradient(90deg, ${t}, #ec4899)`,
+                            background: `linear-gradient(90deg, ${r}, #ec4899)`,
                             borderRadius: "3px",
                             position: "relative"
                           },
@@ -1620,9 +1620,9 @@ function Gt({
                                 transform: "translateY(-50%)",
                                 width: "12px",
                                 height: "12px",
-                                background: t,
+                                background: r,
                                 borderRadius: "50%",
-                                boxShadow: `0 2px 8px ${t}60`
+                                boxShadow: `0 2px 8px ${r}60`
                               }
                             }
                           )
@@ -1658,7 +1658,7 @@ function Gt({
                           {
                             onClick: () => P(!x),
                             style: ne(
-                              x ? t : l,
+                              x ? r : l,
                               "rgba(255,255,255,0.1)"
                             ),
                             "aria-label": "Toggle Loop",
@@ -1694,7 +1694,7 @@ function Gt({
                                     style: {
                                       width: `${R * 100}%`,
                                       height: "100%",
-                                      background: t,
+                                      background: r,
                                       borderRadius: "2px"
                                     }
                                   }
@@ -1727,7 +1727,7 @@ function Gt({
                   loop: x,
                   onTimeUpdate: Z,
                   onEnded: () => {
-                    w(!1), x || I();
+                    j(!1), x || I();
                   },
                   onLoadedMetadata: Z,
                   preload: "metadata",
@@ -1754,22 +1754,22 @@ function Gt({
         }
         
         div::-webkit-scrollbar-thumb {
-          background: ${t};
+          background: ${r};
           border-radius: 2px;
         }
         
         div::-webkit-scrollbar-thumb:hover {
-          background: ${t}dd;
+          background: ${r}dd;
         }
       ` })
       ]
     }
   );
 }
-function ne(n, r) {
+function ne(n, t) {
   return {
     border: "none",
-    backgroundColor: r,
+    backgroundColor: t,
     color: n,
     cursor: "pointer",
     padding: "10px",
@@ -1782,29 +1782,29 @@ function ne(n, r) {
   };
 }
 function Pe(n) {
-  var r, s, t = "";
-  if (typeof n == "string" || typeof n == "number") t += n;
+  var t, s, r = "";
+  if (typeof n == "string" || typeof n == "number") r += n;
   else if (typeof n == "object") if (Array.isArray(n)) {
     var o = n.length;
-    for (r = 0; r < o; r++) n[r] && (s = Pe(n[r])) && (t && (t += " "), t += s);
-  } else for (s in n) n[s] && (t && (t += " "), t += s);
-  return t;
+    for (t = 0; t < o; t++) n[t] && (s = Pe(n[t])) && (r && (r += " "), r += s);
+  } else for (s in n) n[s] && (r && (r += " "), r += s);
+  return r;
 }
 function C() {
-  for (var n, r, s = 0, t = "", o = arguments.length; s < o; s++) (n = arguments[s]) && (r = Pe(n)) && (t && (t += " "), t += r);
-  return t;
+  for (var n, t, s = 0, r = "", o = arguments.length; s < o; s++) (n = arguments[s]) && (t = Pe(n)) && (r && (r += " "), r += t);
+  return r;
 }
-const Lt = _e(
+const Lt = ze(
   ({
     text: n,
-    icon: r,
+    icon: t,
     iconPosition: s = "left",
-    primaryTheme: t = !0,
+    primaryTheme: r = !0,
     primaryColor: o = "#3b82f6",
     size: l = "md",
     rounded: i = !0,
     notificationDot: d = !1,
-    dotColor: j = "#ef4444",
+    dotColor: w = "#ef4444",
     count: h,
     pulse: g = !1,
     className: c,
@@ -1814,7 +1814,7 @@ const Lt = _e(
       sm: "px-2 py-0.5 text-xs",
       md: "px-3 py-1 text-xs",
       lg: "px-4 py-1.5 text-sm"
-    }, z = t ? "bg-[var(--primary)] text-white" : "", w = t ? {} : {
+    }, _ = r ? "bg-[var(--primary)] text-white" : "", j = r ? {} : {
       backgroundColor: o,
       color: "#fff"
     };
@@ -1822,13 +1822,13 @@ const Lt = _e(
       "span",
       {
         onClick: f,
-        style: t ? void 0 : w,
+        style: r ? void 0 : j,
         className: C(
           "relative inline-flex items-center justify-center gap-1 font-medium",
           "transition-all duration-200 select-none",
           i ? "rounded-full" : "rounded-md",
           N[l],
-          z,
+          _,
           f && "cursor-pointer hover:opacity-90",
           c
         ),
@@ -1836,29 +1836,29 @@ const Lt = _e(
           d && /* @__PURE__ */ e.jsx(
             "span",
             {
-              style: t ? void 0 : { backgroundColor: j },
+              style: r ? void 0 : { backgroundColor: w },
               className: C(
                 "absolute -top-1 -right-1 w-2 h-2 rounded-full",
                 g && "animate-ping",
-                t ? "bg-red-500" : ""
+                r ? "bg-red-500" : ""
               )
             }
           ),
           h !== void 0 && /* @__PURE__ */ e.jsx(
             "span",
             {
-              style: t ? void 0 : { backgroundColor: j },
+              style: r ? void 0 : { backgroundColor: w },
               className: C(
                 "absolute -top-2 -right-2 min-w-[18px] h-[18px] px-1 text-[10px]",
                 "flex items-center justify-center rounded-full text-white",
-                t ? "bg-red-500" : ""
+                r ? "bg-red-500" : ""
               ),
               children: h
             }
           ),
-          r && s === "left" && /* @__PURE__ */ e.jsx("span", { className: "flex items-center", children: r }),
+          t && s === "left" && /* @__PURE__ */ e.jsx("span", { className: "flex items-center", children: t }),
           n && /* @__PURE__ */ e.jsx("span", { children: n }),
-          r && s === "right" && /* @__PURE__ */ e.jsx("span", { className: "flex items-center", children: r })
+          t && s === "right" && /* @__PURE__ */ e.jsx("span", { className: "flex items-center", children: t })
         ]
       }
     );
@@ -1868,49 +1868,52 @@ Lt.displayName = "Badge";
 const Dt = ie(
   ({
     children: n,
-    iconBefore: r,
+    iconBefore: t,
     iconAfter: s,
-    loading: t = !1,
+    loading: r = !1,
     loadingText: o = "Loading...",
     fullWidth: l = !1,
-    primaryTheme: i = !0,
-    primaryColor: d = "#3b82f6",
-    size: j = "md",
-    disabled: h,
-    className: g,
+    variant: i = "default",
+    size: d = "md",
+    disabled: w,
+    className: h,
+    type: g = "button",
+    // ✅ important fix
     ...c
   }, f) => {
-    const N = {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-5 py-2.5 text-sm",
-      lg: "px-6 py-3 text-base"
-    }, z = i ? "bg-[var(--primary)] text-white hover:bg-[var(--primary)]/90 focus:ring-[var(--primary)]/30" : "", w = i ? {} : {
-      backgroundColor: d,
-      color: "#fff"
+    const N = w || r, _ = {
+      sm: "h-8 px-3 text-sm",
+      md: "h-10 px-4 text-sm",
+      lg: "h-12 px-6 text-base"
+    }, j = {
+      default: "bg-blue-600 text-white hover:bg-blue-600/90",
+      outline: "border border-zinc-300 text-zinc-900 hover:bg-zinc-100 dark:border-zinc-700 dark:text-white dark:hover:bg-zinc-800",
+      ghost: "text-zinc-900 hover:bg-zinc-100 dark:text-white dark:hover:bg-zinc-800"
     };
     return /* @__PURE__ */ e.jsx(
       "button",
       {
         ref: f,
-        disabled: h || t,
-        style: i ? void 0 : w,
+        type: g,
+        disabled: N,
         className: C(
-          "inline-flex items-center justify-center gap-2 font-medium rounded-lg transition-all duration-200",
-          "focus:outline-none focus:ring-2 focus:ring-offset-1",
-          N[j],
-          z,
+          "inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-200",
+          "focus:outline-none focus:ring-2 focus:ring-blue-500/30",
+          "active:scale-[0.98]",
+          _[d],
+          j[i],
           l && "w-full",
-          (h || t) && "opacity-60 cursor-not-allowed",
-          g
+          N && "opacity-60 cursor-not-allowed pointer-events-none",
+          h
         ),
         ...c,
-        children: t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        children: r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx("span", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }),
           /* @__PURE__ */ e.jsx("span", { children: o })
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          r && /* @__PURE__ */ e.jsx("span", { className: "flex items-center justify-center", children: r }),
+          t && /* @__PURE__ */ e.jsx("span", { className: "flex", children: t }),
           /* @__PURE__ */ e.jsx("span", { children: n }),
-          s && /* @__PURE__ */ e.jsx("span", { className: "flex items-center justify-center", children: s })
+          s && /* @__PURE__ */ e.jsx("span", { className: "flex", children: s })
         ] })
       }
     );
@@ -1919,28 +1922,28 @@ const Dt = ie(
 Dt.displayName = "Button";
 const Xt = ({
   name: n,
-  options: r,
+  options: t,
   selectedValues: s = [],
-  onChange: t,
+  onChange: r,
   disabled: o = !1,
   readOnly: l = !1,
   required: i = !1,
   error: d,
-  className: j,
+  className: w,
   customIcon: h,
   style: g,
   labelStyle: c,
   iconSize: f = 20,
   iconCheckedBgColor: N = "#2563eb",
-  iconUncheckedBorderColor: z = "#9ca3af",
-  textColor: w = "#374151",
+  iconUncheckedBorderColor: _ = "#9ca3af",
+  textColor: j = "#374151",
   errorStyle: M,
   darkMode: k = !1
 }) => {
   const E = K(null), [A, R] = L(null), y = (m) => {
-    if (!t || o || l) return;
+    if (!r || o || l) return;
     const p = s.includes(m) ? s.filter((x) => x !== m) : [...s, m];
-    t(p);
+    r(p);
   };
   return X(() => {
     const m = E.current;
@@ -1948,10 +1951,10 @@ const Xt = ({
     const p = (x) => {
       if (o || A === null) return;
       const P = A;
-      (x.key === "ArrowDown" || x.key === "ArrowRight") && (x.preventDefault(), R((P + 1) % r.length)), (x.key === "ArrowUp" || x.key === "ArrowLeft") && (x.preventDefault(), R((P - 1 + r.length) % r.length)), (x.key === " " || x.key === "Enter") && (x.preventDefault(), y(r[P].value));
+      (x.key === "ArrowDown" || x.key === "ArrowRight") && (x.preventDefault(), R((P + 1) % t.length)), (x.key === "ArrowUp" || x.key === "ArrowLeft") && (x.preventDefault(), R((P - 1 + t.length) % t.length)), (x.key === " " || x.key === "Enter") && (x.preventDefault(), y(t[P].value));
     };
     return m.addEventListener("keydown", p), () => m.removeEventListener("keydown", p);
-  }, [A, r, s, o]), /* @__PURE__ */ e.jsxs(
+  }, [A, t, s, o]), /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: E,
@@ -1959,10 +1962,10 @@ const Xt = ({
       "aria-disabled": o,
       "aria-invalid": !!d,
       tabIndex: 0,
-      className: C("flex flex-col gap-2", j),
+      className: C("flex flex-col gap-2", w),
       style: { ...g },
       children: [
-        r.map((m, p) => {
+        t.map((m, p) => {
           const x = s.includes(m.value), P = A === p;
           return /* @__PURE__ */ e.jsxs(
             "label",
@@ -1975,7 +1978,7 @@ const Xt = ({
               style: { ...c },
               onFocus: () => R(p),
               children: [
-                /* @__PURE__ */ e.jsx("span", { style: { color: w, fontSize: 14 }, children: m.label }),
+                /* @__PURE__ */ e.jsx("span", { style: { color: j, fontSize: 14 }, children: m.label }),
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
@@ -1999,7 +2002,7 @@ const Xt = ({
                       width: f,
                       height: f,
                       borderRadius: 4,
-                      border: `2px solid ${x ? N : z}`,
+                      border: `2px solid ${x ? N : _}`,
                       backgroundColor: x ? N : "transparent",
                       transition: "all 0.25s ease"
                     },
@@ -2041,21 +2044,21 @@ const Xt = ({
   );
 }, Jt = ({
   name: n,
-  options: r,
+  options: t,
   selectedValue: s,
-  onChange: t,
+  onChange: r,
   disabled: o = !1,
   readOnly: l = !1,
   required: i = !1,
   error: d,
-  className: j,
+  className: w,
   style: h,
   labelStyle: g,
   iconSize: c = 20,
   iconCheckedBgColor: f = "#2563eb",
   iconUncheckedBorderColor: N = "#9ca3af",
-  textColor: z = "#374151",
-  errorStyle: w,
+  textColor: _ = "#374151",
+  errorStyle: j,
   darkMode: M = !1
 }) => {
   const k = K(null), [E, A] = L(null);
@@ -2064,31 +2067,31 @@ const Xt = ({
     if (!R) return;
     const y = (m) => {
       if (o) return;
-      const p = E ?? r.findIndex((x) => x.value === s) ?? 0;
+      const p = E ?? t.findIndex((x) => x.value === s) ?? 0;
       if (m.key === "ArrowDown" || m.key === "ArrowRight") {
         m.preventDefault();
-        const x = (p + 1) % r.length;
-        t && t(r[x].value), A(x);
+        const x = (p + 1) % t.length;
+        r && r(t[x].value), A(x);
       }
       if (m.key === "ArrowUp" || m.key === "ArrowLeft") {
         m.preventDefault();
-        const x = (p - 1 + r.length) % r.length;
-        t && t(r[x].value), A(x);
+        const x = (p - 1 + t.length) % t.length;
+        r && r(t[x].value), A(x);
       }
     };
     return R.addEventListener("keydown", y), () => R.removeEventListener("keydown", y);
-  }, [E, r, s, t, o]), /* @__PURE__ */ e.jsxs(
+  }, [E, t, s, r, o]), /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: k,
       role: "radiogroup",
       "aria-disabled": o,
       "aria-invalid": !!d,
-      className: C("flex flex-col gap-2", j),
+      className: C("flex flex-col gap-2", w),
       style: { ...h },
       tabIndex: 0,
       children: [
-        r.map((R, y) => {
+        t.map((R, y) => {
           const m = s === R.value, p = E === y;
           return /* @__PURE__ */ e.jsxs(
             "label",
@@ -2100,7 +2103,7 @@ const Xt = ({
               ),
               style: { ...g },
               children: [
-                /* @__PURE__ */ e.jsx("span", { style: { color: z, fontSize: 14 }, children: R.label }),
+                /* @__PURE__ */ e.jsx("span", { style: { color: _, fontSize: 14 }, children: R.label }),
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
@@ -2110,7 +2113,7 @@ const Xt = ({
                     checked: m,
                     disabled: o || l,
                     required: i,
-                    onChange: () => t && t(R.value),
+                    onChange: () => r && r(R.value),
                     style: { display: "none" }
                   }
                 ),
@@ -2151,7 +2154,7 @@ const Xt = ({
               color: "#dc2626",
               fontSize: 12,
               marginTop: 4,
-              ...w
+              ...j
             },
             children: d
           }
@@ -2161,27 +2164,27 @@ const Xt = ({
   );
 }, Kt = ({
   name: n,
-  options: r,
+  options: t,
   selectedValues: s = [],
-  onChange: t,
+  onChange: r,
   disabled: o = !1,
   readOnly: l = !1,
   required: i = !1,
   error: d,
-  className: j,
+  className: w,
   style: h,
   labelStyle: g,
   iconSize: c = 20,
   iconCheckedBgColor: f = "#2563eb",
   switchBgColor: N = "#d1d5db",
-  textColor: z = "#374151",
-  errorStyle: w,
+  textColor: _ = "#374151",
+  errorStyle: j,
   darkMode: M = !1
 }) => {
   const k = K(null), [E, A] = L(null), R = (y) => {
-    if (!t || o || l) return;
+    if (!r || o || l) return;
     const m = s.includes(y) ? s.filter((p) => p !== y) : [...s, y];
-    t(m);
+    r(m);
   };
   return X(() => {
     const y = k.current;
@@ -2191,18 +2194,18 @@ const Xt = ({
       const x = E;
       if (p.key === "ArrowRight" || p.key === "ArrowDown") {
         p.preventDefault();
-        const P = (x + 1) % r.length;
+        const P = (x + 1) % t.length;
         A(P);
       }
       if (p.key === "ArrowLeft" || p.key === "ArrowUp") {
         p.preventDefault();
-        const P = (x - 1 + r.length) % r.length;
+        const P = (x - 1 + t.length) % t.length;
         A(P);
       }
-      (p.key === " " || p.key === "Enter") && (p.preventDefault(), R(r[x].value));
+      (p.key === " " || p.key === "Enter") && (p.preventDefault(), R(t[x].value));
     };
     return y.addEventListener("keydown", m), () => y.removeEventListener("keydown", m);
-  }, [E, r, s, o]), /* @__PURE__ */ e.jsxs(
+  }, [E, t, s, o]), /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: k,
@@ -2210,10 +2213,10 @@ const Xt = ({
       "aria-disabled": o,
       "aria-invalid": !!d,
       tabIndex: 0,
-      className: C("flex flex-col gap-2", j),
+      className: C("flex flex-col gap-2", w),
       style: { ...h },
       children: [
-        r.map((y, m) => {
+        t.map((y, m) => {
           const p = s.includes(y.value), x = E === m;
           return /* @__PURE__ */ e.jsxs(
             "label",
@@ -2226,7 +2229,7 @@ const Xt = ({
               style: { ...g },
               onFocus: () => A(m),
               children: [
-                /* @__PURE__ */ e.jsx("span", { style: { color: z, fontSize: 14 }, children: y.label }),
+                /* @__PURE__ */ e.jsx("span", { style: { color: _, fontSize: 14 }, children: y.label }),
                 /* @__PURE__ */ e.jsx(
                   "input",
                   {
@@ -2283,7 +2286,7 @@ const Xt = ({
               color: "#dc2626",
               fontSize: 12,
               marginTop: 4,
-              ...w
+              ...j
             },
             children: d
           }
@@ -2306,48 +2309,48 @@ const Xt = ({
   xl: "p-12"
 }, Zt = ({
   size: n = "lg",
-  padding: r = "md",
+  padding: t = "md",
   center: s = !0,
-  className: t = "",
+  className: r = "",
   children: o
 }) => {
   const l = C(
     "w-full box-border",
     Ot[n],
-    Ft[r],
+    Ft[t],
     s && "mx-auto",
-    t
+    r
   );
   return /* @__PURE__ */ e.jsx("div", { className: l, children: o });
-}, ae = (n, r) => r == null ? "" : typeof r != "object" ? `${n}-${r}` : Object.entries(r).map(([s, t]) => `${s}:${n}-${t}`).join(" "), Qt = ({
+}, ae = (n, t) => t == null ? "" : typeof t != "object" ? `${n}-${t}` : Object.entries(t).map(([s, r]) => `${s}:${n}-${r}`).join(" "), Qt = ({
   direction: n = { sm: "column", md: "row" },
-  align: r = "center",
+  align: t = "center",
   justify: s = "between",
-  wrap: t = "wrap",
+  wrap: r = "wrap",
   gap: o,
   padding: l,
   margin: i,
   className: d,
-  children: j
+  children: w
 }) => {
   const h = C(
     "flex",
     ae("flex", n),
-    ae("items", r),
+    ae("items", t),
     ae("justify", s),
-    ae("flex", t),
+    ae("flex", r),
     // wrap classes: flex-wrap, flex-nowrap, flex-wrap-reverse
     o ? ae("gap", o) : "",
     l ? ae("p", l) : "",
     i ? ae("m", i) : "",
     d
   );
-  return /* @__PURE__ */ e.jsx("div", { className: h, children: j });
-}, Te = (n, r) => r == null ? "" : typeof r != "object" ? `${n}-${r}` : Object.entries(r).map(([s, t]) => `${s}:${n}-${t}`).join(" "), Le = ({
+  return /* @__PURE__ */ e.jsx("div", { className: h, children: w });
+}, Te = (n, t) => t == null ? "" : typeof t != "object" ? `${n}-${t}` : Object.entries(t).map(([s, r]) => `${s}:${n}-${r}`).join(" "), Le = ({
   direction: n = { sm: "vertical", md: "horizontal" },
-  gap: r = 4,
+  gap: t = 4,
   align: s = "center",
-  justify: t = "start",
+  justify: r = "start",
   wrap: o = "nowrap",
   className: l,
   children: i
@@ -2356,18 +2359,18 @@ const Xt = ({
     "flex",
     Te("flex", n),
     // flex-col or flex-row
-    Te("gap", r),
+    Te("gap", t),
     s !== "stretch" ? `items-${s}` : "items-stretch",
-    t !== "start" ? `justify-${t}` : "justify-start",
+    r !== "start" ? `justify-${r}` : "justify-start",
     o !== "nowrap" ? `flex-${o}` : "flex-nowrap",
     l
   );
   return /* @__PURE__ */ e.jsx("div", { className: d, children: i });
-}, er = (n) => /* @__PURE__ */ e.jsx(Le, { direction: "horizontal", ...n }), tr = (n) => /* @__PURE__ */ e.jsx(Le, { direction: "vertical", ...n }), xe = (n, r) => r == null ? "" : typeof r != "object" ? `${n}-${r}` : Object.entries(r).map(([s, t]) => `${s}:${n}-${t}`).join(" "), rr = ({
+}, er = (n) => /* @__PURE__ */ e.jsx(Le, { direction: "horizontal", ...n }), tr = (n) => /* @__PURE__ */ e.jsx(Le, { direction: "vertical", ...n }), xe = (n, t) => t == null ? "" : typeof t != "object" ? `${n}-${t}` : Object.entries(t).map(([s, r]) => `${s}:${n}-${r}`).join(" "), rr = ({
   columns: n = { sm: 1, md: 2, lg: 3 },
-  gap: r = 4,
+  gap: t = 4,
   padding: s = 4,
-  alignItems: t = "stretch",
+  alignItems: r = "stretch",
   justifyItems: o = "stretch",
   className: l,
   children: i
@@ -2375,41 +2378,41 @@ const Xt = ({
   const d = C(
     "grid",
     xe("grid-cols", n),
-    xe("gap", r),
+    xe("gap", t),
     xe("p", s),
-    t !== "stretch" ? `items-${t}` : "items-stretch",
+    r !== "stretch" ? `items-${r}` : "items-stretch",
     o !== "stretch" ? `justify-items-${o}` : "justify-items-stretch",
     l
   );
   return /* @__PURE__ */ e.jsx("div", { className: d, children: i });
 }, nr = ({
   label: n = "Open Drawer",
-  icon: r,
+  icon: t,
   iconPosition: s = "left",
-  onClick: t,
+  onClick: r,
   className: o = ""
 }) => /* @__PURE__ */ e.jsxs(
   "button",
   {
     type: "button",
-    onClick: t,
+    onClick: r,
     className: `inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md font-medium text-white bg-blue-600 hover:bg-blue-700 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-400 ${o}`,
     children: [
-      r && s === "left" && r,
+      t && s === "left" && t,
       n,
-      r && s === "right" && r
+      t && s === "right" && t
     ]
   }
 ), sr = ({
   open: n,
-  onClose: r,
+  onClose: t,
   position: s = "right",
-  size: t = "320px",
+  size: r = "320px",
   children: o,
   showCloseButton: l = !0,
   className: i = "",
   overlayClassName: d = "",
-  closeButtonClassName: j = ""
+  closeButtonClassName: w = ""
 }) => {
   const [h, g] = L(n);
   X(() => {
@@ -2434,7 +2437,7 @@ const Xt = ({
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: r,
+        onClick: t,
         className: `fixed inset-0 bg-black/50 transition-opacity ${n ? "opacity-100" : "opacity-0"} ${d}`
       }
     ),
@@ -2443,8 +2446,8 @@ const Xt = ({
       {
         className: `fixed bg-white shadow-lg flex flex-col transition-transform duration-300 ${i}`,
         style: {
-          width: s === "left" || s === "right" ? t : "100%",
-          height: s === "top" || s === "bottom" ? t : "100%",
+          width: s === "left" || s === "right" ? r : "100%",
+          height: s === "top" || s === "bottom" ? r : "100%",
           top: (s === "bottom" || s === "top") && s === "bottom" ? "auto" : 0,
           bottom: s === "bottom" ? 0 : "auto",
           left: s === "left" ? 0 : s === "right" ? "auto" : 0,
@@ -2455,8 +2458,8 @@ const Xt = ({
           l && /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: r,
-              className: `absolute top-4 right-4 p-1 rounded-full hover:bg-gray-200 transition-colors ${j}`,
+              onClick: t,
+              className: `absolute top-4 right-4 p-1 rounded-full hover:bg-gray-200 transition-colors ${w}`,
               "aria-label": "Close drawer",
               children: /* @__PURE__ */ e.jsx(ve, { size: 20 })
             }
@@ -2467,22 +2470,22 @@ const Xt = ({
     )
   ] });
 }, Bt = ie(
-  (n, r) => {
+  (n, t) => {
     const {
       label: s,
-      name: t = "",
+      name: r = "",
       value: o,
       defaultValue: l,
       onChange: i,
       options: d = [],
-      placeholder: j = "Select an option",
+      placeholder: w = "Select an option",
       required: h,
       disabled: g,
       error: c,
       success: f,
       helperText: N,
-      labelIcon: z,
-      prefixIcon: w,
+      labelIcon: _,
+      prefixIcon: j,
       variant: M = "dark",
       primaryTheme: k = !0,
       primaryColor: E = "#3b82f6",
@@ -2493,7 +2496,7 @@ const Xt = ({
       optionClassName: p = "",
       className: x = ""
     } = n, P = K(null);
-    ze(r, () => P.current);
+    _e(t, () => P.current);
     const [O, q] = L(!1), [Y, W] = L(l || ""), F = o !== void 0 ? o : Y, $ = d.find((v) => v.value === F);
     X(() => {
       const v = (I) => {
@@ -2502,7 +2505,7 @@ const Xt = ({
       return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
     }, []);
     const u = (v) => {
-      W(v.value), i?.(t, v.value), q(!1);
+      W(v.value), i?.(r, v.value), q(!1);
     }, S = {
       dark: {
         bg: "bg-zinc-900",
@@ -2518,7 +2521,7 @@ const Xt = ({
         dropdown: "bg-white border-gray-200",
         option: "text-gray-700 hover:bg-gray-100"
       }
-    }[M], V = k ? {} : { color: E }, G = k ? {} : { borderColor: E }, Z = k ? {} : { backgroundColor: `${E}20` }, a = c ? "border-rose-500" : f ? "border-emerald-500" : S.border, b = w ? "pl-12 pr-10" : "px-4";
+    }[M], V = k ? {} : { color: E }, G = k ? {} : { borderColor: E }, Z = k ? {} : { backgroundColor: `${E}20` }, a = c ? "border-rose-500" : f ? "border-emerald-500" : S.border, b = j ? "pl-12 pr-10" : "px-4";
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -2530,8 +2533,8 @@ const Xt = ({
             {
               className: `flex items-center gap-2 text-[13px] font-medium ${R}`,
               children: [
-                z && /* @__PURE__ */ e.jsx(
-                  z,
+                _ && /* @__PURE__ */ e.jsx(
+                  _,
                   {
                     className: k ? "w-4 h-4 text-[var(--primary)]" : "w-4 h-4",
                     style: k ? void 0 : V
@@ -2543,8 +2546,8 @@ const Xt = ({
             }
           ),
           /* @__PURE__ */ e.jsxs("div", { className: "relative group", children: [
-            w && /* @__PURE__ */ e.jsx("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ e.jsx(
-              w,
+            j && /* @__PURE__ */ e.jsx("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ e.jsx(
+              j,
               {
                 className: k ? "w-4 h-4 text-zinc-500 group-focus-within:text-[var(--primary)]" : "w-4 h-4 text-zinc-500",
                 style: k ? void 0 : V
@@ -2569,7 +2572,7 @@ const Xt = ({
               ${y}
             `,
                 children: [
-                  /* @__PURE__ */ e.jsx("span", { className: $ ? S.text : "text-zinc-500", children: $ ? $.label : j }),
+                  /* @__PURE__ */ e.jsx("span", { className: $ ? S.text : "text-zinc-500", children: $ ? $.label : w }),
                   /* @__PURE__ */ e.jsx(
                     Se,
                     {
@@ -2623,22 +2626,22 @@ const Xt = ({
   }
 );
 Bt.displayName = "Dropdown";
-const ar = ie((n, r) => {
+const ar = ie((n, t) => {
   const {
     label: s,
-    name: t = "",
+    name: r = "",
     type: o = "text",
     placeholder: l = "",
     value: i,
     defaultValue: d,
-    onChange: j,
+    onChange: w,
     required: h,
     disabled: g,
     readOnly: c,
     error: f,
     success: N,
-    helperText: z,
-    icon: w,
+    helperText: _,
+    icon: j,
     prefix: M,
     prefixIcon: k,
     suffixIcon: E,
@@ -2650,10 +2653,10 @@ const ar = ie((n, r) => {
     primaryColor: x = "#3b82f6",
     className: P = ""
   } = n, O = K(null);
-  ze(r, () => O.current);
+  _e(t, () => O.current);
   const [q, Y] = L(d || ""), [W, F] = L(!1), $ = !!k, u = !!M, S = $ || u, V = i !== void 0 ? i : q, G = (H) => {
     const te = H.target.value;
-    Y(te), j?.(t, te);
+    Y(te), w?.(r, te);
   }, Z = (H) => {
     o === "number" && H.key === "-" && H.preventDefault();
   }, a = () => S ? $ && u ? "pl-20 pr-4" : u ? "pl-14 pr-4" : $ ? "pl-10 pr-4" : "px-4" : "px-4", b = p ? {} : {
@@ -2662,8 +2665,8 @@ const ar = ie((n, r) => {
   }, v = p ? {} : { color: x }, I = f ? "border-red-500" : N ? "border-emerald-500" : "border-zinc-300 dark:border-zinc-800";
   return /* @__PURE__ */ e.jsxs("div", { className: `w-full space-y-1 ${P}`, children: [
     s && /* @__PURE__ */ e.jsxs("label", { className: "flex items-center gap-2 text-[12px] font-medium text-gray-700 dark:text-zinc-100", children: [
-      w && /* @__PURE__ */ e.jsx(
-        w,
+      j && /* @__PURE__ */ e.jsx(
+        j,
         {
           size: 16,
           className: p ? "text-[var(--primary)]" : "",
@@ -2685,7 +2688,7 @@ const ar = ie((n, r) => {
         "textarea",
         {
           ref: O,
-          name: t,
+          name: r,
           value: V,
           onChange: G,
           placeholder: l,
@@ -2711,7 +2714,7 @@ const ar = ie((n, r) => {
         {
           ref: O,
           type: o === "password" ? W ? "text" : "password" : o,
-          name: t,
+          name: r,
           value: V,
           onChange: G,
           onKeyDown: Z,
@@ -2748,31 +2751,31 @@ const ar = ie((n, r) => {
       ),
       E && o !== "password" && /* @__PURE__ */ e.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-zinc-400", children: E })
     ] }),
-    (z || f) && /* @__PURE__ */ e.jsx(
+    (_ || f) && /* @__PURE__ */ e.jsx(
       "p",
       {
         className: `text-xs ${f ? "text-red-500" : N ? "text-emerald-500" : "text-zinc-500"}`,
-        children: f && typeof f == "string" ? f : z
+        children: f && typeof f == "string" ? f : _
       }
     )
   ] });
 }), or = ({
   src: n,
-  alt: r = "Image",
+  alt: t = "Image",
   title: s,
-  width: t = "w-full",
+  width: r = "w-full",
   height: o = "h-auto",
   rounded: l = "rounded-lg",
   borderColor: i = "transparent",
   borderWidth: d = "0",
-  shadow: j = !1,
+  shadow: w = !1,
   opacity: h = 1,
   objectFit: g = "cover",
   overlayText: c,
   overlayColor: f = "rgba(0,0,0,0.5)",
   svgIcon: N,
-  responsive: z = !1,
-  p: w,
+  responsive: _ = !1,
+  p: j,
   m: M,
   hoverScale: k = 1.05,
   hoverRotate: E = 0,
@@ -2788,15 +2791,15 @@ const ar = ie((n, r) => {
 }) => {
   const Y = de(() => [
     "relative inline-block transition-all",
-    j ? "shadow-md" : "",
+    w ? "shadow-md" : "",
     l,
-    w ?? "",
+    j ?? "",
     M ?? "",
-    z ? "w-full h-auto" : "",
+    _ ? "w-full h-auto" : "",
     p
-  ].join(" "), [j, l, w, M, z, p]), W = de(
+  ].join(" "), [w, l, j, M, _, p]), W = de(
     () => ({
-      width: typeof t == "number" ? t : void 0,
+      width: typeof r == "number" ? r : void 0,
       height: typeof o == "number" ? o : void 0,
       objectFit: g,
       opacity: h,
@@ -2805,7 +2808,7 @@ const ar = ie((n, r) => {
       transition: `all ${y} ease`,
       ...x
     }),
-    [t, o, g, h, i, d, y, x]
+    [r, o, g, h, i, d, y, x]
   ), F = de(() => {
     switch (m) {
       case "x":
@@ -2824,8 +2827,8 @@ const ar = ie((n, r) => {
     "div",
     {
       role: "img",
-      "aria-label": r,
-      title: s || r,
+      "aria-label": t,
+      title: s || t,
       onClick: P,
       className: Y,
       style: { position: "relative", cursor: P ? "pointer" : "default", ...F },
@@ -2834,8 +2837,8 @@ const ar = ie((n, r) => {
           "img",
           {
             src: n,
-            alt: r,
-            title: s || r,
+            alt: t,
+            title: s || t,
             loading: "lazy",
             style: W,
             className: "block",
@@ -2858,14 +2861,14 @@ const ar = ie((n, r) => {
   );
 }, De = ({
   text: n,
-  icon: r,
+  icon: t,
   onClick: s,
-  subItems: t,
+  subItems: r,
   isInline: o,
   isOrdered: l,
   primaryTheme: i = !0,
   primaryColor: d = "#3b82f6",
-  itemClassName: j,
+  itemClassName: w,
   bulletClassName: h
 }) => {
   const g = i ? {} : { color: d }, c = i ? {} : { backgroundColor: d };
@@ -2878,10 +2881,10 @@ const ar = ie((n, r) => {
         className: C(
           "flex items-center gap-2 text-sm text-zinc-800 dark:text-zinc-200 transition-all",
           s && (i ? "cursor-pointer hover:text-[var(--primary)]" : "cursor-pointer"),
-          j
+          w
         ),
         children: [
-          r ? /* @__PURE__ */ e.jsx("span", { className: "text-base", children: r }) : !o && !l && /* @__PURE__ */ e.jsx(
+          t ? /* @__PURE__ */ e.jsx("span", { className: "text-base", children: t }) : !o && !l && /* @__PURE__ */ e.jsx(
             "span",
             {
               style: i ? void 0 : c,
@@ -2896,14 +2899,14 @@ const ar = ie((n, r) => {
         ]
       }
     ),
-    t && t.length > 0 && /* @__PURE__ */ e.jsx(
+    r && r.length > 0 && /* @__PURE__ */ e.jsx(
       "ul",
       {
         className: C(
           "pl-5 mt-2 space-y-2",
           l ? "list-decimal" : "list-none"
         ),
-        children: t.map((f, N) => /* @__PURE__ */ e.jsx(
+        children: r.map((f, N) => /* @__PURE__ */ e.jsx(
           De,
           {
             ...f,
@@ -2911,7 +2914,7 @@ const ar = ie((n, r) => {
             isOrdered: l,
             primaryTheme: i,
             primaryColor: d,
-            itemClassName: j,
+            itemClassName: w,
             bulletClassName: h
           },
           N
@@ -2921,17 +2924,17 @@ const ar = ie((n, r) => {
   ] });
 }, lr = ({
   title: n,
-  titleIcon: r,
+  titleIcon: t,
   items: s,
-  type: t = "unordered",
+  type: r = "unordered",
   primaryTheme: o = !0,
   primaryColor: l = "#3b82f6",
   className: i,
   itemClassName: d,
-  titleClassName: j,
+  titleClassName: w,
   bulletClassName: h
 }) => {
-  const g = t === "ordered", c = t === "inline", f = g ? "ol" : "ul";
+  const g = r === "ordered", c = r === "inline", f = g ? "ol" : "ul";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2945,10 +2948,10 @@ const ar = ie((n, r) => {
           {
             className: C(
               "flex items-center gap-2 mb-3 text-base font-semibold text-zinc-900 dark:text-white",
-              j
+              w
             ),
             children: [
-              r && /* @__PURE__ */ e.jsx("span", { children: r }),
+              t && /* @__PURE__ */ e.jsx("span", { children: t }),
               /* @__PURE__ */ e.jsx("span", { children: n })
             ]
           }
@@ -2959,7 +2962,7 @@ const ar = ie((n, r) => {
             className: C(
               c ? "flex flex-wrap gap-4" : g ? "list-decimal pl-5 space-y-2" : "list-none p-0"
             ),
-            children: s.map((N, z) => /* @__PURE__ */ e.jsx(
+            children: s.map((N, _) => /* @__PURE__ */ e.jsx(
               De,
               {
                 ...N,
@@ -2970,7 +2973,7 @@ const ar = ie((n, r) => {
                 itemClassName: d,
                 bulletClassName: h
               },
-              z
+              _
             ))
           }
         )
@@ -2979,14 +2982,14 @@ const ar = ie((n, r) => {
   );
 }, ir = ({
   isOpen: n,
-  onClose: r,
+  onClose: t,
   children: s,
-  title: t,
+  title: r,
   icon: o,
   ariaLabel: l,
   className: i,
   overlayClassName: d,
-  contentClassName: j,
+  contentClassName: w,
   closeButtonClassName: h,
   disableOverlayClose: g = !1,
   darkMode: c = !1,
@@ -2994,34 +2997,34 @@ const ar = ie((n, r) => {
 }) => {
   const N = K(null);
   X(() => {
-    const w = (M) => {
-      M.key === "Escape" && r();
+    const j = (M) => {
+      M.key === "Escape" && t();
     };
-    return n && document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [n, r]), X(() => {
+    return n && document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+  }, [n, t]), X(() => {
     if (n) {
-      const w = document.body.style.overflow;
+      const j = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = w;
+        document.body.style.overflow = j;
       };
     }
   }, [n]);
-  const z = he(() => {
-    g || r();
-  }, [g, r]);
+  const _ = he(() => {
+    g || t();
+  }, [g, t]);
   return n ? /* @__PURE__ */ e.jsx(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": l || t || "Modal",
+      "aria-label": l || r || "Modal",
       className: C(
         "fixed inset-0 flex items-center justify-center z-50 transition-opacity",
         c ? "bg-black/80" : "bg-black/60",
         d
       ),
       style: { transitionDuration: `${f}ms` },
-      onClick: z,
+      onClick: _,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3030,15 +3033,15 @@ const ar = ie((n, r) => {
             "relative w-[90vw] max-w-2xl max-h-[90vh] overflow-y-auto p-6 rounded-lg shadow-lg transition-transform",
             c ? "bg-zinc-900 text-white" : "bg-white text-gray-900",
             "scale-100",
-            j
+            w
           ),
           style: { transitionDuration: `${f}ms` },
-          onClick: (w) => w.stopPropagation(),
+          onClick: (j) => j.stopPropagation(),
           children: [
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: r,
+                onClick: t,
                 "aria-label": "Close modal",
                 className: C(
                   "absolute top-4 right-4 p-1 rounded-full hover:scale-110 transition-transform",
@@ -3048,9 +3051,9 @@ const ar = ie((n, r) => {
                 children: /* @__PURE__ */ e.jsx(ve, { size: 24 })
               }
             ),
-            t && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+            r && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
               o && /* @__PURE__ */ e.jsx("span", { className: "flex-shrink-0", children: o }),
-              /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold", children: t })
+              /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold", children: r })
             ] }),
             s
           ]
@@ -3058,13 +3061,13 @@ const ar = ie((n, r) => {
       )
     }
   ) : null;
-}, cr = ({ children: n, style: r, className: s }) => /* @__PURE__ */ e.jsx(
+}, cr = ({ children: n, style: t, className: s }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: C("overflow-x-auto rounded-lg shadow-sm border border-gray-200", s),
     style: {
       background: "#ffffff",
-      ...r
+      ...t
     },
     children: /* @__PURE__ */ e.jsx(
       "table",
@@ -3081,22 +3084,22 @@ const ar = ie((n, r) => {
   }
 ), dr = ({
   children: n,
-  style: r,
+  style: t,
   className: s
 }) => /* @__PURE__ */ e.jsx(
   "thead",
   {
     className: C("bg-gray-100 text-gray-900 font-semibold", s),
     style: {
-      ...r
+      ...t
     },
     children: n
   }
-), ur = ({ children: n, style: r, className: s }) => /* @__PURE__ */ e.jsx("tbody", { className: C("bg-white", s), style: { ...r }, children: n }), fr = ({
+), ur = ({ children: n, style: t, className: s }) => /* @__PURE__ */ e.jsx("tbody", { className: C("bg-white", s), style: { ...t }, children: n }), fr = ({
   children: n,
-  style: r,
+  style: t,
   className: s,
-  onClick: t,
+  onClick: r,
   hoverBgColor: o = "#f9fafb",
   darkMode: l = !1
 }) => /* @__PURE__ */ e.jsx(
@@ -3104,11 +3107,11 @@ const ar = ie((n, r) => {
   {
     className: C(
       "transition-colors duration-200 cursor-default",
-      t ? "hover:cursor-pointer" : "",
+      r ? "hover:cursor-pointer" : "",
       s
     ),
-    style: { borderBottom: "1px solid #e5e7eb", ...r },
-    onClick: t,
+    style: { borderBottom: "1px solid #e5e7eb", ...t },
+    onClick: r,
     onMouseEnter: (i) => {
       l ? i.currentTarget.style.backgroundColor = "#1f2937" : i.currentTarget.style.backgroundColor = o;
     },
@@ -3117,37 +3120,37 @@ const ar = ie((n, r) => {
     },
     children: n
   }
-), xr = ({ children: n, style: r, className: s }) => /* @__PURE__ */ e.jsx(
+), xr = ({ children: n, style: t, className: s }) => /* @__PURE__ */ e.jsx(
   "th",
   {
     className: C("text-left px-4 py-3 text-sm text-gray-700 border-b-2 border-gray-200", s),
-    style: { ...r },
+    style: { ...t },
     children: n
   }
-), pr = ({ children: n, style: r, className: s }) => /* @__PURE__ */ e.jsx(
+), pr = ({ children: n, style: t, className: s }) => /* @__PURE__ */ e.jsx(
   "td",
   {
     className: C("px-4 py-3 text-sm text-gray-600", s),
-    style: { ...r },
+    style: { ...t },
     children: n
   }
 ), hr = ({
   tabs: n,
-  defaultActive: r = 0,
+  defaultActive: t = 0,
   position: s = "top",
-  variant: t = "solid",
+  variant: r = "solid",
   fullWidth: o = !1,
   gap: l = 8,
   radius: i = 8,
   padding: d = "12px 18px",
-  transitionDuration: j = 200,
+  transitionDuration: w = 200,
   elevation: h = 1,
   bordered: g = !1,
   primaryColor: c = "#2563eb",
   backgroundColor: f = "transparent",
   textColor: N = "#374151",
-  hoverColor: z = "#1d4ed8",
-  activeColor: w = "#ffffff",
+  hoverColor: _ = "#1d4ed8",
+  activeColor: j = "#ffffff",
   borderColor: M = "#e5e7eb",
   disabledColor: k = "#9ca3af",
   responsiveBreakpoint: E = 768,
@@ -3162,7 +3165,7 @@ const ar = ie((n, r) => {
   inactiveTabStyle: q,
   contentStyle: Y
 }) => {
-  const [W, F] = L(r), [$, u] = L(null), [S, V] = L(!1), [G, Z] = L(!1), a = K(null);
+  const [W, F] = L(t), [$, u] = L(null), [S, V] = L(!1), [G, Z] = L(!1), a = K(null);
   X(() => {
     const T = () => V(window.innerWidth <= E);
     return T(), window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
@@ -3180,26 +3183,26 @@ const ar = ie((n, r) => {
     gap: 8,
     justifyContent: "center",
     fontWeight: 500,
-    transition: `all ${j}ms ease`,
+    transition: `all ${w}ms ease`,
     background: "transparent",
-    border: t === "outline" ? `1px solid ${M}` : "none",
-    borderBottom: t === "underline" ? "2px solid transparent" : void 0,
+    border: r === "outline" ? `1px solid ${M}` : "none",
+    borderBottom: r === "underline" ? "2px solid transparent" : void 0,
     color: N,
     width: o ? "100%" : "auto",
     userSelect: "none"
   }, H = {
-    background: t === "solid" ? c : "transparent",
-    color: w,
-    borderBottom: t === "underline" ? `2px solid ${c}` : void 0,
+    background: r === "solid" ? c : "transparent",
+    color: j,
+    borderBottom: r === "underline" ? `2px solid ${c}` : void 0,
     boxShadow: h > 0 ? `0 ${h}px ${h * 4}px ${c}33` : void 0,
     ...O
   }, te = {
-    ...t === "outline" ? { borderColor: M } : {},
-    ...t === "underline" ? { borderBottomColor: "transparent" } : {},
+    ...r === "outline" ? { borderColor: M } : {},
+    ...r === "underline" ? { borderBottomColor: "transparent" } : {},
     ...q
   }, B = {
-    color: z,
-    background: t === "solid" ? `${c}11` : t === "outline" ? `${c}11` : "transparent"
+    color: _,
+    background: r === "solid" ? `${c}11` : r === "outline" ? `${c}11` : "transparent"
   }, Q = {
     color: k,
     cursor: "not-allowed",
@@ -3211,7 +3214,7 @@ const ar = ie((n, r) => {
     borderRight: g && s === "right" ? `1px solid ${M}` : void 0,
     borderRadius: i,
     ...Y
-  }, _ = s === "left" || s === "right";
+  }, z = s === "left" || s === "right";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3219,7 +3222,7 @@ const ar = ie((n, r) => {
       className: `modern-tabs ${m}`,
       style: {
         display: "flex",
-        flexDirection: _ ? s === "right" ? "row-reverse" : "row" : "column",
+        flexDirection: z ? s === "right" ? "row-reverse" : "row" : "column",
         background: f,
         border: g ? `1px solid ${M}` : void 0,
         borderRadius: i,
@@ -3233,7 +3236,7 @@ const ar = ie((n, r) => {
             to { opacity: 1; transform: translateY(0); }
           }
           .modern-tabs__content {
-            animation: tab-fade ${j}ms ease;
+            animation: tab-fade ${w}ms ease;
           }
         ` }),
         S ? /* @__PURE__ */ e.jsxs("div", { style: { width: "100%", padding: 8 }, children: [
@@ -3284,10 +3287,10 @@ const ar = ie((n, r) => {
           {
             style: {
               display: "flex",
-              flexDirection: _ ? "column" : "row",
+              flexDirection: z ? "column" : "row",
               gap: l,
               padding: 8,
-              minWidth: _ ? 200 : void 0
+              minWidth: z ? 200 : void 0
             },
             children: n.map((T, D) => {
               const ee = D === W, re = $ === D, se = T.disabled;
@@ -3340,14 +3343,14 @@ const ar = ie((n, r) => {
 };
 function mr({
   as: n,
-  children: r,
+  children: t,
   size: s = "md",
-  weight: t = 400,
+  weight: r = 400,
   align: o = "left",
   truncate: l = !1,
   className: i,
   style: d,
-  ...j
+  ...w
 }) {
   const h = n || "p";
   return Re.createElement(
@@ -3361,13 +3364,13 @@ function mr({
         i
       ),
       style: {
-        fontWeight: t,
+        fontWeight: r,
         textAlign: o,
         ...d
       },
-      ...j
+      ...w
     },
-    r
+    t
   );
 }
 export {