zabi-components 1.0.6 → 1.0.8

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

@@ -1,6 +1,6 @@
-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 g, i as $, f as x, c as p, 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 xe, 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-DpVwziig.js";
+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(f, e) {
+function Ee(u, e) {
   I(e, !0);
   /**
    * @license @lucide/svelte v0.544.0 - ISC
@@ -46,28 +46,28 @@ function Ee(f, e) {
    * SOFTWARE.
    *
    */
-  let u = Z(e, ["$$slots", "$$events", "$$legacy"]);
+  let m = Z(e, ["$$slots", "$$events", "$$legacy"]);
   const v = [
     ["circle", { cx: "12", cy: "12", r: "10" }],
     ["path", { d: "M12 16v-4" }],
     ["path", { d: "M12 8h.01" }]
   ];
-  G(f, Q(
+  G(u, Q(
     { name: "info" },
-    () => u,
+    () => m,
     {
       get iconNode() {
         return v;
       },
-      children: (r, i) => {
-        var o = B(), l = H(o);
-        U(l, () => e.children ?? W), n(r, o);
+      children: (o, i) => {
+        var r = B(), l = H(r);
+        U(l, () => e.children ?? W), n(o, r);
       },
       $$slots: { default: !0 }
     }
   )), N();
 }
-function Ie(f, e) {
+function Ie(u, e) {
   I(e, !0);
   /**
    * @license @lucide/svelte v0.544.0 - ISC
@@ -113,7 +113,7 @@ function Ie(f, e) {
    * SOFTWARE.
    *
    */
-  let u = Z(e, ["$$slots", "$$events", "$$legacy"]);
+  let m = Z(e, ["$$slots", "$$events", "$$legacy"]);
   const v = [
     [
       "path",
@@ -124,79 +124,79 @@ function Ie(f, e) {
     ["path", { d: "M12 9v4" }],
     ["path", { d: "M12 17h.01" }]
   ];
-  G(f, Q(
+  G(u, Q(
     { name: "triangle-alert" },
-    () => u,
+    () => m,
     {
       get iconNode() {
         return v;
       },
-      children: (r, i) => {
-        var o = B(), l = H(o);
-        U(l, () => e.children ?? W), n(r, o);
+      children: (o, i) => {
+        var r = B(), l = H(r);
+        U(l, () => e.children ?? W), n(o, r);
       },
       $$slots: { default: !0 }
     }
   )), N();
 }
-var Ne = te('<svg class="w-5 h-5" 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" 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 = x("<button><!></button>");
-function Je(f, e) {
+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 u = c(e, "size", 8, "md"), v = c(e, "variant", 8, "default"), r = ee(!1);
+  let m = c(e, "size", 8, "md"), v = c(e, "variant", 8, "default"), o = ee(!1);
   const i = {
     sm: "w-8 h-8 text-sm",
     md: "w-10 h-10 text-base",
     lg: "w-12 h-12 text-lg"
-  }, o = {
-    default: "bg-surface-primary hover:bg-surface-secondary border border-primary shadow-adaptive-sm",
-    minimal: "bg-transparent hover:bg-surface-secondary",
-    outline: "bg-transparent border border-primary hover:bg-surface-secondary"
+  }, r = {
+    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"), y = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    D(r, a === "dark" || !a && y), j();
+    const a = localStorage.getItem("theme"), g = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    D(o, a === "dark" || !a && g), j();
   });
   function l() {
-    D(r, !g(r)), j(), localStorage.setItem("theme", g(r) ? "dark" : "light");
+    D(o, !y(o)), j(), localStorage.setItem("theme", y(o) ? "dark" : "light");
   }
   function j() {
-    g(r) ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    y(o) ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
   }
   $();
   var h = Se(), L = d(h);
   {
     var S = (a) => {
-      var y = Ne();
-      n(a, y);
+      var g = Ne();
+      n(a, g);
     }, z = (a) => {
-      var y = Le();
-      n(a, y);
+      var g = Le();
+      n(a, g);
     };
-    p(L, (a) => {
-      g(r) ? a(S) : a(z, !1);
+    x(L, (a) => {
+      y(o) ? a(S) : a(z, !1);
     });
   }
   w(() => {
     P(h, 1, `
-		${k(u()), _(() => i[u()]) ?? ""} 
-		${k(v()), _(() => o[v()]) ?? ""}
+		${k(m()), _(() => i[m()]) ?? ""} 
+		${k(v()), _(() => r[v()]) ?? ""}
 		rounded-lg
 		transition-all
 		duration-200
 		flex
 		items-center
 		justify-center
-		text-primary
-		hover:text-primary-600
+		text-text
+		hover:text-text
 		focus:outline-none
 		focus:ring-2
-		focus:ring-primary-500
+		focus:ring-focus-ring
 		focus:ring-offset-2
-		focus:ring-offset-surface-primary
-	`), V(h, "aria-label", g(r) ? "Switch to light mode" : "Switch to dark mode"), V(h, "title", g(r) ? "Switch to light mode" : "Switch to dark mode");
-  }), E("click", h, l), n(f, h), N();
+		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();
 }
-var Ye = x('<div class="flex-shrink-0 mr-3 svelte-ayjeya"><!></div>'), De = x('<h4 class="text-sm font-semibold mb-1 svelte-ayjeya"> </h4>'), Pe = x('<p class="text-sm opacity-90 svelte-ayjeya"> </p>'), Be = x('<button type="button" aria-label="Close notification"><!></button>'), He = x('<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 = x('<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>');
+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 = {
   hash: "svelte-ayjeya",
   code: `
@@ -246,9 +246,9 @@ const Ke = {
     @media (max-width: 640px) {.toast-container.svelte-ayjeya {max-width:calc(100vw - 2rem);margin:0 1rem;}
     }`
 };
-function Oe(f, e) {
-  I(e, !1), xe(f, Ke);
-  let u = c(e, "id", 8, ""), v = c(e, "title", 8, ""), r = c(e, "message", 8, ""), i = c(e, "type", 8, "info"), o = c(
+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(
     e,
     "duration",
     8,
@@ -257,7 +257,7 @@ function Oe(f, e) {
   ), 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 y = {
+  const g = {
     success: Me,
     error: je,
     warning: Ie,
@@ -292,28 +292,28 @@ function Oe(f, e) {
     "bottom-center": "bottom-4 left-1/2 transform -translate-x-1/2"
   };
   function C() {
-    D(z, !1), S("close", { id: u() });
+    D(z, !1), S("close", { id: m() });
   }
   function A(M) {
     M.key === "Escape" && j() && C();
   }
-  ae(() => (o() > 0 && (a = setTimeout(
+  ae(() => (r() > 0 && (a = setTimeout(
     () => {
       C();
     },
-    o()
+    r()
   )), document.addEventListener("keydown", A), () => {
     a && clearTimeout(a), document.removeEventListener("keydown", A);
   }));
-  function re() {
+  function oe() {
     a && clearTimeout(a);
   }
-  function oe() {
-    o() > 0 && (a = setTimeout(
+  function re() {
+    r() > 0 && (a = setTimeout(
       () => {
         C();
       },
-      o()
+      r()
     ));
   }
   $();
@@ -323,9 +323,9 @@ function Oe(f, e) {
       var b = Ae(), q = d(b), le = d(q), F = d(le);
       {
         var ce = (t) => {
-          var s = Ye(), m = d(s);
-          ke(m, () => y[i()], (ge, pe) => {
-            pe(ge, {
+          var s = Ye(), f = d(s);
+          ke(f, () => g[i()], (ye, xe) => {
+            xe(ye, {
               size: 20,
               get class() {
                 return k(i()), _(() => Y[i()].icon);
@@ -333,37 +333,37 @@ function Oe(f, e) {
             });
           }), n(t, s);
         };
-        p(F, (t) => {
+        x(F, (t) => {
           h() && t(ce);
         });
       }
       var J = T(F, 2), O = d(J);
       {
         var de = (t) => {
-          var s = De(), m = d(s);
-          w(() => X(m, v())), n(t, s);
+          var s = De(), f = d(s);
+          w(() => X(f, v())), n(t, s);
         };
-        p(O, (t) => {
+        x(O, (t) => {
           v() && t(de);
         });
       }
       var R = T(O, 2);
       {
         var ve = (t) => {
-          var s = Pe(), m = d(s);
-          w(() => X(m, r())), n(t, s);
+          var s = Pe(), f = d(s);
+          w(() => X(f, o())), n(t, s);
         };
-        p(R, (t) => {
-          r() && t(ve);
+        x(R, (t) => {
+          o() && t(ve);
         });
       }
-      var me = T(R, 2);
-      be(me, e, "default", {}, null);
-      var fe = T(J, 2);
+      var fe = T(R, 2);
+      be(fe, e, "default", {}, null);
+      var ue = T(J, 2);
       {
-        var ue = (t) => {
-          var s = Be(), m = d(s);
-          Te(m, { size: 16 }), w(() => P(
+        var me = (t) => {
+          var s = Be(), f = d(s);
+          Te(f, { size: 16 }), w(() => P(
             s,
             1,
             `
@@ -374,18 +374,18 @@ function Oe(f, e) {
             "svelte-ayjeya"
           )), E("click", s, C), n(t, s);
         };
-        p(fe, (t) => {
-          j() && t(ue);
+        x(ue, (t) => {
+          j() && t(me);
         });
       }
       var he = T(q, 2);
       {
-        var ye = (t) => {
-          var s = He(), m = d(s);
-          w(() => ze(m, `animation-duration: ${o() ?? ""}ms;`)), n(t, s);
+        var ge = (t) => {
+          var s = He(), f = d(s);
+          w(() => ze(f, `animation-duration: ${r() ?? ""}ms;`)), n(t, s);
         };
-        p(he, (t) => {
-          o() > 0 && t(ye);
+        x(he, (t) => {
+          r() > 0 && t(ge);
         });
       }
       w(() => P(
@@ -399,17 +399,17 @@ function Oe(f, e) {
             ${L() ?? ""}
         `,
         "svelte-ayjeya"
-      )), E("mouseenter", b, re), E("mouseleave", b, oe), we(3, b, () => _e, () => ({
+      )), 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,
         duration: 300
       })), n(M, b);
     };
-    p(ne, (M) => {
-      g(z) && M(ie);
+    x(ne, (M) => {
+      y(z) && M(ie);
     });
   }
-  n(f, K), N();
+  n(u, K), N();
 }
 export {
   Je as T,