zabi-components 1.0.4 → 1.0.6

package/dist/{Tabs-CQvsdYPW.js → Tabs-Tv_48hdh.js}

@@ -1,58 +1,57 @@
-import { t as I, Q as ze, R as Ce, S as Me, T as je, U as ue, p as M, C as se, D as ye, i as oe, f as _, c as j, s as fe, g as c, h as ie, j as ve, r as y, o as k, n as i, u as r, l as e, m as N, q as ee, v as H, k as x, e as te, B as Z, V as Te, w as re, b as J, d as be, W as ne, P as Le, E as xe, Y as he, a as Ue, G as Be, Z as _e, x as qe, F as De, y as Ee, A as Pe } from "./x-DpVwziig.js";
-import { createEventDispatcher as de, onMount as Ie, onDestroy as Se } from "svelte";
-import { B as le, T as Ae, S as Fe, C as Re, c as Oe, a as Ve, b as He, I as Ke } from "./Toggle-DuPArdKN.js";
-function Ne(W, v, n = !1, d = !1, w = !1) {
-  var o = W, D = "";
+import { t as I, Q as $e, R as Ce, S as je, T as Me, U as ue, p as j, C as se, D as ye, i as ie, f as _, c as M, s as fe, g as d, h as oe, j as ve, r as y, o as k, n as o, u as r, l as e, m as K, q as ee, v as H, k as x, e as te, B as Z, V as Te, w as re, b as J, d as he, W as ne, P as Ue, E as xe, Y as me, a as qe, G as Be, Z as _e, x as Le, F as De, y as Ee, A as Pe } from "./x-DpVwziig.js";
+import { createEventDispatcher as ce, onMount as Ie, onDestroy as Se } from "svelte";
+import { B as le, T as Ae, S as Fe, C as Re, c as Oe, a as Ve, b as He, I as Ke } from "./Toggle-BidBFl7X.js";
+function Ne(N, v, n = !1, c = !1, w = !1) {
+  var i = N, D = "";
   I(() => {
-    var f = (
+    var p = (
       /** @type {Effect} */
-      ze
+      $e
     );
-    if (D !== (D = v() ?? "") && (f.nodes_start !== null && (Ce(
-      f.nodes_start,
+    if (D !== (D = v() ?? "") && (p.nodes_start !== null && (Ce(
+      p.nodes_start,
       /** @type {TemplateNode} */
-      f.nodes_end
-    ), f.nodes_start = f.nodes_end = null), D !== "")) {
+      p.nodes_end
+    ), p.nodes_start = p.nodes_end = null), D !== "")) {
       var t = D + "";
-      n ? t = `<svg>${t}</svg>` : d && (t = `<math>${t}</math>`);
-      var h = Me(t);
-      if ((n || d) && (h = /** @type {Element} */
-      ue(h)), je(
+      n ? t = `<svg>${t}</svg>` : c && (t = `<math>${t}</math>`);
+      var m = je(t);
+      if ((n || c) && (m = /** @type {Element} */
+      ue(m)), Me(
         /** @type {TemplateNode} */
-        ue(h),
+        ue(m),
         /** @type {TemplateNode} */
-        h.lastChild
-      ), n || d)
-        for (; ue(h); )
-          o.before(
+        m.lastChild
+      ), n || c)
+        for (; ue(m); )
+          i.before(
             /** @type {Node} */
-            ue(h)
+            ue(m)
           );
       else
-        o.before(h);
+        i.before(m);
     }
   });
 }
-var We = _('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Ge = _('<h4 class="font-semibold text-sm mb-1"> </h4>'), Qe = _('<p class="text-sm leading-relaxed"> </p>'), Ye = _('<div aria-atomic="true"><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!></div></div> <!></div>');
-function $t(W, v) {
+var We = _('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Ge = _('<h4 class="font-semibold text-sm mb-1"> </h4>'), Qe = _('<p class="text-sm leading-relaxed"> </p>'), Ye = _('<div aria-atomic="true"><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!> <!></div></div></div>');
+function zt(N, v) {
   ve(v, !1);
-  const n = N(), d = N(), w = N();
-  let o = M(v, "variant", 8, "info"), D = M(v, "title", 8, ""), f = M(v, "message", 8, ""), t = M(v, "closable", 8, !1), h = M(v, "className", 8, "");
-  const $ = de();
-  function F() {
-    $("close");
+  const n = K(), c = K(), w = K();
+  let i = j(v, "variant", 8, "info"), D = j(v, "title", 8, ""), p = j(v, "message", 8, ""), t = j(v, "closable", 8, !1), m = j(v, "className", 8, "");
+  const z = ce();
+  function F(s) {
+    z("close", { value: !0, event: s });
   }
   se(() => {
   }, () => {
     x(n, {
-      info: "bg-info-light text-info-dark border border-info",
-      success: "bg-success-light text-success-dark border border-success",
-      warning: "bg-warning-light text-warning-dark border border-warning",
-      error: "bg-error-light text-error-dark border border-error",
-      "game-error": "bg-error-light text-error-dark border border-error"
+      info: "bg-[var(--zabi-info-light)] text-[var(--zabi-info-dark)] border border-[var(--zabi-info)]",
+      success: "bg-[var(--zabi-success-light)] text-[var(--zabi-success-dark)] border border-[var(--zabi-success)]",
+      warning: "bg-[var(--zabi-warning-light)] text-[var(--zabi-warning-dark)] border border-[var(--zabi-warning)]",
+      error: "bg-[var(--zabi-error-light)] text-[var(--zabi-error-dark)] border border-[var(--zabi-error)]"
     });
-  }), se(() => y(o()), () => {
-    x(d, o() === "success" || o() === "info" ? "status" : "alert");
+  }), se(() => y(i()), () => {
+    x(c, i() === "success" || i() === "info" ? "status" : "alert");
   }), se(() => {
   }, () => {
     x(w, {
@@ -67,229 +66,226 @@ function $t(W, v) {
         </svg>`,
       error: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
             <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
-        </svg>`,
-      "game-error": `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
         </svg>`
     });
-  }), ye(), oe();
-  var z = Ye(), E = i(z);
+  }), ye(), ie();
+  var $ = Ye(), E = o($);
   {
     var O = (s) => {
       var l = We();
-      te("click", l, F), c(s, l);
+      te("click", l, F), d(s, l);
     };
-    j(E, (s) => {
+    M(E, (s) => {
       t() && s(O);
     });
   }
-  var K = k(E, 2), b = i(K), T = i(b);
-  Ne(T, () => (e(w), y(o()), r(() => e(w)[o()])));
-  var L = k(b, 2), U = i(L);
+  var W = k(E, 2), h = o(W), T = o(h);
+  Ne(T, () => (e(w), y(i()), r(() => e(w)[i()])));
+  var U = k(h, 2), q = o(U);
   {
     var B = (s) => {
-      var l = Ge(), u = i(l);
-      I(() => Z(u, D())), c(s, l);
+      var l = Ge(), f = o(l);
+      I(() => Z(f, D())), d(s, l);
     };
-    j(U, (s) => {
+    M(q, (s) => {
       D() && s(B);
     });
   }
-  var Y = k(U, 2);
+  var Y = k(q, 2);
   {
-    var p = (s) => {
-      var l = Qe(), u = i(l);
-      I(() => Z(u, f())), c(s, l);
+    var g = (s) => {
+      var l = Qe(), f = o(l);
+      I(() => Z(f, p())), d(s, l);
     };
-    j(Y, (s) => {
-      f() && s(p);
+    M(Y, (s) => {
+      p() && s(g);
     });
   }
-  var a = k(K, 2);
+  var a = k(Y, 2);
   fe(a, v, "default", {}, null), I(() => {
-    ee(z, 1, `relative rounded-md p-4 border ${e(n), y(o()), r(() => e(n)[o()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${h() ?? ""}`), H(z, "role", e(d)), H(z, "aria-live", o() === "success" || o() === "info" ? "polite" : "assertive"), ee(K, 1, `flex items-start gap-3 ${t() ? "pr-8" : ""}`);
-  }), c(W, z), ie();
+    ee($, 1, `relative rounded-md p-4 border ${e(n), y(i()), r(() => e(n)[i()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${m() ?? ""}`), H($, "role", e(c)), H($, "aria-live", i() === "success" || i() === "info" ? "polite" : "assertive"), ee(W, 1, `flex items-start gap-3 ${t() ? "pr-8" : ""}`);
+  }), d(N, $), oe();
 }
 var Ze = _('<button type="button" class="text-tertiary hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary rounded-lg p-1 transition-colors" aria-label="Close dialog"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Je = _('<div class="flex items-center justify-end gap-3 p-6 border-t border-primary bg-surface-secondary"><!></div>'), Xe = _('<div class="fixed inset-0 bg-black/60 backdrop-blur-sm z-modal-backdrop flex items-center justify-center p-4" role="presentation" tabindex="-1"><div class="bg-surface-elevated rounded-xl shadow-adaptive-xl max-w-md w-full max-h-[90vh] overflow-y-auto border border-primary focus:outline-none" role="dialog" aria-modal="true" aria-labelledby="dialog-title" tabindex="-1"><div class="flex items-center justify-between p-6 border-b border-primary"><h2 id="dialog-title" class="text-xl font-semibold text-primary"> </h2> <!></div> <div class="p-6 text-primary"><!></div> <!></div></div>');
-function et(W, v) {
+function et(N, v) {
   const n = Te(v);
   ve(v, !1);
-  let d = M(v, "isOpen", 12, !1), w = M(v, "title", 8, ""), o = M(v, "showCloseButton", 8, !0);
-  const D = de();
-  let f = N(), t = N(null);
-  function h() {
-    d(!1), D("close");
+  let c = j(v, "isOpen", 12, !1), w = j(v, "title", 8, ""), i = j(v, "showCloseButton", 8, !0);
+  const D = ce();
+  let p = K(), t = K(null);
+  function m() {
+    c(!1), D("close");
   }
-  function $(b) {
-    b.target === b.currentTarget && h();
+  function z(h) {
+    h.target === h.currentTarget && m();
   }
-  function F(b) {
-    b.key === "Escape" && h();
+  function F(h) {
+    h.key === "Escape" && m();
   }
-  function z(b) {
+  function $(h) {
     var B;
-    if (!d()) return;
-    const T = (B = e(f)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    if (!c()) return;
+    const T = (B = e(p)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
     if (!T.length) return;
-    const L = T[0], U = T[T.length - 1];
-    b.key === "Tab" && (b.shiftKey ? document.activeElement === L && (b.preventDefault(), U.focus()) : document.activeElement === U && (b.preventDefault(), L.focus()));
+    const U = T[0], q = T[T.length - 1];
+    h.key === "Tab" && (h.shiftKey ? document.activeElement === U && (h.preventDefault(), q.focus()) : document.activeElement === q && (h.preventDefault(), U.focus()));
   }
   Ie(() => () => {
     e(t) && e(t).focus();
-  }), se(() => (y(d()), e(f)), () => {
-    d() && (x(t, document.activeElement), setTimeout(
+  }), se(() => (y(c()), e(p)), () => {
+    c() && (x(t, document.activeElement), setTimeout(
       () => {
         var T;
-        const b = (T = e(f)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-        b == null || b.focus();
+        const h = (T = e(p)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        h == null || h.focus();
       },
       0
     ));
-  }), ye(), oe();
+  }), ye(), ie();
   var E = re(), O = J(E);
   {
-    var K = (b) => {
-      var T = Xe(), L = i(T), U = i(L), B = i(U), Y = i(B), p = k(B, 2);
+    var W = (h) => {
+      var T = Xe(), U = o(T), q = o(U), B = o(q), Y = o(B), g = k(B, 2);
       {
-        var a = (g) => {
-          var m = Ze();
-          te("click", m, h), c(g, m);
+        var a = (u) => {
+          var b = Ze();
+          te("click", b, m), d(u, b);
         };
-        j(p, (g) => {
-          o() && g(a);
+        M(g, (u) => {
+          i() && u(a);
         });
       }
-      var s = k(U, 2), l = i(s);
+      var s = k(q, 2), l = o(s);
       fe(l, v, "default", {}, null);
-      var u = k(s, 2);
+      var f = k(s, 2);
       {
-        var S = (g) => {
-          var m = Je(), q = i(m);
-          fe(q, v, "footer", {}, null), c(g, m);
+        var S = (u) => {
+          var b = Je(), L = o(b);
+          fe(L, v, "footer", {}, null), d(u, b);
         };
-        j(u, (g) => {
-          r(() => n.footer) && g(S);
+        M(f, (u) => {
+          r(() => n.footer) && u(S);
         });
       }
-      be(L, (g) => x(f, g), () => e(f)), I(() => Z(Y, w())), te("keydown", L, z), te("click", T, $), te("keydown", T, F), c(b, T);
+      he(U, (u) => x(p, u), () => e(p)), I(() => Z(Y, w())), te("keydown", U, (u) => $(u)), te("click", T, z), te("keydown", T, (u) => F(u)), d(h, T);
     };
-    j(O, (b) => {
-      d() && b(K);
+    M(O, (h) => {
+      c() && h(W);
     });
   }
-  c(W, E), ie();
+  d(N, E), oe();
 }
-var tt = _('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-stone-600"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), at = _('<div class="border-2 border-dashed border-stone-600 rounded-lg p-6 text-center hover:border-stone-500 transition-colors"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-stone-700 rounded-lg flex items-center justify-center"><svg class="w-6 h-6 text-stone-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div> <div><p class="text-stone-300 font-medium"> </p> <p class="text-stone-500 text-sm">Choose a file to upload</p></div> <div class="flex gap-2 justify-center"><!></div></div></div>'), rt = _('<div class="space-y-3"><div class="text-sm font-medium text-stone-300">Choose File</div> <input type="file" class="block w-full text-sm text-stone-300 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-blue-900/30 file:text-blue-300 hover:file:bg-blue-900/50"/> <p class="text-xs text-stone-500"> </p></div>'), st = _('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border border-stone-600"/>'), nt = _('<div class="w-full h-48 bg-stone-700 rounded-lg border border-stone-600 flex items-center justify-center"><div class="text-center"><svg class="w-12 h-12 text-stone-400 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="text-stone-300 text-sm"> </p></div></div>'), lt = _('<div class="absolute inset-0 bg-black/50 flex items-center justify-center rounded-lg"><div class="text-center"><div class="w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div> <p class="text-white text-sm">Uploading...</p></div></div>'), ot = _('<div class="space-y-2"><div class="flex justify-between text-sm text-stone-400"><span>Uploading...</span> <span> </span></div> <div class="w-full bg-stone-700 rounded-full h-2"><div class="bg-blue-500 h-2 rounded-full transition-all duration-300"></div></div></div>'), it = _('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), vt = _('<div class="space-y-4"><!></div>'), dt = _("<!> <!>", 1), ct = _('<div class="space-y-3"><!> <!></div>');
-function zt(W, v) {
+var tt = _('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-stone-600"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), at = _('<div class="border-2 border-dashed border-stone-600 rounded-lg p-6 text-center hover:border-stone-500 transition-colors"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-stone-700 rounded-lg flex items-center justify-center"><svg class="w-6 h-6 text-stone-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div> <div><p class="text-stone-300 font-medium"> </p> <p class="text-stone-500 text-sm">Choose a file to upload</p></div> <div class="flex gap-2 justify-center"><!></div></div></div>'), rt = _('<div class="space-y-3"><div class="text-sm font-medium text-stone-300">Choose File</div> <input type="file" class="block w-full text-sm text-stone-300 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-blue-900/30 file:text-blue-300 hover:file:bg-blue-900/50"/> <p class="text-xs text-stone-500"> </p></div>'), st = _('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border border-stone-600"/>'), nt = _('<div class="w-full h-48 bg-stone-700 rounded-lg border border-stone-600 flex items-center justify-center"><div class="text-center"><svg class="w-12 h-12 text-stone-400 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="text-stone-300 text-sm"> </p></div></div>'), lt = _('<div class="absolute inset-0 bg-black/50 flex items-center justify-center rounded-lg"><div class="text-center"><div class="w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div> <p class="text-white text-sm">Uploading...</p></div></div>'), it = _('<div class="space-y-2"><div class="flex justify-between text-sm text-stone-400"><span>Uploading...</span> <span> </span></div> <div class="w-full bg-stone-700 rounded-full h-2"><div class="bg-blue-500 h-2 rounded-full transition-all duration-300"></div></div></div>'), ot = _('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), vt = _('<div class="space-y-4"><!></div>'), ct = _("<!> <!>", 1), dt = _('<div class="space-y-3"><!> <!></div>');
+function $t(N, v) {
   ve(v, !1);
-  let n = M(v, "value", 12, null), d = M(v, "disabled", 8, !1), w = M(v, "accept", 8, "image/*"), o = M(
+  let n = j(v, "value", 12, null), c = j(v, "disabled", 8, !1), w = j(v, "accept", 8, "image/*"), i = j(
     v,
     "maxSize",
     8,
     5 * 1024 * 1024
     // 5MB default
-  ), D = M(v, "placeholder", 8, "No image selected");
-  const f = de();
-  let t = N(!1), h = N(null), $ = N(null), F = N(!1), z = N(0);
+  ), D = j(v, "placeholder", 8, "No image selected");
+  const p = ce();
+  let t = K(!1), m = K(null), z = K(null), F = K(!1), $ = K(0);
   function E(a) {
     const s = a.target;
     if (!s.files || s.files.length === 0) return;
-    const l = s.files, u = l[0];
-    if (u.size > o()) {
-      f("error", {
-        message: `File size must be less than ${Math.round(o() / 1024 / 1024)}MB`
+    const l = s.files, f = l[0];
+    if (f.size > i()) {
+      p("error", {
+        message: `File size must be less than ${Math.round(i() / 1024 / 1024)}MB`
       });
       return;
     }
-    if (w() !== "*" && !u.type.match(w().replace("*", ".*"))) {
-      f("error", { message: "Please select a valid file type" });
+    if (w() !== "*" && !f.type.match(w().replace("*", ".*"))) {
+      p("error", { message: "Please select a valid file type" });
       return;
     }
-    x(h, u), x($, URL.createObjectURL(u)), f("upload", { files: l });
+    x(m, f), x(z, URL.createObjectURL(f)), p("upload", { files: l });
   }
   async function O() {
-    if (!(!e(h) || !e($))) {
-      x(F, !0), x(z, 0);
+    if (!(!e(m) || !e(z))) {
+      x(F, !0), x($, 0);
       try {
         const a = setInterval(
           () => {
-            e(z) < 90 && x(z, e(z) + Math.random() * 10);
+            e($) < 90 && x($, e($) + Math.random() * 10);
           },
           200
         );
-        await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x(z, 100), n(e($)), f("change", { value: e($) }), x(t, !1), b();
+        await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x($, 100), n(e(z)), p("change", { value: e(z) }), x(t, !1), h();
       } catch (a) {
-        f("error", { message: `Upload failed: ${a}` });
+        p("error", { message: `Upload failed: ${a}` });
       } finally {
-        x(F, !1), x(z, 0);
+        x(F, !1), x($, 0);
       }
     }
   }
-  function K() {
-    n(null), f("change", { value: null });
+  function W() {
+    n(null), p("change", { value: null });
   }
-  function b() {
-    x(h, null), e($) && (URL.revokeObjectURL(e($)), x($, null)), x(z, 0);
+  function h() {
+    x(m, null), e(z) && (URL.revokeObjectURL(e(z)), x(z, null)), x($, 0);
   }
   function T() {
-    e($) && (URL.revokeObjectURL(e($)), x($, null));
+    e(z) && (URL.revokeObjectURL(e(z)), x(z, null));
   }
   Se(() => {
     T();
-  }), oe();
-  var L = ct(), U = i(L);
+  }), ie();
+  var U = dt(), q = o(U);
   {
     var B = (a) => {
-      var s = tt(), l = i(s), u = k(l, 2), S = i(u), g = i(S);
-      le(g, {
+      var s = tt(), l = o(s), f = k(l, 2), S = o(f), u = o(S);
+      le(u, {
         variant: "secondary",
         size: "sm",
         get disabled() {
-          return d();
+          return c();
         },
         $$events: { click: () => x(t, !0) },
-        children: (q, A) => {
+        children: (L, A) => {
           var R = ne("Change");
-          c(q, R);
+          d(L, R);
         },
         $$slots: { default: !0 }
       });
-      var m = k(g, 2);
-      le(m, {
+      var b = k(u, 2);
+      le(b, {
         variant: "danger",
         size: "sm",
         get disabled() {
-          return d();
+          return c();
         },
-        $$events: { click: K },
-        children: (q, A) => {
+        $$events: { click: W },
+        children: (L, A) => {
           var R = ne("Remove");
-          c(q, R);
+          d(L, R);
         },
         $$slots: { default: !0 }
-      }), I(() => H(l, "src", n())), c(a, s);
+      }), I(() => H(l, "src", n())), d(a, s);
     }, Y = (a) => {
-      var s = at(), l = i(s), u = k(i(l), 2), S = i(u), g = i(S), m = k(u, 2), q = i(m);
-      le(q, {
+      var s = at(), l = o(s), f = k(o(l), 2), S = o(f), u = o(S), b = k(f, 2), L = o(b);
+      le(L, {
         variant: "primary",
         size: "sm",
         get disabled() {
-          return d();
+          return c();
         },
         $$events: { click: () => x(t, !0) },
         children: (A, R) => {
           var V = ne("Upload File");
-          c(A, V);
+          d(A, V);
         },
         $$slots: { default: !0 }
-      }), I(() => Z(g, D())), c(a, s);
+      }), I(() => Z(u, D())), d(a, s);
     };
-    j(U, (a) => {
+    M(q, (a) => {
       n() ? a(B) : a(Y, !1);
     });
   }
-  var p = k(U, 2);
-  et(p, {
+  var g = k(q, 2);
+  et(g, {
     title: "Upload File",
     get isOpen() {
       return e(t);
@@ -299,92 +295,92 @@ function zt(W, v) {
     },
     $$events: {
       close: () => {
-        x(t, !1), b();
+        x(t, !1), h();
       }
     },
     children: (a, s) => {
-      var l = vt(), u = i(l);
+      var l = vt(), f = o(l);
       {
-        var S = (m) => {
-          var q = rt(), A = k(i(q), 2), R = k(A, 2), V = i(R);
+        var S = (b) => {
+          var L = rt(), A = k(o(L), 2), R = k(A, 2), V = o(R);
           I(
             (C) => {
               H(A, "accept", w()), Z(V, `Max size: ${C ?? ""}MB`);
             },
             [
-              () => (y(o()), r(() => Math.round(o() / 1024 / 1024)))
+              () => (y(i()), r(() => Math.round(i() / 1024 / 1024)))
             ]
-          ), te("change", A, E), c(m, q);
-        }, g = (m) => {
-          var q = it(), A = i(q), R = i(A);
+          ), te("change", A, E), d(b, L);
+        }, u = (b) => {
+          var L = ot(), A = o(L), R = o(A);
           {
             var V = (P) => {
               var Q = st();
-              I(() => H(Q, "src", e($))), c(P, Q);
+              I(() => H(Q, "src", e(z))), d(P, Q);
             }, C = (P) => {
-              var Q = nt(), ce = i(Q), ge = k(i(ce), 2), me = i(ge);
-              I(() => Z(me, (e(h), r(() => e(h).name)))), c(P, Q);
+              var Q = nt(), de = o(Q), ge = k(o(de), 2), be = o(ge);
+              I(() => Z(be, (e(m), r(() => e(m).name)))), d(P, Q);
             };
-            j(R, (P) => {
-              e(h), r(() => e(h).type.startsWith("image/")) ? P(V) : P(C, !1);
+            M(R, (P) => {
+              e(m), r(() => e(m).type.startsWith("image/")) ? P(V) : P(C, !1);
             });
           }
           var G = k(R, 2);
           {
             var ae = (P) => {
               var Q = lt();
-              c(P, Q);
+              d(P, Q);
             };
-            j(G, (P) => {
+            M(G, (P) => {
               e(F) && P(ae);
             });
           }
           var pe = k(A, 2);
           {
             var X = (P) => {
-              var Q = ot(), ce = i(Q), ge = k(i(ce), 2), me = i(ge), ke = k(ce, 2), we = i(ke);
+              var Q = it(), de = o(Q), ge = k(o(de), 2), be = o(ge), ke = k(de, 2), we = o(ke);
               I(
-                ($e) => {
-                  Z(me, `${$e ?? ""}%`), Le(we, `width: ${e(z) ?? ""}%`);
+                (ze) => {
+                  Z(be, `${ze ?? ""}%`), Ue(we, `width: ${e($) ?? ""}%`);
                 },
                 [
-                  () => (e(z), r(() => Math.round(e(z))))
+                  () => (e($), r(() => Math.round(e($))))
                 ]
-              ), c(P, Q);
+              ), d(P, Q);
             };
-            j(pe, (P) => {
+            M(pe, (P) => {
               e(F) && P(X);
             });
           }
-          c(m, q);
+          d(b, L);
         };
-        j(u, (m) => {
-          e(h) ? m(g, !1) : m(S);
+        M(f, (b) => {
+          e(m) ? b(u, !1) : b(S);
         });
       }
-      c(a, l);
+      d(a, l);
     },
     $$slots: {
       default: !0,
       footer: (a, s) => {
-        var l = dt(), u = J(l);
-        le(u, {
+        var l = ct(), f = J(l);
+        le(f, {
           variant: "secondary",
           $$events: {
             click: () => {
-              x(t, !1), b();
+              x(t, !1), h();
             }
           },
-          children: (m, q) => {
+          children: (b, L) => {
             var A = ne("Cancel");
-            c(m, A);
+            d(b, A);
           },
           $$slots: { default: !0 }
         });
-        var S = k(u, 2);
+        var S = k(f, 2);
         {
-          var g = (m) => {
-            le(m, {
+          var u = (b) => {
+            le(b, {
               variant: "primary",
               get disabled() {
                 return e(F);
@@ -393,40 +389,40 @@ function zt(W, v) {
                 return e(F);
               },
               $$events: { click: O },
-              children: (q, A) => {
+              children: (L, A) => {
                 var R = ne();
-                I(() => Z(R, e(F) ? "Uploading..." : "Upload File")), c(q, R);
+                I(() => Z(R, e(F) ? "Uploading..." : "Upload File")), d(L, R);
               },
               $$slots: { default: !0 }
             });
           };
-          j(S, (m) => {
-            e(h) && m(g);
+          M(S, (b) => {
+            e(m) && b(u);
           });
         }
-        c(a, l);
+        d(a, l);
       }
     },
     $$legacy: !0
-  }), c(W, L), ie();
+  }), d(N, U), oe();
 }
 var ut = _("<div><!></div>"), ft = _('<div class="flex flex-wrap gap-4"></div>');
-function Ct(W, v) {
+function Ct(N, v) {
   ve(v, !1);
-  let n = M(v, "values", 28, () => ({})), d = M(v, "fields", 24, () => []);
-  const w = de();
-  function o(f) {
-    const t = f.detail;
-    t && typeof t == "object" && w("input", t);
+  let n = j(v, "values", 28, () => ({})), c = j(v, "fields", 24, () => []);
+  const w = ce();
+  function i(p) {
+    const t = p.detail;
+    t && typeof t == "object" && w("input", { value: t });
   }
-  oe();
+  ie();
   var D = ft();
-  xe(D, 5, d, (f) => f.key, (f, t) => {
-    var h = ut(), $ = i(h);
+  xe(D, 5, c, (p) => p.key, (p, t) => {
+    var m = ut(), z = o(m);
     {
       var F = (E) => {
         {
-          let O = he(() => (e(t), r(() => e(t).rows || 3)));
+          let O = me(() => (e(t), r(() => e(t).rows || 3)));
           Ae(E, {
             get label() {
               return e(t), r(() => e(t).label);
@@ -441,26 +437,26 @@ function Ct(W, v) {
               return e(t), r(() => e(t).required);
             },
             size: "sm",
-            variant: "outlined",
+            variant: "default",
             get value() {
               return n()[e(t).key];
             },
-            set value(K) {
-              n(n()[e(t).key] = K, !0);
+            set value(W) {
+              n(n()[e(t).key] = W, !0);
             },
-            $$events: { input: o, change: o },
+            $$events: { input: i, change: i },
             $$legacy: !0
           });
         }
-      }, z = (E) => {
-        var O = re(), K = J(O);
+      }, $ = (E) => {
+        var O = re(), W = J(O);
         {
-          var b = (L) => {
+          var h = (U) => {
             {
-              let U = he(() => (e(t), r(() => e(t).options || [])));
-              Fe(L, {
+              let q = me(() => (e(t), r(() => e(t).options || [])));
+              Fe(U, {
                 get options() {
-                  return e(U);
+                  return e(q);
                 },
                 get label() {
                   return e(t), r(() => e(t).label);
@@ -472,19 +468,19 @@ function Ct(W, v) {
                   return e(t), r(() => e(t).required);
                 },
                 size: "sm",
-                variant: "outlined",
+                variant: "default",
                 get value() {
                   return n()[e(t).key];
                 },
                 set value(B) {
                   n(n()[e(t).key] = B, !0);
                 },
-                $$events: { input: o, change: o },
+                $$events: { input: i, change: i },
                 $$legacy: !0
               });
             }
-          }, T = (L) => {
-            var U = re(), B = J(U);
+          }, T = (U) => {
+            var q = re(), B = J(q);
             {
               var Y = (a) => {
                 Re(a, {
@@ -495,35 +491,35 @@ function Ct(W, v) {
                     return e(t), r(() => e(t).required);
                   },
                   size: "sm",
-                  variant: "outlined",
+                  variant: "default",
                   get checked() {
                     return n()[e(t).key];
                   },
                   set checked(s) {
                     n(n()[e(t).key] = s, !0);
                   },
-                  $$events: { input: o, change: o },
+                  $$events: { input: i, change: i },
                   $$legacy: !0
                 });
-              }, p = (a) => {
+              }, g = (a) => {
                 var s = re(), l = J(s);
                 {
-                  var u = (g) => {
-                    Oe(g, {
+                  var f = (u) => {
+                    Oe(u, {
                       get label() {
                         return e(t), r(() => e(t).label);
                       },
                       get checked() {
                         return n()[e(t).key];
                       },
-                      set checked(m) {
-                        n(n()[e(t).key] = m, !0);
+                      set checked(b) {
+                        n(n()[e(t).key] = b, !0);
                       },
-                      $$events: { input: o, change: o },
+                      $$events: { input: i, change: i },
                       $$legacy: !0
                     });
-                  }, S = (g) => {
-                    var m = re(), q = J(m);
+                  }, S = (u) => {
+                    var b = re(), L = J(b);
                     {
                       var A = (V) => {
                         Ve(V, {
@@ -534,14 +530,14 @@ function Ct(W, v) {
                             return e(t), r(() => e(t).required);
                           },
                           size: "sm",
-                          variant: "outlined",
+                          variant: "default",
                           get value() {
                             return n()[e(t).key];
                           },
                           set value(C) {
                             n(n()[e(t).key] = C, !0);
                           },
-                          $$events: { input: o, change: o },
+                          $$events: { input: i, change: i },
                           $$legacy: !0
                         });
                       }, R = (V) => {
@@ -562,12 +558,12 @@ function Ct(W, v) {
                               set value(P) {
                                 n(n()[e(t).key] = P, !0);
                               },
-                              $$events: { input: o, change: o },
+                              $$events: { input: i, change: i },
                               $$legacy: !0
                             });
                           }, pe = (X) => {
                             {
-                              let P = he(() => (e(t), r(() => e(t).type || "text")));
+                              let P = me(() => (e(t), r(() => e(t).type || "text")));
                               Ke(X, {
                                 get type() {
                                   return e(P);
@@ -582,19 +578,19 @@ function Ct(W, v) {
                                   return e(t), r(() => e(t).required);
                                 },
                                 size: "sm",
-                                variant: "outlined",
+                                variant: "default",
                                 get value() {
                                   return n()[e(t).key];
                                 },
                                 set value(Q) {
                                   n(n()[e(t).key] = Q, !0);
                                 },
-                                $$events: { input: o, change: o },
+                                $$events: { input: i, change: i },
                                 $$legacy: !0
                               });
                             }
                           };
-                          j(
+                          M(
                             G,
                             (X) => {
                               e(t), r(() => e(t).type === "textalignment") ? X(ae) : X(pe, !1);
@@ -602,60 +598,60 @@ function Ct(W, v) {
                             !0
                           );
                         }
-                        c(V, C);
+                        d(V, C);
                       };
-                      j(
-                        q,
+                      M(
+                        L,
                         (V) => {
                           e(t), r(() => e(t).type === "colorpicker") ? V(A) : V(R, !1);
                         },
                         !0
                       );
                     }
-                    c(g, m);
+                    d(u, b);
                   };
-                  j(
+                  M(
                     l,
-                    (g) => {
-                      e(t), r(() => e(t).type === "toggle") ? g(u) : g(S, !1);
+                    (u) => {
+                      e(t), r(() => e(t).type === "toggle") ? u(f) : u(S, !1);
                     },
                     !0
                   );
                 }
-                c(a, s);
+                d(a, s);
               };
-              j(
+              M(
                 B,
                 (a) => {
-                  e(t), r(() => e(t).type === "checkbox") ? a(Y) : a(p, !1);
+                  e(t), r(() => e(t).type === "checkbox") ? a(Y) : a(g, !1);
                 },
                 !0
               );
             }
-            c(L, U);
+            d(U, q);
           };
-          j(
-            K,
-            (L) => {
-              e(t), r(() => e(t).type === "select") ? L(b) : L(T, !1);
+          M(
+            W,
+            (U) => {
+              e(t), r(() => e(t).type === "select") ? U(h) : U(T, !1);
             },
             !0
           );
         }
-        c(E, O);
+        d(E, O);
       };
-      j($, (E) => {
-        e(t), r(() => e(t).type === "textarea") ? E(F) : E(z, !1);
+      M(z, (E) => {
+        e(t), r(() => e(t).type === "textarea") ? E(F) : E($, !1);
       });
     }
-    I(() => ee(h, 1, `flex-${e(t), r(() => e(t).flex === "full" ? "none" : e(t).flex || "1") ?? ""} ${e(t), r(() => e(t).type === "textarea" || e(t).key === "title" || e(t).key === "subtitle" || e(t).flex === "full" ? "w-full" : "w-full sm:w-auto sm:flex-1") ?? ""} min-w-0 ${e(t), r(() => e(t).type === "toggle" ? "flex items-center justify-center" : "") ?? ""}`)), c(f, h);
-  }), c(W, D), ie();
+    I(() => ee(m, 1, `flex-${e(t), r(() => e(t).flex === "full" ? "none" : e(t).flex || "1") ?? ""} ${e(t), r(() => e(t).type === "textarea" || e(t).key === "title" || e(t).key === "subtitle" || e(t).flex === "full" ? "w-full" : "w-full sm:w-auto sm:flex-1") ?? ""} min-w-0 ${e(t), r(() => e(t).type === "toggle" ? "flex items-center justify-center" : "") ?? ""}`)), d(p, m);
+  }), d(N, D), oe();
 }
-var pt = qe('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-fn6h9a"></path></svg>'), gt = _(`<span class="
+var pt = Le('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-fn6h9a"></path></svg>'), gt = _(`<span class="
                         ml-1 px-1.5 py-0.5 text-xs font-medium
                         bg-primary-100 text-primary-800 rounded-full
                         dark:bg-primary-900 dark:text-primary-200
-                     svelte-fn6h9a"> </span>`), mt = _('<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary-500 rounded-full svelte-fn6h9a"></div>'), ht = _('<button type="button" role="tab"><!> <span class="svelte-fn6h9a"> </span> <!></button> <!>', 1), bt = _('<div role="tabpanel"><!></div>'), xt = _('<div><div role="tablist" tabindex="0"></div> <div class="tab-panels svelte-fn6h9a"></div></div>');
+                     svelte-fn6h9a"> </span>`), bt = _('<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-primary-500 rounded-full svelte-fn6h9a"></div>'), mt = _('<button type="button" role="tab"><!> <span class="svelte-fn6h9a"> </span> <!></button> <!>', 1), ht = _('<div role="tabpanel"><!></div>'), xt = _('<div><div role="tablist" tabindex="0"></div> <div class="tab-panels svelte-fn6h9a"></div></div>');
 const yt = {
   hash: "svelte-fn6h9a",
   code: `
@@ -680,11 +676,11 @@ const yt = {
 
     /* Vertical tabs specific styles */.tabs-container.vertical.svelte-fn6h9a {align-items:flex-start;}.tabs-container.vertical.svelte-fn6h9a [role="tablist"]:where(.svelte-fn6h9a) {min-width:200px;}.tabs-container.vertical.svelte-fn6h9a [role="tab"]:where(.svelte-fn6h9a) {justify-content:flex-start;text-align:left;}`
 };
-function Mt(W, v) {
-  ve(v, !1), Ue(W, yt);
-  let n = M(v, "tabs", 24, () => []), d = M(v, "activeTab", 12, ""), w = M(v, "variant", 8, "default"), o = M(v, "size", 8, "md"), D = M(v, "orientation", 8, "horizontal"), f = M(v, "fullWidth", 8, !1), t = M(v, "className", 8, "");
-  const h = de();
-  let $ = N(), F = N(), z = N(0);
+function jt(N, v) {
+  ve(v, !1), qe(N, yt);
+  let n = j(v, "tabs", 24, () => []), c = j(v, "activeTab", 12, ""), w = j(v, "variant", 8, "default"), i = j(v, "size", 8, "md"), D = j(v, "orientation", 8, "horizontal"), p = j(v, "fullWidth", 8, !1), t = j(v, "className", 8, "");
+  const m = ce();
+  let z = K(), F = K(), $ = K(0);
   const E = {
     sm: { tab: "px-3 py-1.5 text-sm", panel: "p-3", icon: "w-4 h-4" },
     md: { tab: "px-4 py-2 text-base", panel: "p-4", icon: "w-5 h-5" },
@@ -715,90 +711,90 @@ function Mt(W, v) {
       panel: "mt-4"
     }
   };
-  function K(p, a) {
-    if (p.disabled) {
+  function W(g, a) {
+    if (g.disabled) {
       a.preventDefault();
       return;
     }
-    d(p.id), h("change", { activeTab: d(), tab: p }), h("tabClick", { tab: p, event: a });
+    c(g.id), m("change", { activeTab: c(), tab: g }), m("tabClick", { tab: g, event: a });
   }
-  function b(p) {
-    if (!e($)) return;
-    const a = Array.from(e($).querySelectorAll('[role="tab"]')), s = a.findIndex((u) => u === document.activeElement);
+  function h(g) {
+    if (!e(z)) return;
+    const a = Array.from(e(z).querySelectorAll('[role="tab"]')), s = a.findIndex((f) => f === document.activeElement);
     let l = s;
-    switch (p.key) {
+    switch (g.key) {
       case "ArrowRight":
       case "ArrowDown":
-        p.preventDefault(), l = (s + 1) % a.length;
+        g.preventDefault(), l = (s + 1) % a.length;
         break;
       case "ArrowLeft":
       case "ArrowUp":
-        p.preventDefault(), l = s === 0 ? a.length - 1 : s - 1;
+        g.preventDefault(), l = s === 0 ? a.length - 1 : s - 1;
         break;
       case "Home":
-        p.preventDefault(), l = 0;
+        g.preventDefault(), l = 0;
         break;
       case "End":
-        p.preventDefault(), l = a.length - 1;
+        g.preventDefault(), l = a.length - 1;
         break;
       case "Enter":
       case " ":
-        p.preventDefault();
-        const u = a[s];
-        u && u.click();
+        g.preventDefault();
+        const f = a[s];
+        f && f.click();
         return;
     }
     l !== s && a[l] && a[l].focus();
   }
-  function T(p) {
+  function T(g) {
     var s;
-    const a = (s = e($)) == null ? void 0 : s.querySelector(`[data-tab-id="${p}"]`);
+    const a = (s = e(z)) == null ? void 0 : s.querySelector(`[data-tab-id="${g}"]`);
     a == null || a.focus();
   }
-  se(() => (y(n()), y(d())), () => {
-    n().length > 0 && !d() && d(n()[0].id);
-  }), se(() => (y(n()), y(d())), () => {
-    x(z, n().findIndex((p) => p.id === d()));
+  se(() => (y(n()), y(c())), () => {
+    n().length > 0 && !c() && c(n()[0].id);
+  }), se(() => (y(n()), y(c())), () => {
+    x($, n().findIndex((g) => g.id === c()));
   }), ye();
-  var L = { focusTab: T };
-  oe();
-  var U = xt(), B = i(U);
-  xe(B, 5, n, _e, (p, a) => {
-    var s = ht(), l = J(s), u = i(l);
+  var U = { focusTab: T };
+  ie();
+  var q = xt(), B = o(q);
+  xe(B, 5, n, _e, (g, a) => {
+    var s = mt(), l = J(s), f = o(l);
     {
       var S = (C) => {
-        var G = pt(), ae = i(G);
+        var G = pt(), ae = o(G);
         I(() => {
           ee(
             G,
             0,
-            De((y(o()), r(() => E[o()].icon))),
+            De((y(i()), r(() => E[i()].icon))),
             "svelte-fn6h9a"
           ), H(ae, "d", (e(a), r(() => e(a).icon)));
-        }), c(C, G);
+        }), d(C, G);
       };
-      j(u, (C) => {
+      M(f, (C) => {
         e(a), r(() => e(a).icon) && C(S);
       });
     }
-    var g = k(u, 2), m = i(g), q = k(g, 2);
+    var u = k(f, 2), b = o(u), L = k(u, 2);
     {
       var A = (C) => {
-        var G = gt(), ae = i(G);
-        I(() => Z(ae, (e(a), r(() => e(a).badge)))), c(C, G);
+        var G = gt(), ae = o(G);
+        I(() => Z(ae, (e(a), r(() => e(a).badge)))), d(C, G);
       };
-      j(q, (C) => {
+      M(L, (C) => {
         e(a), r(() => e(a).badge) && C(A);
       });
     }
     var R = k(l, 2);
     {
       var V = (C) => {
-        var G = mt();
-        c(C, G);
+        var G = bt();
+        d(C, G);
       };
-      j(R, (C) => {
-        y(w()), e(a), y(d()), r(() => w() === "underline" && e(a).id === d()) && C(V);
+      M(R, (C) => {
+        y(w()), e(a), y(c()), r(() => w() === "underline" && e(a).id === c()) && C(V);
       });
     }
     I(() => {
@@ -806,27 +802,27 @@ function Mt(W, v) {
         l,
         1,
         `
-                    ${y(o()), r(() => E[o()].tab) ?? ""}
+                    ${y(i()), r(() => E[i()].tab) ?? ""}
                     ${y(w()), r(() => O[w()].tab) ?? ""}
-                    ${e(a), y(d()), y(w()), r(() => e(a).id === d() ? O[w()].activeTab : "") ?? ""}
+                    ${e(a), y(c()), y(w()), r(() => e(a).id === c() ? O[w()].activeTab : "") ?? ""}
                     ${e(a), r(() => e(a).disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer") ?? ""}
-                    ${f() ? "flex-1" : ""}
+                    ${p() ? "flex-1" : ""}
                     flex items-center justify-center gap-2
                 `,
         "svelte-fn6h9a"
-      ), H(l, "aria-selected", (e(a), y(d()), r(() => e(a).id === d()))), H(l, "aria-controls", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), H(l, "aria-disabled", (e(a), r(() => e(a).disabled))), H(l, "tabindex", (e(a), y(d()), r(() => e(a).id === d() ? 0 : -1))), Z(m, (e(a), r(() => e(a).label)));
-    }), te("click", l, (C) => K(e(a), C)), c(p, s);
-  }), be(B, (p) => x($, p), () => e($));
+      ), H(l, "aria-selected", (e(a), y(c()), r(() => e(a).id === c()))), H(l, "aria-controls", `tabpanel-${e(a), r(() => e(a).id) ?? ""}`), H(l, "aria-disabled", (e(a), r(() => e(a).disabled))), H(l, "tabindex", (e(a), y(c()), r(() => e(a).id === c() ? 0 : -1))), Z(b, (e(a), r(() => e(a).label)));
+    }), te("click", l, (C) => W(e(a), C)), d(g, s);
+  }), he(B, (g) => x(z, g), () => e(z));
   var Y = k(B, 2);
-  return xe(Y, 5, n, _e, (p, a) => {
-    var s = bt(), l = i(s);
+  return xe(Y, 5, n, _e, (g, a) => {
+    var s = ht(), l = o(s);
     {
-      var u = (S) => {
-        var g = re(), m = J(g);
-        fe(m, v, "content", {}, null), c(S, g);
+      var f = (S) => {
+        var u = re(), b = J(u);
+        fe(b, v, "content", {}, null), d(S, u);
       };
-      j(l, (S) => {
-        e(a), y(d()), r(() => e(a).id === d()) && S(u);
+      M(l, (S) => {
+        e(a), y(c()), r(() => e(a).id === c()) && S(f);
       });
     }
     I(() => {
@@ -834,30 +830,30 @@ function Mt(W, v) {
         s,
         1,
         `
-                    ${y(o()), r(() => E[o()].panel) ?? ""}
+                    ${y(i()), r(() => E[i()].panel) ?? ""}
                     ${y(w()), r(() => O[w()].panel) ?? ""}
-                    ${e(a), y(d()), r(() => e(a).id === d() ? "block" : "hidden") ?? ""}
+                    ${e(a), y(c()), r(() => e(a).id === c() ? "block" : "hidden") ?? ""}
                 `,
         "svelte-fn6h9a"
       );
-    }), Ee(3, s, () => Pe, () => ({ duration: 200 })), c(p, s);
-  }), be(Y, (p) => x(F, p), () => e(F)), I(() => {
-    ee(U, 1, `tabs-container ${D() === "vertical" ? "flex" : ""} ${t() ?? ""}`, "svelte-fn6h9a"), ee(
+    }), Ee(3, s, () => Pe, () => ({ duration: 200 })), d(g, s);
+  }), he(Y, (g) => x(F, g), () => e(F)), I(() => {
+    ee(q, 1, `tabs-container ${D() === "vertical" ? "flex" : ""} ${t() ?? ""}`, "svelte-fn6h9a"), ee(
       B,
       1,
       `
             ${y(w()), r(() => O[w()].container) ?? ""}
             ${D() === "vertical" ? "flex-col space-y-1 mr-4" : ""}
-            ${y(f()), y(n()), r(() => f() ? "grid grid-cols-" + n().length : "flex") ?? ""}
+            ${y(p()), y(n()), r(() => p() ? "grid grid-cols-" + n().length : "flex") ?? ""}
         `,
       "svelte-fn6h9a"
     ), H(B, "aria-orientation", D());
-  }), te("keydown", B, b), c(W, U), Be(v, "focusTab", T), ie(L);
+  }), te("keydown", B, h), d(N, q), Be(v, "focusTab", T), oe(U);
 }
 export {
-  $t as A,
-  zt as I,
+  zt as A,
+  $t as I,
   Ct as K,
   et as M,
-  Mt as T
+  jt as T
 };