zabi-components 1.0.7 → 1.0.9

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,

package/dist/{ToastManager-dvTS81rT.js → ToastManager-ZcovxilX.js}

@@ -1,7 +1,7 @@
-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 { a as fe, p as h, i as ie, f as _, b as ne, c as N, s as re, 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-Dsi-CPO3.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);
+import { T as Se, a as Ae } from "./Toast-1EMgTOM4.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 text-text svelte-1r8bk40" fill="none" stroke="currentColor" viewBox="0 0 24 24"><!></svg></button></div></div> <!></div></nav> <!>', 1);
 const Je = {
   hash: "svelte-1r8bk40",
   code: `
@@ -38,7 +38,7 @@ const Je = {
 
     /* Brand hover effects */.navbar-brand.svelte-1r8bk40:hover {transform:translateY(-1px);}
 
-    /* Mobile menu item styles */.mobile-menu-item.svelte-1r8bk40 {display:block;border-radius:var(--radius-lg);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;color:rgb(var(--color-text));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.mobile-menu-item.svelte-1r8bk40:hover {background-color:rgb(var(--color-surface-secondary));}
+    /* Mobile menu item styles */.mobile-menu-item.svelte-1r8bk40 {display:block;border-radius:var(--radius-lg);padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;color:rgb(var(--color-primary));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.mobile-menu-item.svelte-1r8bk40:hover {background-color:rgb(var(--color-surface-secondary));}
 
     /* Responsive adjustments */
     @media (max-width: 768px) {.navbar.svelte-1r8bk40 {padding-left:1rem;padding-right:1rem;}
@@ -48,7 +48,7 @@ function et(B, a) {
   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();
+  let i = V(!1), C = V(!1), x = 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,8 +59,8 @@ function et(B, a) {
     sticky: "sticky top-0 z-40",
     fixed: "fixed top-0 left-0 right-0 z-40"
   };
-  function O(r) {
-    p("brandClick", { event: r });
+  function O(n) {
+    p("brandClick", { event: n });
   }
   function l() {
     g(i, !e(i)), p("menuToggle", { isOpen: e(i) });
@@ -69,19 +69,19 @@ function et(B, a) {
     g(C, window.scrollY > 10);
   }
   oe(() => (window.addEventListener("scroll", E), () => window.removeEventListener("scroll", E)));
-  function x(r) {
-    r.key === "Escape" && e(i) && (g(i, !1), p("menuToggle", { isOpen: !1 }));
+  function k(n) {
+    n.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", { isOpen: !1 }));
+  function r(n) {
+    e(i) && e(x) && !e(x).contains(n.target) && (g(i, !1), p("menuToggle", { isOpen: !1 }));
   }
-  oe(() => (document.addEventListener("keydown", x), document.addEventListener("click", n), () => {
-    document.removeEventListener("keydown", x), document.removeEventListener("click", n);
+  oe(() => (document.addEventListener("keydown", k), document.addEventListener("click", r), () => {
+    document.removeEventListener("keydown", k), document.removeEventListener("click", r);
   })), ie();
-  var t = He(), u = re(t), P = d(u), F = d(P), H = d(F), W = d(H);
+  var t = He(), u = ne(t), P = d(u), F = d(P), H = d(F), W = d(H);
   {
-    var X = (r) => {
-      var v = me(), R = re(v);
+    var X = (n) => {
+      var v = me(), R = ne(v);
       {
         var Q = (S) => {
           var j = De(), U = d(j);
@@ -108,59 +108,59 @@ function et(B, a) {
           typeof s() == "string" ? S(Q) : S(je, !1);
         });
       }
-      f(r, v);
+      f(n, v);
     };
-    N(W, (r) => {
-      s() && r(X);
+    N(W, (n) => {
+      s() && n(X);
     });
   }
   var J = w(H, 2), Z = d(J);
-  ne(Z, a, "nav", {}, null);
-  var ke = w(J, 2), ce = d(ke);
+  re(Z, a, "nav", {}, null);
+  var xe = w(J, 2), ce = d(xe);
   {
-    var xe = (r) => {
-      Se(r, { size: "md", variant: "outline" });
+    var ke = (n) => {
+      Se(n, { size: "md", variant: "outline" });
     };
-    N(ce, (r) => {
-      D() && r(xe);
+    N(ce, (n) => {
+      D() && n(ke);
     });
   }
   var ve = w(ce, 2);
-  ne(ve, a, "actions", {}, null);
+  re(ve, a, "actions", {}, null);
   var $ = w(ve, 2), ye = d($), we = d(ye);
   {
-    var _e = (r) => {
+    var _e = (n) => {
       var v = qe();
-      f(r, v);
-    }, Me = (r) => {
+      f(n, v);
+    }, Me = (n) => {
       var v = Ge();
-      f(r, v);
+      f(n, v);
     };
-    N(we, (r) => {
-      e(i) ? r(_e) : r(Me, !1);
+    N(we, (n) => {
+      e(i) ? n(_e) : n(Me, !1);
     });
   }
   var Te = w(F, 2);
   {
-    var Ce = (r) => {
+    var Ce = (n) => {
       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);
+      re(Q, a, "mobile-nav", {}, null), ae(3, v, () => ge, () => ({ y: -20, duration: 200 })), f(n, v);
     };
-    N(Te, (r) => {
-      e(i) && r(Ce);
+    N(Te, (n) => {
+      e(i) && n(Ce);
     });
   }
-  Be(u, (r) => g(k, r), () => e(k));
+  Be(u, (n) => g(x, n), () => e(x));
   var ze = w(u, 2);
   {
-    var Ee = (r) => {
+    var Ee = (n) => {
       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);
+      }), ae(3, v, () => Ye, () => ({ duration: 200 })), f(n, v);
     };
-    N(ze, (r) => {
-      e(i) && r(Ee);
+    N(ze, (n) => {
+      e(i) && n(Ee);
     });
   }
   I(() => {
@@ -184,16 +184,16 @@ function et(B, a) {
     ), 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>");
+var Qe = _('<div><div class="flex items-center"><svg class="w-5 h-5 mr-3 flex-shrink-0 text-current" 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 text-current" 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) {
   de(a, !1);
   let s = h(a, "notifications", 28, () => []), M = h(a, "position", 8, "top-right"), T = h(a, "maxNotifications", 8, 5);
   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",
-    info: "bg-blue-100 border-blue-400 text-blue-700",
-    default: "bg-gray-100 border-gray-400 text-gray-700"
+    success: "bg-success-surface border-success text-success-text",
+    error: "bg-error-surface border-error text-error-text",
+    warning: "bg-warning-surface border-warning text-warning-text",
+    info: "bg-info-surface border-info text-info-text",
+    default: "bg-surface border-border text-text"
   }, p = {
     success: "M5 13l4 4L19 7",
     error: "M6 18L18 6M6 6l12 12",
@@ -209,7 +209,7 @@ function tt(B, a) {
   function C(l) {
     return `${D} ${b[l] || b.default}`;
   }
-  function k(l) {
+  function x(l) {
     return p[l] || p.default;
   }
   function y(l) {
@@ -230,21 +230,21 @@ function tt(B, a) {
       );
     });
   }), Ie(), ie();
-  var z = me(), Y = re(z);
+  var z = me(), Y = ne(z);
   {
     var O = (l) => {
       var E = Ue();
-      he(E, 5, s, (x) => x.id, (x, n) => {
+      he(E, 5, s, (k) => k.id, (k, r) => {
         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, Z) => {
-            K(t, 1, J), G(F, "d", Z), se(W, (e(n), o(() => e(n).message)));
+            K(t, 1, J), G(F, "d", Z), se(W, (e(r), o(() => e(r).message)));
           },
           [
-            () => Oe((e(n), o(() => C(e(n).type)))),
-            () => (e(n), o(() => k(e(n).type)))
+            () => Oe((e(r), o(() => C(e(r).type)))),
+            () => (e(r), o(() => x(e(r).type)))
           ]
-        ), A("click", X, () => y(e(n).id)), ae(3, t, () => ge, () => ({ x: M().includes("right") ? 300 : -300, duration: 300 })), f(x, t);
+        ), A("click", X, () => y(e(r).id)), ae(3, t, () => ge, () => ({ x: M().includes("right") ? 300 : -300, duration: 300 })), f(k, 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) => {
@@ -263,10 +263,10 @@ const We = {
 
     /* Stack toasts with proper spacing */.toast-manager.svelte-1hjxuh0 {display:flex;flex-direction:column;gap:0.5rem;}`
 };
