zabi-components 1.0.8 → 1.0.11

package/dist/{Toast-1EMgTOM4.js → Toast-BTynzMV8.js}

@@ -1,7 +1,7 @@
-import { j as I, I as G, H as Q, w as B, b as H, J as U, K as W, g as n, L as Z, h as N, p as c, k as D, l as y, i as $, f as p, c as x, t as w, e as E, m as ee, n as d, q as P, u as _, r as k, v as V, x as te, a as pe, o as T, s as be, y as we, z as _e, M as ke, N as je, O as Me, B as X, X as Te, P as ze } from "./x-Dsi-CPO3.js";
-import { onMount as ae, createEventDispatcher as Ce } from "svelte";
-function Ee(u, e) {
-  I(e, !0);
+import { j as N, I as U, H as Z, w as P, b as q, J as $, K as ee, g as i, L as te, h as S, p as d, k as A, l as x, i as ae, f as b, c as p, t as _, e as I, m as se, n as v, q as B, u as k, r as j, v as W, x as oe, a as _e, o as C, s as ke, y as je, z as Me, M as Te, N as Ce, O as ze, B as X, X as Ee, P as Ie } from "./x-Dsi-CPO3.js";
+import { onMount as re, createEventDispatcher as Ne } from "svelte";
+function Se(o, e) {
+  N(e, !0);
   /**
    * @license @lucide/svelte v0.544.0 - ISC
    *
@@ -46,29 +46,29 @@ function Ee(u, e) {
    * SOFTWARE.
    *
    */
-  let m = Z(e, ["$$slots", "$$events", "$$legacy"]);
-  const v = [
+  let h = te(e, ["$$slots", "$$events", "$$legacy"]);
+  const f = [
     ["circle", { cx: "12", cy: "12", r: "10" }],
     ["path", { d: "M12 16v-4" }],
     ["path", { d: "M12 8h.01" }]
   ];
-  G(u, Q(
+  U(o, Z(
     { name: "info" },
-    () => m,
+    () => h,
     {
       get iconNode() {
-        return v;
+        return f;
       },
-      children: (o, i) => {
-        var r = B(), l = H(r);
-        U(l, () => e.children ?? W), n(o, r);
+      children: (r, l) => {
+        var n = P(), c = q(n);
+        $(c, () => e.children ?? ee), i(r, n);
       },
       $$slots: { default: !0 }
     }
-  )), N();
+  )), S();
 }
-function Ie(u, e) {
-  I(e, !0);
+function Le(o, e) {
+  N(e, !0);
   /**
    * @license @lucide/svelte v0.544.0 - ISC
    *
@@ -113,8 +113,8 @@ function Ie(u, e) {
    * SOFTWARE.
    *
    */
-  let m = Z(e, ["$$slots", "$$events", "$$legacy"]);
-  const v = [
+  let h = te(e, ["$$slots", "$$events", "$$legacy"]);
+  const f = [
     [
       "path",
       {
@@ -124,62 +124,62 @@ function Ie(u, e) {
     ["path", { d: "M12 9v4" }],
     ["path", { d: "M12 17h.01" }]
   ];
-  G(u, Q(
+  U(o, Z(
     { name: "triangle-alert" },
-    () => m,
+    () => h,
     {
       get iconNode() {
-        return v;
+        return f;
       },
-      children: (o, i) => {
-        var r = B(), l = H(r);
-        U(l, () => e.children ?? W), n(o, r);
+      children: (r, l) => {
+        var n = P(), c = q(n);
+        $(c, () => e.children ?? ee), i(r, n);
       },
       $$slots: { default: !0 }
     }
-  )), N();
+  )), S();
 }
-var Ne = te('<svg class="w-5 h-5 text-text" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>'), Le = te('<svg class="w-5 h-5 text-text" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>'), Se = p("<button><!></button>");
-function Je(u, e) {
-  I(e, !1);
-  let m = c(e, "size", 8, "md"), v = c(e, "variant", 8, "default"), o = ee(!1);
-  const i = {
+var De = oe('<svg class="w-5 h-5 text-text" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>'), Ye = oe('<svg class="w-5 h-5 text-text" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>'), Ae = b("<button><!></button>");
+function We(o, e) {
+  N(e, !1);
+  let h = d(e, "size", 8, "md"), f = d(e, "variant", 8, "default"), r = se(!1);
+  const l = {
     sm: "w-8 h-8 text-sm",
     md: "w-10 h-10 text-base",
     lg: "w-12 h-12 text-lg"
-  }, r = {
+  }, n = {
     default: "bg-surface hover:bg-surface-hover border border-border shadow-adaptive-sm",
     minimal: "bg-transparent hover:bg-surface-hover",
     outline: "bg-transparent border border-border hover:bg-surface-hover"
   };
-  ae(() => {
-    const a = localStorage.getItem("theme"), g = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    D(o, a === "dark" || !a && g), j();
+  re(() => {
+    const a = localStorage.getItem("theme"), y = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    A(r, a === "dark" || !a && y), T();
   });
-  function l() {
-    D(o, !y(o)), j(), localStorage.setItem("theme", y(o) ? "dark" : "light");
+  function c() {
+    A(r, !x(r)), T(), localStorage.setItem("theme", x(r) ? "dark" : "light");
   }
-  function j() {
-    y(o) ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+  function T() {
+    x(r) ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
   }
-  $();
-  var h = Se(), L = d(h);
+  ae();
+  var g = Ae(), L = v(g);
   {
-    var S = (a) => {
-      var g = Ne();
-      n(a, g);
+    var D = (a) => {
+      var y = De();
+      i(a, y);
     }, z = (a) => {
-      var g = Le();
-      n(a, g);
+      var y = Ye();
+      i(a, y);
     };
-    x(L, (a) => {
-      y(o) ? a(S) : a(z, !1);
+    p(L, (a) => {
+      x(r) ? a(D) : a(z, !1);
     });
   }
-  w(() => {
-    P(h, 1, `
-		${k(m()), _(() => i[m()]) ?? ""} 
-		${k(v()), _(() => r[v()]) ?? ""}
+  _(() => {
+    B(g, 1, `
+		${j(h()), k(() => l[h()]) ?? ""} 
+		${j(f()), k(() => n[f()]) ?? ""}
 		rounded-lg
 		transition-all
 		duration-200
@@ -193,11 +193,29 @@ function Je(u, e) {
 		focus:ring-focus-ring
 		focus:ring-offset-2
 		focus:ring-offset-focus-ring-offset
-	`), V(h, "aria-label", y(o) ? "Switch to light mode" : "Switch to dark mode"), V(h, "title", y(o) ? "Switch to light mode" : "Switch to dark mode");
-  }), E("click", h, l), n(u, h), N();
+	`), W(g, "aria-label", x(r) ? "Switch to light mode" : "Switch to dark mode"), W(g, "title", x(r) ? "Switch to light mode" : "Switch to dark mode");
+  }), I("click", g, c), i(o, g), S();
 }
-var Ye = p('<div class="flex-shrink-0 mr-3 svelte-ayjeya"><!></div>'), De = p('<h4 class="text-sm font-semibold mb-1 svelte-ayjeya"> </h4>'), Pe = p('<p class="text-sm opacity-90 svelte-ayjeya"> </p>'), Be = p('<button type="button" aria-label="Close notification"><!></button>'), He = p('<div class="absolute bottom-0 left-0 right-0 h-1 bg-current opacity-20 rounded-b-lg overflow-hidden svelte-ayjeya"><div class="h-full bg-current opacity-50 animate-progress-bar svelte-ayjeya"></div></div>'), Ae = p('<div role="alert" aria-live="polite"><div class="p-4 svelte-ayjeya"><div class="flex items-start svelte-ayjeya"><!> <div class="flex-1 min-w-0 svelte-ayjeya"><!> <!> <!></div> <!></div></div> <!></div>');
-const Ke = {
+function M() {
+  return typeof window < "u" && typeof document < "u";
+}
+function Xe() {
+  return M() ? window : void 0;
+}
+function Be() {
+  return M() ? document : void 0;
+}
+function Ge(o) {
+  return M() ? requestAnimationFrame(o) : void 0;
+}
+function G(o, e) {
+  return M() ? setTimeout(o, e) : void 0;
+}
+function Q(o) {
+  M() && o && clearTimeout(o);
+}
+var Pe = b('<div class="flex-shrink-0 mr-3 svelte-ayjeya"><!></div>'), qe = b('<h4 class="text-sm font-semibold mb-1 svelte-ayjeya"> </h4>'), Fe = b('<p class="text-sm opacity-90 svelte-ayjeya"> </p>'), He = b('<button type="button" aria-label="Close notification"><!></button>'), Ke = b('<div class="absolute bottom-0 left-0 right-0 h-1 bg-current opacity-20 rounded-b-lg overflow-hidden svelte-ayjeya"><div class="h-full bg-current opacity-50 animate-progress-bar svelte-ayjeya"></div></div>'), Re = b('<div role="alert" aria-live="polite"><div class="p-4 svelte-ayjeya"><div class="flex items-start svelte-ayjeya"><!> <div class="flex-1 min-w-0 svelte-ayjeya"><!> <!> <!></div> <!></div></div> <!></div>');
+const Je = {
   hash: "svelte-ayjeya",
   code: `
     /* Progress bar animation */
@@ -246,22 +264,22 @@ const Ke = {
     @media (max-width: 640px) {.toast-container.svelte-ayjeya {max-width:calc(100vw - 2rem);margin:0 1rem;}
     }`
 };
-function Oe(u, e) {
-  I(e, !1), pe(u, Ke);
-  let m = c(e, "id", 8, ""), v = c(e, "title", 8, ""), o = c(e, "message", 8, ""), i = c(e, "type", 8, "info"), r = c(
+function Qe(o, e) {
+  N(e, !1), _e(o, Je);
+  let h = d(e, "id", 8, ""), f = d(e, "title", 8, ""), r = d(e, "message", 8, ""), l = d(e, "type", 8, "info"), n = d(
     e,
     "duration",
     8,
     5e3
     // Auto-dismiss duration (0 = no auto-dismiss)
-  ), l = c(e, "position", 8, "top-right"), j = c(e, "closable", 8, !0), h = c(e, "showIcon", 8, !0), L = c(e, "className", 8, "");
-  const S = Ce();
-  let z = ee(!0), a;
-  const g = {
-    success: Me,
-    error: je,
-    warning: Ie,
-    info: Ee
+  ), c = d(e, "position", 8, "top-right"), T = d(e, "closable", 8, !0), g = d(e, "showIcon", 8, !0), L = d(e, "className", 8, "");
+  const D = Ne();
+  let z = se(!0), a;
+  const y = {
+    success: ze,
+    error: Ce,
+    warning: Le,
+    info: Se
   }, Y = {
     success: {
       container: "bg-success-surface border-success text-success-text",
@@ -283,7 +301,7 @@ function Oe(u, e) {
       icon: "text-info",
       close: "text-info hover:text-info-hover"
     }
-  }, se = {
+  }, ne = {
     "top-right": "top-4 right-4",
     "top-left": "top-4 left-4",
     "bottom-right": "bottom-4 right-4",
@@ -291,127 +309,138 @@ function Oe(u, e) {
     "top-center": "top-4 left-1/2 transform -translate-x-1/2",
     "bottom-center": "bottom-4 left-1/2 transform -translate-x-1/2"
   };
-  function C() {
-    D(z, !1), S("close", { id: m() });
+  function E() {
+    A(z, !1), D("close", { id: h() });
   }
-  function A(M) {
-    M.key === "Escape" && j() && C();
+  function F(u) {
+    u.key === "Escape" && T() && E();
   }
-  ae(() => (r() > 0 && (a = setTimeout(
-    () => {
-      C();
-    },
-    r()
-  )), document.addEventListener("keydown", A), () => {
-    a && clearTimeout(a), document.removeEventListener("keydown", A);
-  }));
-  function oe() {
-    a && clearTimeout(a);
+  re(() => {
+    if (!M()) return;
+    const u = Be();
+    if (u)
+      return n() > 0 && (a = G(
+        () => {
+          E();
+        },
+        n()
+      )), u.addEventListener("keydown", F), () => {
+        a && Q(a), u.removeEventListener("keydown", F);
+      };
+  });
+  function ie() {
+    a && Q(a);
   }
-  function re() {
-    r() > 0 && (a = setTimeout(
+  function le() {
+    n() > 0 && (a = G(
       () => {
-        C();
+        E();
       },
-      r()
+      n()
     ));
   }
-  $();
-  var K = B(), ne = H(K);
+  ae();
+  var H = P(), ce = q(H);
   {
-    var ie = (M) => {
-      var b = Ae(), q = d(b), le = d(q), F = d(le);
+    var de = (u) => {
+      var w = Re(), K = v(w), ve = v(K), R = v(ve);
       {
-        var ce = (t) => {
-          var s = Ye(), f = d(s);
-          ke(f, () => g[i()], (ye, xe) => {
-            xe(ye, {
+        var fe = (t) => {
+          var s = Pe(), m = v(s);
+          Te(m, () => y[l()], (be, we) => {
+            we(be, {
               size: 20,
               get class() {
-                return k(i()), _(() => Y[i()].icon);
+                return j(l()), k(() => Y[l()].icon);
               }
             });
-          }), n(t, s);
+          }), i(t, s);
         };
-        x(F, (t) => {
-          h() && t(ce);
+        p(R, (t) => {
+          g() && t(fe);
         });
       }
-      var J = T(F, 2), O = d(J);
+      var J = C(R, 2), O = v(J);
       {
-        var de = (t) => {
-          var s = De(), f = d(s);
-          w(() => X(f, v())), n(t, s);
+        var ue = (t) => {
+          var s = qe(), m = v(s);
+          _(() => X(m, f())), i(t, s);
         };
-        x(O, (t) => {
-          v() && t(de);
+        p(O, (t) => {
+          f() && t(ue);
         });
       }
-      var R = T(O, 2);
+      var V = C(O, 2);
       {
-        var ve = (t) => {
-          var s = Pe(), f = d(s);
-          w(() => X(f, o())), n(t, s);
+        var me = (t) => {
+          var s = Fe(), m = v(s);
+          _(() => X(m, r())), i(t, s);
         };
-        x(R, (t) => {
-          o() && t(ve);
+        p(V, (t) => {
+          r() && t(me);
         });
       }
-      var fe = T(R, 2);
-      be(fe, e, "default", {}, null);
-      var ue = T(J, 2);
+      var he = C(V, 2);
+      ke(he, e, "default", {}, null);
+      var ge = C(J, 2);
       {
-        var me = (t) => {
-          var s = Be(), f = d(s);
-          Te(f, { size: 16 }), w(() => P(
+        var ye = (t) => {
+          var s = He(), m = v(s);
+          Ee(m, { size: 16 }), _(() => B(
             s,
             1,
             `
                             flex-shrink-0 ml-3 p-1 rounded-full
-                            ${k(i()), _(() => Y[i()].close) ?? ""}
+                            ${j(l()), k(() => Y[l()].close) ?? ""}
                             transition-colors duration-200
                         `,
             "svelte-ayjeya"
-          )), E("click", s, C), n(t, s);
+          )), I("click", s, E), i(t, s);
         };
-        x(ue, (t) => {
-          j() && t(me);
+        p(ge, (t) => {
+          T() && t(ye);
         });
       }
-      var he = T(q, 2);
+      var xe = C(K, 2);
       {
-        var ge = (t) => {
-          var s = He(), f = d(s);
-          w(() => ze(f, `animation-duration: ${r() ?? ""}ms;`)), n(t, s);
+        var pe = (t) => {
+          var s = Ke(), m = v(s);
+          _(() => Ie(m, `animation-duration: ${n() ?? ""}ms;`)), i(t, s);
         };
-        x(he, (t) => {
-          r() > 0 && t(ge);
+        p(xe, (t) => {
+          n() > 0 && t(pe);
         });
       }
-      w(() => P(
-        b,
+      _(() => B(
+        w,
         1,
         `
             fixed z-notification max-w-sm w-full
-            ${k(l()), _(() => se[l()]) ?? ""}
-            ${k(i()), _(() => Y[i()].container) ?? ""}
+            ${j(c()), k(() => ne[c()]) ?? ""}
+            ${j(l()), k(() => Y[l()].container) ?? ""}
             border rounded-lg shadow-adaptive-lg
             ${L() ?? ""}
         `,
         "svelte-ayjeya"
-      )), E("mouseenter", b, oe), E("mouseleave", b, re), we(3, b, () => _e, () => ({
-        x: l().includes("right") ? 300 : l().includes("left") ? -300 : 0,
-        y: l().includes("top") ? -50 : 50,
+      )), I("mouseenter", w, ie), I("mouseleave", w, le), je(3, w, () => Me, () => ({
+        x: c().includes("right") ? 300 : c().includes("left") ? -300 : 0,
+        y: c().includes("top") ? -50 : 50,
         duration: 300
-      })), n(M, b);
+      })), i(u, w);
     };
-    x(ne, (M) => {
-      y(z) && M(ie);
+    p(ce, (u) => {
+      x(z) && u(de);
     });
   }
-  n(u, K), N();
+  i(o, H), S();
 }
 export {
-  Je as T,
-  Oe as a
+  We as T,
+  Qe as a,
+  Be as b,
+  Ge as c,
+  G as d,
+  Q as e,
+  M as i,
+  Xe as s
 };