zabi-components 1.0.6 → 1.0.7

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

@@ -1,18 +1,18 @@
 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";
+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-B_5U5Wyh.js";
 function Ne(N, v, n = !1, c = !1, w = !1) {
   var i = N, D = "";
   I(() => {
-    var p = (
+    var g = (
       /** @type {Effect} */
       $e
     );
-    if (D !== (D = v() ?? "") && (p.nodes_start !== null && (Ce(
-      p.nodes_start,
+    if (D !== (D = v() ?? "") && (g.nodes_start !== null && (Ce(
+      g.nodes_start,
       /** @type {TemplateNode} */
-      p.nodes_end
-    ), p.nodes_start = p.nodes_end = null), D !== "")) {
+      g.nodes_end
+    ), g.nodes_start = g.nodes_end = null), D !== "")) {
       var t = D + "";
       n ? t = `<svg>${t}</svg>` : c && (t = `<math>${t}</math>`);
       var m = je(t);
@@ -37,10 +37,10 @@ var We = _('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center
 function zt(N, v) {
   ve(v, !1);
   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, "");
+  let i = j(v, "variant", 8, "info"), D = j(v, "title", 8, ""), g = 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 });
+    z("close", { event: s });
   }
   se(() => {
   }, () => {
@@ -84,8 +84,8 @@ function zt(N, v) {
   var U = k(h, 2), q = o(U);
   {
     var B = (s) => {
-      var l = Ge(), f = o(l);
-      I(() => Z(f, D())), d(s, l);
+      var l = Ge(), p = o(l);
+      I(() => Z(p, D())), d(s, l);
     };
     M(q, (s) => {
       D() && s(B);
@@ -93,12 +93,12 @@ function zt(N, v) {
   }
   var Y = k(q, 2);
   {
-    var g = (s) => {
-      var l = Qe(), f = o(l);
-      I(() => Z(f, p())), d(s, l);
+    var f = (s) => {
+      var l = Qe(), p = o(l);
+      I(() => Z(p, g())), d(s, l);
     };
     M(Y, (s) => {
-      p() && s(g);
+      g() && s(f);
     });
   }
   var a = k(Y, 2);
@@ -112,7 +112,7 @@ function et(N, v) {
   ve(v, !1);
   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);
+  let g = K(), t = K(null);
   function m() {
     c(!1), D("close");
   }
@@ -125,18 +125,18 @@ function et(N, v) {
   function $(h) {
     var B;
     if (!c()) return;
-    const T = (B = e(p)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    const T = (B = e(g)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
     if (!T.length) return;
     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(c()), e(p)), () => {
+  }), se(() => (y(c()), e(g)), () => {
     c() && (x(t, document.activeElement), setTimeout(
       () => {
         var T;
-        const h = (T = e(p)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        const h = (T = e(g)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
         h == null || h.focus();
       },
       0
@@ -145,29 +145,29 @@ function et(N, v) {
   var E = re(), O = J(E);
   {
     var W = (h) => {
-      var T = Xe(), U = o(T), q = o(U), B = o(q), Y = o(B), g = k(B, 2);
+      var T = Xe(), U = o(T), q = o(U), B = o(q), Y = o(B), f = k(B, 2);
       {
         var a = (u) => {
           var b = Ze();
           te("click", b, m), d(u, b);
         };
-        M(g, (u) => {
+        M(f, (u) => {
           i() && u(a);
         });
       }
       var s = k(q, 2), l = o(s);
       fe(l, v, "default", {}, null);
-      var f = k(s, 2);
+      var p = k(s, 2);
       {
         var S = (u) => {
           var b = Je(), L = o(b);
           fe(L, v, "footer", {}, null), d(u, b);
         };
-        M(f, (u) => {
+        M(p, (u) => {
           r(() => n.footer) && u(S);
         });
       }
-      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);
+      he(U, (u) => x(g, u), () => e(g)), I(() => Z(Y, w())), te("keydown", U, (u) => $(u)), te("click", T, z), te("keydown", T, (u) => F(u)), d(h, T);
     };
     M(O, (h) => {
       c() && h(W);
@@ -185,23 +185,23 @@ function $t(N, v) {
     5 * 1024 * 1024
     // 5MB default
   ), D = j(v, "placeholder", 8, "No image selected");
-  const p = ce();
+  const g = 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, f = l[0];
-    if (f.size > i()) {
-      p("error", {
+    const l = s.files, p = l[0];
+    if (p.size > i()) {
+      g("error", {
         message: `File size must be less than ${Math.round(i() / 1024 / 1024)}MB`
       });
       return;
     }
-    if (w() !== "*" && !f.type.match(w().replace("*", ".*"))) {
-      p("error", { message: "Please select a valid file type" });
+    if (w() !== "*" && !p.type.match(w().replace("*", ".*"))) {
+      g("error", { message: "Please select a valid file type" });
       return;
     }
-    x(m, f), x(z, URL.createObjectURL(f)), p("upload", { files: l });
+    x(m, p), x(z, URL.createObjectURL(p)), g("upload", { files: l });
   }
   async function O() {
     if (!(!e(m) || !e(z))) {
@@ -213,16 +213,16 @@ function $t(N, v) {
           },
           200
         );
-        await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x($, 100), n(e(z)), p("change", { value: e(z) }), x(t, !1), h();
+        await new Promise((s) => setTimeout(s, 1e3)), clearInterval(a), x($, 100), n(e(z)), g("change", { value: e(z) }), x(t, !1), h();
       } catch (a) {
-        p("error", { message: `Upload failed: ${a}` });
+        g("error", { message: `Upload failed: ${a}` });
       } finally {
         x(F, !1), x($, 0);
       }
     }
   }
   function W() {
-    n(null), p("change", { value: null });
+    n(null), g("change", { value: null });
   }
   function h() {
     x(m, null), e(z) && (URL.revokeObjectURL(e(z)), x(z, null)), x($, 0);
@@ -236,7 +236,7 @@ function $t(N, v) {
   var U = dt(), q = o(U);
   {
     var B = (a) => {
-      var s = tt(), l = o(s), f = k(l, 2), S = o(f), u = o(S);
+      var s = tt(), l = o(s), p = k(l, 2), S = o(p), u = o(S);
       le(u, {
         variant: "secondary",
         size: "sm",
@@ -265,7 +265,7 @@ function $t(N, v) {
         $$slots: { default: !0 }
       }), I(() => H(l, "src", n())), d(a, s);
     }, Y = (a) => {
-      var s = at(), l = o(s), f = k(o(l), 2), S = o(f), u = o(S), b = k(f, 2), L = o(b);
+      var s = at(), l = o(s), p = k(o(l), 2), S = o(p), u = o(S), b = k(p, 2), L = o(b);
       le(L, {
         variant: "primary",
         size: "sm",
@@ -284,8 +284,8 @@ function $t(N, v) {
       n() ? a(B) : a(Y, !1);
     });
   }
-  var g = k(q, 2);
-  et(g, {
+  var f = k(q, 2);
+  et(f, {
     title: "Upload File",
     get isOpen() {
       return e(t);
@@ -299,7 +299,7 @@ function $t(N, v) {
       }
     },
     children: (a, s) => {
-      var l = vt(), f = o(l);
+      var l = vt(), p = o(l);
       {
         var S = (b) => {
           var L = rt(), A = k(o(L), 2), R = k(A, 2), V = o(R);
@@ -354,7 +354,7 @@ function $t(N, v) {
           }
           d(b, L);
         };
-        M(f, (b) => {
+        M(p, (b) => {
           e(m) ? b(u, !1) : b(S);
         });
       }
@@ -363,8 +363,8 @@ function $t(N, v) {
     $$slots: {
       default: !0,
       footer: (a, s) => {
-        var l = ct(), f = J(l);
-        le(f, {
+        var l = ct(), p = J(l);
+        le(p, {
           variant: "secondary",
           $$events: {
             click: () => {
@@ -377,7 +377,7 @@ function $t(N, v) {
           },
           $$slots: { default: !0 }
         });
-        var S = k(f, 2);
+        var S = k(p, 2);
         {
           var u = (b) => {
             le(b, {
@@ -411,13 +411,13 @@ function Ct(N, v) {
   ve(v, !1);
   let n = j(v, "values", 28, () => ({})), c = j(v, "fields", 24, () => []);
   const w = ce();
-  function i(p) {
-    const t = p.detail;
+  function i(g) {
+    const t = g.detail;
     t && typeof t == "object" && w("input", { value: t });
   }
   ie();
   var D = ft();
-  xe(D, 5, c, (p) => p.key, (p, t) => {
+  xe(D, 5, c, (g) => g.key, (g, t) => {
     var m = ut(), z = o(m);
     {
       var F = (E) => {
@@ -501,10 +501,10 @@ function Ct(N, v) {
                   $$events: { input: i, change: i },
                   $$legacy: !0
                 });
-              }, g = (a) => {
+              }, f = (a) => {
                 var s = re(), l = J(s);
                 {
-                  var f = (u) => {
+                  var p = (u) => {
                     Oe(u, {
                       get label() {
                         return e(t), r(() => e(t).label);
@@ -613,7 +613,7 @@ function Ct(N, v) {
                   M(
                     l,
                     (u) => {
-                      e(t), r(() => e(t).type === "toggle") ? u(f) : u(S, !1);
+                      e(t), r(() => e(t).type === "toggle") ? u(p) : u(S, !1);
                     },
                     !0
                   );
@@ -623,7 +623,7 @@ function Ct(N, v) {
               M(
                 B,
                 (a) => {
-                  e(t), r(() => e(t).type === "checkbox") ? a(Y) : a(g, !1);
+                  e(t), r(() => e(t).type === "checkbox") ? a(Y) : a(f, !1);
                 },
                 !0
               );
@@ -644,7 +644,7 @@ function Ct(N, v) {
         e(t), r(() => e(t).type === "textarea") ? E(F) : E($, !1);
       });
     }
-    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);
+    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(g, m);
   }), d(N, D), oe();
 }
 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="
@@ -678,7 +678,7 @@ const yt = {
 };
 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, "");
+  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"), g = j(v, "fullWidth", 8, !1), t = j(v, "className", 8, "");
   const m = ce();
   let z = K(), F = K(), $ = K(0);
   const E = {
@@ -711,56 +711,56 @@ function jt(N, v) {
       panel: "mt-4"
     }
   };
-  function W(g, a) {
-    if (g.disabled) {
+  function W(f, a) {
+    if (f.disabled) {
       a.preventDefault();
       return;
     }
-    c(g.id), m("change", { activeTab: c(), tab: g }), m("tabClick", { tab: g, event: a });
+    c(f.id), m("change", { activeTab: c(), tab: f }), m("tabClick", { tab: f, event: a });
   }
-  function h(g) {
+  function h(f) {
     if (!e(z)) return;
-    const a = Array.from(e(z).querySelectorAll('[role="tab"]')), s = a.findIndex((f) => f === document.activeElement);
+    const a = Array.from(e(z).querySelectorAll('[role="tab"]')), s = a.findIndex((p) => p === document.activeElement);
     let l = s;
-    switch (g.key) {
+    switch (f.key) {
       case "ArrowRight":
       case "ArrowDown":
-        g.preventDefault(), l = (s + 1) % a.length;
+        f.preventDefault(), l = (s + 1) % a.length;
         break;
       case "ArrowLeft":
       case "ArrowUp":
-        g.preventDefault(), l = s === 0 ? a.length - 1 : s - 1;
+        f.preventDefault(), l = s === 0 ? a.length - 1 : s - 1;
         break;
       case "Home":
-        g.preventDefault(), l = 0;
+        f.preventDefault(), l = 0;
         break;
       case "End":
-        g.preventDefault(), l = a.length - 1;
+        f.preventDefault(), l = a.length - 1;
         break;
       case "Enter":
       case " ":
-        g.preventDefault();
-        const f = a[s];
-        f && f.click();
+        f.preventDefault();
+        const p = a[s];
+        p && p.click();
         return;
     }
     l !== s && a[l] && a[l].focus();
   }
-  function T(g) {
+  function T(f) {
     var s;
-    const a = (s = e(z)) == null ? void 0 : s.querySelector(`[data-tab-id="${g}"]`);
+    const a = (s = e(z)) == null ? void 0 : s.querySelector(`[data-tab-id="${f}"]`);
     a == null || a.focus();
   }
   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()));
+    x($, n().findIndex((f) => f.id === c()));
   }), ye();
   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);
+  xe(B, 5, n, _e, (f, a) => {
+    var s = mt(), l = J(s), p = o(l);
     {
       var S = (C) => {
         var G = pt(), ae = o(G);
@@ -773,11 +773,11 @@ function jt(N, v) {
           ), H(ae, "d", (e(a), r(() => e(a).icon)));
         }), d(C, G);
       };
-      M(f, (C) => {
+      M(p, (C) => {
         e(a), r(() => e(a).icon) && C(S);
       });
     }
-    var u = k(f, 2), b = o(u), L = k(u, 2);
+    var u = k(p, 2), b = o(u), L = k(u, 2);
     {
       var A = (C) => {
         var G = gt(), ae = o(G);
@@ -806,23 +806,23 @@ function jt(N, v) {
                     ${y(w()), r(() => O[w()].tab) ?? ""}
                     ${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") ?? ""}
-                    ${p() ? "flex-1" : ""}
+                    ${g() ? "flex-1" : ""}
                     flex items-center justify-center gap-2
                 `,
         "svelte-fn6h9a"
       ), 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));
+    }), te("click", l, (C) => W(e(a), C)), d(f, s);
+  }), he(B, (f) => x(z, f), () => e(z));
   var Y = k(B, 2);
-  return xe(Y, 5, n, _e, (g, a) => {
+  return xe(Y, 5, n, _e, (f, a) => {
     var s = ht(), l = o(s);
     {
-      var f = (S) => {
+      var p = (S) => {
         var u = re(), b = J(u);
         fe(b, v, "content", {}, null), d(S, u);
       };
       M(l, (S) => {
-        e(a), y(c()), r(() => e(a).id === c()) && S(f);
+        e(a), y(c()), r(() => e(a).id === c()) && S(p);
       });
     }
     I(() => {
@@ -836,19 +836,19 @@ function jt(N, v) {
                 `,
         "svelte-fn6h9a"
       );
-    }), Ee(3, s, () => Pe, () => ({ duration: 200 })), d(g, s);
-  }), he(Y, (g) => x(F, g), () => e(F)), I(() => {
+    }), Ee(3, s, () => Pe, () => ({ duration: 200 })), d(f, s);
+  }), he(Y, (f) => x(F, f), () => 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(p()), y(n()), r(() => p() ? "grid grid-cols-" + n().length : "flex") ?? ""}
+            ${y(g()), y(n()), r(() => g() ? "grid grid-cols-" + n().length : "flex") ?? ""}
         `,
       "svelte-fn6h9a"
     ), H(B, "aria-orientation", D());
-  }), te("keydown", B, h), d(N, q), Be(v, "focusTab", T), oe(U);
+  }), te("keydown", B, (f) => h(f)), d(N, q), Be(v, "focusTab", T), oe(U);
 }
 export {
   zt as A,