-function nt(B, a) {
+function rt(B, a) {
   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) {
+  function b(r) {
     const t = `toast-${++D}`, u = {
       id: t,
       title: "",
@@ -275,50 +275,50 @@ function nt(B, a) {
       duration: 5e3,
       closable: !0,
       showIcon: !0,
-      ...n
+      ...r
     };
     return e(c).length >= M() && g(c, e(c).slice(1)), g(c, [...e(c), u]), t;
   }
-  function p(n, t = {}) {
-    return b({ message: n, type: "success", ...t });
+  function p(r, t = {}) {
+    return b({ message: r, type: "success", ...t });
   }
-  function i(n, t = {}) {
+  function i(r, t = {}) {
     return b({
-      message: n,
+      message: r,
       type: "error",
       duration: 0,
       // Don't auto-dismiss errors
       ...t
     });
   }
-  function C(n, t = {}) {
-    return b({ message: n, type: "warning", ...t });
+  function C(r, t = {}) {
+    return b({ message: r, type: "warning", ...t });
   }
-  function k(n, t = {}) {
-    return b({ message: n, type: "info", ...t });
+  function x(r, t = {}) {
+    return b({ message: r, type: "info", ...t });
   }
-  function y(n) {
-    g(c, e(c).filter((t) => t.id !== n));
+  function y(r) {
+    g(c, e(c).filter((t) => t.id !== r));
   }
   function z() {
     g(c, []);
   }
-  function Y(n, t) {
-    g(c, e(c).map((u) => u.id === n ? { ...u, ...t } : u));
+  function Y(r, t) {
+    g(c, e(c).map((u) => u.id === r ? { ...u, ...t } : u));
   }
-  function O(n) {
-    y(n.detail.id);
+  function O(r) {
+    y(r.detail.id);
   }
-  function l(n) {
+  function l(r) {
   }
-  oe(() => (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: x, close: y, closeAll: z, update: Y }), () => {
     typeof window < "u" && delete window.toast;
   }));
-  var E = { show: b, success: p, error: i, warning: C, info: k, close: y, closeAll: z, update: Y };
+  var E = { show: b, success: p, error: i, warning: C, info: x, close: y, closeAll: z, update: Y };
   ie();
-  var x = Ve();
-  return he(x, 5, () => e(c), (n) => n.id, (n, t) => {
-    Ae(n, {
+  var k = Ve();
+  return he(k, 5, () => e(c), (r) => r.id, (r, t) => {
+    Ae(r, {
       get id() {
         return e(t), o(() => e(t).id);
       },
@@ -345,10 +345,10 @@ function nt(B, a) {
       },
       $$events: { close: O, click: l }
     });
-  }), 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);
+  }), I(() => K(k, 1, `toast-manager fixed inset-0 pointer-events-none z-notification ${T() ?? ""}`, "svelte-1hjxuh0")), f(B, k), L(a, "show", b), L(a, "success", p), L(a, "error", i), L(a, "warning", C), L(a, "info", x), L(a, "close", y), L(a, "closeAll", z), L(a, "update", Y), le(E);
 }
 export {
   et as N,
-  nt as T,
+  rt as T,
   tt as a
 };