zabi-components 1.0.5 → 1.0.7

package/dist/{ToastManager-6EGReI73.js → ToastManager-dvTS81rT.js}

@@ -1,7 +1,7 @@
-import { a as ue, p as h, i as oe, f as _, b as ne, c as N, s as te, d as Be, t as I, e as D, g as f, h as ie, j as le, k as g, l as e, m as U, n as d, o as w, q as G, u as o, r as m, v as q, w as fe, x as me, y as re, z as be, A as Ye, B as ae, C as ve, D as Ie, E as ge, F as Se, G as L } from "./x-DpVwziig.js";
-import { createEventDispatcher as he, onMount as se } from "svelte";
-import { T as Ae, a as De } from "./Toast-DXZ9gllw.js";
-var Fe = _('<button type="button" class="text-xl font-bold text-primary hover:text-primary-hover transition-colors svelte-1r8bk40"> </button>'), Oe = _('<img class="h-8 w-8 svelte-1r8bk40"/>'), Pe = _('<a class="flex items-center space-x-2 text-xl font-bold text-primary hover:text-primary-hover transition-colors svelte-1r8bk40"><!> <span class="svelte-1r8bk40"> </span></a>'), Re = me('<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" class="svelte-1r8bk40"></path>'), qe = me('<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" class="svelte-1r8bk40"></path>'), Ge = _('<div id="mobile-menu" class="md:hidden border-t border-primary bg-surface svelte-1r8bk40"><div class="px-4 py-2 space-y-1 svelte-1r8bk40"><!></div></div>'), Ke = _('<div class="fixed inset-0 bg-black/50 backdrop-blur-sm z-30 md:hidden svelte-1r8bk40" role="button" tabindex="0" aria-label="Close menu"></div>'), He = _('<nav aria-label="Main navigation"><div class="max-w-7xl mx-auto svelte-1r8bk40"><div><div class="flex items-center svelte-1r8bk40"><!></div> <div class="hidden md:flex items-center space-x-8 svelte-1r8bk40"><!></div> <div class="flex items-center space-x-4 svelte-1r8bk40"><!> <!> <button type="button" class="md:hidden p-2 rounded-lg text-primary hover:bg-surface-secondary focus:outline-none focus:ring-2 focus:ring-primary svelte-1r8bk40" aria-controls="mobile-menu" aria-label="Toggle navigation menu"><svg class="w-6 h-6 svelte-1r8bk40" fill="none" stroke="currentColor" viewBox="0 0 24 24"><!></svg></button></div></div> <!></div></nav> <!>', 1);
+import { a as fe, p as h, i as ie, f as _, b as re, c as N, s as ne, d as Be, t as I, e as A, g as f, h as le, j as de, k as g, l as e, m as V, n as d, o as w, q as K, u as o, r as m, v as G, w as me, x as be, y as ae, z as ge, A as Ye, B as se, C as ue, D as Ie, E as he, F as Oe, G as L } from "./x-DpVwziig.js";
+import { createEventDispatcher as pe, onMount as oe } from "svelte";
+import { T as Se, a as Ae } from "./Toast-DXZ9gllw.js";
+var De = _('<button type="button" class="text-xl font-bold text-primary hover:text-primary-hover transition-colors svelte-1r8bk40"> </button>'), Fe = _('<img class="h-8 w-8 svelte-1r8bk40"/>'), Re = _('<a class="flex items-center space-x-2 text-xl font-bold text-primary hover:text-primary-hover transition-colors svelte-1r8bk40"><!> <span class="svelte-1r8bk40"> </span></a>'), qe = be('<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" class="svelte-1r8bk40"></path>'), Ge = be('<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" class="svelte-1r8bk40"></path>'), Ke = _('<div id="mobile-menu" class="md:hidden border-t border-primary bg-surface svelte-1r8bk40"><div class="px-4 py-2 space-y-1 svelte-1r8bk40"><!></div></div>'), Pe = _('<div class="fixed inset-0 bg-black/50 backdrop-blur-sm z-30 md:hidden svelte-1r8bk40" role="button" tabindex="0" aria-label="Close menu"></div>'), He = _('<nav aria-label="Main navigation"><div class="max-w-7xl mx-auto svelte-1r8bk40"><div><div class="flex items-center svelte-1r8bk40"><!></div> <div class="hidden md:flex items-center space-x-8 svelte-1r8bk40"><!></div> <div class="flex items-center space-x-4 svelte-1r8bk40"><!> <!> <button type="button" class="md:hidden p-2 rounded-lg text-primary hover:bg-surface-secondary focus:outline-none focus:ring-2 focus:ring-primary svelte-1r8bk40" aria-controls="mobile-menu" aria-label="Toggle navigation menu"><svg class="w-6 h-6 svelte-1r8bk40" fill="none" stroke="currentColor" viewBox="0 0 24 24"><!></svg></button></div></div> <!></div></nav> <!>', 1);
 const Je = {
   hash: "svelte-1r8bk40",
   code: `
@@ -45,10 +45,10 @@ const Je = {
     }`
 };
 function et(B, a) {
-  le(a, !1), ue(B, Je);
-  let s = h(a, "brand", 8, ""), M = h(a, "variant", 8, "default"), T = h(a, "size", 8, "md"), c = h(a, "position", 8, "sticky"), F = h(a, "showThemeToggle", 8, !0), b = h(a, "className", 8, "");
-  const p = he();
-  let i = U(!1), C = U(!1), k = U();
+  de(a, !1), fe(B, Je);
+  let s = h(a, "brand", 8, ""), M = h(a, "variant", 8, "default"), T = h(a, "size", 8, "md"), c = h(a, "position", 8, "sticky"), D = h(a, "showThemeToggle", 8, !0), b = h(a, "className", 8, "");
+  const p = pe();
+  let i = V(!1), C = V(!1), k = V();
   const y = { sm: "py-2 px-4", md: "py-3 px-6", lg: "py-4 px-8" }, z = {
     default: "bg-surface border-b border-primary shadow-adaptive-sm",
     transparent: "bg-transparent",
@@ -59,110 +59,112 @@ function et(B, a) {
     sticky: "sticky top-0 z-40",
     fixed: "fixed top-0 left-0 right-0 z-40"
   };
-  function S(r) {
-    p("brandClick", r);
+  function O(r) {
+    p("brandClick", { event: r });
   }
   function l() {
-    g(i, !e(i)), p("menuToggle", e(i));
+    g(i, !e(i)), p("menuToggle", { isOpen: e(i) });
   }
-  function j() {
+  function E() {
     g(C, window.scrollY > 10);
   }
-  se(() => (window.addEventListener("scroll", j), () => window.removeEventListener("scroll", j)));
+  oe(() => (window.addEventListener("scroll", E), () => window.removeEventListener("scroll", E)));
   function x(r) {
-    r.key === "Escape" && e(i) && (g(i, !1), p("menuToggle", !1));
+    r.key === "Escape" && e(i) && (g(i, !1), p("menuToggle", { isOpen: !1 }));
   }
   function n(r) {
-    e(i) && e(k) && !e(k).contains(r.target) && (g(i, !1), p("menuToggle", !1));
+    e(i) && e(k) && !e(k).contains(r.target) && (g(i, !1), p("menuToggle", { isOpen: !1 }));
   }
-  se(() => (document.addEventListener("keydown", x), document.addEventListener("click", n), () => {
+  oe(() => (document.addEventListener("keydown", x), document.addEventListener("click", n), () => {
     document.removeEventListener("keydown", x), document.removeEventListener("click", n);
-  })), oe();
-  var t = He(), u = ne(t), K = d(u), O = d(K), H = d(O), V = d(H);
+  })), ie();
+  var t = He(), u = re(t), P = d(u), F = d(P), H = d(F), W = d(H);
   {
-    var W = (r) => {
-      var v = fe(), P = ne(v);
+    var X = (r) => {
+      var v = me(), R = re(v);
       {
-        var $ = (A) => {
-          var E = Fe(), Q = d(E);
-          I(() => ae(Q, s())), D("click", E, S), f(A, E);
-        }, je = (A) => {
-          var E = Pe(), Q = d(E);
+        var Q = (S) => {
+          var j = De(), U = d(j);
+          I(() => se(U, s())), A("click", j, (ee) => O(ee)), f(S, j);
+        }, je = (S) => {
+          var j = Re(), U = d(j);
           {
-            var Ee = (R) => {
-              var ee = Oe();
+            var ee = (q) => {
+              var te = Fe();
               I(() => {
-                q(ee, "src", (m(s()), o(() => s().logo))), q(ee, "alt", (m(s()), o(() => s().text)));
-              }), f(R, ee);
+                G(te, "src", (m(s()), o(() => s().logo))), G(te, "alt", (m(s()), o(() => s().text)));
+              }), f(q, te);
             };
-            N(Q, (R) => {
-              m(s()), o(() => s().logo) && R(Ee);
+            N(U, (q) => {
+              m(s()), o(() => s().logo) && q(ee);
             });
           }
-          var Le = w(Q, 2), Ne = d(Le);
+          var Le = w(U, 2), Ne = d(Le);
           I(() => {
-            q(E, "href", (m(s()), o(() => s().href || "#"))), ae(Ne, (m(s()), o(() => s().text)));
-          }), D("click", E, (R) => S(R)), f(A, E);
+            G(j, "href", (m(s()), o(() => s().href || "#"))), se(Ne, (m(s()), o(() => s().text)));
+          }), A("click", j, (q) => O(q)), f(S, j);
         };
-        N(P, (A) => {
-          typeof s() == "string" ? A($) : A(je, !1);
+        N(R, (S) => {
+          typeof s() == "string" ? S(Q) : S(je, !1);
         });
       }
       f(r, v);
     };
-    N(V, (r) => {
-      s() && r(W);
+    N(W, (r) => {
+      s() && r(X);
     });
   }
-  var J = w(H, 2), X = d(J);
-  te(X, a, "nav", {}, null);
-  var pe = w(J, 2), de = d(pe);
+  var J = w(H, 2), Z = d(J);
+  ne(Z, a, "nav", {}, null);
+  var ke = w(J, 2), ce = d(ke);
   {
-    var ke = (r) => {
-      Ae(r, { size: "md", variant: "outline" });
+    var xe = (r) => {
+      Se(r, { size: "md", variant: "outline" });
     };
-    N(de, (r) => {
-      F() && r(ke);
+    N(ce, (r) => {
+      D() && r(xe);
     });
   }
-  var ce = w(de, 2);
-  te(ce, a, "actions", {}, null);
-  var Z = w(ce, 2), xe = d(Z), ye = d(xe);
+  var ve = w(ce, 2);
+  ne(ve, a, "actions", {}, null);
+  var $ = w(ve, 2), ye = d($), we = d(ye);
   {
-    var we = (r) => {
-      var v = Re();
-      f(r, v);
-    }, _e = (r) => {
+    var _e = (r) => {
       var v = qe();
       f(r, v);
+    }, Me = (r) => {
+      var v = Ge();
+      f(r, v);
     };
-    N(ye, (r) => {
-      e(i) ? r(we) : r(_e, !1);
+    N(we, (r) => {
+      e(i) ? r(_e) : r(Me, !1);
     });
   }
-  var Me = w(O, 2);
+  var Te = w(F, 2);
   {
-    var Te = (r) => {
-      var v = Ge(), P = d(v), $ = d(P);
-      te($, a, "mobile-nav", {}, null), re(3, v, () => be, () => ({ y: -20, duration: 200 })), f(r, v);
+    var Ce = (r) => {
+      var v = Ke(), R = d(v), Q = d(R);
+      ne(Q, a, "mobile-nav", {}, null), ae(3, v, () => ge, () => ({ y: -20, duration: 200 })), f(r, v);
     };
-    N(Me, (r) => {
-      e(i) && r(Te);
+    N(Te, (r) => {
+      e(i) && r(Ce);
     });
   }
   Be(u, (r) => g(k, r), () => e(k));
-  var Ce = w(u, 2);
+  var ze = w(u, 2);
   {
-    var ze = (r) => {
-      var v = Ke();
-      D("click", v, () => g(i, !1)), D("keydown", v, (P) => P.key === "Escape" && g(i, !1)), re(3, v, () => Ye, () => ({ duration: 200 })), f(r, v);
+    var Ee = (r) => {
+      var v = Pe();
+      A("click", v, () => g(i, !1)), A("keydown", v, (R) => {
+        R.key === "Escape" && g(i, !1);
+      }), ae(3, v, () => Ye, () => ({ duration: 200 })), f(r, v);
     };
-    N(Ce, (r) => {
-      e(i) && r(ze);
+    N(ze, (r) => {
+      e(i) && r(Ee);
     });
   }
   I(() => {
-    G(
+    K(
       u,
       1,
       `
@@ -174,19 +176,19 @@ function et(B, a) {
         ${b() ?? ""}
     `,
       "svelte-1r8bk40"
-    ), G(
-      O,
+    ), K(
+      F,
       1,
       `flex items-center justify-between ${m(T()), o(() => y[T()]) ?? ""}`,
       "svelte-1r8bk40"
-    ), q(Z, "aria-expanded", e(i));
-  }), D("click", Z, l), f(B, t), ie();
+    ), G($, "aria-expanded", e(i));
+  }), A("click", $, l), f(B, t), le();
 }
 var Qe = _('<div><div class="flex items-center"><svg class="w-5 h-5 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span class="text-sm font-medium flex-1"> </span></div> <button class="ml-3 flex-shrink-0 opacity-70 hover:opacity-100 transition-opacity" aria-label="Close notification"><svg class="w-4 h-4" 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></div>'), Ue = _("<div></div>");
 function tt(B, a) {
-  le(a, !1);
+  de(a, !1);
   let s = h(a, "notifications", 28, () => []), M = h(a, "position", 8, "top-right"), T = h(a, "maxNotifications", 8, 5);
-  const c = he(), F = "px-4 py-3 rounded-md border flex items-center justify-between mb-3 shadow-lg", b = {
+  const c = pe(), D = "px-4 py-3 rounded-md border flex items-center justify-between mb-3 shadow-lg", b = {
     success: "bg-green-100 border-green-400 text-green-700",
     error: "bg-red-100 border-red-400 text-red-700",
     warning: "bg-yellow-100 border-yellow-400 text-yellow-700",
@@ -205,7 +207,7 @@ function tt(B, a) {
     "bottom-left": "fixed bottom-4 left-4"
   };
   function C(l) {
-    return `${F} ${b[l] || b.default}`;
+    return `${D} ${b[l] || b.default}`;
   }
   function k(l) {
     return p[l] || p.default;
@@ -213,12 +215,12 @@ function tt(B, a) {
   function y(l) {
     c("close");
   }
-  ve(
+  ue(
     () => (m(s()), m(T())),
     () => {
       s().length > T() && s(s().slice(-T()));
     }
-  ), ve(() => m(s()), () => {
+  ), ue(() => m(s()), () => {
     s().length > 0 && s().forEach((l) => {
       l.duration && l.duration > 0 && setTimeout(
         () => {
@@ -227,29 +229,29 @@ function tt(B, a) {
         l.duration
       );
     });
-  }), Ie(), oe();
-  var z = fe(), Y = ne(z);
+  }), Ie(), ie();
+  var z = me(), Y = re(z);
   {
-    var S = (l) => {
-      var j = Ue();
-      ge(j, 5, s, (x) => x.id, (x, n) => {
-        var t = Qe(), u = d(t), K = d(u), O = d(K), H = w(K, 2), V = d(H), W = w(u, 2);
+    var O = (l) => {
+      var E = Ue();
+      he(E, 5, s, (x) => x.id, (x, n) => {
+        var t = Qe(), u = d(t), P = d(u), F = d(P), H = w(P, 2), W = d(H), X = w(u, 2);
         I(
-          (J, X) => {
-            G(t, 1, J), q(O, "d", X), ae(V, (e(n), o(() => e(n).message)));
+          (J, Z) => {
+            K(t, 1, J), G(F, "d", Z), se(W, (e(n), o(() => e(n).message)));
           },
           [
-            () => Se((e(n), o(() => C(e(n).type)))),
+            () => Oe((e(n), o(() => C(e(n).type)))),
             () => (e(n), o(() => k(e(n).type)))
           ]
-        ), D("click", W, () => y(e(n).id)), re(3, t, () => be, () => ({ x: M().includes("right") ? 300 : -300, duration: 300 })), f(x, t);
-      }), I(() => G(j, 1, `${m(M()), o(() => i[M()]) ?? ""} z-50 max-w-sm w-full space-y-2`)), f(l, j);
+        ), A("click", X, () => y(e(n).id)), ae(3, t, () => ge, () => ({ x: M().includes("right") ? 300 : -300, duration: 300 })), f(x, t);
+      }), I(() => K(E, 1, `${m(M()), o(() => i[M()]) ?? ""} z-50 max-w-sm w-full space-y-2`)), f(l, E);
     };
     N(Y, (l) => {
-      m(s()), o(() => s().length > 0) && l(S);
+      m(s()), o(() => s().length > 0) && l(O);
     });
   }
-  f(B, z), ie();
+  f(B, z), le();
 }
 var Ve = _("<div></div>");
 const We = {
@@ -259,15 +261,13 @@ const We = {
 
     /* Re-enable pointer events for individual toasts */.toast-manager > * {pointer-events:auto;}
 
-    /* Stack toasts with proper spacing */.toast-manager.svelte-1hjxuh0 {display:flex;flex-direction:column;gap:0.5rem;}
-
-    /* Position-specific adjustments */`
+    /* Stack toasts with proper spacing */.toast-manager.svelte-1hjxuh0 {display:flex;flex-direction:column;gap:0.5rem;}`
 };
 function nt(B, a) {
-  le(a, !1), ue(B, We);
-  let s = h(a, "position", 8, "top-right"), M = h(a, "maxToasts", 8, 5), T = h(a, "className", 8, ""), c = U([]), F = 0;
+  de(a, !1), fe(B, We);
+  let s = h(a, "position", 8, "top-right"), M = h(a, "maxToasts", 8, 5), T = h(a, "className", 8, ""), c = V([]), D = 0;
   function b(n) {
-    const t = `toast-${++F}`, u = {
+    const t = `toast-${++D}`, u = {
       id: t,
       title: "",
       message: "",
@@ -306,19 +306,19 @@ function nt(B, a) {
   function Y(n, t) {
     g(c, e(c).map((u) => u.id === n ? { ...u, ...t } : u));
   }
-  function S(n) {
+  function O(n) {
     y(n.detail.id);
   }
   function l(n) {
   }
-  se(() => (typeof window < "u" && (window.toast = { show: b, success: p, error: i, warning: C, info: k, close: y, closeAll: z, update: Y }), () => {
+  oe(() => (typeof window < "u" && (window.toast = { show: b, success: p, error: i, warning: C, info: k, close: y, closeAll: z, update: Y }), () => {
     typeof window < "u" && delete window.toast;
   }));
-  var j = { show: b, success: p, error: i, warning: C, info: k, close: y, closeAll: z, update: Y };
-  oe();
+  var E = { show: b, success: p, error: i, warning: C, info: k, close: y, closeAll: z, update: Y };
+  ie();
   var x = Ve();
-  return ge(x, 5, () => e(c), (n) => n.id, (n, t) => {
-    De(n, {
+  return he(x, 5, () => e(c), (n) => n.id, (n, t) => {
+    Ae(n, {
       get id() {
         return e(t), o(() => e(t).id);
       },
@@ -343,9 +343,9 @@ function nt(B, a) {
       get position() {
         return s();
       },
-      $$events: { close: S, click: l }
+      $$events: { close: O, click: l }
     });
-  }), I(() => G(x, 1, `toast-manager fixed inset-0 pointer-events-none z-notification ${T() ?? ""}`, "svelte-1hjxuh0")), f(B, x), L(a, "show", b), L(a, "success", p), L(a, "error", i), L(a, "warning", C), L(a, "info", k), L(a, "close", y), L(a, "closeAll", z), L(a, "update", Y), ie(j);
+  }), I(() => K(x, 1, `toast-manager fixed inset-0 pointer-events-none z-notification ${T() ?? ""}`, "svelte-1hjxuh0")), f(B, x), L(a, "show", b), L(a, "success", p), L(a, "error", i), L(a, "warning", C), L(a, "info", k), L(a, "close", y), L(a, "closeAll", z), L(a, "update", Y), le(E);
 }
 export {
   et as N,