zabi-components 1.0.0 → 1.0.2

package/dist/Toast-DwMSanZj.js

@@ -0,0 +1,417 @@
+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-DaAXsWcz.js";
+import { onMount as ae, createEventDispatcher as Ce } from "svelte";
+function Ee(f, e) {
+  I(e, !0);
+  /**
+   * @license @lucide/svelte v0.544.0 - ISC
+   *
+   * ISC License
+   *
+   * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
+   *
+   * Permission to use, copy, modify, and/or distribute this software for any
+   * purpose with or without fee is hereby granted, provided that the above
+   * copyright notice and this permission notice appear in all copies.
+   *
+   * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+   * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+   * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+   * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+   * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+   * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+   * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+   *
+   * ---
+   *
+   * The MIT License (MIT) (for portions derived from Feather)
+   *
+   * Copyright (c) 2013-2023 Cole Bemis
+   *
+   * Permission is hereby granted, free of charge, to any person obtaining a copy
+   * of this software and associated documentation files (the "Software"), to deal
+   * in the Software without restriction, including without limitation the rights
+   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+   * copies of the Software, and to permit persons to whom the Software is
+   * furnished to do so, subject to the following conditions:
+   *
+   * The above copyright notice and this permission notice shall be included in all
+   * copies or substantial portions of the Software.
+   *
+   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+   * SOFTWARE.
+   *
+   */
+  let u = 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(
+    { name: "info" },
+    () => u,
+    {
+      get iconNode() {
+        return v;
+      },
+      children: (r, i) => {
+        var o = B(), l = H(o);
+        U(l, () => e.children ?? W), n(r, o);
+      },
+      $$slots: { default: !0 }
+    }
+  )), N();
+}
+function Ie(f, e) {
+  I(e, !0);
+  /**
+   * @license @lucide/svelte v0.544.0 - ISC
+   *
+   * ISC License
+   *
+   * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
+   *
+   * Permission to use, copy, modify, and/or distribute this software for any
+   * purpose with or without fee is hereby granted, provided that the above
+   * copyright notice and this permission notice appear in all copies.
+   *
+   * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+   * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+   * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+   * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+   * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+   * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+   * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+   *
+   * ---
+   *
+   * The MIT License (MIT) (for portions derived from Feather)
+   *
+   * Copyright (c) 2013-2023 Cole Bemis
+   *
+   * Permission is hereby granted, free of charge, to any person obtaining a copy
+   * of this software and associated documentation files (the "Software"), to deal
+   * in the Software without restriction, including without limitation the rights
+   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+   * copies of the Software, and to permit persons to whom the Software is
+   * furnished to do so, subject to the following conditions:
+   *
+   * The above copyright notice and this permission notice shall be included in all
+   * copies or substantial portions of the Software.
+   *
+   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+   * SOFTWARE.
+   *
+   */
+  let u = Z(e, ["$$slots", "$$events", "$$legacy"]);
+  const v = [
+    [
+      "path",
+      {
+        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+      }
+    ],
+    ["path", { d: "M12 9v4" }],
+    ["path", { d: "M12 17h.01" }]
+  ];
+  G(f, Q(
+    { name: "triangle-alert" },
+    () => u,
+    {
+      get iconNode() {
+        return v;
+      },
+      children: (r, i) => {
+        var o = B(), l = H(o);
+        U(l, () => e.children ?? W), n(r, o);
+      },
+      $$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) {
+  I(e, !1);
+  let u = c(e, "size", 8, "md"), v = c(e, "variant", 8, "default"), r = 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"
+  };
+  ae(() => {
+    const a = localStorage.getItem("theme"), y = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    D(r, a === "dark" || !a && y), j();
+  });
+  function l() {
+    D(r, !g(r)), j(), localStorage.setItem("theme", g(r) ? "dark" : "light");
+  }
+  function j() {
+    g(r) ? 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);
+    }, z = (a) => {
+      var y = Le();
+      n(a, y);
+    };
+    p(L, (a) => {
+      g(r) ? a(S) : a(z, !1);
+    });
+  }
+  w(() => {
+    P(h, 1, `
+		${k(u()), _(() => i[u()]) ?? ""} 
+		${k(v()), _(() => o[v()]) ?? ""}
+		rounded-lg
+		transition-all
+		duration-200
+		flex
+		items-center
+		justify-center
+		text-primary
+		hover:text-primary-600
+		focus:outline-none
+		focus:ring-2
+		focus:ring-primary-500
+		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();
+}
+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>');
+const Ke = {
+  hash: "svelte-ayjeya",
+  code: `
+    /* Progress bar animation */
+    @keyframes svelte-ayjeya-progress-bar {
+        0% {
+            width: 100%;
+        }
+        100% {
+            width: 0%;
+        }
+    }.animate-progress-bar.svelte-ayjeya {
+        animation: svelte-ayjeya-progress-bar linear forwards;}
+
+    /* Toast animations */.toast-enter.svelte-ayjeya {
+        animation: svelte-ayjeya-toast-enter 0.3s ease-out;}.toast-exit.svelte-ayjeya {
+        animation: svelte-ayjeya-toast-exit 0.2s ease-in;}
+
+    @keyframes svelte-ayjeya-toast-enter {
+        0% {
+            opacity: 0;
+            transform: scale(0.95) translateY(-10px);
+        }
+        100% {
+            opacity: 1;
+            transform: scale(1) translateY(0);
+        }
+    }
+
+    @keyframes svelte-ayjeya-toast-exit {
+        0% {
+            opacity: 1;
+            transform: scale(1) translateY(0);
+        }
+        100% {
+            opacity: 0;
+            transform: scale(0.95) translateY(-10px);
+        }
+    }
+
+    /* Hover effects */.toast-container.svelte-ayjeya:hover {transform:translateY(-1px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1),
+            0 10px 10px -5px rgba(0, 0, 0, 0.04);}
+
+    /* Focus styles for accessibility */.toast-container.svelte-ayjeya:focus {outline:2px solid var(--color-primary-500);outline-offset:2px;}
+
+    /* Responsive adjustments */
+    @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(
+    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 y = {
+    success: Me,
+    error: je,
+    warning: Ie,
+    info: Ee
+  }, Y = {
+    success: {
+      container: "bg-success-surface border-success text-success-text",
+      icon: "text-success",
+      close: "text-success hover:text-success-hover"
+    },
+    error: {
+      container: "bg-error-surface border-error text-error-text",
+      icon: "text-error",
+      close: "text-error hover:text-error-hover"
+    },
+    warning: {
+      container: "bg-warning-surface border-warning text-warning-text",
+      icon: "text-warning",
+      close: "text-warning hover:text-warning-hover"
+    },
+    info: {
+      container: "bg-info-surface border-info text-info-text",
+      icon: "text-info",
+      close: "text-info hover:text-info-hover"
+    }
+  }, se = {
+    "top-right": "top-4 right-4",
+    "top-left": "top-4 left-4",
+    "bottom-right": "bottom-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "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: u() });
+  }
+  function A(M) {
+    M.key === "Escape" && j() && C();
+  }
+  ae(() => (o() > 0 && (a = setTimeout(
+    () => {
+      C();
+    },
+    o()
+  )), document.addEventListener("keydown", A), () => {
+    a && clearTimeout(a), document.removeEventListener("keydown", A);
+  }));
+  function re() {
+    a && clearTimeout(a);
+  }
+  function oe() {
+    o() > 0 && (a = setTimeout(
+      () => {
+        C();
+      },
+      o()
+    ));
+  }
+  $();
+  var K = B(), ne = H(K);
+  {
+    var ie = (M) => {
+      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, {
+              size: 20,
+              get class() {
+                return k(i()), _(() => Y[i()].icon);
+              }
+            });
+          }), n(t, s);
+        };
+        p(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);
+        };
+        p(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);
+        };
+        p(R, (t) => {
+          r() && t(ve);
+        });
+      }
+      var me = T(R, 2);
+      be(me, e, "default", {}, null);
+      var fe = T(J, 2);
+      {
+        var ue = (t) => {
+          var s = Be(), m = d(s);
+          Te(m, { size: 16 }), w(() => P(
+            s,
+            1,
+            `
+                            flex-shrink-0 ml-3 p-1 rounded-full
+                            ${k(i()), _(() => Y[i()].close) ?? ""}
+                            transition-colors duration-200
+                        `,
+            "svelte-ayjeya"
+          )), E("click", s, C), n(t, s);
+        };
+        p(fe, (t) => {
+          j() && t(ue);
+        });
+      }
+      var he = T(q, 2);
+      {
+        var ye = (t) => {
+          var s = He(), m = d(s);
+          w(() => ze(m, `animation-duration: ${o() ?? ""}ms;`)), n(t, s);
+        };
+        p(he, (t) => {
+          o() > 0 && t(ye);
+        });
+      }
+      w(() => P(
+        b,
+        1,
+        `
+            fixed z-notification max-w-sm w-full
+            ${k(l()), _(() => se[l()]) ?? ""}
+            ${k(i()), _(() => Y[i()].container) ?? ""}
+            border rounded-lg shadow-adaptive-lg
+            ${L() ?? ""}
+        `,
+        "svelte-ayjeya"
+      )), E("mouseenter", b, re), E("mouseleave", b, oe), 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);
+    });
+  }
+  n(f, K), N();
+}
+export {
+  Je as T,
+  Oe as a
+};