zabi-components 1.0.4 → 1.0.6

package/dist/{Tooltip-B-wUMg6c.js → Tooltip-BA4NYwx_.js}

@@ -1,4 +1,4 @@
-import { a as Te, p as m, C as ie, D as ze, i as we, f as _, c as H, g as r, h as pe, j as he, r as C, l as e, m as Y, n as a, k as O, b as me, o as i, s as ne, t as p, q as S, F as oe, e as R, u as X, x as Se, v as J, _ as Fe, w as ge, W as ye, B as W, d as je, P as ke, $ as ue, E as ce, Z as ve, G as Le, y as qe, z as Re } from "./x-DpVwziig.js";
+import { a as Te, p as u, C as ie, D as ze, i as we, f as _, c as H, g as r, h as pe, j as he, r as C, l as e, m as Y, n as a, k as O, b as ue, o as i, s as ne, t as p, q as S, F as oe, e as R, u as X, x as Se, v as J, _ as Fe, w as xe, W as ye, B as W, d as je, P as ke, $ as me, E as ce, Z as ve, G as Le, y as qe, z as Re } from "./x-DpVwziig.js";
 import { createEventDispatcher as Pe, onMount as Be } from "svelte";
 import { T as We } from "./Toast-DXZ9gllw.js";
 var He = _("<div></div>"), Oe = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Ve = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Xe = _('<button type="button"><!> <!> <!> <!></button> <button type="button" aria-label="Close badge"><svg class="w-full h-full svelte-14njway" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" class="svelte-14njway"></path></svg></button>', 1), Ze = _("<div></div>"), Ge = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Ye = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Ue = _("<span><!> <!> <!> <!></span>"), Je = _('<div class="inline-flex items-center gap-1 svelte-14njway"><!></div>');
