zabi-components 1.0.5 → 1.0.6

package/dist/{Tabs-ksSPSd0I.js → Tabs-Tv_48hdh.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-DYKQFP4Y.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-BidBFl7X.js";
 function Ne(N, v, n = !1, c = !1, w = !1) {
   var i = N, D = "";
   I(() => {
-    var f = (
+    var p = (
       /** @type {Effect} */
       $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>` : c && (t = `<math>${t}</math>`);
       var m = je(t);
@@ -37,7 +37,7 @@ 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, ""), f = 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, ""), 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 });
@@ -84,8 +84,8 @@ function zt(N, v) {
   var U = k(h, 2), q = o(U);
   {
     var B = (s) => {
-      var l = Ge(), u = o(l);
-      I(() => Z(u, D())), d(s, l);
+      var l = Ge(), f = o(l);
+      I(() => Z(f, D())), d(s, l);
     };
     M(q, (s) => {
       D() && s(B);
@@ -93,12 +93,12 @@ function zt(N, v) {
   }
   var Y = k(q, 2);
   {
-    var p = (s) => {
-      var l = Qe(), u = o(l);
-      I(() => Z(u, f())), d(s, l);
+    var g = (s) => {
+      var l = Qe(), f = o(l);
+      I(() => Z(f, p())), d(s, l);
     };
     M(Y, (s) => {
-      f() && s(p);
+      p() && s(g);
     });
   }
   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 f = K(), t = K(null);
+  let p = 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(f)) == null ? void 0 : B.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    const T = (B = e(p)) == 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(f)), () => {
+  }), se(() => (y(c()), e(p)), () => {
     c() && (x(t, document.activeElement), setTimeout(
       () => {
         var T;
-        const h = (T = e(f)) == null ? void 0 : T.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        const h = (T = e(p)) == 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), p = k(B, 2);
+      var T = Xe(), U = o(T), q = o(U), B = o(q), Y = o(B), g = k(B, 2);
       {
-        var a = (g) => {
+        var a = (u) => {
           var b = Ze();
-          te("click", b, m), d(g, b);
+          te("click", b, m), d(u, b);
         };
-        M(p, (g) => {
-          i() && g(a);
+        M(g, (u) => {
+          i() && u(a);
         });
       }
       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 S = (u) => {
           var b = Je(), L = o(b);
-          fe(L, v, "footer", {}, null), d(g, b);
+          fe(L, v, "footer", {}, null), d(u, b);
         };
-        M(u, (g) => {
-          r(() => n.footer) && g(S);
+        M(f, (u) => {
+          r(() => n.footer) && u(S);
         });
       }
-      he(U, (g) => x(f, g), () => e(f)), I(() => Z(Y, w())), te("keydown", U, $), te("click", T, z), te("keydown", T, F), d(h, 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);
     };
     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 f = ce();
+  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 > i()) {
-      f("error", {
+    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(m, u), x(z, URL.createObjectURL(u)), f("upload", { files: l });
+    x(m, f), x(z, URL.createObjectURL(f)), p("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)), f("change", { value: e(z) }), x(t, !1), h();
+        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($, 0);
       }
     }
   }
   function W() {
-    n(null), f("change", { value: null });
+    n(null), p("change", { value: null });
   }
   function h() {
     x(m, null), e(z) && (URL.revokeObjectURL(e(z)), x(z, null)), x($, 0);
@@ -236,8 +236,8 @@ function $t(N, v) {
   var U = dt(), q = o(U);
   {
     var B = (a) => {
-      var s = tt(), l = o(s), u = k(l, 2), S = o(u), g = o(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() {
@@ -250,7 +250,7 @@ function $t(N, v) {
         },
         $$slots: { default: !0 }
       });
-      var b = k(g, 2);
+      var b = k(u, 2);
       le(b, {
         variant: "danger",
         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), u = k(o(l), 2), S = o(u), g = o(S), b = k(u, 2), L = o(b);
+      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",
@@ -278,14 +278,14 @@ function $t(N, v) {
           d(A, V);
         },
         $$slots: { default: !0 }
-      }), I(() => Z(g, D())), d(a, s);
+      }), I(() => Z(u, D())), d(a, s);
     };
     M(q, (a) => {
       n() ? a(B) : a(Y, !1);
     });
   }
-  var p = k(q, 2);
-  et(p, {
+  var g = k(q, 2);
+  et(g, {
     title: "Upload File",
     get isOpen() {
       return e(t);
@@ -299,7 +299,7 @@ function $t(N, v) {
       }
     },
     children: (a, s) => {
-      var l = vt(), u = o(l);
+      var l = vt(), f = o(l);
       {
         var S = (b) => {
           var L = rt(), A = k(o(L), 2), R = k(A, 2), V = o(R);
@@ -311,7 +311,7 @@ function $t(N, v) {
               () => (y(i()), r(() => Math.round(i() / 1024 / 1024)))
             ]
           ), te("change", A, E), d(b, L);
-        }, g = (b) => {
+        }, u = (b) => {
           var L = ot(), A = o(L), R = o(A);
           {
             var V = (P) => {
@@ -354,8 +354,8 @@ function $t(N, v) {
           }
           d(b, L);
         };
-        M(u, (b) => {
-          e(m) ? b(g, !1) : b(S);
+        M(f, (b) => {
+          e(m) ? b(u, !1) : b(S);
         });
       }
       d(a, l);
@@ -363,8 +363,8 @@ function $t(N, v) {
     $$slots: {
       default: !0,
       footer: (a, s) => {
-        var l = ct(), u = J(l);
-        le(u, {
+        var l = ct(), f = J(l);
+        le(f, {
           variant: "secondary",
           $$events: {
             click: () => {
@@ -377,9 +377,9 @@ function $t(N, v) {
           },
           $$slots: { default: !0 }
         });
-        var S = k(u, 2);
+        var S = k(f, 2);
         {
-          var g = (b) => {
+          var u = (b) => {
             le(b, {
               variant: "primary",
               get disabled() {
@@ -397,7 +397,7 @@ function $t(N, v) {
             });
           };
           M(S, (b) => {
-            e(m) && b(g);
+            e(m) && b(u);
           });
         }
         d(a, l);
@@ -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(f) {
-    const t = f.detail;
-    t && typeof t == "object" && w("input", t);
+  function i(p) {
+    const t = p.detail;
+    t && typeof t == "object" && w("input", { value: t });
   }
   ie();
   var D = ft();
-  xe(D, 5, c, (f) => f.key, (f, t) => {
+  xe(D, 5, c, (p) => p.key, (p, t) => {
     var m = ut(), z = o(m);
     {
       var F = (E) => {
@@ -437,7 +437,7 @@ function Ct(N, v) {
               return e(t), r(() => e(t).required);
             },
             size: "sm",
-            variant: "outlined",
+            variant: "default",
             get value() {
               return n()[e(t).key];
             },
@@ -468,7 +468,7 @@ function Ct(N, v) {
                   return e(t), r(() => e(t).required);
                 },
                 size: "sm",
-                variant: "outlined",
+                variant: "default",
                 get value() {
                   return n()[e(t).key];
                 },
@@ -491,7 +491,7 @@ function Ct(N, v) {
                     return e(t), r(() => e(t).required);
                   },
                   size: "sm",
-                  variant: "outlined",
+                  variant: "default",
                   get checked() {
                     return n()[e(t).key];
                   },
@@ -501,11 +501,11 @@ function Ct(N, v) {
                   $$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);
                       },
@@ -518,7 +518,7 @@ function Ct(N, v) {
                       $$events: { input: i, change: i },
                       $$legacy: !0
                     });
-                  }, S = (g) => {
+                  }, S = (u) => {
                     var b = re(), L = J(b);
                     {
                       var A = (V) => {
@@ -530,7 +530,7 @@ function Ct(N, v) {
                             return e(t), r(() => e(t).required);
                           },
                           size: "sm",
-                          variant: "outlined",
+                          variant: "default",
                           get value() {
                             return n()[e(t).key];
                           },
@@ -578,7 +578,7 @@ function Ct(N, v) {
                                   return e(t), r(() => e(t).required);
                                 },
                                 size: "sm",
-                                variant: "outlined",
+                                variant: "default",
                                 get value() {
                                   return n()[e(t).key];
                                 },
@@ -608,12 +608,12 @@ function Ct(N, v) {
                         !0
                       );
                     }
-                    d(g, b);
+                    d(u, b);
                   };
                   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
                   );
@@ -623,7 +623,7 @@ function Ct(N, v) {
               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
               );
@@ -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(f, 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(p, 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"), f = 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"), p = 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(p, a) {
-    if (p.disabled) {
+  function W(g, a) {
+    if (g.disabled) {
       a.preventDefault();
       return;
     }
-    c(p.id), m("change", { activeTab: c(), tab: p }), m("tabClick", { tab: p, event: a });
+    c(g.id), m("change", { activeTab: c(), tab: g }), m("tabClick", { tab: g, event: a });
   }
-  function h(p) {
+  function h(g) {
     if (!e(z)) return;
-    const a = Array.from(e(z).querySelectorAll('[role="tab"]')), s = a.findIndex((u) => u === document.activeElement);
+    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(z)) == 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(c())), () => {
     n().length > 0 && !c() && c(n()[0].id);
   }), se(() => (y(n()), y(c())), () => {
-    x($, n().findIndex((p) => p.id === c()));
+    x($, n().findIndex((g) => g.id === c()));
   }), ye();
   var U = { focusTab: T };
   ie();
   var q = xt(), B = o(q);
-  xe(B, 5, n, _e, (p, a) => {
-    var s = mt(), l = J(s), u = o(l);
+  xe(B, 5, n, _e, (g, a) => {
+    var s = mt(), l = J(s), f = 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(u, (C) => {
+      M(f, (C) => {
         e(a), r(() => e(a).icon) && C(S);
       });
     }
-    var g = k(u, 2), b = o(g), L = k(g, 2);
+    var u = k(f, 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") ?? ""}
-                    ${f() ? "flex-1" : ""}
+                    ${p() ? "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(p, s);
-  }), he(B, (p) => x(z, p), () => e(z));
+    }), 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) => {
+  return xe(Y, 5, n, _e, (g, a) => {
     var s = ht(), l = o(s);
     {
-      var u = (S) => {
-        var g = re(), b = J(g);
-        fe(b, v, "content", {}, null), d(S, g);
+      var f = (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(u);
+        e(a), y(c()), r(() => e(a).id === c()) && S(f);
       });
     }
     I(() => {
@@ -836,15 +836,15 @@ function jt(N, v) {
                 `,
         "svelte-fn6h9a"
       );
-    }), Ee(3, s, () => Pe, () => ({ duration: 200 })), d(p, s);
-  }), he(Y, (p) => x(F, p), () => e(F)), I(() => {
+    }), 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());