zabi-components 1.0.0 → 1.0.2

package/dist/Tooltip-CYzYtAt2.js

@@ -0,0 +1,1227 @@
+import { a as Te, p as u, C as ie, D as ze, i as we, f as k, c as W, g as r, h as pe, j as he, r as C, l as e, m as Z, n as a, k as H, b as ue, o as i, s as ne, t as h, q as P, F as oe, e as R, u as X, x as Se, v as J, _ as Fe, w as ge, Y as ye, B as V, d as je, P as ke, $ as me, E as ce, V as ve, G as Ee, y as qe, z as Re } from "./x-DaAXsWcz.js";
+import { createEventDispatcher as Pe, onMount as Le } from "svelte";
+import { T as Ve } from "./Toast-DwMSanZj.js";
+var We = k("<div></div>"), He = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Oe = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Xe = k('<button type="button"><!> <!> <!> <!></button> <button type="button" aria-label="Close badge"><svg class="w-full h-full svelte-14njway" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" class="svelte-14njway"></path></svg></button>', 1), Ye = k("<div></div>"), Ge = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Ze = Se('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" class="svelte-14njway"></path></svg>'), Ue = k("<span><!> <!> <!> <!></span>"), Je = k('<div class="inline-flex items-center gap-1 svelte-14njway"><!></div>');
+const Ke = {
+  hash: "svelte-14njway",
+  code: `
+    /* Hover effects for closable badges */.badge-closable.svelte-14njway:hover {transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);}.badge-closable.svelte-14njway:active {transform:translateY(0);}
+
+    /* Focus styles for accessibility */.badge-closable.svelte-14njway:focus {outline:2px solid var(--color-plasma-red-500);outline-offset:2px;}
+
+    /* Animation for badge appearance */
+    @keyframes svelte-14njway-badge-enter {
+        0% {
+            opacity: 0;
+            transform: scale(0.8);
+        }
+        100% {
+            opacity: 1;
+            transform: scale(1);
+        }
+    }.badge-enter.svelte-14njway {
+        animation: svelte-14njway-badge-enter 0.2s ease-out;}
+
+    /* Animation for badge removal */
+    @keyframes svelte-14njway-badge-exit {
+        0% {
+            opacity: 1;
+            transform: scale(1);
+        }
+        100% {
+            opacity: 0;
+            transform: scale(0.8);
+        }
+    }.badge-exit.svelte-14njway {
+        animation: svelte-14njway-badge-exit 0.2s ease-in;}
+
+    /* Dot animation */.badge-dot.svelte-14njway {
+        animation: svelte-14njway-badge-dot-pulse 2s infinite;}
+
+    @keyframes svelte-14njway-badge-dot-pulse {
+        0%,
+        100% {
+            opacity: 1;
+        }
+        50% {
+            opacity: 0.5;
+        }
+    }
+
+    /* Icon rotation for loading states */.badge-icon-loading.svelte-14njway {
+        animation: svelte-14njway-badge-icon-spin 1s linear infinite;}
+
+    @keyframes svelte-14njway-badge-icon-spin {
+        from {
+            transform: rotate(0deg);
+        }
+        to {
+            transform: rotate(360deg);
+        }
+    }`
+};
+function Wt(K, t) {
+  he(t, !1), Te(K, Ke);
+  const y = Z(), w = Z(), _ = Z(), m = Z(), T = Z(), L = Z(), F = Z();
+  let q = u(t, "variant", 8, "default"), S = u(t, "size", 8, "md"), z = u(t, "shape", 8, "rounded"), E = u(t, "dot", 8, !1), I = u(t, "closable", 8, !1), d = u(t, "icon", 8, void 0), B = u(t, "iconPosition", 8, "left");
+  const M = Pe();
+  function Q(b) {
+    b.stopPropagation(), M("close", { event: b });
+  }
+  function A(b) {
+    M("click", { event: b });
+  }
+  ie(() => {
+  }, () => {
+    H(y, {
+      sm: "px-2 py-0.5 text-xs",
+      md: "px-3 py-1 text-sm",
+      lg: "px-4 py-1.5 text-base"
+    });
+  }), ie(() => {
+  }, () => {
+    H(w, {
+      default: "bg-surface-secondary text-primary border border-primary",
+      success: "bg-success-surface text-success-text border border-success/30",
+      warning: "bg-warning-surface text-warning-text border border-warning/30",
+      error: "bg-error-surface text-error-text border border-error/30",
+      info: "bg-info-surface text-info-text border border-info/30",
+      neutral: "bg-surface-tertiary text-secondary border border-secondary"
+    });
+  }), ie(() => {
+  }, () => {
+    H(_, {
+      rounded: "rounded-md",
+      pill: "rounded-full",
+      square: "rounded-none"
+    });
+  }), ie(() => {
+  }, () => {
+    H(m, { sm: "w-1.5 h-1.5", md: "w-2 h-2", lg: "w-2.5 h-2.5" });
+  }), ie(
+    () => (e(y), C(S()), e(w), C(q()), e(_), C(z()), C(I())),
+    () => {
+      H(T, [
+        "inline-flex",
+        "items-center",
+        "gap-1.5",
+        "font-medium",
+        "border",
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "select-none",
+        "cursor-default",
+        e(y)[S()],
+        e(w)[q()],
+        e(_)[z()],
+        I() ? "cursor-pointer hover:opacity-80" : ""
+      ].join(" "));
+    }
+  ), ie(() => C(S()), () => {
+    H(L, [
+      "flex-shrink-0",
+      S() === "sm" ? "w-3 h-3" : S() === "md" ? "w-4 h-4" : "w-5 h-5"
+    ].join(" "));
+  }), ie(() => C(S()), () => {
+    H(F, [
+      "flex-shrink-0",
+      "ml-1",
+      "hover:bg-white/10",
+      "rounded-full",
+      "p-0.5",
+      "transition-colors",
+      "duration-150",
+      "ease-in-out",
+      S() === "sm" ? "w-3 h-3" : S() === "md" ? "w-4 h-4" : "w-5 h-5"
+    ].join(" "));
+  }), ze(), we();
+  var f = Je(), N = a(f);
+  {
+    var te = (b) => {
+      var D = Xe(), O = ue(D), $ = a(O);
+      {
+        var ee = (o) => {
+          var v = We();
+          h(() => P(
+            v,
+            1,
+            `w-2 h-2 rounded-full bg-current ${e(m), C(S()), X(() => e(m)[S()]) ?? ""}`,
+            "svelte-14njway"
+          )), r(o, v);
+        };
+        W($, (o) => {
+          E() && o(ee);
+        });
+      }
+      var U = i($, 2);
+      {
+        var x = (o) => {
+          var v = He(), Y = a(v);
+          h(() => {
+            P(v, 0, oe(e(L)), "svelte-14njway"), J(Y, "d", d());
+          }), r(o, v);
+        };
+        W(U, (o) => {
+          d() && B() === "left" && o(x);
+        });
+      }
+      var p = i(U, 2);
+      ne(p, t, "default", {}, null);
+      var c = i(p, 2);
+      {
+        var s = (o) => {
+          var v = Oe(), Y = a(v);
+          h(() => {
+            P(v, 0, oe(e(L)), "svelte-14njway"), J(Y, "d", d());
+          }), r(o, v);
+        };
+        W(c, (o) => {
+          d() && B() === "right" && o(s);
+        });
+      }
+      var n = i(O, 2);
+      h(() => {
+        P(O, 1, oe(e(T)), "svelte-14njway"), P(n, 1, oe(e(F)), "svelte-14njway");
+      }), R("click", O, A), R("keydown", O, (o) => o.key === "Enter" && A(o)), R("click", n, Q), R("keydown", n, (o) => o.key === "Enter" && Q(o)), r(b, D);
+    }, j = (b) => {
+      var D = Ue(), O = a(D);
+      {
+        var $ = (s) => {
+          var n = Ye();
+          h(() => P(
+            n,
+            1,
+            `w-2 h-2 rounded-full bg-current ${e(m), C(S()), X(() => e(m)[S()]) ?? ""}`,
+            "svelte-14njway"
+          )), r(s, n);
+        };
+        W(O, (s) => {
+          E() && s($);
+        });
+      }
+      var ee = i(O, 2);
+      {
+        var U = (s) => {
+          var n = Ge(), o = a(n);
+          h(() => {
+            P(n, 0, oe(e(L)), "svelte-14njway"), J(o, "d", d());
+          }), r(s, n);
+        };
+        W(ee, (s) => {
+          d() && B() === "left" && s(U);
+        });
+      }
+      var x = i(ee, 2);
+      ne(x, t, "default", {}, null);
+      var p = i(x, 2);
+      {
+        var c = (s) => {
+          var n = Ze(), o = a(n);
+          h(() => {
+            P(n, 0, oe(e(L)), "svelte-14njway"), J(o, "d", d());
+          }), r(s, n);
+        };
+        W(p, (s) => {
+          d() && B() === "right" && s(c);
+        });
+      }
+      h(() => P(D, 1, oe(e(T)), "svelte-14njway")), r(b, D);
+    };
+    W(N, (b) => {
+      I() ? b(te) : b(j, !1);
+    });
+  }
+  r(K, f), pe();
+}
+var Qe = k('<div class="absolute inset-0 bg-surface/50 rounded-lg flex items-center justify-center" aria-hidden="true"><div class="animate-spin rounded-full h-6 w-6 border-2 border-tertiary border-t-transparent"></div></div>'), $e = k('<div><div class="card-header svelte-1qx5g6b"><!></div> <div class="card-content svelte-1qx5g6b"><!></div> <div class="card-footer svelte-1qx5g6b"><!></div> <!></div>');
+const et = {
+  hash: "svelte-1qx5g6b",
+  code: ".card-header.svelte-1qx5g6b:empty {display:none;}.card-content.svelte-1qx5g6b:empty {display:none;}.card-footer.svelte-1qx5g6b:empty {display:none;}"
+};
+function Ht(K, t) {
+  he(t, !1), Te(K, et);
+  const y = Z(), w = Z();
+  let _ = u(t, "variant", 8, "default"), m = u(t, "density", 8, "comfortable"), T = u(t, "disabled", 8, !1), L = u(t, "loading", 8, !1), F = u(t, "className", 8, ""), q = u(t, "ariaLabel", 8, ""), S = u(t, "ariaDescribedBy", 8, "");
+  const z = Pe(), E = {
+    compact: "p-3 sm:p-4 rounded-md shadow-sm",
+    comfortable: "p-4 sm:p-6 rounded-lg shadow-sm sm:shadow-md",
+    spacious: "p-6 sm:p-8 rounded-xl shadow-md sm:shadow-lg"
+  }, I = {
+    default: "bg-card border border-primary",
+    interactive: "bg-card border border-primary hover:bg-card-hover hover:border-primary-hover focus:bg-card-active focus:border-primary-hover focus:outline-none focus:ring-2 focus:ring-focus focus:ring-offset-2 cursor-pointer"
+  };
+  function d(x) {
+    if (T() || L()) {
+      x.preventDefault();
+      return;
+    }
+    z("click", x);
+  }
+  function B(x) {
+    if (!(T() || L())) {
+      if (_() === "interactive" && (x.key === "Enter" || x.key === " ")) {
+        x.preventDefault();
+        const p = new MouseEvent("click", { bubbles: !0, cancelable: !0, clientX: 0, clientY: 0 });
+        d(p);
+      }
+      x.key === "Escape" && x.target.blur();
+    }
+  }
+  function M(x) {
+    !T() && !L() && z("focus", x);
+  }
+  function Q(x) {
+    !T() && !L() && z("blur", x);
+  }
+  function A(x) {
+    !T() && !L() && z("hover", x);
+  }
+  function f(x) {
+    !T() && !L() && z("leave", x);
+  }
+  ie(
+    () => (C(_()), C(m()), C(T()), C(L()), C(F())),
+    () => {
+      H(y, [
+        "transition-all duration-200",
+        I[_()],
+        E[m()],
+        T() ? "opacity-50 cursor-not-allowed" : "",
+        L() ? "animate-pulse" : "",
+        F()
+      ].filter(Boolean).join(" "));
+    }
+  ), ie(
+    () => (C(_()), C(T()), C(L()), C(q()), C(S())),
+    () => {
+      H(w, {
+        role: _() === "interactive" ? "button" : "presentation",
+        tabindex: _() === "interactive" ? T() ? -1 : 0 : void 0,
+        "aria-disabled": _() === "interactive" ? T() : void 0,
+        "aria-busy": L(),
+        "aria-label": q() || void 0,
+        "aria-describedby": S() || void 0
+      });
+    }
+  ), ze(), we();
+  var N = $e();
+  Fe(N, () => ({ class: e(y), ...e(w) }), void 0, void 0, "svelte-1qx5g6b");
+  var te = a(N), j = a(te);
+  ne(j, t, "header", {}, null);
+  var b = i(te, 2), D = a(b);
+  ne(D, t, "default", {}, null);
+  var O = i(b, 2), $ = a(O);
+  ne($, t, "footer", {}, null);
+  var ee = i(O, 2);
+  {
+    var U = (x) => {
+      var p = Qe();
+      r(x, p);
+    };
+    W(ee, (x) => {
+      L() && x(U);
+    });
+  }
+  R("click", N, d), R("mouseenter", N, A), R("mouseleave", N, f), R("keydown", N, B), R("focus", N, M), R("blur", N, Q), r(K, N), pe();
+}
+var tt = k("<h1><!></h1>"), at = k("<h2><!></h2>"), st = k("<h3><!></h3>"), rt = k("<h4><!></h4>"), it = k("<h5><!></h5>"), nt = k("<h6><!></h6>");
+function Ot(K, t) {
+  he(t, !1);
+  const y = Z();
+  let w = u(t, "level", 8, 1), _ = u(t, "text", 8, ""), m = u(t, "color", 8, "text-white"), T = u(t, "spacing", 8, "normal");
+  const L = {
+    1: "!text-6xl md:!text-7xl font-bold leading-tight block",
+    2: "!text-4xl md:!text-5xl font-bold leading-tight block",
+    3: "!text-3xl md:!text-4xl font-semibold leading-snug block",
+    4: "!text-2xl md:!text-3xl font-semibold leading-snug block",
+    5: "!text-xl md:!text-2xl font-medium leading-normal block",
+    6: "!text-lg md:!text-xl font-medium leading-normal block"
+  }, F = {
+    tight: {
+      1: "mb-2",
+      2: "mb-3",
+      3: "mb-2",
+      4: "mb-2",
+      5: "mb-1",
+      6: "mb-1"
+    },
+    normal: {
+      1: "mb-4",
+      2: "mb-4",
+      3: "mb-3",
+      4: "mb-3",
+      5: "mb-2",
+      6: "mb-2"
+    },
+    loose: {
+      1: "mb-6",
+      2: "mb-6",
+      3: "mb-4",
+      4: "mb-4",
+      5: "mb-3",
+      6: "mb-3"
+    }
+  };
+  ie(
+    () => (C(w()), C(m()), C(T())),
+    () => {
+      H(y, `${L[w()]} font-title ${m()} ${F[T()][w()]}`);
+    }
+  ), ze();
+  var q = ge(), S = ue(q);
+  {
+    var z = (I) => {
+      var d = tt(), B = a(d);
+      ne(B, t, "default", {}, (M) => {
+        var Q = ye();
+        h(() => V(Q, _())), r(M, Q);
+      }), h(() => P(d, 1, oe(e(y)))), r(I, d);
+    }, E = (I) => {
+      var d = ge(), B = ue(d);
+      {
+        var M = (A) => {
+          var f = at(), N = a(f);
+          ne(N, t, "default", {}, (te) => {
+            var j = ye();
+            h(() => V(j, _())), r(te, j);
+          }), h(() => P(f, 1, oe(e(y)))), r(A, f);
+        }, Q = (A) => {
+          var f = ge(), N = ue(f);
+          {
+            var te = (b) => {
+              var D = st(), O = a(D);
+              ne(O, t, "default", {}, ($) => {
+                var ee = ye();
+                h(() => V(ee, _())), r($, ee);
+              }), h(() => P(D, 1, oe(e(y)))), r(b, D);
+            }, j = (b) => {
+              var D = ge(), O = ue(D);
+              {
+                var $ = (U) => {
+                  var x = rt(), p = a(x);
+                  ne(p, t, "default", {}, (c) => {
+                    var s = ye();
+                    h(() => V(s, _())), r(c, s);
+                  }), h(() => P(x, 1, oe(e(y)))), r(U, x);
+                }, ee = (U) => {
+                  var x = ge(), p = ue(x);
+                  {
+                    var c = (n) => {
+                      var o = it(), v = a(o);
+                      ne(v, t, "default", {}, (Y) => {
+                        var re = ye();
+                        h(() => V(re, _())), r(Y, re);
+                      }), h(() => P(o, 1, oe(e(y)))), r(n, o);
+                    }, s = (n) => {
+                      var o = ge(), v = ue(o);
+                      {
+                        var Y = (re) => {
+                          var de = nt(), be = a(de);
+                          ne(be, t, "default", {}, (_e) => {
+                            var le = ye();
+                            h(() => V(le, _())), r(_e, le);
+                          }), h(() => P(de, 1, oe(e(y)))), r(re, de);
+                        };
+                        W(
+                          v,
+                          (re) => {
+                            w() === 6 && re(Y);
+                          },
+                          !0
+                        );
+                      }
+                      r(n, o);
+                    };
+                    W(
+                      p,
+                      (n) => {
+                        w() === 5 ? n(c) : n(s, !1);
+                      },
+                      !0
+                    );
+                  }
+                  r(U, x);
+                };
+                W(
+                  O,
+                  (U) => {
+                    w() === 4 ? U($) : U(ee, !1);
+                  },
+                  !0
+                );
+              }
+              r(b, D);
+            };
+            W(
+              N,
+              (b) => {
+                w() === 3 ? b(te) : b(j, !1);
+              },
+              !0
+            );
+          }
+          r(A, f);
+        };
+        W(
+          B,
+          (A) => {
+            w() === 2 ? A(M) : A(Q, !1);
+          },
+          !0
+        );
+      }
+      r(I, d);
+    };
+    W(S, (I) => {
+      w() === 1 ? I(z) : I(E, !1);
+    });
+  }
+  r(K, q), pe();
+}
+var lt = k('<img alt="" class="absolute inset-0 w-full h-full object-cover animate-pulse"/>'), ot = k('<img class="w-full h-full object-cover transition-opacity duration-300"/>'), dt = k('<div class="absolute inset-0 bg-gray-200 flex items-center justify-center text-gray-500"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l2.586-2.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div>'), ct = k("<div><!> <!> <!></div>");
+function Xt(K, t) {
+  he(t, !1);
+  let y = u(t, "src", 8), w = u(t, "alt", 8, ""), _ = u(t, "width", 8, "100%"), m = u(t, "height", 8, "auto"), T = u(t, "loading", 8, "lazy"), L = u(t, "className", 8, ""), F = u(t, "placeholder", 8, "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjNmNGY2Ii8+PC9zdmc+"), q = Z(!1), S = Z(!1), z = Z(!1), E = Z();
+  Le(() => {
+    if (T() === "lazy") {
+      const j = new IntersectionObserver(
+        (b) => {
+          b.forEach((D) => {
+            D.isIntersecting && (H(z, !0), j.unobserve(D.target));
+          });
+        },
+        { rootMargin: "50px" }
+      );
+      return e(E) && j.observe(e(E)), () => j.disconnect();
+    } else
+      H(z, !0);
+  });
+  function I() {
+    H(q, !0);
+  }
+  function d() {
+    H(S, !0), console.warn("Failed to load image:", y());
+  }
+  we();
+  var B = ct(), M = a(B);
+  {
+    var Q = (j) => {
+      var b = lt();
+      h(() => J(b, "src", F())), r(j, b);
+    };
+    W(M, (j) => {
+      !e(q) && !e(S) && j(Q);
+    });
+  }
+  var A = i(M, 2);
+  {
+    var f = (j) => {
+      var b = ot();
+      h(() => {
+        J(b, "src", y()), J(b, "alt", w()), J(b, "loading", T()), ke(b, `opacity: ${e(q) ? 1 : 0};`);
+      }), R("load", b, I), R("error", b, d), r(j, b);
+    };
+    W(A, (j) => {
+      e(z) && !e(S) && j(f);
+    });
+  }
+  var N = i(A, 2);
+  {
+    var te = (j) => {
+      var b = dt();
+      r(j, b);
+    };
+    W(N, (j) => {
+      e(S) && j(te);
+    });
+  }
+  je(B, (j) => H(E, j), () => e(E)), h(() => {
+    P(B, 1, `relative overflow-hidden ${L() ?? ""}`), ke(B, `width: ${(typeof _() == "number" ? _() + "px" : _()) ?? ""}; height: ${(typeof m() == "number" ? m() + "px" : m()) ?? ""};`);
+  }), r(K, B), pe();
+}
+var vt = k('<div class="fixed bottom-4 left-4 bg-black/80 text-white p-4 rounded-lg text-xs font-mono z-50 max-w-xs"><div class="flex items-center justify-between mb-2"><h3 class="font-bold"> </h3> <button class="text-gray-400 hover:text-white">×</button></div> <div class="space-y-1"><div> </div> <div> </div> <div> </div> <div> </div> <div class="pt-1 border-t border-gray-600"><div class="font-semibold"> </div></div></div></div>');
+function Yt(K, t) {
+  he(t, !1);
+  let y = u(t, "isVisible", 12, !1), w = u(t, "showInDev", 8, !0), _ = u(t, "title", 8, "Debug Panel"), m = Z({
+    domContentLoaded: 0,
+    loadComplete: 0,
+    firstPaint: 0,
+    firstContentfulPaint: 0,
+    largestContentfulPaint: 0,
+    cumulativeLayoutShift: 0
+  });
+  Le(() => {
+    typeof window < "u" && "PerformanceObserver" in window && (new PerformanceObserver((z) => {
+      for (const E of z.getEntries())
+        E.name === "first-paint" && me(m, e(m).firstPaint = E.startTime);
+    }).observe({ entryTypes: ["paint"] }), new PerformanceObserver((z) => {
+      for (const E of z.getEntries())
+        E.name === "first-contentful-paint" && me(m, e(m).firstContentfulPaint = E.startTime);
+    }).observe({ entryTypes: ["paint"] }), new PerformanceObserver((z) => {
+      const E = z.getEntries(), I = E[E.length - 1];
+      me(m, e(m).largestContentfulPaint = I.startTime);
+    }).observe({ entryTypes: ["largest-contentful-paint"] }), new PerformanceObserver((z) => {
+      for (const E of z.getEntries())
+        E.hadRecentInput || me(m, e(m).cumulativeLayoutShift += E.value);
+    }).observe({ entryTypes: ["layout-shift"] })), window.addEventListener("DOMContentLoaded", () => {
+      me(m, e(m).domContentLoaded = performance.now());
+    }), window.addEventListener("load", () => {
+      me(m, e(m).loadComplete = performance.now());
+    }), w();
+  });
+  function T(z) {
+    return `${Math.round(z)}ms`;
+  }
+  function L() {
+    const z = e(m).firstContentfulPaint, E = e(m).largestContentfulPaint, I = e(m).cumulativeLayoutShift;
+    let d = 100;
+    return z > 1800 && (d -= 20), E > 2500 && (d -= 30), I > 0.1 && (d -= 25), e(m).loadComplete > 3e3 && (d -= 25), d >= 90 ? "🟢 Excellent" : d >= 70 ? "🟡 Good" : d >= 50 ? "🟠 Needs Improvement" : "🔴 Poor";
+  }
+  we();
+  var F = ge(), q = ue(F);
+  {
+    var S = (z) => {
+      var E = vt(), I = a(E), d = a(I), B = a(d), M = i(d, 2), Q = i(I, 2), A = a(Q), f = a(A), N = i(A, 2), te = a(N), j = i(N, 2), b = a(j), D = i(j, 2), O = a(D), $ = i(D, 2), ee = a($), U = a(ee);
+      h(
+        (x, p, c, s, n) => {
+          V(B, _()), V(f, `FCP: ${x ?? ""}`), V(te, `LCP: ${p ?? ""}`), V(b, `CLS: ${c ?? ""}`), V(O, `Load: ${s ?? ""}`), V(U, n);
+        },
+        [
+          () => (e(m), X(() => T(e(m).firstContentfulPaint))),
+          () => (e(m), X(() => T(e(m).largestContentfulPaint))),
+          () => (e(m), X(() => e(m).cumulativeLayoutShift.toFixed(3))),
+          () => (e(m), X(() => T(e(m).loadComplete))),
+          () => X(L)
+        ]
+      ), R("click", M, () => y(!1)), r(z, E);
+    };
+    W(q, (z) => {
+      y() && z(S);
+    });
+  }
+  r(K, F), pe();
+}
+var ut = k('<span class="text-sm text-secondary svelte-1nnpss"> </span>'), mt = k('<div class="flex justify-between items-center mb-2 svelte-1nnpss"><label class="text-sm font-medium text-primary svelte-1nnpss"> </label> <!></div>'), ft = k('<div class="absolute inset-0 flex items-center justify-center svelte-1nnpss"><span class="text-xs font-medium text-white svelte-1nnpss"> </span></div>'), gt = k('<div class="relative svelte-1nnpss"><div><div role="progressbar" aria-valuemin="0"></div></div> <!></div>'), xt = k("<span> </span>"), bt = k('<div class="relative inline-block svelte-1nnpss"><svg viewBox="0 0 44 44" role="progressbar" aria-valuemin="0"><circle cx="22" cy="22" r="20" stroke="currentColor" stroke-width="4" fill="none" class="text-neutral-200 dark:text-neutral-700 svelte-1nnpss"></circle><circle cx="22" cy="22" r="20" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round"></circle></svg> <div class="absolute inset-0 flex items-center justify-center svelte-1nnpss"><!></div></div>'), pt = k("<div><!> <!> <!></div>");
+const ht = {
+  hash: "svelte-1nnpss",
+  code: `
+    /* Striped animation */
+    @keyframes svelte-1nnpss-stripes {
+        0% {
+            background-position: 0 0;
+        }
+        100% {
+            background-position: 40px 0;
+        }
+    }.bg-stripes.svelte-1nnpss {background-image:linear-gradient(
+            45deg,
+            rgba(255, 255, 255, 0.15) 25%,
+            transparent 25%,
+            transparent 50%,
+            rgba(255, 255, 255, 0.15) 50%,
+            rgba(255, 255, 255, 0.15) 75%,
+            transparent 75%,
+            transparent
+        );background-size:40px 40px;
+        animation: svelte-1nnpss-stripes 1s linear infinite;}
+
+    /* Smooth transitions */.progress-bar.svelte-1nnpss {transition:width 0.3s ease-out;}.progress-circle.svelte-1nnpss {transition:stroke-dashoffset 0.3s ease-out;}
+
+    /* Focus styles for accessibility */[role="progressbar"].svelte-1nnpss:focus {outline:2px solid var(--color-primary-500);outline-offset:2px;}
+
+    /* Animation for completion */.progress-complete.svelte-1nnpss {
+        animation: svelte-1nnpss-progress-complete 0.5s ease-out;}
+
+    @keyframes svelte-1nnpss-progress-complete {
+        0% {
+            transform: scale(1);
+        }
+        50% {
+            transform: scale(1.05);
+        }
+        100% {
+            transform: scale(1);
+        }
+    }`
+};
+function Gt(K, t) {
+  he(t, !1), Te(K, ht);
+  const y = Z(), w = Z(), _ = Z(), m = Z(), T = Z();
+  let L = u(t, "value", 8, 0), F = u(t, "max", 8, 100), q = u(t, "size", 8, "md"), S = u(t, "variant", 8, "default"), z = u(t, "shape", 8, "linear"), E = u(t, "animated", 8, !0), I = u(t, "striped", 8, !1), d = u(t, "showValue", 8, !1), B = u(t, "label", 8, ""), M = u(t, "className", 8, "");
+  const Q = Pe();
+  let A = `progress-${Math.random().toString(36).substr(2, 9)}`;
+  const f = {
+    sm: { linear: "h-1", circular: "w-8 h-8", text: "text-xs" },
+    md: { linear: "h-2", circular: "w-12 h-12", text: "text-sm" },
+    lg: { linear: "h-3", circular: "w-16 h-16", text: "text-base" }
+  }, N = {
+    default: "bg-primary",
+    success: "bg-success",
+    warning: "bg-warning",
+    error: "bg-error",
+    info: "bg-info"
+  }, te = {
+    default: "bg-surface-tertiary",
+    success: "bg-success-surface",
+    warning: "bg-warning-surface",
+    error: "bg-error-surface",
+    info: "bg-info-surface"
+  };
+  ie(() => (C(L()), C(F())), () => {
+    H(y, Math.min(Math.max(L() / F() * 100, 0), 100));
+  }), ie(() => e(y), () => {
+    H(w, e(y) >= 100);
+  }), ie(
+    () => (e(w), C(L()), C(F())),
+    () => {
+      e(w) && Q("complete", { value: L(), max: F() });
+    }
+  ), ie(() => C(z()), () => {
+    H(_, z() === "circular" ? 2 * Math.PI * 20 : 0);
+  }), ie(() => e(_), () => {
+    H(m, e(_));
+  }), ie(() => (e(_), e(y)), () => {
+    H(T, e(_) - e(y) / 100 * e(_));
+  }), ze(), we();
+  var j = pt(), b = a(j);
+  {
+    var D = (x) => {
+      var p = mt(), c = a(p), s = a(c), n = i(c, 2);
+      {
+        var o = (v) => {
+          var Y = ut(), re = a(Y);
+          h((de) => V(re, `${de ?? ""}%`), [
+            () => (e(y), X(() => Math.round(e(y))))
+          ]), r(v, Y);
+        };
+        W(n, (v) => {
+          d() && v(o);
+        });
+      }
+      h(() => {
+        J(c, "for", A), V(s, B());
+      }), r(x, p);
+    };
+    W(b, (x) => {
+      B() && x(D);
+    });
+  }
+  var O = i(b, 2);
+  {
+    var $ = (x) => {
+      var p = gt(), c = a(p), s = a(c), n = i(c, 2);
+      {
+        var o = (v) => {
+          var Y = ft(), re = a(Y), de = a(re);
+          h((be) => V(de, `${be ?? ""}%`), [
+            () => (e(y), X(() => Math.round(e(y))))
+          ]), r(v, Y);
+        };
+        W(n, (v) => {
+          d() && q() === "lg" && v(o);
+        });
+      }
+      h(
+        (v) => {
+          P(
+            c,
+            1,
+            `
+                w-full rounded-full overflow-hidden
+                ${C(q()), X(() => f[q()].linear) ?? ""}
+                ${C(S()), X(() => te[S()]) ?? ""}
+            `,
+            "svelte-1nnpss"
+          ), J(s, "id", A), P(
+            s,
+            1,
+            `
+                        h-full rounded-full transition-all duration-300 ease-out
+                        ${C(S()), X(() => N[S()]) ?? ""}
+                        ${E() ? "animate-pulse" : ""}
+                        ${I() ? "bg-stripes" : ""}
+                    `,
+            "svelte-1nnpss"
+          ), ke(s, `width: ${e(y) ?? ""}%`), J(s, "aria-valuenow", L()), J(s, "aria-valuemax", F()), J(s, "aria-label", v);
+        },
+        [
+          () => (C(B()), e(y), X(() => B() || `Progress: ${Math.round(e(y))}%`))
+        ]
+      ), r(x, p);
+    }, ee = (x) => {
+      var p = ge(), c = ue(p);
+      {
+        var s = (n) => {
+          var o = bt(), v = a(o), Y = i(a(v)), re = i(v, 2), de = a(re);
+          {
+            var be = (le) => {
+              var xe = xt(), l = a(xe);
+              h(
+                (g) => {
+                  P(
+                    xe,
+                    1,
+                    `
+                        font-medium text-primary
+                        ${C(q()), X(() => f[q()].text) ?? ""}
+                    `,
+                    "svelte-1nnpss"
+                  ), V(l, `${g ?? ""}%`);
+                },
+                [
+                  () => (e(y), X(() => Math.round(e(y))))
+                ]
+              ), r(le, xe);
+            }, _e = (le) => {
+              var xe = ge(), l = ue(xe);
+              ne(l, t, "center", {}, null), r(le, xe);
+            };
+            W(de, (le) => {
+              d() ? le(be) : le(_e, !1);
+            });
+          }
+          h(
+            (le) => {
+              J(v, "id", A), P(
+                v,
+                0,
+                `transform -rotate-90 ${C(q()), X(() => f[q()].circular) ?? ""}`,
+                "svelte-1nnpss"
+              ), J(v, "aria-valuenow", L()), J(v, "aria-valuemax", F()), J(v, "aria-label", le), J(Y, "stroke-dasharray", e(m)), J(Y, "stroke-dashoffset", e(T)), P(
+                Y,
+                0,
+                `
+                        transition-all duration-300 ease-out
+                        ${C(S()), X(() => N[S()]) ?? ""}
+                        ${E() ? "animate-pulse" : ""}
+                    `,
+                "svelte-1nnpss"
+              );
+            },
+            [
+              () => (C(B()), e(y), X(() => B() || `Progress: ${Math.round(e(y))}%`))
+            ]
+          ), r(n, o);
+        };
+        W(
+          c,
+          (n) => {
+            z() === "circular" && n(s);
+          },
+          !0
+        );
+      }
+      r(x, p);
+    };
+    W(O, (x) => {
+      z() === "linear" ? x($) : x(ee, !1);
+    });
+  }
+  var U = i(O, 2);
+  ne(U, t, "default", {}, null), h(() => P(j, 1, `progress-container ${M() ?? ""}`, "svelte-1nnpss")), r(K, j), pe();
+}
+var yt = k('<div class="text-center"><div></div> <p class="text-xs text-tertiary"> </p></div>'), wt = k('<div class="text-center"><div></div> <p class="text-xs text-tertiary"> </p></div>'), _t = k('<div class="text-center"><div></div> <p class="text-xs text-tertiary"> </p></div>'), kt = k("<div></div>"), zt = k("<div></div>"), Ct = k("<div></div>"), jt = k('<div class="flex items-center space-x-4"><span class="text-tertiary text-sm w-12"> </span> <span> </span></div>'), Tt = k('<div class="flex items-center space-x-4"><span class="text-tertiary text-sm w-12"> </span> <span class="text-secondary text-sm w-20"> </span> <div></div></div>'), St = k('<div class="text-center space-y-2"><div></div> <p class="text-xs text-tertiary"> </p></div>'), Pt = k('<div class="text-center space-y-2"><div></div> <p class="text-xs text-tertiary"> </p></div>'), Et = k('<div class="text-center space-y-2"><div></div> <p class="text-xs text-tertiary"> </p></div>'), Lt = k('<div class="min-h-screen bg-primary p-8"><div class="max-w-6xl mx-auto space-y-8"><div class="flex justify-between items-center mb-8"><div><h1 class="text-4xl font-bold text-primary mb-2">Tailwind Scale Demo</h1> <p class="text-lg text-secondary">Comprehensive scales supporting light and dark modes</p></div> <!></div> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Color Scales</h2> <div class="space-y-3"><h3 class="text-xl font-medium text-primary">Primary Scale</h3> <div class="grid grid-cols-11 gap-2"></div></div> <div class="space-y-3"><h3 class="text-xl font-medium text-primary">Secondary Scale</h3> <div class="grid grid-cols-11 gap-2"></div></div> <div class="space-y-3"><h3 class="text-xl font-medium text-primary">Neutral Scale</h3> <div class="grid grid-cols-11 gap-2"></div></div> <div class="space-y-3"><h3 class="text-xl font-medium text-primary">Semantic Colors</h3> <div class="grid grid-cols-3 gap-4"><div class="space-y-2"><h4 class="text-sm font-medium text-primary">Success</h4> <div class="grid grid-cols-5 gap-1"></div></div> <div class="space-y-2"><h4 class="text-sm font-medium text-primary">Warning</h4> <div class="grid grid-cols-5 gap-1"></div></div> <div class="space-y-2"><h4 class="text-sm font-medium text-primary">Error</h4> <div class="grid grid-cols-5 gap-1"></div></div></div></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Background & Surface Colors</h2> <div class="grid grid-cols-2 gap-6"><div class="space-y-4"><h3 class="text-xl font-medium text-primary">Background Colors</h3> <div class="space-y-3"><div class="bg-primary p-4 rounded-lg border border-primary"><p class="text-inverse font-medium">Primary Background</p> <p class="text-inverse text-sm opacity-80">bg-primary</p></div> <div class="bg-secondary p-4 rounded-lg border border-primary"><p class="text-primary font-medium">Secondary Background</p> <p class="text-secondary text-sm">bg-secondary</p></div> <div class="bg-tertiary p-4 rounded-lg border border-primary"><p class="text-primary font-medium">Tertiary Background</p> <p class="text-secondary text-sm">bg-tertiary</p></div></div></div> <div class="space-y-4"><h3 class="text-xl font-medium text-primary">Surface Colors</h3> <div class="space-y-3"><div class="bg-surface-primary p-4 rounded-lg border border-primary shadow-adaptive-sm"><p class="text-primary font-medium">Primary Surface</p> <p class="text-secondary text-sm">bg-surface-primary</p></div> <div class="bg-surface-secondary p-4 rounded-lg border border-primary shadow-adaptive-sm"><p class="text-primary font-medium">Secondary Surface</p> <p class="text-secondary text-sm">bg-surface-secondary</p></div> <div class="bg-surface-elevated p-4 rounded-lg border border-primary shadow-adaptive-md"><p class="text-primary font-medium">Elevated Surface</p> <p class="text-secondary text-sm">bg-surface-elevated</p></div></div></div></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Typography Scale</h2> <div class="space-y-4"></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Spacing Scale</h2> <div class="space-y-4"></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Border Radius Scale</h2> <div class="grid grid-cols-2 md:grid-cols-4 gap-4"></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Shadow Scale</h2> <div class="grid grid-cols-2 md:grid-cols-4 gap-6"></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Animation Scale</h2> <div class="grid grid-cols-2 md:grid-cols-3 gap-4"></div></section> <section class="space-y-6"><h2 class="text-3xl font-semibold text-primary mb-4">Component Examples</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="space-y-4"><h3 class="text-xl font-medium text-primary">Cards</h3> <div class="space-y-3"><div class="card p-4"><h4 class="text-lg font-medium text-primary mb-2">Standard Card</h4> <p class="text-secondary">This is a standard card with adaptive styling.</p></div> <div class="card-elevated p-4"><h4 class="text-lg font-medium text-primary mb-2">Elevated Card</h4> <p class="text-secondary">This is an elevated card with more shadow.</p></div></div></div> <div class="space-y-4"><h3 class="text-xl font-medium text-primary">Buttons</h3> <div class="space-y-3"><button class="button-primary">Primary Button</button> <button class="button-secondary">Secondary Button</button> <div class="flex space-x-2"><button class="px-3 py-1 text-sm bg-success-500 hover:bg-success-600 text-white rounded-md transition-colors">Success</button> <button class="px-3 py-1 text-sm bg-warning-500 hover:bg-warning-600 text-white rounded-md transition-colors">Warning</button> <button class="px-3 py-1 text-sm bg-error-500 hover:bg-error-600 text-white rounded-md transition-colors">Error</button></div></div></div></div></section></div></div>');
+function Zt(K) {
+  var t = Lt(), y = a(t), w = a(y), _ = i(a(w), 2);
+  Ve(_, { size: "lg", variant: "outline" });
+  var m = i(w, 2), T = i(a(m), 2), L = i(a(T), 2);
+  ce(L, 4, () => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], ve, (p, c) => {
+    var s = yt(), n = a(s), o = i(n, 2), v = a(o);
+    h(() => {
+      P(n, 1, `w-16 h-16 rounded-lg bg-primary-${c ?? ""} border border-primary mb-2`), V(v, c);
+    }), r(p, s);
+  });
+  var F = i(T, 2), q = i(a(F), 2);
+  ce(q, 4, () => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], ve, (p, c) => {
+    var s = wt(), n = a(s), o = i(n, 2), v = a(o);
+    h(() => {
+      P(n, 1, `w-16 h-16 rounded-lg bg-secondary-${c ?? ""} border border-primary mb-2`), V(v, c);
+    }), r(p, s);
+  });
+  var S = i(F, 2), z = i(a(S), 2);
+  ce(z, 4, () => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], ve, (p, c) => {
+    var s = _t(), n = a(s), o = i(n, 2), v = a(o);
+    h(() => {
+      P(n, 1, `w-16 h-16 rounded-lg bg-neutral-${c ?? ""} border border-primary mb-2`), V(v, c);
+    }), r(p, s);
+  });
+  var E = i(S, 2), I = i(a(E), 2), d = a(I), B = i(a(d), 2);
+  ce(B, 4, () => [400, 500, 600, 700, 800], ve, (p, c) => {
+    var s = kt();
+    h(() => P(s, 1, `w-8 h-8 rounded bg-success-${c ?? ""} border border-primary`)), r(p, s);
+  });
+  var M = i(d, 2), Q = i(a(M), 2);
+  ce(Q, 4, () => [400, 500, 600, 700, 800], ve, (p, c) => {
+    var s = zt();
+    h(() => P(s, 1, `w-8 h-8 rounded bg-warning-${c ?? ""} border border-primary`)), r(p, s);
+  });
+  var A = i(M, 2), f = i(a(A), 2);
+  ce(f, 4, () => [400, 500, 600, 700, 800], ve, (p, c) => {
+    var s = Ct();
+    h(() => P(s, 1, `w-8 h-8 rounded bg-error-${c ?? ""} border border-primary`)), r(p, s);
+  });
+  var N = i(m, 4), te = i(a(N), 2);
+  ce(
+    te,
+    4,
+    () => [
+      { size: "2xs", text: "Extra Small Text", class: "text-2xs" },
+      { size: "xs", text: "Small Text", class: "text-xs" },
+      { size: "sm", text: "Small Medium Text", class: "text-sm" },
+      { size: "base", text: "Base Text", class: "text-base" },
+      { size: "lg", text: "Large Text", class: "text-lg" },
+      { size: "xl", text: "Extra Large Text", class: "text-xl" },
+      { size: "2xl", text: "2X Large Text", class: "text-2xl" },
+      { size: "3xl", text: "3X Large Text", class: "text-3xl" },
+      { size: "4xl", text: "4X Large Text", class: "text-4xl" },
+      { size: "5xl", text: "5X Large Text", class: "text-5xl" },
+      { size: "6xl", text: "6X Large Text", class: "text-6xl" }
+    ],
+    ve,
+    (p, c) => {
+      var s = jt(), n = a(s), o = a(n), v = i(n, 2), Y = a(v);
+      h(() => {
+        V(o, c.size), P(v, 1, `${c.class ?? ""} text-primary`), V(Y, c.text);
+      }), r(p, s);
+    }
+  );
+  var j = i(N, 2), b = i(a(j), 2);
+  ce(
+    b,
+    4,
+    () => [
+      { size: "1", value: "0.25rem", class: "w-1" },
+      { size: "2", value: "0.5rem", class: "w-2" },
+      { size: "4", value: "1rem", class: "w-4" },
+      { size: "8", value: "2rem", class: "w-8" },
+      { size: "16", value: "4rem", class: "w-16" },
+      { size: "32", value: "8rem", class: "w-32" },
+      { size: "64", value: "16rem", class: "w-64" },
+      { size: "128", value: "32rem", class: "w-128" },
+      { size: "256", value: "64rem", class: "w-256" }
+    ],
+    ve,
+    (p, c) => {
+      var s = Tt(), n = a(s), o = a(n), v = i(n, 2), Y = a(v), re = i(v, 2);
+      h(() => {
+        V(o, c.size), V(Y, c.value), P(re, 1, `${c.class ?? ""} h-4 bg-primary-500 rounded`);
+      }), r(p, s);
+    }
+  );
+  var D = i(j, 2), O = i(a(D), 2);
+  ce(
+    O,
+    4,
+    () => [
+      { size: "none", class: "rounded-none" },
+      { size: "sm", class: "rounded-sm" },
+      { size: "DEFAULT", class: "rounded" },
+      { size: "md", class: "rounded-md" },
+      { size: "lg", class: "rounded-lg" },
+      { size: "xl", class: "rounded-xl" },
+      { size: "2xl", class: "rounded-2xl" },
+      { size: "3xl", class: "rounded-3xl" },
+      { size: "full", class: "rounded-full" }
+    ],
+    ve,
+    (p, c) => {
+      var s = St(), n = a(s), o = i(n, 2), v = a(o);
+      h(() => {
+        P(n, 1, `w-16 h-16 bg-primary-500 ${c.class ?? ""} mx-auto`), V(v, c.size);
+      }), r(p, s);
+    }
+  );
+  var $ = i(D, 2), ee = i(a($), 2);
+  ce(
+    ee,
+    4,
+    () => [
+      { name: "xs", class: "shadow-xs" },
+      { name: "sm", class: "shadow-sm" },
+      { name: "DEFAULT", class: "shadow" },
+      { name: "md", class: "shadow-md" },
+      { name: "lg", class: "shadow-lg" },
+      { name: "xl", class: "shadow-xl" },
+      { name: "2xl", class: "shadow-2xl" },
+      { name: "Adaptive", class: "shadow-adaptive-lg" }
+    ],
+    ve,
+    (p, c) => {
+      var s = Pt(), n = a(s), o = i(n, 2), v = a(o);
+      h(() => {
+        P(n, 1, `w-20 h-20 bg-surface-primary border border-primary ${c.class ?? ""} mx-auto`), V(v, c.name);
+      }), r(p, s);
+    }
+  );
+  var U = i($, 2), x = i(a(U), 2);
+  ce(
+    x,
+    4,
+    () => [
+      { name: "Fade In", class: "animate-fade-in" },
+      { name: "Slide Up", class: "animate-slide-in-up" },
+      { name: "Slide Down", class: "animate-slide-in-down" },
+      { name: "Scale In", class: "animate-scale-in" },
+      { name: "Bounce", class: "animate-bounce-gentle" },
+      { name: "Pulse", class: "animate-pulse-slow" }
+    ],
+    ve,
+    (p, c) => {
+      var s = Et(), n = a(s), o = i(n, 2), v = a(o);
+      h(() => {
+        P(n, 1, `w-16 h-16 bg-primary-500 rounded-lg ${c.class ?? ""} mx-auto`), V(v, c.name);
+      }), r(p, s);
+    }
+  ), r(K, t);
+}
+var Bt = k("<div></div>");
+function Ut(K, t) {
+  let y = u(t, "width", 8, "100%"), w = u(t, "height", 8, "1rem"), _ = u(t, "borderRadius", 8, "0.5rem"), m = u(t, "className", 8, "");
+  var T = Bt();
+  h(() => {
+    P(T, 1, `animate-pulse bg-stone-800 ${m() ?? ""}`), ke(T, `width: ${y() ?? ""}; height: ${w() ?? ""}; border-radius: ${_() ?? ""};`);
+  }), r(K, T);
+}
+var Mt = k('<button type="button" class="inline-block svelte-13nzt82"><!></button>'), Dt = k('<div role="button" tabindex="0" class="inline-block svelte-13nzt82"><!></div>'), It = k("<div></div>"), At = k('<div role="tooltip"><div class="relative svelte-13nzt82"> <!></div></div>'), Nt = k("<!> <!>", 1);
+const Ft = {
+  hash: "svelte-13nzt82",
+  code: `
+    /* Ensure tooltip is above other elements */.tooltip-container {z-index:1000;}
+
+    /* Smooth transitions */.tooltip-enter.svelte-13nzt82 {
+        animation: svelte-13nzt82-tooltip-enter 0.2s ease-out;}.tooltip-exit.svelte-13nzt82 {
+        animation: svelte-13nzt82-tooltip-exit 0.15s ease-in;}
+
+    @keyframes svelte-13nzt82-tooltip-enter {
+        0% {
+            opacity: 0;
+            transform: scale(0.95);
+        }
+        100% {
+            opacity: 1;
+            transform: scale(1);
+        }
+    }
+
+    @keyframes svelte-13nzt82-tooltip-exit {
+        0% {
+            opacity: 1;
+            transform: scale(1);
+        }
+        100% {
+            opacity: 0;
+            transform: scale(0.95);
+        }
+    }
+
+    /* Arrow positioning */.tooltip-arrow.svelte-13nzt82 {position:absolute;width:0;height:0;}`
+};
+function Jt(K, t) {
+  he(t, !1), Te(K, Ft);
+  let y = u(t, "content", 8, ""), w = u(t, "placement", 8, "top"), _ = u(t, "trigger", 8, "hover"), m = u(t, "disabled", 8, !1), T = u(t, "delay", 8, 200), L = u(t, "maxWidth", 8, "200px"), F = u(t, "variant", 8, "default"), q = u(t, "size", 8, "md"), S = u(t, "arrow", 8, !0), z = u(t, "interactive", 8, !1), E = u(t, "className", 8, "");
+  const I = Pe();
+  let d = Z(), B = Z(), M = Z(!1), Q, A, f;
+  const N = {
+    sm: "px-2 py-1 text-xs",
+    md: "px-3 py-1.5 text-sm",
+    lg: "px-4 py-2 text-base"
+  }, te = {
+    default: "bg-surface-elevated text-primary border-primary shadow-adaptive-lg",
+    dark: "bg-surface text-inverse border-primary shadow-adaptive-lg",
+    light: "bg-surface text-primary border-primary shadow-adaptive-lg",
+    info: "bg-info text-inverse border-info shadow-adaptive-lg",
+    success: "bg-success text-inverse border-success shadow-adaptive-lg",
+    warning: "bg-warning text-inverse border-warning shadow-adaptive-lg",
+    error: "bg-error text-inverse border-error shadow-adaptive-lg"
+  };
+  function j() {
+    if (!e(B) || !e(d)) return { top: 0, left: 0 };
+    f = e(B).getBoundingClientRect();
+    const l = e(d).getBoundingClientRect(), g = window.scrollY, se = window.scrollX, fe = window.innerWidth, Ce = window.innerHeight;
+    let ae = 0, G = 0;
+    switch (w()) {
+      case "top":
+        ae = f.top + g - l.height - 8, G = f.left + se + (f.width - l.width) / 2;
+        break;
+      case "top-start":
+        ae = f.top + g - l.height - 8, G = f.left + se;
+        break;
+      case "top-end":
+        ae = f.top + g - l.height - 8, G = f.right + se - l.width;
+        break;
+      case "bottom":
+        ae = f.bottom + g + 8, G = f.left + se + (f.width - l.width) / 2;
+        break;
+      case "bottom-start":
+        ae = f.bottom + g + 8, G = f.left + se;
+        break;
+      case "bottom-end":
+        ae = f.bottom + g + 8, G = f.right + se - l.width;
+        break;
+      case "left":
+        ae = f.top + g + (f.height - l.height) / 2, G = f.left + se - l.width - 8;
+        break;
+      case "left-start":
+        ae = f.top + g, G = f.left + se - l.width - 8;
+        break;
+      case "left-end":
+        ae = f.bottom + g - l.height, G = f.left + se - l.width - 8;
+        break;
+      case "right":
+        ae = f.top + g + (f.height - l.height) / 2, G = f.right + se + 8;
+        break;
+      case "right-start":
+        ae = f.top + g, G = f.right + se + 8;
+        break;
+      case "right-end":
+        ae = f.bottom + g - l.height, G = f.right + se + 8;
+        break;
+    }
+    return G < 8 && (G = 8), G + l.width > fe - 8 && (G = fe - l.width - 8), ae < 8 && (ae = 8), ae + l.height > Ce + g - 8 && (ae = Ce + g - l.height - 8), { top: ae, left: G };
+  }
+  function b(l) {
+    m() || e(M) || (clearTimeout(A), Q = setTimeout(
+      () => {
+        H(M, !0), I("show", l), requestAnimationFrame(() => {
+          const g = j();
+          e(d) && (me(d, e(d).style.top = `${g.top}px`), me(d, e(d).style.left = `${g.left}px`));
+        });
+      },
+      T()
+    ));
+  }
+  function D(l) {
+    e(M) && (clearTimeout(Q), A = setTimeout(
+      () => {
+        H(M, !1), I("hide", l);
+      },
+      z() ? 300 : 0
+    ));
+  }
+  function O(l) {
+    _() === "click" && (e(M) ? D(l) : b(l));
+  }
+  function $(l) {
+    _() === "click" && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), e(M) ? D(l) : b(l));
+  }
+  function ee(l) {
+    _() === "focus" && b(l);
+  }
+  function U(l) {
+    _() === "focus" && D(l);
+  }
+  function x(l) {
+    _() === "hover" && b(l);
+  }
+  function p(l) {
+    _() === "hover" && D(l);
+  }
+  function c() {
+    z() && clearTimeout(A);
+  }
+  function s(l) {
+    z() && D(l);
+  }
+  function n() {
+    m() || H(M, !0);
+  }
+  function o() {
+    H(M, !1);
+  }
+  function v() {
+    e(M) ? o() : n();
+  }
+  Le(() => () => {
+    clearTimeout(Q), clearTimeout(A);
+  }), ie(() => (e(M), e(d)), () => {
+    e(M) && e(d) && requestAnimationFrame(() => {
+      const l = j();
+      me(d, e(d).style.top = `${l.top}px`), me(d, e(d).style.left = `${l.left}px`);
+    });
+  }), ze();
+  var Y = { show: n, hide: o, toggle: v };
+  we();
+  var re = Nt(), de = ue(re);
+  {
+    var be = (l) => {
+      var g = Mt(), se = a(g);
+      ne(se, t, "default", {}, null), je(g, (fe) => H(B, fe), () => e(B)), h(() => J(g, "aria-describedby", e(M) ? "tooltip-{content}" : void 0)), R("click", g, O), R("keydown", g, $), R("focus", g, ee), R("blur", g, U), R("mouseenter", g, x), R("mouseleave", g, p), r(l, g);
+    }, _e = (l) => {
+      var g = Dt(), se = a(g);
+      ne(se, t, "default", {}, null), je(g, (fe) => H(B, fe), () => e(B)), h(() => J(g, "aria-describedby", e(M) ? "tooltip-{content}" : void 0)), R("click", g, O), R("keydown", g, $), R("focus", g, ee), R("blur", g, U), R("mouseenter", g, x), R("mouseleave", g, p), r(l, g);
+    };
+    W(de, (l) => {
+      _() === "click" ? l(be) : l(_e, !1);
+    });
+  }
+  var le = i(de, 2);
+  {
+    var xe = (l) => {
+      var g = At(), se = a(g), fe = a(se), Ce = i(fe);
+      {
+        var ae = (G) => {
+          var Be = It();
+          h(
+            (Me, De, Ie, Ae, Ne) => P(
+              Be,
+              1,
+              `
+                    absolute w-2 h-2 transform rotate-45
+                    ${Me ?? ""}
+                    ${De ?? ""}
+                    ${Ie ?? ""}
+                    ${Ae ?? ""}
+                    ${Ne ?? ""}
+                `,
+              "svelte-13nzt82"
+            ),
+            [
+              () => (C(F()), X(() => te[F()].split(" ")[0])),
+              () => (C(w()), X(() => w().includes("top") ? "bottom-[-4px] left-1/2 -translate-x-1/2" : "")),
+              () => (C(w()), X(() => w().includes("bottom") ? "top-[-4px] left-1/2 -translate-x-1/2" : "")),
+              () => (C(w()), X(() => w().includes("left") ? "right-[-4px] top-1/2 -translate-y-1/2" : "")),
+              () => (C(w()), X(() => w().includes("right") ? "left-[-4px] top-1/2 -translate-y-1/2" : ""))
+            ]
+          ), r(G, Be);
+        };
+        W(Ce, (G) => {
+          S() && G(ae);
+        });
+      }
+      je(g, (G) => H(d, G), () => e(d)), h(() => {
+        J(g, "id", `tooltip-${y() ?? ""}`), P(
+          g,
+          1,
+          `
+            fixed z-tooltip
+            ${C(q()), X(() => N[q()]) ?? ""}
+            ${C(F()), X(() => te[F()]) ?? ""}
+            border rounded-lg shadow-adaptive-lg
+            ${E() ?? ""}
+        `,
+          "svelte-13nzt82"
+        ), ke(g, `max-width: ${L() ?? ""};`), V(fe, `${y() ?? ""} `);
+      }), R("mouseenter", g, c), R("mouseleave", g, s), qe(3, g, () => Re, () => ({
+        x: w().includes("left") ? -10 : w().includes("right") ? 10 : 0,
+        y: w().includes("top") ? -10 : w().includes("bottom") ? 10 : 0,
+        duration: 200
+      })), r(l, g);
+    };
+    W(le, (l) => {
+      e(M) && y() && l(xe);
+    });
+  }
+  return r(K, re), Ee(t, "show", n), Ee(t, "hide", o), Ee(t, "toggle", v), pe(Y);
+}
+export {
+  Wt as B,
+  Ht as C,
+  Ot as H,
+  Xt as O,
+  Yt as P,
+  Zt as S,
+  Jt as T,
+  Gt as a,
+  Ut as b
+};