@@ -62,14 +62,14 @@ const Ke = {
 };
 function Ht(K, t) {
   he(t, !1), Te(K, Ke);
-  const y = Y(), w = Y(), j = Y(), u = Y(), L = Y(), B = Y(), F = Y();
-  let q = m(t, "variant", 8, "default"), T = m(t, "size", 8, "md"), k = m(t, "shape", 8, "rounded"), P = m(t, "dot", 8, !1), D = m(t, "closable", 8, !1), d = m(t, "icon", 8, void 0), E = m(t, "iconPosition", 8, "left");
+  const y = Y(), w = Y(), j = Y(), m = Y(), L = Y(), B = Y(), F = Y();
+  let q = u(t, "variant", 8, "default"), T = u(t, "size", 8, "md"), k = u(t, "shape", 8, "rounded"), P = u(t, "dot", 8, !1), D = u(t, "closable", 8, !1), d = u(t, "icon", 8, void 0), E = u(t, "iconPosition", 8, "left");
   const M = Pe();
-  function Q(x) {
-    x.stopPropagation(), M("close", { event: x });
+  function Q(g) {
+    g.stopPropagation(), M("close", { event: g });
   }
-  function A(x) {
-    M("click", { event: x });
+  function A(g) {
+    M("click", { event: g });
   }
   ie(() => {
   }, () => {
@@ -97,7 +97,7 @@ function Ht(K, t) {
     });
   }), ie(() => {
   }, () => {
-    O(u, { sm: "w-1.5 h-1.5", md: "w-2 h-2", lg: "w-2.5 h-2.5" });
+    O(m, { sm: "w-1.5 h-1.5", md: "w-2 h-2", lg: "w-2.5 h-2.5" });
   }), ie(
     () => (e(y), C(T()), e(w), C(q()), e(j), C(k()), C(D())),
     () => {
@@ -138,15 +138,15 @@ function Ht(K, t) {
   }), ze(), we();
   var f = Je(), N = a(f);
   {
-    var te = (x) => {
-      var I = Xe(), V = me(I), $ = a(V);
+    var te = (g) => {
+      var I = Xe(), V = ue(I), $ = a(V);
       {
         var ee = (o) => {
           var v = He();
           p(() => S(
             v,
             1,
-            `w-2 h-2 rounded-full bg-current ${e(u), C(T()), X(() => e(u)[T()]) ?? ""}`,
+            `w-2 h-2 rounded-full bg-current ${e(m), C(T()), X(() => e(m)[T()]) ?? ""}`,
             "svelte-14njway"
           )), r(o, v);
         };
@@ -183,8 +183,8 @@ function Ht(K, t) {
       var n = i(V, 2);
       p(() => {
         S(V, 1, oe(e(L)), "svelte-14njway"), S(n, 1, oe(e(F)), "svelte-14njway");
-      }), R("click", V, A), R("keydown", V, (o) => o.key === "Enter" && A(o)), R("click", n, Q), R("keydown", n, (o) => o.key === "Enter" && Q(o)), r(x, I);
-    }, z = (x) => {
+      }), R("click", V, A), R("keydown", V, (o) => o.key === "Enter" && A(o)), R("click", n, Q), R("keydown", n, (o) => o.key === "Enter" && Q(o)), r(g, I);
+    }, z = (g) => {
       var I = Ue(), V = a(I);
       {
         var $ = (s) => {
@@ -192,7 +192,7 @@ function Ht(K, t) {
           p(() => S(
             n,
             1,
-            `w-2 h-2 rounded-full bg-current ${e(u), C(T()), X(() => e(u)[T()]) ?? ""}`,
+            `w-2 h-2 rounded-full bg-current ${e(m), C(T()), X(() => e(m)[T()]) ?? ""}`,
             "svelte-14njway"
           )), r(s, n);
         };
@@ -226,10 +226,10 @@ function Ht(K, t) {
           d() && E() === "right" && s(c);
         });
       }
-      p(() => S(I, 1, oe(e(L)), "svelte-14njway")), r(x, I);
+      p(() => S(I, 1, oe(e(L)), "svelte-14njway")), r(g, I);
     };
-    H(N, (x) => {
-      D() ? x(te) : x(z, !1);
+    H(N, (g) => {
+      D() ? g(te) : g(z, !1);
     });
   }
   r(K, f), pe();
@@ -242,46 +242,41 @@ const et = {
 function Ot(K, t) {
   he(t, !1), Te(K, et);
   const y = Y(), w = Y();
-  let j = m(t, "variant", 8, "default"), u = m(t, "density", 8, "comfortable"), L = m(t, "disabled", 8, !1), B = m(t, "loading", 8, !1), F = m(t, "className", 8, ""), q = m(t, "ariaLabel", 8, ""), T = m(t, "ariaDescribedBy", 8, "");
-  const k = Pe(), P = {
-    compact: "p-3 sm:p-4 rounded-md shadow-sm",
-    comfortable: "p-4 sm:p-6 rounded-lg shadow-sm sm:shadow-md",
-    spacious: "p-6 sm:p-8 rounded-xl shadow-md sm:shadow-lg"
-  }, D = {
-    default: "bg-card border border-primary",
-    outlined: "bg-card border-2 border-primary",
-    elevated: "bg-card border border-primary shadow-lg",
-    filled: "bg-surface-secondary border border-primary"
+  let j = u(t, "variant", 8, "default"), m = u(t, "density", 8, "comfortable"), L = u(t, "disabled", 8, !1), B = u(t, "loading", 8, !1), F = u(t, "className", 8, ""), q = u(t, "ariaLabel", 8, ""), T = u(t, "ariaDescribedBy", 8, "");
+  const k = Pe(), P = { compact: "p-3 rounded-md", comfortable: "p-4 rounded-lg" }, D = {
+    default: "bg-[var(--zabi-surface)] border border-[var(--zabi-border)] shadow-sm",
+    elevated: "bg-[var(--zabi-surface)] border border-[var(--zabi-border)] shadow-md",
+    outlined: "bg-[var(--zabi-surface)] border-2 border-[var(--zabi-border)] shadow-sm"
   };
   function d(b) {
     if (L() || B()) {
       b.preventDefault();
       return;
     }
-    k("click", b);
+    k("click", { value: !0, event: b });
   }
   function E(b) {
     L() || B() || b.key === "Escape" && b.target.blur();
   }
   function M(b) {
-    !L() && !B() && k("focus", b);
+    !L() && !B() && k("focus", { event: b });
   }
   function Q(b) {
-    !L() && !B() && k("blur", b);
+    !L() && !B() && k("blur", { event: b });
   }
   function A(b) {
-    !L() && !B() && k("hover", b);
+    !L() && !B() && k("hover", { event: b });
   }
   function f(b) {
-    !L() && !B() && k("leave", b);
+    !L() && !B() && k("leave", { event: b });
   }
   ie(
-    () => (C(j()), C(u()), C(L()), C(B()), C(F())),
+    () => (C(j()), C(m()), C(L()), C(B()), C(F())),
     () => {
       O(y, [
         "transition-all duration-200",
         D[j()],
-        P[u()],
+        P[m()],
         L() ? "opacity-50 cursor-not-allowed" : "",
         B() ? "animate-pulse" : "",
         F()
@@ -301,9 +296,9 @@ function Ot(K, t) {
   Fe(N, () => ({ class: e(y), ...e(w) }), void 0, void 0, "svelte-1qx5g6b");
   var te = a(N), z = a(te);
   ne(z, t, "header", {}, null);
-  var x = i(te, 2), I = a(x);
+  var g = i(te, 2), I = a(g);
   ne(I, t, "default", {}, null);
-  var V = i(x, 2), $ = a(V);
+  var V = i(g, 2), $ = a(V);
   ne($, t, "footer", {}, null);
   var ee = i(V, 2);
   {
@@ -321,7 +316,7 @@ var tt = _("<h1><!></h1>"), at = _("<h2><!></h2>"), st = _("<h3><!></h3>"), rt =
 function Vt(K, t) {
   he(t, !1);
   const y = Y();
-  let w = m(t, "level", 8, 1), j = m(t, "text", 8, ""), u = m(t, "color", 8, "text-white"), L = m(t, "spacing", 8, "normal");
+  let w = u(t, "level", 8, 1), j = u(t, "text", 8, ""), m = u(t, "color", 8, "text-white"), L = u(t, "spacing", 8, "normal");
   const B = {
     1: "!text-6xl md:!text-7xl font-bold leading-tight block",
     2: "!text-4xl md:!text-5xl font-bold leading-tight block",
@@ -356,12 +351,12 @@ function Vt(K, t) {
     }
   };
   ie(
-    () => (C(w()), C(u()), C(L())),
+    () => (C(w()), C(m()), C(L())),
     () => {
-      O(y, `${B[w()]} font-title ${u()} ${F[L()][w()]}`);
+      O(y, `${B[w()]} font-title ${m()} ${F[L()][w()]}`);
     }
   ), ze();
-  var q = ge(), T = me(q);
+  var q = xe(), T = ue(q);
   {
     var k = (D) => {
       var d = tt(), E = a(d);
@@ -370,7 +365,7 @@ function Vt(K, t) {
         p(() => W(Q, j())), r(M, Q);
       }), p(() => S(d, 1, oe(e(y)))), r(D, d);
     }, P = (D) => {
-      var d = ge(), E = me(d);
+      var d = xe(), E = ue(d);
       {
         var M = (A) => {
           var f = at(), N = a(f);
@@ -379,16 +374,16 @@ function Vt(K, t) {
             p(() => W(z, j())), r(te, z);
           }), p(() => S(f, 1, oe(e(y)))), r(A, f);
         }, Q = (A) => {
-          var f = ge(), N = me(f);
+          var f = xe(), N = ue(f);
           {
-            var te = (x) => {
+            var te = (g) => {
               var I = st(), V = a(I);
               ne(V, t, "default", {}, ($) => {
                 var ee = ye();
                 p(() => W(ee, j())), r($, ee);
-              }), p(() => S(I, 1, oe(e(y)))), r(x, I);
-            }, z = (x) => {
-              var I = ge(), V = me(I);
+              }), p(() => S(I, 1, oe(e(y)))), r(g, I);
+            }, z = (g) => {
+              var I = xe(), V = ue(I);
               {
                 var $ = (U) => {
                   var b = rt(), h = a(b);
@@ -397,7 +392,7 @@ function Vt(K, t) {
                     p(() => W(s, j())), r(c, s);
                   }), p(() => S(b, 1, oe(e(y)))), r(U, b);
                 }, ee = (U) => {
-                  var b = ge(), h = me(b);
+                  var b = xe(), h = ue(b);
                   {
                     var c = (n) => {
                       var o = it(), v = a(o);
@@ -406,7 +401,7 @@ function Vt(K, t) {
                         p(() => W(re, j())), r(Z, re);
                       }), p(() => S(o, 1, oe(e(y)))), r(n, o);
                     }, s = (n) => {
-                      var o = ge(), v = me(o);
+                      var o = xe(), v = ue(o);
                       {
                         var Z = (re) => {
                           var de = nt(), be = a(de);
@@ -443,12 +438,12 @@ function Vt(K, t) {
                   !0
                 );
               }
-              r(x, I);
+              r(g, I);
             };
             H(
               N,
-              (x) => {
-                w() === 3 ? x(te) : x(z, !1);
+              (g) => {
+                w() === 3 ? g(te) : g(z, !1);
               },
               !0
             );
@@ -474,12 +469,12 @@ function Vt(K, t) {
 var lt = _('<img alt="" class="absolute inset-0 w-full h-full object-cover animate-pulse"/>'), ot = _('<img class="w-full h-full object-cover transition-opacity duration-300"/>'), dt = _('<div class="absolute inset-0 bg-gray-200 flex items-center justify-center text-gray-500"><svg class="w-8 h-8" 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-2l2.586-2.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>'), ct = _("<div><!> <!> <!></div>");
 function Xt(K, t) {
   he(t, !1);
-  let y = m(t, "src", 8), w = m(t, "alt", 8, ""), j = m(t, "width", 8, "100%"), u = m(t, "height", 8, "auto"), L = m(t, "loading", 8, "lazy"), B = m(t, "className", 8, ""), F = m(t, "placeholder", 8, "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PC9zdmc+"), q = Y(!1), T = Y(!1), k = Y(!1), P = Y();
+  let y = u(t, "src", 8), w = u(t, "alt", 8, ""), j = u(t, "width", 8, "100%"), m = u(t, "height", 8, "auto"), L = u(t, "loading", 8, "lazy"), B = u(t, "className", 8, ""), F = u(t, "placeholder", 8, "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PC9zdmc+"), q = Y(!1), T = Y(!1), k = Y(!1), P = Y();
   Be(() => {
     if (L() === "lazy") {
       const z = new IntersectionObserver(
-        (x) => {
-          x.forEach((I) => {
+        (g) => {
+          g.forEach((I) => {
             I.isIntersecting && (O(k, !0), z.unobserve(I.target));
           });
         },
@@ -499,8 +494,8 @@ function Xt(K, t) {
   var E = ct(), M = a(E);
   {
     var Q = (z) => {
-      var x = lt();
-      p(() => J(x, "src", F())), r(z, x);
+      var g = lt();
+      p(() => J(g, "src", F())), r(z, g);
     };
     H(M, (z) => {
       !e(q) && !e(T) && z(Q);
@@ -509,10 +504,10 @@ function Xt(K, t) {
   var A = i(M, 2);
   {
     var f = (z) => {
-      var x = ot();
+      var g = ot();
       p(() => {
-        J(x, "src", y()), J(x, "alt", w()), J(x, "loading", L()), ke(x, `opacity: ${e(q) ? 1 : 0};`);
-      }), R("load", x, D), R("error", x, d), r(z, x);
+        J(g, "src", y()), J(g, "alt", w()), J(g, "loading", L()), ke(g, `opacity: ${e(q) ? 1 : 0};`);
+      }), R("load", g, D), R("error", g, d), r(z, g);
     };
     H(A, (z) => {
       e(k) && !e(T) && z(f);
@@ -521,21 +516,21 @@ function Xt(K, t) {
   var N = i(A, 2);
   {
     var te = (z) => {
-      var x = dt();
-      r(z, x);
+      var g = dt();
+      r(z, g);
     };
     H(N, (z) => {
       e(T) && z(te);
     });
   }
   je(E, (z) => O(P, z), () => e(P)), p(() => {
-    S(E, 1, `relative overflow-hidden ${B() ?? ""}`), ke(E, `width: ${(typeof j() == "number" ? j() + "px" : j()) ?? ""}; height: ${(typeof u() == "number" ? u() + "px" : u()) ?? ""};`);
+    S(E, 1, `relative overflow-hidden ${B() ?? ""}`), ke(E, `width: ${(typeof j() == "number" ? j() + "px" : j()) ?? ""}; height: ${(typeof m() == "number" ? m() + "px" : m()) ?? ""};`);
   }), r(K, E), pe();
 }
 var vt = _('<div class="fixed bottom-4 left-4 bg-black/80 text-white p-4 rounded-lg text-xs font-mono z-50 max-w-xs"><div class="flex items-center justify-between mb-2"><h3 class="font-bold"> </h3> <button class="text-gray-400 hover:text-white">×</button></div> <div class="space-y-1"><div> </div> <div> </div> <div> </div> <div> </div> <div class="pt-1 border-t border-gray-600"><div class="font-semibold"> </div></div></div></div>');
 function Zt(K, t) {
   he(t, !1);
-  let y = m(t, "isVisible", 12, !1), w = m(t, "showInDev", 8, !0), j = m(t, "title", 8, "Debug Panel"), u = Y({
+  let y = u(t, "isVisible", 12, !1), w = u(t, "showInDev", 8, !0), j = u(t, "title", 8, "Debug Panel"), m = Y({
     domContentLoaded: 0,
     loadComplete: 0,
     firstPaint: 0,
@@ -546,44 +541,44 @@ function Zt(K, t) {
   Be(() => {
     typeof window < "u" && "PerformanceObserver" in window && (new PerformanceObserver((k) => {
       for (const P of k.getEntries())
-        P.name === "first-paint" && ue(u, e(u).firstPaint = P.startTime);
+        P.name === "first-paint" && me(m, e(m).firstPaint = P.startTime);
     }).observe({ entryTypes: ["paint"] }), new PerformanceObserver((k) => {
       for (const P of k.getEntries())
-        P.name === "first-contentful-paint" && ue(u, e(u).firstContentfulPaint = P.startTime);
+        P.name === "first-contentful-paint" && me(m, e(m).firstContentfulPaint = P.startTime);
     }).observe({ entryTypes: ["paint"] }), new PerformanceObserver((k) => {
       const P = k.getEntries(), D = P[P.length - 1];
-      ue(u, e(u).largestContentfulPaint = D.startTime);
+      me(m, e(m).largestContentfulPaint = D.startTime);
     }).observe({ entryTypes: ["largest-contentful-paint"] }), new PerformanceObserver((k) => {
       for (const P of k.getEntries())
-        P.hadRecentInput || ue(u, e(u).cumulativeLayoutShift += P.value);
+        P.hadRecentInput || me(m, e(m).cumulativeLayoutShift += P.value);
     }).observe({ entryTypes: ["layout-shift"] })), window.addEventListener("DOMContentLoaded", () => {
-      ue(u, e(u).domContentLoaded = performance.now());
+      me(m, e(m).domContentLoaded = performance.now());
     }), window.addEventListener("load", () => {
-      ue(u, e(u).loadComplete = performance.now());
+      me(m, e(m).loadComplete = performance.now());
     }), w();
   });
   function L(k) {
     return `${Math.round(k)}ms`;
   }
   function B() {
-    const k = e(u).firstContentfulPaint, P = e(u).largestContentfulPaint, D = e(u).cumulativeLayoutShift;
+    const k = e(m).firstContentfulPaint, P = e(m).largestContentfulPaint, D = e(m).cumulativeLayoutShift;
     let d = 100;
-    return k > 1800 && (d -= 20), P > 2500 && (d -= 30), D > 0.1 && (d -= 25), e(u).loadComplete > 3e3 && (d -= 25), d >= 90 ? "🟢 Excellent" : d >= 70 ? "🟡 Good" : d >= 50 ? "🟠 Needs Improvement" : "🔴 Poor";
+    return k > 1800 && (d -= 20), P > 2500 && (d -= 30), D > 0.1 && (d -= 25), e(m).loadComplete > 3e3 && (d -= 25), d >= 90 ? "🟢 Excellent" : d >= 70 ? "🟡 Good" : d >= 50 ? "🟠 Needs Improvement" : "🔴 Poor";
   }
   we();
-  var F = ge(), q = me(F);
+  var F = xe(), q = ue(F);
   {
     var T = (k) => {
-      var P = vt(), D = a(P), d = a(D), E = a(d), M = i(d, 2), Q = i(D, 2), A = a(Q), f = a(A), N = i(A, 2), te = a(N), z = i(N, 2), x = a(z), I = i(z, 2), V = a(I), $ = i(I, 2), ee = a($), U = a(ee);
+      var P = vt(), D = a(P), d = a(D), E = a(d), M = i(d, 2), Q = i(D, 2), A = a(Q), f = a(A), N = i(A, 2), te = a(N), z = i(N, 2), g = a(z), I = i(z, 2), V = a(I), $ = i(I, 2), ee = a($), U = a(ee);
       p(
         (b, h, c, s, n) => {
-          W(E, j()), W(f, `FCP: ${b ?? ""}`), W(te, `LCP: ${h ?? ""}`), W(x, `CLS: ${c ?? ""}`), W(V, `Load: ${s ?? ""}`), W(U, n);
+          W(E, j()), W(f, `FCP: ${b ?? ""}`), W(te, `LCP: ${h ?? ""}`), W(g, `CLS: ${c ?? ""}`), W(V, `Load: ${s ?? ""}`), W(U, n);
         },
         [
-          () => (e(u), X(() => L(e(u).firstContentfulPaint))),
-          () => (e(u), X(() => L(e(u).largestContentfulPaint))),
-          () => (e(u), X(() => e(u).cumulativeLayoutShift.toFixed(3))),
-          () => (e(u), X(() => L(e(u).loadComplete))),
+          () => (e(m), X(() => L(e(m).firstContentfulPaint))),
+          () => (e(m), X(() => L(e(m).largestContentfulPaint))),
+          () => (e(m), X(() => e(m).cumulativeLayoutShift.toFixed(3))),
+          () => (e(m), X(() => L(e(m).loadComplete))),
           () => X(B)
         ]
       ), R("click", M, () => y(!1)), r(k, P);
@@ -594,7 +589,7 @@ function Zt(K, t) {
   }
   r(K, F), pe();
 }
-var mt = _('<span class="text-sm text-secondary svelte-1nnpss"> </span>'), ut = _('<div class="flex justify-between items-center mb-2 svelte-1nnpss"><label class="text-sm font-medium text-primary svelte-1nnpss"> </label> <!></div>'), ft = _('<div class="absolute inset-0 flex items-center justify-center svelte-1nnpss"><span class="text-xs font-medium text-white svelte-1nnpss"> </span></div>'), gt = _('<div class="relative svelte-1nnpss"><div><div role="progressbar" aria-valuemin="0"></div></div> <!></div>'), xt = _("<span> </span>"), bt = _('<div class="relative inline-block svelte-1nnpss"><svg viewBox="0 0 44 44" role="progressbar" aria-valuemin="0"><circle cx="22" cy="22" r="20" stroke="currentColor" stroke-width="4" fill="none" class="text-neutral-200 dark:text-neutral-700 svelte-1nnpss"></circle><circle cx="22" cy="22" r="20" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round"></circle></svg> <div class="absolute inset-0 flex items-center justify-center svelte-1nnpss"><!></div></div>'), pt = _("<div><!> <!> <!></div>");
+var ut = _('<span class="text-sm text-secondary svelte-1nnpss"> </span>'), mt = _('<div class="flex justify-between items-center mb-2 svelte-1nnpss"><label class="text-sm font-medium text-primary svelte-1nnpss"> </label> <!></div>'), ft = _('<div class="absolute inset-0 flex items-center justify-center svelte-1nnpss"><span class="text-xs font-medium text-white svelte-1nnpss"> </span></div>'), xt = _('<div class="relative svelte-1nnpss"><div><div role="progressbar" aria-valuemin="0"></div></div> <!></div>'), gt = _("<span> </span>"), bt = _('<div class="relative inline-block svelte-1nnpss"><svg viewBox="0 0 44 44" role="progressbar" aria-valuemin="0"><circle cx="22" cy="22" r="20" stroke="currentColor" stroke-width="4" fill="none" class="text-neutral-200 dark:text-neutral-700 svelte-1nnpss"></circle><circle cx="22" cy="22" r="20" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round"></circle></svg> <div class="absolute inset-0 flex items-center justify-center svelte-1nnpss"><!></div></div>'), pt = _("<div><!> <!> <!></div>");
 const ht = {
   hash: "svelte-1nnpss",
   code: `
@@ -639,8 +634,8 @@ const ht = {
 };
 function Gt(K, t) {
   he(t, !1), Te(K, ht);
-  const y = Y(), w = Y(), j = Y(), u = Y(), L = Y();
-  let B = m(t, "value", 8, 0), F = m(t, "max", 8, 100), q = m(t, "size", 8, "md"), T = m(t, "variant", 8, "default"), k = m(t, "shape", 8, "linear"), P = m(t, "animated", 8, !0), D = m(t, "striped", 8, !1), d = m(t, "showValue", 8, !1), E = m(t, "label", 8, ""), M = m(t, "className", 8, "");
+  const y = Y(), w = Y(), j = Y(), m = Y(), L = Y();
+  let B = u(t, "value", 8, 0), F = u(t, "max", 8, 100), q = u(t, "size", 8, "md"), T = u(t, "variant", 8, "default"), k = u(t, "shape", 8, "linear"), P = u(t, "animated", 8, !0), D = u(t, "striped", 8, !1), d = u(t, "showValue", 8, !1), E = u(t, "label", 8, ""), M = u(t, "className", 8, "");
   const Q = Pe();
   let A = `progress-${Math.random().toString(36).substr(2, 9)}`;
   const f = {
@@ -672,17 +667,17 @@ function Gt(K, t) {
   ), ie(() => C(k()), () => {
     O(j, k() === "circular" ? 2 * Math.PI * 20 : 0);
   }), ie(() => e(j), () => {
-    O(u, e(j));
+    O(m, e(j));
   }), ie(() => (e(j), e(y)), () => {
     O(L, e(j) - e(y) / 100 * e(j));
   }), ze(), we();
-  var z = pt(), x = a(z);
+  var z = pt(), g = a(z);
   {
     var I = (b) => {
-      var h = ut(), c = a(h), s = a(c), n = i(c, 2);
+      var h = mt(), c = a(h), s = a(c), n = i(c, 2);
       {
         var o = (v) => {
-          var Z = mt(), re = a(Z);
+          var Z = ut(), re = a(Z);
           p((de) => W(re, `${de ?? ""}%`), [
             () => (e(y), X(() => Math.round(e(y))))
           ]), r(v, Z);
@@ -695,14 +690,14 @@ function Gt(K, t) {
         J(c, "for", A), W(s, E());
       }), r(b, h);
     };
-    H(x, (b) => {
+    H(g, (b) => {
       E() && b(I);
     });
   }
-  var V = i(x, 2);
+  var V = i(g, 2);
   {
     var $ = (b) => {
-      var h = gt(), c = a(h), s = a(c), n = i(c, 2);
+      var h = xt(), c = a(h), s = a(c), n = i(c, 2);
       {
         var o = (v) => {
           var Z = ft(), re = a(Z), de = a(re);
@@ -742,32 +737,32 @@ function Gt(K, t) {
         ]
       ), r(b, h);
     }, ee = (b) => {
-      var h = ge(), c = me(h);
+      var h = xe(), c = ue(h);
       {
         var s = (n) => {
           var o = bt(), v = a(o), Z = i(a(v)), re = i(v, 2), de = a(re);
           {
             var be = (le) => {
-              var xe = xt(), l = a(xe);
+              var ge = gt(), l = a(ge);
               p(
-                (g) => {
+                (x) => {
                   S(
-                    xe,
+                    ge,
                     1,
                     `
                         font-medium text-primary
                         ${C(q()), X(() => f[q()].text) ?? ""}
                     `,
                     "svelte-1nnpss"
-                  ), W(l, `${g ?? ""}%`);
+                  ), W(l, `${x ?? ""}%`);
                 },
                 [
                   () => (e(y), X(() => Math.round(e(y))))
                 ]
-              ), r(le, xe);
+              ), r(le, ge);
             }, _e = (le) => {
-              var xe = ge(), l = me(xe);
-              ne(l, t, "center", {}, null), r(le, xe);
+              var ge = xe(), l = ue(ge);
+              ne(l, t, "center", {}, null), r(le, ge);
             };
             H(de, (le) => {
               d() ? le(be) : le(_e, !1);
@@ -780,7 +775,7 @@ function Gt(K, t) {
                 0,
                 `transform -rotate-90 ${C(q()), X(() => f[q()].circular) ?? ""}`,
                 "svelte-1nnpss"
-              ), J(v, "aria-valuenow", B()), J(v, "aria-valuemax", F()), J(v, "aria-label", le), J(Z, "stroke-dasharray", e(u)), J(Z, "stroke-dashoffset", e(L)), S(
+              ), J(v, "aria-valuenow", B()), J(v, "aria-valuemax", F()), J(v, "aria-label", le), J(Z, "stroke-dasharray", e(m)), J(Z, "stroke-dashoffset", e(L)), S(
                 Z,
                 0,
                 `
@@ -817,7 +812,7 @@ var yt = _('<div class="text-center"><div></div> <p class="text-xs text-tertiary
 function Yt(K) {
   var t = Bt(), y = a(t), w = a(y), j = i(a(w), 2);
   We(j, { size: "lg", variant: "outline" });
-  var u = i(w, 2), L = i(a(u), 2), B = i(a(L), 2);
+  var m = i(w, 2), L = i(a(m), 2), B = i(a(L), 2);
   ce(B, 4, () => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], ve, (h, c) => {
     var s = yt(), n = a(s), o = i(n, 2), v = a(o);
     p(() => {
@@ -853,7 +848,7 @@ function Yt(K) {
     var s = Ct();
     p(() => S(s, 1, `w-8 h-8 rounded bg-error-${c ?? ""} border border-primary`)), r(h, s);
   });
-  var N = i(u, 4), te = i(a(N), 2);
+  var N = i(m, 4), te = i(a(N), 2);
   ce(
     te,
     4,
@@ -878,9 +873,9 @@ function Yt(K) {
       }), r(h, s);
     }
   );
-  var z = i(N, 2), x = i(a(z), 2);
+  var z = i(N, 2), g = i(a(z), 2);
   ce(
-    x,
+    g,
     4,
     () => [
       { size: "1", value: "0.25rem", class: "w-1" },
@@ -969,10 +964,10 @@ function Yt(K) {
 }
 var Et = _("<div></div>");
 function Ut(K, t) {
-  let y = m(t, "width", 8, "100%"), w = m(t, "height", 8, "1rem"), j = m(t, "borderRadius", 8, "0.5rem"), u = m(t, "className", 8, "");
+  let y = u(t, "width", 8, "100%"), w = u(t, "height", 8, "1rem"), j = u(t, "borderRadius", 8, "0.5rem"), m = u(t, "className", 8, "");
   var L = Et();
   p(() => {
-    S(L, 1, `animate-pulse bg-stone-800 ${u() ?? ""}`), ke(L, `width: ${y() ?? ""}; height: ${w() ?? ""}; border-radius: ${j() ?? ""};`);
+    S(L, 1, `animate-pulse bg-stone-800 ${m() ?? ""}`), ke(L, `width: ${y() ?? ""}; height: ${w() ?? ""}; border-radius: ${j() ?? ""};`);
   }), r(K, L);
 }
 var Mt = _('<button type="button" class="inline-block svelte-13nzt82"><!></button>'), It = _('<div role="button" tabindex="0" class="inline-block svelte-13nzt82"><!></div>'), Dt = _("<div></div>"), At = _('<div role="tooltip"><div class="relative svelte-13nzt82"> <!></div></div>'), Nt = _("<!> <!>", 1);
@@ -1011,7 +1006,7 @@ const Ft = {
 };
 function Jt(K, t) {
   he(t, !1), Te(K, Ft);
-  let y = m(t, "content", 8, ""), w = m(t, "placement", 8, "top"), j = m(t, "trigger", 8, "hover"), u = m(t, "disabled", 8, !1), L = m(t, "delay", 8, 200), B = m(t, "maxWidth", 8, "200px"), F = m(t, "variant", 8, "default"), q = m(t, "size", 8, "md"), T = m(t, "arrow", 8, !0), k = m(t, "interactive", 8, !1), P = m(t, "className", 8, "");
+  let y = u(t, "content", 8, ""), w = u(t, "placement", 8, "top"), j = u(t, "trigger", 8, "hover"), m = u(t, "disabled", 8, !1), L = u(t, "delay", 8, 200), B = u(t, "maxWidth", 8, "200px"), F = u(t, "variant", 8, "default"), q = u(t, "size", 8, "md"), T = u(t, "arrow", 8, !0), k = u(t, "interactive", 8, !1), P = u(t, "className", 8, "");
   const D = Pe();
   let d = Y(), E = Y(), M = Y(!1), Q, A, f;
   const N = {
@@ -1030,54 +1025,54 @@ function Jt(K, t) {
   function z() {
     if (!e(E) || !e(d)) return { top: 0, left: 0 };
     f = e(E).getBoundingClientRect();
-    const l = e(d).getBoundingClientRect(), g = window.scrollY, se = window.scrollX, fe = window.innerWidth, Ce = window.innerHeight;
+    const l = e(d).getBoundingClientRect(), x = window.scrollY, se = window.scrollX, fe = window.innerWidth, Ce = window.innerHeight;
     let ae = 0, G = 0;
     switch (w()) {
       case "top":
-        ae = f.top + g - l.height - 8, G = f.left + se + (f.width - l.width) / 2;
+        ae = f.top + x - l.height - 8, G = f.left + se + (f.width - l.width) / 2;
         break;
       case "top-start":
-        ae = f.top + g - l.height - 8, G = f.left + se;
+        ae = f.top + x - l.height - 8, G = f.left + se;
         break;
       case "top-end":
-        ae = f.top + g - l.height - 8, G = f.right + se - l.width;
+        ae = f.top + x - l.height - 8, G = f.right + se - l.width;
         break;
       case "bottom":
-        ae = f.bottom + g + 8, G = f.left + se + (f.width - l.width) / 2;
+        ae = f.bottom + x + 8, G = f.left + se + (f.width - l.width) / 2;
         break;
       case "bottom-start":
-        ae = f.bottom + g + 8, G = f.left + se;
+        ae = f.bottom + x + 8, G = f.left + se;
         break;
       case "bottom-end":
-        ae = f.bottom + g + 8, G = f.right + se - l.width;
+        ae = f.bottom + x + 8, G = f.right + se - l.width;
         break;
       case "left":
-        ae = f.top + g + (f.height - l.height) / 2, G = f.left + se - l.width - 8;
+        ae = f.top + x + (f.height - l.height) / 2, G = f.left + se - l.width - 8;
         break;
       case "left-start":
-        ae = f.top + g, G = f.left + se - l.width - 8;
+        ae = f.top + x, G = f.left + se - l.width - 8;
         break;
       case "left-end":
-        ae = f.bottom + g - l.height, G = f.left + se - l.width - 8;
+        ae = f.bottom + x - l.height, G = f.left + se - l.width - 8;
         break;
       case "right":
-        ae = f.top + g + (f.height - l.height) / 2, G = f.right + se + 8;
+        ae = f.top + x + (f.height - l.height) / 2, G = f.right + se + 8;
         break;
       case "right-start":
-        ae = f.top + g, G = f.right + se + 8;
+        ae = f.top + x, G = f.right + se + 8;
         break;
       case "right-end":
-        ae = f.bottom + g - l.height, G = f.right + se + 8;
+        ae = f.bottom + x - l.height, G = f.right + se + 8;
         break;
     }
-    return G < 8 && (G = 8), G + l.width > fe - 8 && (G = fe - l.width - 8), ae < 8 && (ae = 8), ae + l.height > Ce + g - 8 && (ae = Ce + g - l.height - 8), { top: ae, left: G };
+    return G < 8 && (G = 8), G + l.width > fe - 8 && (G = fe - l.width - 8), ae < 8 && (ae = 8), ae + l.height > Ce + x - 8 && (ae = Ce + x - l.height - 8), { top: ae, left: G };
   }
-  function x(l) {
-    u() || e(M) || (clearTimeout(A), Q = setTimeout(
+  function g(l) {
+    m() || e(M) || (clearTimeout(A), Q = setTimeout(
       () => {
-        O(M, !0), D("show", l), requestAnimationFrame(() => {
-          const g = z();
-          e(d) && (ue(d, e(d).style.top = `${g.top}px`), ue(d, e(d).style.left = `${g.left}px`));
+        O(M, !0), D("show", { event: l }), requestAnimationFrame(() => {
+          const x = z();
+          e(d) && (me(d, e(d).style.top = `${x.top}px`), me(d, e(d).style.left = `${x.left}px`));
         });
       },
       L()
@@ -1086,25 +1081,25 @@ function Jt(K, t) {
   function I(l) {
     e(M) && (clearTimeout(Q), A = setTimeout(
       () => {
-        O(M, !1), D("hide", l);
+        O(M, !1), D("hide", { event: l });
       },
       k() ? 300 : 0
     ));
   }
   function V(l) {
-    j() === "click" && (e(M) ? I(l) : x(l));
+    j() === "click" && (e(M) ? I(l) : g(l));
   }
   function $(l) {
-    j() === "click" && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), e(M) ? I(l) : x(l));
+    j() === "click" && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), e(M) ? I(l) : g(l));
   }
   function ee(l) {
-    j() === "focus" && x(l);
+    j() === "focus" && g(l);
   }
   function U(l) {
     j() === "focus" && I(l);
   }
   function b(l) {
-    j() === "hover" && x(l);
+    j() === "hover" && g(l);
   }
   function h(l) {
     j() === "hover" && I(l);
@@ -1116,7 +1111,7 @@ function Jt(K, t) {
     k() && I(l);
   }
   function n() {
-    u() || O(M, !0);
+    m() || O(M, !0);
   }
   function o() {
     O(M, !1);
@@ -1129,19 +1124,19 @@ function Jt(K, t) {
   }), ie(() => (e(M), e(d)), () => {
     e(M) && e(d) && requestAnimationFrame(() => {
       const l = z();
-      ue(d, e(d).style.top = `${l.top}px`), ue(d, e(d).style.left = `${l.left}px`);
+      me(d, e(d).style.top = `${l.top}px`), me(d, e(d).style.left = `${l.left}px`);
     });
   }), ze();
   var Z = { show: n, hide: o, toggle: v };
   we();
-  var re = Nt(), de = me(re);
+  var re = Nt(), de = ue(re);
   {
     var be = (l) => {
-      var g = Mt(), se = a(g);
-      ne(se, t, "default", {}, null), je(g, (fe) => O(E, fe), () => e(E)), p(() => J(g, "aria-describedby", e(M) ? "tooltip-{content}" : void 0)), R("click", g, V), R("keydown", g, $), R("focus", g, ee), R("blur", g, U), R("mouseenter", g, b), R("mouseleave", g, h), r(l, g);
+      var x = Mt(), se = a(x);
+      ne(se, t, "default", {}, null), je(x, (fe) => O(E, fe), () => e(E)), p(() => J(x, "aria-describedby", e(M) ? "tooltip-{content}" : void 0)), R("click", x, V), R("keydown", x, $), R("focus", x, ee), R("blur", x, U), R("mouseenter", x, b), R("mouseleave", x, h), r(l, x);
     }, _e = (l) => {
-      var g = It(), se = a(g);
-      ne(se, t, "default", {}, null), je(g, (fe) => O(E, fe), () => e(E)), p(() => J(g, "aria-describedby", e(M) ? "tooltip-{content}" : void 0)), R("click", g, V), R("keydown", g, $), R("focus", g, ee), R("blur", g, U), R("mouseenter", g, b), R("mouseleave", g, h), r(l, g);
+      var x = It(), se = a(x);
+      ne(se, t, "default", {}, null), je(x, (fe) => O(E, fe), () => e(E)), p(() => J(x, "aria-describedby", e(M) ? "tooltip-{content}" : void 0)), R("click", x, V), R("keydown", x, $), R("focus", x, ee), R("blur", x, U), R("mouseenter", x, b), R("mouseleave", x, h), r(l, x);
     };
     H(de, (l) => {
       j() === "click" ? l(be) : l(_e, !1);
@@ -1149,8 +1144,8 @@ function Jt(K, t) {
   }
   var le = i(de, 2);
   {
-    var xe = (l) => {
-      var g = At(), se = a(g), fe = a(se), Ce = i(fe);
+    var ge = (l) => {
+      var x = At(), se = a(x), fe = a(se), Ce = i(fe);
       {
         var ae = (G) => {
           var Ee = Dt();
@@ -1181,9 +1176,9 @@ function Jt(K, t) {
           T() && G(ae);
         });
       }
-      je(g, (G) => O(d, G), () => e(d)), p(() => {
-        J(g, "id", `tooltip-${y() ?? ""}`), S(
-          g,
+      je(x, (G) => O(d, G), () => e(d)), p(() => {
+        J(x, "id", `tooltip-${y() ?? ""}`), S(
+          x,
           1,
           `
             fixed z-tooltip
@@ -1193,15 +1188,15 @@ function Jt(K, t) {
             ${P() ?? ""}
         `,
           "svelte-13nzt82"
-        ), ke(g, `max-width: ${B() ?? ""};`), W(fe, `${y() ?? ""} `);
-      }), R("mouseenter", g, c), R("mouseleave", g, s), qe(3, g, () => Re, () => ({
+        ), ke(x, `max-width: ${B() ?? ""};`), W(fe, `${y() ?? ""} `);
+      }), R("mouseenter", x, c), R("mouseleave", x, s), qe(3, x, () => Re, () => ({
         x: w().includes("left") ? -10 : w().includes("right") ? 10 : 0,
         y: w().includes("top") ? -10 : w().includes("bottom") ? 10 : 0,
         duration: 200
-      })), r(l, g);
+      })), r(l, x);
     };
     H(le, (l) => {
-      e(M) && y() && l(xe);
+      e(M) && y() && l(ge);
     });
   }
   return r(K, re), Le(t, "show", n), Le(t, "hide", o), Le(t, "toggle", v), pe(Z);