zabi-components 1.0.3 → 1.0.5

package/dist/Toggle-DYKQFP4Y.js

@@ -0,0 +1,2277 @@
+import { a0 as wa, u as se, a1 as ka, a as sa, p as t, C as m, D as Ye, i as Ae, f as u, _ as za, c as w, s as la, e as q, g as r, h as Te, j as He, r as l, l as e, m as i, n as s, o as L, k as n, x as ca, w as ke, b as me, t as N, B as ce, M as ia, d as Ue, G as We, q as K, F as de, v as T, $ as oa, P as aa, y as da, z as Ca, I as Je, H as Qe, J as Ze, K as $e, L as ea, A as qa, a2 as ja, X as va, E as ta, a3 as ha, a4 as ma, a5 as ya, N as ua, O as fa, a6 as Ea, Y as xa, a7 as Ba, Z as La } from "./x-DpVwziig.js";
+import { createEventDispatcher as Xe, onMount as ba } from "svelte";
+function Na(M, a, c = a) {
+  wa(M, "change", (d) => {
+    var f = d ? M.defaultChecked : M.checked;
+    c(f);
+  }), // If we are hydrating and the value has since changed,
+  // then use the update value from the input instead.
+  // If defaultChecked is set, then checked == defaultChecked
+  se(a) == null && c(M.checked), ka(() => {
+    var d = a();
+    M.checked = !!d;
+  });
+}
+var Ta = ca('<svg class="animate-spin h-4 w-4 svelte-v0x5nl" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path></svg>'), Ha = u('<span class="h-4 w-4 flex items-center justify-center"> </span>'), Ma = u('<span class="h-4 w-4 flex items-center justify-center"> </span>'), Sa = u("<button><!> <!> <!> <!></button>");
+const Pa = {
+  hash: "svelte-v0x5nl",
+  code: `
+    /* Ensure proper focus styles for reduced motion users */
+    @media (prefers-reduced-motion: reduce) {button.svelte-v0x5nl {transition:none;}
+    }
+
+    /* Ensure proper contrast for disabled state */button.svelte-v0x5nl:disabled {opacity:0.6;}
+
+    /* Loading state animation */
+    @keyframes svelte-v0x5nl-spin {
+        from {
+            transform: rotate(0deg);
+        }
+        to {
+            transform: rotate(360deg);
+        }
+    }.animate-spin.svelte-v0x5nl {
+        animation: svelte-v0x5nl-spin 1s linear infinite;}`
+};
+function or(M, a) {
+  He(a, !1), sa(M, Pa);
+  const c = i(), d = i();
+  let f = t(a, "variant", 8, "primary"), F = t(a, "size", 8, "md"), v = t(a, "disabled", 8, !1), y = t(a, "loading", 8, !1), O = t(a, "type", 8, "button"), j = t(a, "className", 8, ""), V = t(a, "iconLeft", 8, null), W = t(a, "iconRight", 8, null), J = t(a, "ariaLabel", 8, ""), E = t(a, "ariaDescribedBy", 8, ""), S = t(a, "ariaExpanded", 8, void 0), Q = t(a, "ariaControls", 8, void 0), B = t(a, "ariaPressed", 8, void 0);
+  const g = Xe();
+  function k(X) {
+    var te;
+    if (v() || y()) {
+      X.preventDefault();
+      return;
+    }
+    g("click", { value: !0, event: ((te = X.detail) == null ? void 0 : te.event) || X });
+  }
+  function H(X) {
+    v() || y() || (X.key === "Enter" || X.key === " ") && (X.preventDefault(), g("click", { value: !0, event: X }));
+  }
+  const p = "inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-offset-2 relative overflow-hidden", Y = {
+    sm: "px-3 py-1.5 text-sm rounded-md",
+    md: "px-4 py-2 text-sm rounded-md",
+    lg: "px-5 py-3 text-base rounded-lg"
+  }, R = {
+    primary: [
+      "bg-[var(--zabi-primary)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-primary)]",
+      "hover:bg-[var(--zabi-primary-hover)] hover:border-[var(--zabi-primary-hover)]",
+      "active:bg-[var(--zabi-primary-active)] active:border-[var(--zabi-primary-active)]",
+      "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
+      "shadow-sm hover:shadow-md"
+    ].join(" "),
+    secondary: [
+      "bg-[var(--zabi-surface)] text-[var(--zabi-text)] border border-[var(--zabi-border)]",
+      "hover:bg-[var(--zabi-surface-hover)] hover:border-[var(--zabi-border-hover)]",
+      "active:bg-[var(--zabi-surface-active)] active:border-[var(--zabi-border-hover)]",
+      "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
+      "shadow-sm hover:shadow-md"
+    ].join(" "),
+    success: [
+      "bg-[var(--zabi-success)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-success)]",
+      "hover:bg-[var(--zabi-success-hover)] hover:border-[var(--zabi-success-hover)]",
+      "active:bg-[var(--zabi-success-active)] active:border-[var(--zabi-success-active)]",
+      "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
+      "shadow-sm hover:shadow-md"
+    ].join(" "),
+    warning: [
+      "bg-[var(--zabi-warning)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-warning)]",
+      "hover:bg-[var(--zabi-warning-hover)] hover:border-[var(--zabi-warning-hover)]",
+      "active:bg-[var(--zabi-warning-active)] active:border-[var(--zabi-warning-active)]",
+      "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
+      "shadow-sm hover:shadow-md"
+    ].join(" "),
+    danger: [
+      "bg-[var(--zabi-error)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-error)]",
+      "hover:bg-[var(--zabi-error-hover)] hover:border-[var(--zabi-error-hover)]",
+      "active:bg-[var(--zabi-error-active)] active:border-[var(--zabi-error-active)]",
+      "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
+      "shadow-sm hover:shadow-md"
+    ].join(" "),
+    info: [
+      "bg-[var(--zabi-info)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-info)]",
+      "hover:bg-[var(--zabi-info-hover)] hover:border-[var(--zabi-info-hover)]",
+      "active:bg-[var(--zabi-info-active)] active:border-[var(--zabi-info-active)]",
+      "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
+      "shadow-sm hover:shadow-md"
+    ].join(" ")
+  }, A = v() ? [
+    "bg-[var(--zabi-surface-disabled)] text-[var(--zabi-text-disabled)] border-[var(--zabi-border-disabled)]",
+    "hover:bg-[var(--zabi-surface-disabled)] hover:text-[var(--zabi-text-disabled)] hover:border-[var(--zabi-border-disabled)]",
+    "active:bg-[var(--zabi-surface-disabled)] active:text-[var(--zabi-text-disabled)] active:border-[var(--zabi-border-disabled)]",
+    "shadow-none"
+  ].join(" ") : "";
+  y(), m(
+    () => (l(F()), l(v()), l(f()), l(j())),
+    () => {
+      n(c, [
+        p,
+        Y[F()],
+        v() ? A : R[f()],
+        j()
+      ].filter(Boolean).join(" "));
+    }
+  ), m(
+    () => (l(y()), l(J()), l(E()), l(S()), l(Q()), l(B()), l(v())),
+    () => {
+      n(d, {
+        "aria-busy": y(),
+        "aria-label": J() || (y() ? "Loading..." : void 0),
+        "aria-describedby": E() || void 0,
+        "aria-expanded": S(),
+        "aria-controls": Q(),
+        "aria-pressed": B(),
+        "aria-disabled": v()
+      });
+    }
+  ), Ye(), Ae();
+  var ee = Sa();
+  za(
+    ee,
+    () => ({
+      type: O(),
+      class: e(c),
+      disabled: v() || y(),
+      ...e(d)
+    }),
+    void 0,
+    void 0,
+    "svelte-v0x5nl"
+  );
+  var le = s(ee);
+  {
+    var be = (X) => {
+      var te = Ta();
+      r(X, te);
+    };
+    w(le, (X) => {
+      y() && X(be);
+    });
+  }
+  var ve = L(le, 2);
+  {
+    var oe = (X) => {
+      var te = ke(), P = me(te);
+      {
+        var Z = (z) => {
+          var C = Ha(), U = s(C);
+          N(() => ce(U, V())), r(z, C);
+        }, D = (z) => {
+          var C = ke(), U = me(C);
+          ia(U, V, (pe, qe) => {
+            qe(pe, { class: "h-4 w-4" });
+          }), r(z, C);
+        };
+        w(P, (z) => {
+          typeof V() == "string" ? z(Z) : z(D, !1);
+        });
+      }
+      r(X, te);
+    };
+    w(ve, (X) => {
+      V() && !y() && X(oe);
+    });
+  }
+  var xe = L(ve, 2);
+  la(xe, a, "default", {}, null);
+  var ze = L(xe, 2);
+  {
+    var Ce = (X) => {
+      var te = ke(), P = me(te);
+      {
+        var Z = (z) => {
+          var C = Ma(), U = s(C);
+          N(() => ce(U, W())), r(z, C);
+        }, D = (z) => {
+          var C = ke(), U = me(C);
+          ia(U, W, (pe, qe) => {
+            qe(pe, { class: "h-4 w-4" });
+          }), r(z, C);
+        };
+        w(P, (z) => {
+          typeof W() == "string" ? z(Z) : z(D, !1);
+        });
+      }
+      r(X, te);
+    };
+    w(ze, (X) => {
+      W() && !y() && X(Ce);
+    });
+  }
+  q("click", ee, k), q("keydown", ee, H), r(M, ee), Te();
+}
+var Ia = ca('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" class="svelte-1wpeqgu"></path></svg>'), Oa = ca('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd" class="svelte-1wpeqgu"></path></svg>'), Da = u('<span class="text-error ml-1 svelte-1wpeqgu">*</span>'), Fa = u("<label> <!></label>"), Ra = u('<div class="flex items-center gap-1 svelte-1wpeqgu"><svg class="w-3 h-3 flex-shrink-0 svelte-1wpeqgu" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" class="svelte-1wpeqgu"></path></svg> <span class="svelte-1wpeqgu"> </span></div>'), Ka = u('<span class="svelte-1wpeqgu"> </span>'), Wa = u("<div><!></div>"), Aa = u('<div><div class="relative svelte-1wpeqgu"><input type="checkbox" class="sr-only svelte-1wpeqgu"/> <div><!></div> <div></div></div> <div class="flex-1 min-w-0 svelte-1wpeqgu"><!> <!></div></div>');
+const Xa = {
+  hash: "svelte-1wpeqgu",
+  code: `
+    /* Custom focus styles for better accessibility */.checkbox-focus-visible {outline:2px solid var(--color-plasma-red-500);outline-offset:2px;}
+
+    /* Smooth transitions for all interactive elements */.checkbox-input.svelte-1wpeqgu {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
+
+    /* Hover effects */.checkbox-container.svelte-1wpeqgu:hover .checkbox-visual:where(.svelte-1wpeqgu) {transform:scale(1.05);}.checkbox-container.svelte-1wpeqgu:active .checkbox-visual:where(.svelte-1wpeqgu) {transform:scale(0.95);}
+
+    /* Check animation */.checkbox-check.svelte-1wpeqgu {
+        animation: svelte-1wpeqgu-checkbox-check 0.2s ease-out;}
+
+    @keyframes svelte-1wpeqgu-checkbox-check {
+        0% {
+            opacity: 0;
+            transform: scale(0.8);
+        }
+        100% {
+            opacity: 1;
+            transform: scale(1);
+        }
+    }
+
+    /* Indeterminate animation */.checkbox-indeterminate.svelte-1wpeqgu {
+        animation: svelte-1wpeqgu-checkbox-indeterminate 0.2s ease-out;}
+
+    @keyframes svelte-1wpeqgu-checkbox-indeterminate {
+        0% {
+            opacity: 0;
+            transform: scaleX(0);
+        }
+        100% {
+            opacity: 1;
+            transform: scaleX(1);
+        }
+    }
+
+    /* Focus ring animation */.checkbox-focus-ring.svelte-1wpeqgu {
+        animation: svelte-1wpeqgu-checkbox-focus-ring 0.2s ease-out;}
+
+    @keyframes svelte-1wpeqgu-checkbox-focus-ring {
+        0% {
+            transform: scale(0.95);
+            opacity: 0;
+        }
+        100% {
+            transform: scale(1);
+            opacity: 1;
+        }
+    }
+
+    /* Disabled state styling */.checkbox-disabled.svelte-1wpeqgu {opacity:0.5;cursor:not-allowed;}.checkbox-disabled.svelte-1wpeqgu:hover {transform:none;}
+
+    /* Required indicator styling */.checkbox-required.svelte-1wpeqgu {color:var(--color-blood-red-500);}`
+};
+function ir(M, a) {
+  He(a, !1), sa(M, Xa);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i();
+  let J = t(a, "checked", 12, !1), E = t(a, "disabled", 8, !1), S = t(a, "required", 8, !1), Q = t(a, "label", 8, ""), B = t(a, "helpText", 8, ""), g = t(a, "error", 8, ""), k = t(a, "size", 8, "md"), H = t(a, "variant", 8, "default"), p = t(a, "indeterminate", 8, !1), Y = t(a, "name", 8, void 0), R = t(a, "id", 8, void 0), A = t(a, "value", 8, void 0), ee = t(a, "className", 8, "");
+  const le = Xe();
+  let be = i(), ve = i(!1);
+  function oe(b) {
+    const $ = b.target;
+    J($.checked), le("change", { checked: J() });
+  }
+  function xe(b) {
+    n(ve, !0), le("focus", { event: b });
+  }
+  function ze(b) {
+    n(ve, !1), le("blur", { event: b });
+  }
+  function Ce() {
+    var b;
+    (b = e(be)) == null || b.focus();
+  }
+  function X() {
+    var b;
+    (b = e(be)) == null || b.blur();
+  }
+  m(() => l(R()), () => {
+    n(c, R() || `checkbox-${Math.random().toString(36).substr(2, 9)}`);
+  }), m(() => {
+  }, () => {
+    n(d, { sm: "w-4 h-4", md: "w-5 h-5", lg: "w-6 h-6" });
+  }), m(() => {
+  }, () => {
+    n(f, {
+      default: "bg-surface border border-primary text-primary focus:ring-primary focus:border-transparent",
+      outlined: "bg-surface-secondary border border-primary text-primary focus:ring-primary focus:border-transparent",
+      filled: "bg-surface-secondary border border-primary text-primary focus:ring-primary focus:border-transparent"
+    });
+  }), m(() => l(g()), () => {
+    n(F, g() ? "focus:ring-error border-error" : "");
+  }), m(() => l(ee()), () => {
+    n(v, [
+      "relative",
+      "flex",
+      "items-start",
+      "gap-3",
+      "group",
+      "transition-all",
+      "duration-200",
+      "ease-in-out",
+      ee()
+    ].join(" "));
+  }), m(
+    () => (e(d), l(k()), e(f), l(H()), e(F), l(g())),
+    () => {
+      n(y, [
+        "flex-shrink-0",
+        "rounded",
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-2",
+        "focus:ring-offset-dark-900",
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        "cursor-pointer",
+        e(d)[k()],
+        e(f)[H()],
+        e(F),
+        g() ? "grainy-red" : "grainy-texture"
+      ].join(" "));
+    }
+  ), m(() => (l(g()), l(E())), () => {
+    n(O, [
+      "text-sm",
+      "font-medium",
+      "cursor-pointer",
+      "select-none",
+      "transition-colors",
+      "duration-200",
+      g() ? "text-error" : "text-primary",
+      E() ? "opacity-50 cursor-not-allowed" : ""
+    ].join(" "));
+  }), m(() => l(g()), () => {
+    n(j, ["text-xs", "mt-1", g() ? "text-error" : "text-tertiary"].join(" "));
+  }), m(() => {
+  }, () => {
+    n(V, [
+      "w-full",
+      "h-full",
+      "text-current",
+      "transition-all",
+      "duration-200",
+      "ease-in-out"
+    ].join(" "));
+  }), m(() => {
+  }, () => {
+    n(W, [
+      "w-full",
+      "h-full",
+      "text-current",
+      "transition-all",
+      "duration-200",
+      "ease-in-out"
+    ].join(" "));
+  }), Ye();
+  var te = { focus: Ce, blur: X };
+  Ae();
+  var P = Aa(), Z = s(P), D = s(Z);
+  Ue(D, (b) => n(be, b), () => e(be));
+  var z, C = L(D, 2), U = s(C);
+  {
+    var pe = (b) => {
+      var $ = Ia();
+      N(() => K($, 0, de(e(V)), "svelte-1wpeqgu")), r(b, $);
+    }, qe = (b) => {
+      var $ = ke(), Ee = me($);
+      {
+        var _e = (ue) => {
+          var ie = Oa();
+          N(() => K(ie, 0, de(e(W)), "svelte-1wpeqgu")), r(ue, ie);
+        };
+        w(
+          Ee,
+          (ue) => {
+            p() && ue(_e);
+          },
+          !0
+        );
+      }
+      r(b, $);
+    };
+    w(U, (b) => {
+      J() && !p() ? b(pe) : b(qe, !1);
+    });
+  }
+  var Se = L(C, 2), Pe = L(Z, 2), ae = s(Pe);
+  {
+    var ge = (b) => {
+      var $ = Fa(), Ee = s($), _e = L(Ee);
+      {
+        var ue = (ie) => {
+          var Le = Da();
+          r(ie, Le);
+        };
+        w(_e, (ie) => {
+          S() && ie(ue);
+        });
+      }
+      N(() => {
+        T($, "for", e(c)), K($, 1, de(e(O)), "svelte-1wpeqgu"), ce(Ee, `${Q() ?? ""} `);
+      }), r(b, $);
+    };
+    w(ae, (b) => {
+      Q() && b(ge);
+    });
+  }
+  var he = L(ae, 2);
+  {
+    var je = (b) => {
+      var $ = Wa(), Ee = s($);
+      {
+        var _e = (ie) => {
+          var Le = Ra(), fe = L(s(Le), 2), h = s(fe);
+          N(() => ce(h, g())), r(ie, Le);
+        }, ue = (ie) => {
+          var Le = ke(), fe = me(Le);
+          {
+            var h = (Ie) => {
+              var Ke = Ka(), Ge = s(Ke);
+              N(() => ce(Ge, B())), r(Ie, Ke);
+            };
+            w(
+              fe,
+              (Ie) => {
+                B() && Ie(h);
+              },
+              !0
+            );
+          }
+          r(ie, Le);
+        };
+        w(Ee, (ie) => {
+          g() ? ie(_e) : ie(ue, !1);
+        });
+      }
+      N(() => {
+        T($, "id", `${e(c) ?? ""}-help`), K($, 1, de(e(j)), "svelte-1wpeqgu");
+      }), r(b, $);
+    };
+    w(he, (b) => {
+      (g() || B()) && b(je);
+    });
+  }
+  return N(() => {
+    K(P, 1, de(e(v)), "svelte-1wpeqgu"), T(D, "id", e(c)), D.disabled = E(), D.required = S(), T(D, "name", Y()), T(D, "aria-invalid", g() ? "true" : "false"), T(D, "aria-describedby", g() || B() ? `${e(c)}-help` : void 0), z !== (z = A()) && (D.value = (D.__value = A()) ?? ""), K(C, 1, de(e(y)), "svelte-1wpeqgu"), K(Se, 1, `absolute inset-0 rounded pointer-events-none transition-all duration-200 ${e(ve) ? "ring-2 ring-primary" : ""}`, "svelte-1wpeqgu");
+  }), Na(D, J), q("change", D, oe), q("focus", D, xe), q("blur", D, ze), r(M, P), We(a, "focus", Ce), We(a, "blur", X), Te(te);
+}
+var Ga = u('<div role="menu" aria-orientation="vertical"><div class="max-h-full overflow-y-auto"><!></div></div>'), Va = u("<div><!></div> <!>", 1);
+function Ya(M, a) {
+  He(a, !1);
+  let c = t(a, "isOpen", 8, !1), d = t(a, "placement", 8, "bottom-start"), f = t(a, "offset", 8, 8), F = t(a, "maxHeight", 8, "20rem"), v = t(a, "width", 8, "auto"), y = t(a, "zIndex", 8, 50);
+  const O = Xe();
+  let j = i(), V = i(), W;
+  function J() {
+    var be, ve, oe, xe, ze, Ce, X, te;
+    if (!e(V)) return { top: 0, left: 0 };
+    W = e(V).getBoundingClientRect();
+    const p = window.scrollY, Y = window.scrollX;
+    let R = W.bottom + p + f(), A = W.left + Y;
+    switch (d()) {
+      case "bottom-end":
+        A = W.right + Y - (((be = e(j)) == null ? void 0 : be.offsetWidth) || 0);
+        break;
+      case "top-start":
+        R = W.top + p - (((ve = e(j)) == null ? void 0 : ve.offsetHeight) || 0) - f();
+        break;
+      case "top-end":
+        R = W.top + p - (((oe = e(j)) == null ? void 0 : oe.offsetHeight) || 0) - f(), A = W.right + Y - (((xe = e(j)) == null ? void 0 : xe.offsetWidth) || 0);
+        break;
+    }
+    const ee = window.innerWidth, le = window.innerHeight;
+    return A < 0 && (A = 8), A + (((ze = e(j)) == null ? void 0 : ze.offsetWidth) || 0) > ee && (A = ee - (((Ce = e(j)) == null ? void 0 : Ce.offsetWidth) || 0) - 8), R < 0 && (R = 8), R + (((X = e(j)) == null ? void 0 : X.offsetHeight) || 0) > le + p && (R = le + p - (((te = e(j)) == null ? void 0 : te.offsetHeight) || 0) - 8), { top: R, left: A };
+  }
+  function E(p) {
+    c() && e(j) && !e(j).contains(p.target) && e(V) && !e(V).contains(p.target) && O("close");
+  }
+  function S(p) {
+    p.key === "Escape" && c() && O("close");
+  }
+  ba(() => (document.addEventListener("click", E), document.addEventListener("keydown", S), () => {
+    document.removeEventListener("click", E), document.removeEventListener("keydown", S);
+  })), m(
+    () => (l(c()), e(V), e(j)),
+    () => {
+      c() && e(V) && requestAnimationFrame(() => {
+        const p = J();
+        e(j) && (oa(j, e(j).style.top = `${p.top}px`), oa(j, e(j).style.left = `${p.left}px`));
+      });
+    }
+  ), Ye(), Ae();
+  var Q = Va(), B = me(Q), g = s(B);
+  la(g, a, "trigger", {}, null), Ue(B, (p) => n(V, p), () => e(V));
+  var k = L(B, 2);
+  {
+    var H = (p) => {
+      var Y = Ga(), R = s(Y), A = s(R);
+      la(A, a, "default", {}, null), Ue(Y, (ee) => n(j, ee), () => e(j)), N(() => {
+        K(Y, 1, `fixed z-${y() ?? ""} bg-stone-800 border border-stone-700 rounded-lg shadow-xl`), aa(Y, `max-height: ${F() ?? ""}; width: ${v() ?? ""};`);
+      }), da(3, Y, () => Ca, () => ({ y: -10, duration: 200 })), r(p, Y);
+    };
+    w(k, (p) => {
+      c() && p(H);
+    });
+  }
+  r(M, Q), Te();
+}
+function pa(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [["path", { d: "M20 6 9 17l-5-5" }]];
+  Je(M, Qe(
+    { name: "check" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+function Ua(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [["path", { d: "m6 9 6 6 6-6" }]];
+  Je(M, Qe(
+    { name: "chevron-down" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+function Ja(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    [
+      "path",
+      {
+        d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"
+      }
+    ],
+    ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }],
+    [
+      "path",
+      {
+        d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"
+      }
+    ],
+    ["path", { d: "m2 2 20 20" }]
+  ];
+  Je(M, Qe(
+    { name: "eye-off" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+function Qa(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    [
+      "path",
+      {
+        d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
+      }
+    ],
+    ["circle", { cx: "12", cy: "12", r: "3" }]
+  ];
+  Je(M, Qe(
+    { name: "eye" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+function Za(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    ["path", { d: "M21 5H3" }],
+    ["path", { d: "M17 12H7" }],
+    ["path", { d: "M19 19H5" }]
+  ];
+  Je(M, Qe(
+    { name: "text-align-center" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+function $a(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    ["path", { d: "M21 5H3" }],
+    ["path", { d: "M21 12H9" }],
+    ["path", { d: "M21 19H7" }]
+  ];
+  Je(M, Qe(
+    { name: "text-align-end" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+function et(M, a) {
+  He(a, !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 c = ea(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    ["path", { d: "M21 5H3" }],
+    ["path", { d: "M15 12H3" }],
+    ["path", { d: "M17 19H3" }]
+  ];
+  Je(M, Qe(
+    { name: "text-align-start" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ke(), y = me(v);
+        Ze(y, () => a.children ?? $e), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), Te();
+}
+var at = u('<div role="dialog" aria-modal="true" aria-labelledby="slideup-title" tabindex="-1"></div>'), tt = u('<div class="flex items-center justify-between p-4 border-b border-stone-700"><h3 id="slideup-title" class="text-lg font-semibold text-white"> </h3> <button type="button" class="p-2 text-gray-400 hover:text-white transition-colors duration-200" aria-label="Close"><!></button></div>'), rt = u('<div role="dialog" aria-modal="true" aria-labelledby="slideup-title"><!> <div class="max-h-full overflow-y-auto"><!></div></div>'), nt = u("<!> <!>", 1);
+function st(M, a) {
+  He(a, !1);
+  let c = t(a, "isOpen", 8, !1), d = t(a, "title", 8, ""), f = t(a, "maxHeight", 8, "80vh"), F = t(a, "zIndex", 8, 50);
+  const v = Xe();
+  let y = i(), O = i();
+  function j(g) {
+    c() && e(O) && g.target === e(O) && v("close");
+  }
+  function V(g) {
+    g.key === "Escape" && c() && v("close");
+  }
+  function W(g) {
+    typeof document < "u" && (g ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
+  }
+  ba(() => (typeof document < "u" && document.addEventListener("keydown", V), () => {
+    typeof document < "u" && (document.removeEventListener("keydown", V), document.body.style.overflow = "");
+  })), m(() => l(c()), () => {
+    typeof document < "u" && W(c());
+  }), Ye(), Ae();
+  var J = nt(), E = me(J);
+  {
+    var S = (g) => {
+      var k = at();
+      Ue(k, (H) => n(O, H), () => e(O)), N(() => K(k, 1, `fixed inset-0 z-${F() ?? ""} bg-black/50`)), q("click", k, j), q("keydown", k, (H) => H.key === "Escape" && j(H)), da(3, k, () => qa, () => ({ duration: 200 })), r(g, k);
+    };
+    w(E, (g) => {
+      c() && g(S);
+    });
+  }
+  var Q = L(E, 2);
+  {
+    var B = (g) => {
+      var k = rt(), H = s(k);
+      {
+        var p = (A) => {
+          var ee = tt(), le = s(ee), be = s(le), ve = L(le, 2), oe = s(ve);
+          va(oe, { size: 20 }), N(() => ce(be, d())), q("click", ve, () => v("close")), r(A, ee);
+        };
+        w(H, (A) => {
+          d() && A(p);
+        });
+      }
+      var Y = L(H, 2), R = s(Y);
+      la(R, a, "default", {}, null), Ue(k, (A) => n(y, A), () => e(y)), N(() => {
+        K(k, 1, `fixed bottom-0 left-0 right-0 z-${F() + 1} bg-stone-800 border-t border-stone-700 rounded-t-xl shadow-2xl`), aa(k, `max-height: ${f() ?? ""};`);
+      }), da(3, k, () => ja, () => ({ axis: "y", duration: 300 })), r(g, k);
+    };
+    w(Q, (g) => {
+      c() && g(B);
+    });
+  }
+  r(M, J), Te();
+}
+var lt = u('<span class="text-blood-red-500 ml-1">*</span>'), ot = u("<label> <!></label>"), it = u('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), dt = u('<button type="button"><div></div> <!></button>'), ct = u('<div class="space-y-2"><div class="grid grid-cols-11 gap-3 p-1 bg-stone-800 rounded-lg border border-stone-700"></div></div>'), vt = u('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), ut = u('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), ft = u('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0 bg-stone-700"></div> <span class="text-gray-400">Select a color</span>', 1), bt = u('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div>'), gt = u('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), ht = u('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0 bg-stone-700"></div> <span class="text-gray-400">Select a color</span>', 1), mt = u('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), xt = u('<button type="button"><div></div> <!></button>'), pt = u('<div class="space-y-2"><div class="grid grid-cols-8 gap-3 p-1 bg-stone-800 rounded-lg border border-stone-700"></div></div>'), yt = u('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), _t = u('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div> <!>', 1), wt = u('<div class="text-center py-6 text-stone-500 text-sm">No colors available</div>'), kt = u('<div class="space-y-3"><!> <!> <!> <!></div>');
+function dr(M, a) {
+  He(a, !1);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i();
+  let O = t(a, "value", 12, ""), j = t(a, "label", 8, ""), V = t(a, "required", 8, !1), W = t(a, "disabled", 8, !1), J = t(a, "size", 8, "md"), E = t(a, "variant", 8, "outlined"), S = t(a, "colors", 24, () => [
+    // Default color palette - can be customized by parent
+    { label: "Red", value: "#ef4444", family: "Basic" },
+    { label: "Blue", value: "#3b82f6", family: "Basic" },
+    { label: "Green", value: "#10b981", family: "Basic" },
+    { label: "Yellow", value: "#f59e0b", family: "Basic" },
+    { label: "Purple", value: "#8b5cf6", family: "Basic" },
+    { label: "Pink", value: "#ec4899", family: "Basic" },
+    { label: "Indigo", value: "#6366f1", family: "Basic" },
+    { label: "Gray", value: "#6b7280", family: "Basic" },
+    { label: "Black", value: "#000000", family: "Basic" },
+    { label: "White", value: "#ffffff", family: "Basic" }
+  ]), Q = i(!1), B = i(!1), g = i(!1);
+  const k = Xe(), H = `color-picker-${Math.random().toString(36).substr(2, 9)}`;
+  ba(() => {
+    n(g, window.innerWidth < 768);
+    const P = () => {
+      n(g, window.innerWidth < 768);
+    };
+    return window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
+  });
+  function p(P) {
+    W() || (O(P.value), n(
+      Q,
+      !1
+      // Collapse after selection
+    ), k("change", { value: P.value }));
+  }
+  function Y() {
+    W() || n(Q, !e(Q));
+  }
+  function R() {
+    n(B, !0);
+  }
+  function A() {
+    n(B, !1);
+  }
+  function ee() {
+    n(Q, !1);
+  }
+  m(() => {
+  }, () => {
+    n(c, {
+      sm: "px-3 py-1.5 text-sm",
+      md: "px-4 py-2.5 text-base",
+      lg: "px-5 py-3 text-lg"
+    });
+  }), m(() => {
+  }, () => {
+    n(d, {
+      default: "bg-dark-700 border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20",
+      outlined: "bg-dark-600 border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20",
+      filled: "bg-dark-600 border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20",
+      ghost: "bg-transparent border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20"
+    });
+  }), m(() => {
+  }, () => {
+    n(f, [
+      "block",
+      "text-sm",
+      "font-medium",
+      "mb-2",
+      "transition-colors",
+      "duration-200",
+      "text-gray-300"
+    ].join(" "));
+  }), m(
+    () => (e(c), l(J()), e(d), l(E())),
+    () => {
+      n(F, [
+        "w-full",
+        "min-w-40 sm:min-w-48 md:min-w-56 lg:min-w-64",
+        "rounded-lg",
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-2",
+        "focus:ring-offset-dark-900",
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        e(c)[J()],
+        e(d)[E()],
+        "grainy-texture"
+      ].join(" "));
+    }
+  ), m(() => (l(S()), l(O())), () => {
+    n(v, S().find((P) => P.value === O()));
+  }), m(() => l(S()), () => {
+    n(y, S().reduce(
+      (P, Z) => {
+        const D = Z.family || "Other";
+        return P[D] || (P[D] = []), P[D].push(Z), P;
+      },
+      {}
+    ));
+  }), Ye(), Ae();
+  var le = kt(), be = s(le);
+  {
+    var ve = (P) => {
+      var Z = ot(), D = s(Z), z = L(D);
+      {
+        var C = (U) => {
+          var pe = lt();
+          r(U, pe);
+        };
+        w(z, (U) => {
+          V() && U(C);
+        });
+      }
+      N(() => {
+        T(Z, "for", H), K(Z, 1, de(e(f))), ce(D, `${j() ?? ""} `);
+      }), r(P, Z);
+    };
+    w(be, (P) => {
+      j() && P(ve);
+    });
+  }
+  var oe = L(be, 2);
+  {
+    var xe = (P) => {
+      Ya(P, {
+        placement: "bottom-start",
+        width: "auto",
+        maxHeight: "20rem",
+        get isOpen() {
+          return e(Q);
+        },
+        set isOpen(Z) {
+          n(Q, Z);
+        },
+        $$events: { close: ee },
+        children: (Z, D) => {
+          var z = vt(), C = s(z);
+          ta(
+            C,
+            5,
+            () => (e(y), se(() => Object.entries(e(y)))),
+            ([U, pe]) => U,
+            (U, pe) => {
+              var qe = ha(() => ma(e(pe), 2));
+              let Se = () => e(qe)[1];
+              var Pe = ct(), ae = s(Pe);
+              ta(ae, 5, Se, (ge) => ge.value, (ge, he) => {
+                var je = dt(), b = s(je), $ = L(b, 2);
+                {
+                  var Ee = (_e) => {
+                    var ue = it(), ie = s(ue);
+                    pa(ie, { size: 8, class: "text-stone-900" }), r(_e, ue);
+                  };
+                  w($, (_e) => {
+                    l(O()), e(he), se(() => O() === e(he).value) && _e(Ee);
+                  });
+                }
+                N(() => {
+                  K(je, 1, `group relative flex flex-col items-center rounded-lg transition-all duration-200 hover:bg-stone-700 focus:outline-none focus:ring-2 focus:ring-cyber-amber-500 focus:ring-opacity-50 ${l(O()), e(he), se(() => O() === e(he).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${W() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), je.disabled = W(), K(b, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${l(O()), e(he), se(() => O() === e(he).value ? "border-cyber-amber-500" : "") ?? ""}`), aa(b, `background-color: ${e(he), se(() => e(he).value) ?? ""}`);
+                }), q("click", je, () => p(e(he))), q("keydown", je, (_e) => _e.key === "Enter" && p(e(he))), r(ge, je);
+              }), r(U, Pe);
+            }
+          ), r(Z, z);
+        },
+        $$slots: {
+          default: !0,
+          trigger: (Z, D) => {
+            var z = bt(), C = s(z), U = s(C), pe = s(U);
+            {
+              var qe = (ae) => {
+                var ge = ut();
+                N(() => aa(ge, `background-color: ${e(v), se(() => e(v).value) ?? ""}`)), r(ae, ge);
+              }, Se = (ae) => {
+                var ge = ft();
+                r(ae, ge);
+              };
+              w(pe, (ae) => {
+                e(v) ? ae(qe) : ae(Se, !1);
+              });
+            }
+            var Pe = L(C, 2);
+            N(() => {
+              K(C, 1, de(e(F))), C.disabled = W(), K(Pe, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(B) ? "ring-2 ring-plasma-red-500/20" : ""}`);
+            }), q("click", C, Y), q("focus", C, R), q("blur", C, A), r(Z, z);
+          }
+        },
+        $$legacy: !0
+      });
+    };
+    w(oe, (P) => {
+      e(g) || P(xe);
+    });
+  }
+  var ze = L(oe, 2);
+  {
+    var Ce = (P) => {
+      var Z = _t(), D = me(Z), z = s(D), C = s(z), U = s(C);
+      {
+        var pe = (ae) => {
+          var ge = gt();
+          N(() => aa(ge, `background-color: ${e(v), se(() => e(v).value) ?? ""}`)), r(ae, ge);
+        }, qe = (ae) => {
+          var ge = ht();
+          r(ae, ge);
+        };
+        w(U, (ae) => {
+          e(v) ? ae(pe) : ae(qe, !1);
+        });
+      }
+      var Se = L(z, 2), Pe = L(D, 2);
+      st(Pe, {
+        title: "Select Color",
+        maxHeight: "80vh",
+        get isOpen() {
+          return e(Q);
+        },
+        set isOpen(ae) {
+          n(Q, ae);
+        },
+        $$events: { close: ee },
+        children: (ae, ge) => {
+          var he = yt(), je = s(he);
+          ta(
+            je,
+            5,
+            () => (e(y), se(() => Object.entries(e(y)))),
+            ([b, $]) => b,
+            (b, $) => {
+              var Ee = ha(() => ma(e($), 2));
+              let _e = () => e(Ee)[1];
+              var ue = pt(), ie = s(ue);
+              ta(ie, 5, _e, (Le) => Le.value, (Le, fe) => {
+                var h = xt(), Ie = s(h), Ke = L(Ie, 2);
+                {
+                  var Ge = (x) => {
+                    var o = mt(), G = s(o);
+                    pa(G, { size: 8, class: "text-stone-900" }), r(x, o);
+                  };
+                  w(Ke, (x) => {
+                    l(O()), e(fe), se(() => O() === e(fe).value) && x(Ge);
+                  });
+                }
+                N(() => {
+                  K(h, 1, `group relative flex flex-col items-center rounded-lg transition-all duration-200 hover:bg-stone-700 focus:outline-none focus:ring-2 focus:ring-cyber-amber-500 focus:ring-opacity-50 ${l(O()), e(fe), se(() => O() === e(fe).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${W() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), h.disabled = W(), K(Ie, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${l(O()), e(fe), se(() => O() === e(fe).value ? "border-cyber-amber-500" : "") ?? ""}`), aa(Ie, `background-color: ${e(fe), se(() => e(fe).value) ?? ""}`);
+                }), q("click", h, () => p(e(fe))), q("keydown", h, (x) => x.key === "Enter" && p(e(fe))), r(Le, h);
+              }), r(b, ue);
+            }
+          ), r(ae, he);
+        },
+        $$slots: { default: !0 },
+        $$legacy: !0
+      }), N(() => {
+        K(z, 1, de(e(F))), z.disabled = W(), K(Se, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(B) ? "ring-2 ring-plasma-red-500/20" : ""}`);
+      }), q("click", z, Y), q("focus", z, R), q("blur", z, A), r(P, Z);
+    };
+    w(ze, (P) => {
+      e(g) && P(Ce);
+    });
+  }
+  var X = L(ze, 2);
+  {
+    var te = (P) => {
+      var Z = wt();
+      r(P, Z);
+    };
+    w(X, (P) => {
+      l(S()), se(() => !S() || S().length === 0) && P(te);
+    });
+  }
+  r(M, le), Te();
+}
+var zt = u('<span class="text-error ml-1 svelte-7hu4vd" aria-label="required">*</span>'), Ct = u("<label> <!></label>"), qt = u('<button type="button" aria-label="Clear input"><!></button>'), jt = u('<button type="button"><!></button>'), Et = u('<div class="flex items-center gap-1 svelte-7hu4vd"><!> <span class="svelte-7hu4vd"> </span></div>'), Bt = u('<div class="flex items-center gap-1 svelte-7hu4vd"><!> <span class="svelte-7hu4vd"> </span></div>'), Lt = u('<span class="svelte-7hu4vd"> </span>'), Nt = u("<div><!></div>"), Tt = u('<div><!> <div class="relative svelte-7hu4vd"><input/> <div class="absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1 svelte-7hu4vd"><!> <!></div></div> <!></div>');
+const Ht = {
+  hash: "svelte-7hu4vd",
+  code: `
+    /* Enhanced focus styles using semantic tokens */.input-focus-visible {outline:2px solid rgb(var(--color-focus-ring));outline-offset:2px;}
+
+    /* Smooth transitions for all interactive elements */input.svelte-7hu4vd {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
+
+    /* Placeholder styling using semantic tokens */input.svelte-7hu4vd::-moz-placeholder {-moz-transition:color 0.2s ease;transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}input.svelte-7hu4vd::placeholder {transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}input.svelte-7hu4vd:focus::-moz-placeholder {color:rgb(var(--color-text-tertiary));}input.svelte-7hu4vd:focus::placeholder {color:rgb(var(--color-text-tertiary));}
+
+    /* Number input spinner styling */input[type="number"].svelte-7hu4vd::-webkit-outer-spin-button,
+    input[type="number"].svelte-7hu4vd::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}input[type="number"].svelte-7hu4vd {-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;}
+
+    /* Search input styling */input[type="search"].svelte-7hu4vd::-webkit-search-cancel-button,
+    input[type="search"].svelte-7hu4vd::-webkit-search-decoration {-webkit-appearance:none;}
+
+    /* Action button hover effects */button[aria-label].svelte-7hu4vd {transition:all 0.2s ease;}button[aria-label].svelte-7hu4vd:hover {transform:scale(1.05);}button[aria-label].svelte-7hu4vd:active {transform:scale(0.95);}
+
+    /* Focus ring animation */.focus-ring.svelte-7hu4vd {
+        animation: svelte-7hu4vd-focus-ring-pulse 0.2s ease-out;}
+
+    @keyframes svelte-7hu4vd-focus-ring-pulse {
+        0% {
+            transform: scale(0.95);
+            opacity: 0;
+        }
+        100% {
+            transform: scale(1);
+            opacity: 1;
+        }
+    }`
+};
+function cr(M, a) {
+  He(a, !1), sa(M, Ht);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i(), J = i(), E = i();
+  let S = t(a, "value", 12, ""), Q = t(a, "type", 8, "text"), B = t(a, "label", 8, ""), g = t(a, "placeholder", 8, ""), k = t(a, "required", 8, !1), H = t(a, "disabled", 8, !1), p = t(a, "readonly", 8, !1), Y = t(a, "size", 8, "md"), R = t(a, "variant", 8, "default"), A = t(a, "error", 8, ""), ee = t(a, "success", 8, ""), le = t(a, "helpText", 8, ""), be = t(a, "className", 8, ""), ve = t(a, "id", 8, ""), oe = t(a, "name", 8, void 0), xe = t(a, "maxLength", 8, void 0), ze = t(a, "minLength", 8, void 0), Ce = t(a, "pattern", 8, void 0), X = t(a, "autocomplete", 8, void 0), te = t(a, "showPasswordToggle", 8, !1), P = t(a, "showClearButton", 8, !1), Z = t(a, "ariaLabel", 8, void 0);
+  const D = Xe();
+  let z = i(), C = i(!1), U = i(!1);
+  function pe(_) {
+    const I = _.target;
+    S(I.value), n(U, S() !== ""), D("input", { value: S(), event: _ });
+  }
+  function qe(_) {
+    const I = _.target;
+    S(I.value), n(U, S() !== ""), D("change", { value: S(), event: _ });
+  }
+  function Se(_) {
+    D("focus", { event: _ });
+  }
+  function Pe(_) {
+    D("blur", { event: _ });
+  }
+  function ae(_) {
+    D("keydown", { event: _ });
+  }
+  function ge(_) {
+    D("keyup", { event: _ });
+  }
+  function he() {
+    n(C, !e(C));
+  }
+  function je(_) {
+    var I;
+    _.preventDefault(), S(""), n(U, !1), D("clear", { event: _ }), (I = e(z)) == null || I.focus();
+  }
+  function b() {
+    var _;
+    (_ = e(z)) == null || _.focus();
+  }
+  function $() {
+    var _;
+    (_ = e(z)) == null || _.blur();
+  }
+  function Ee() {
+    var _;
+    (_ = e(z)) == null || _.select();
+  }
+  m(() => l(ve()), () => {
+    n(c, ve() || `input-${Math.random().toString(36).substr(2, 9)}`);
+  }), m(() => l(S()), () => {
+    n(U, S() !== "" && S() !== null && S() !== void 0);
+  }), m(() => (l(A()), l(R())), () => {
+    n(d, !!A() || R() === "error");
+  }), m(() => (l(ee()), l(R())), () => {
+    n(f, !!ee() || R() === "success");
+  }), m(() => {
+  }, () => {
+    n(F, {
+      sm: "px-3 py-1.5 text-sm",
+      md: "px-4 py-2.5 text-sm",
+      lg: "px-5 py-3 text-base"
+    });
+  }), m(
+    () => (e(F), l(Y()), l(be())),
+    () => {
+      n(v, [
+        "w-full",
+        "min-w-0",
+        "rounded-md",
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-[var(--zabi-focus-ring)]",
+        "focus:ring-offset-2",
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        "read-only:cursor-default",
+        "read-only:opacity-75",
+        e(F)[Y()],
+        be()
+      ].join(" "));
+    }
+  ), m(() => (e(d), e(f)), () => {
+    n(y, e(d) ? "border-[var(--zabi-error)] text-[var(--zabi-text)] placeholder-[var(--zabi-text-placeholder)] focus:ring-[var(--zabi-error)] focus:border-[var(--zabi-error)]" : e(f) ? "border-[var(--zabi-success)] text-[var(--zabi-text)] placeholder-[var(--zabi-text-placeholder)] focus:ring-[var(--zabi-success)] focus:border-[var(--zabi-success)]" : "border-[var(--zabi-border)] text-[var(--zabi-text)] placeholder-[var(--zabi-text-placeholder)] focus:ring-[var(--zabi-focus-ring)] focus:border-[var(--zabi-border-focus)]");
+  }), m(() => l(H()), () => {
+    n(O, H() ? "bg-[var(--zabi-surface-disabled)] text-[var(--zabi-text-disabled)] border-[var(--zabi-border-disabled)] cursor-not-allowed" : "");
+  }), m(
+    () => (e(v), e(y), e(O)),
+    () => {
+      n(j, [
+        e(v),
+        e(y),
+        e(O)
+      ].join(" "));
+    }
+  ), m(() => {
+  }, () => {
+    n(V, [
+      "relative",
+      "group",
+      "transition-all",
+      "duration-200",
+      "ease-in-out"
+    ].join(" "));
+  }), m(() => (e(d), e(f)), () => {
+    n(W, [
+      "block",
+      "text-sm",
+      "font-medium",
+      "mb-2",
+      "transition-colors",
+      "duration-200",
+      e(d) ? "text-[var(--zabi-error)]" : e(f) ? "text-[var(--zabi-success)]" : "text-[var(--zabi-text)]"
+    ].join(" "));
+  }), m(() => (e(d), e(f)), () => {
+    n(J, [
+      "mt-2",
+      "text-xs",
+      e(d) ? "text-[var(--zabi-error)]" : e(f) ? "text-[var(--zabi-success)]" : "text-[var(--zabi-text-muted)]"
+    ].join(" "));
+  }), m(() => {
+  }, () => {
+    n(E, [
+      "absolute",
+      "right-3",
+      "top-1/2",
+      "-translate-y-1/2",
+      "text-tertiary",
+      "hover:text-primary",
+      "transition-colors",
+      "duration-200",
+      "focus:outline-none",
+      "focus:text-primary",
+      "focus:ring-2",
+      "focus:ring-focus",
+      "focus:ring-offset-1",
+      "rounded-sm",
+      "p-1"
+    ].join(" "));
+  }), Ye();
+  var _e = { focus: b, blur: $, select: Ee };
+  Ae();
+  var ue = Tt(), ie = s(ue);
+  {
+    var Le = (_) => {
+      var I = Ct(), re = s(I), ye = L(re);
+      {
+        var Oe = (ne) => {
+          var Be = zt();
+          r(ne, Be);
+        };
+        w(ye, (ne) => {
+          k() && ne(Oe);
+        });
+      }
+      N(() => {
+        T(I, "for", e(c)), K(I, 1, de(e(W)), "svelte-7hu4vd"), ce(re, `${B() ?? ""} `);
+      }), r(_, I);
+    };
+    w(ie, (_) => {
+      B() && _(Le);
+    });
+  }
+  var fe = L(ie, 2), h = s(fe);
+  Ue(h, (_) => n(z, _), () => e(z));
+  var Ie = L(h, 2), Ke = s(Ie);
+  {
+    var Ge = (_) => {
+      var I = qt(), re = s(I);
+      va(re, { size: 16 }), N(() => K(I, 1, de(e(E)), "svelte-7hu4vd")), q("click", I, je), q("keydown", I, (ye) => ye.key === "Enter" && je(ye)), r(_, I);
+    };
+    w(Ke, (_) => {
+      P() && e(U) && !H() && !p() && _(Ge);
+    });
+  }
+  var x = L(Ke, 2);
+  {
+    var o = (_) => {
+      var I = jt(), re = s(I);
+      {
+        var ye = (ne) => {
+          Ja(ne, { size: 16 });
+        }, Oe = (ne) => {
+          Qa(ne, { size: 16 });
+        };
+        w(re, (ne) => {
+          e(C) ? ne(ye) : ne(Oe, !1);
+        });
+      }
+      N(() => {
+        K(I, 1, de(e(E)), "svelte-7hu4vd"), T(I, "aria-label", e(C) ? "Hide password" : "Show password");
+      }), q("click", I, he), q("keydown", I, (ne) => ne.key === "Enter" && he()), r(_, I);
+    };
+    w(x, (_) => {
+      te() && Q() === "password" && _(o);
+    });
+  }
+  var G = L(fe, 2);
+  {
+    var we = (_) => {
+      var I = Nt(), re = s(I);
+      {
+        var ye = (ne) => {
+          var Be = Et(), Ne = s(Be);
+          ua(Ne, { size: 14, class: "flex-shrink-0" });
+          var De = L(Ne, 2), Re = s(De);
+          N(() => ce(Re, A())), r(ne, Be);
+        }, Oe = (ne) => {
+          var Be = ke(), Ne = me(Be);
+          {
+            var De = (Me) => {
+              var Fe = Bt(), Ve = s(Fe);
+              fa(Ve, { size: 14, class: "flex-shrink-0" });
+              var ra = L(Ve, 2), na = s(ra);
+              N(() => ce(na, ee())), r(Me, Fe);
+            }, Re = (Me) => {
+              var Fe = ke(), Ve = me(Fe);
+              {
+                var ra = (na) => {
+                  var ga = Lt(), _a = s(ga);
+                  N(() => ce(_a, le())), r(na, ga);
+                };
+                w(
+                  Ve,
+                  (na) => {
+                    le() && na(ra);
+                  },
+                  !0
+                );
+              }
+              r(Me, Fe);
+            };
+            w(
+              Ne,
+              (Me) => {
+                e(f) ? Me(De) : Me(Re, !1);
+              },
+              !0
+            );
+          }
+          r(ne, Be);
+        };
+        w(re, (ne) => {
+          e(d) ? ne(ye) : ne(Oe, !1);
+        });
+      }
+      N(() => {
+        T(I, "id", `${e(c) ?? ""}-help`), K(I, 1, de(e(J)), "svelte-7hu4vd");
+      }), r(_, I);
+    };
+    w(G, (_) => {
+      (e(d) || e(f) || le()) && _(we);
+    });
+  }
+  return N(() => {
+    K(ue, 1, de(e(V)), "svelte-7hu4vd"), T(h, "id", e(c)), T(h, "type", te() && e(C) ? "text" : Q()), ya(h, S()), T(h, "placeholder", g()), h.disabled = H(), h.required = k(), h.readOnly = p(), T(h, "maxlength", xe()), T(h, "minlength", ze()), T(h, "pattern", Ce()), T(h, "autocomplete", X() || void 0), T(h, "name", oe()), K(h, 1, de(e(j)), "svelte-7hu4vd"), T(h, "aria-invalid", e(d) ? "true" : "false"), T(h, "aria-describedby", e(d) || e(f) || le() ? `${e(c)}-help` : void 0), T(h, "aria-label", Z() || (B() ? void 0 : "Input field")), T(h, "aria-required", k());
+  }), q("input", h, pe), q("change", h, qe), q("focus", h, Se), q("blur", h, Pe), q("keydown", h, ae), q("keyup", h, ge), r(M, ue), We(a, "focus", b), We(a, "blur", $), We(a, "select", Ee), Te(_e);
+}
+var Mt = u('<span class="text-error ml-1 svelte-1qdann5">*</span>'), St = u("<label> <!></label>"), Pt = u('<option disabled class="svelte-1qdann5"> </option>'), It = u('<option class="bg-dark-800 text-white svelte-1qdann5"> </option>'), Ot = u('<button type="button" tabindex="-1" aria-label="Clear selection"><!></button>'), Dt = u('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), Ft = u('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), Rt = u('<span class="svelte-1qdann5"> </span>'), Kt = u("<div><!></div>"), Wt = u('<div><!> <div class="relative svelte-1qdann5"><select><!><!></select> <!> <div><!></div> <div></div></div> <!></div>');
+const At = {
+  hash: "svelte-1qdann5",
+  code: `
+    /* Custom focus styles for better accessibility */.select-focus-visible {outline:2px solid var(--color-plasma-red-500);outline-offset:2px;}
+
+    /* Smooth transitions for all interactive elements */select.svelte-1qdann5 {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
+
+    /* Custom dropdown arrow styling */select.svelte-1qdann5::-ms-expand {display:none;}
+
+    /* Option styling */option.svelte-1qdann5 {background-color:var(--color-dark-800);color:white;padding:0.5rem;}
+
+    /* Hover effects */.select-container.svelte-1qdann5:hover .select-icon:where(.svelte-1qdann5) {transform:scale(1.1);}.select-container.svelte-1qdann5:active .select-icon:where(.svelte-1qdann5) {transform:scale(0.95);}
+
+    /* Clear button hover effects */button[aria-label="Clear selection"].svelte-1qdann5 {transition:all 0.2s ease;}button[aria-label="Clear selection"].svelte-1qdann5:hover {transform:scale(1.1);}button[aria-label="Clear selection"].svelte-1qdann5:active {transform:scale(0.95);}
+
+    /* Focus ring animation */.select-focus-ring.svelte-1qdann5 {
+        animation: svelte-1qdann5-select-focus-ring-pulse 0.2s ease-out;}
+
+    @keyframes svelte-1qdann5-select-focus-ring-pulse {
+        0% {
+            transform: scale(0.95);
+            opacity: 0;
+        }
+        100% {
+            transform: scale(1);
+            opacity: 1;
+        }
+    }
+
+    /* Disabled state styling */.select-disabled.svelte-1qdann5 {opacity:0.5;cursor:not-allowed;}.select-disabled.svelte-1qdann5:hover {transform:none;}
+
+    /* Required indicator styling */.select-required.svelte-1qdann5 {color:var(--color-blood-red-500);}`
+};
+function vr(M, a) {
+  He(a, !1), sa(M, At);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i(), J = i();
+  let E = t(a, "value", 12, void 0), S = t(a, "options", 24, () => []), Q = t(a, "placeholder", 8, "Select an option"), B = t(a, "label", 8, ""), g = t(a, "disabled", 8, !1), k = t(a, "required", 8, !1), H = t(a, "error", 8, ""), p = t(a, "success", 8, ""), Y = t(a, "helpText", 8, ""), R = t(a, "size", 8, "md"), A = t(a, "variant", 8, "outlined"), ee = t(a, "searchable", 8, !1), le = t(a, "clearable", 8, !1), be = t(a, "name", 8, void 0), ve = t(a, "id", 8, void 0), oe = t(a, "className", 8, "");
+  const xe = Xe();
+  let ze = i(), Ce = i(!1), X = i(""), te = i([]);
+  function P(x) {
+    const o = x.target;
+    E(o.value), xe("input", { value: String(E()) });
+  }
+  function Z(x) {
+    const o = x.target;
+    E(o.value), xe("change", { value: String(E()) });
+  }
+  function D(x) {
+    n(Ce, !0), xe("focus", { event: x });
+  }
+  function z(x) {
+    n(Ce, !1), xe("blur", { event: x });
+  }
+  function C(x) {
+    xe("keydown", { event: x });
+  }
+  function U(x) {
+    xe("keyup", { event: x });
+  }
+  function pe(x) {
+    x.stopPropagation(), E(void 0), xe("clear", { event: x });
+  }
+  function qe() {
+    var x;
+    (x = e(ze)) == null || x.focus();
+  }
+  function Se() {
+    var x;
+    (x = e(ze)) == null || x.blur();
+  }
+  m(() => l(ve()), () => {
+    n(c, ve() || `select-${Math.random().toString(36).substr(2, 9)}`);
+  }), m(
+    () => (l(ee()), e(X), l(S())),
+    () => {
+      ee() && e(X) ? n(te, S().filter((x) => x.label.toLowerCase().includes(e(X).toLowerCase()))) : n(te, S());
+    }
+  ), m(() => (l(S()), l(E())), () => {
+    n(d, S().find((x) => x.value === E()));
+  }), m(() => {
+  }, () => {
+    n(f, {
+      sm: "px-3 py-1.5 text-sm",
+      md: "px-4 py-2.5 text-base",
+      lg: "px-5 py-3 text-lg"
+    });
+  }), m(() => {
+  }, () => {
+    n(F, {
+      outlined: "border border-primary bg-surface",
+      filled: "border-0 bg-surface-secondary",
+      underlined: "border-0 border-b border-primary bg-transparent rounded-none"
+    });
+  }), m(() => (l(H()), l(p())), () => {
+    n(v, H() ? "focus:ring-error border-error" : p() ? "focus:ring-success border-success" : "");
+  }), m(() => {
+  }, () => {
+    n(y, [
+      "relative",
+      "group",
+      "transition-all",
+      "duration-200",
+      "ease-in-out"
+    ].join(" "));
+  }), m(
+    () => (l(A()), e(f), l(R()), e(F), e(v), l(oe())),
+    () => {
+      n(O, [
+        "w-full",
+        "min-w-40 sm:min-w-48 md:min-w-56 lg:min-w-64",
+        A() === "underlined" ? "rounded-none" : "rounded-lg",
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-2",
+        "focus:ring-offset-dark-900",
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        "cursor-pointer",
+        "appearance-none",
+        "pr-10",
+        e(f)[R()],
+        e(F)[A()],
+        e(v),
+        oe()
+      ].join(" "));
+    }
+  ), m(() => (l(H()), l(p())), () => {
+    n(j, [
+      "block",
+      "text-sm",
+      "font-medium",
+      "mb-2",
+      "transition-colors",
+      "duration-200",
+      H() ? "text-error" : p() ? "text-success" : "text-primary"
+    ].join(" "));
+  }), m(() => (l(H()), l(p())), () => {
+    n(V, [
+      "mt-2",
+      "text-xs",
+      H() ? "text-error" : p() ? "text-success" : "text-tertiary"
+    ].join(" "));
+  }), m(() => l(R()), () => {
+    n(W, [
+      "absolute",
+      "right-3",
+      "top-1/2",
+      "-translate-y-1/2",
+      "pointer-events-none",
+      "transition-transform",
+      "duration-200",
+      "",
+      R() === "sm" ? "w-4 h-4" : R() === "md" ? "w-5 h-5" : "w-6 h-6"
+    ].join(" "));
+  }), m(() => l(R()), () => {
+    n(J, [
+      "absolute",
+      "right-8",
+      "top-1/2",
+      "-translate-y-1/2",
+      "text-gray-400",
+      "hover:text-white",
+      "transition-colors",
+      "duration-200",
+      "focus:outline-none",
+      "focus:text-white",
+      R() === "sm" ? "w-4 h-4" : R() === "md" ? "w-5 h-5" : "w-6 h-6"
+    ].join(" "));
+  }), Ye();
+  var Pe = { focus: qe, blur: Se };
+  Ae();
+  var ae = Wt(), ge = s(ae);
+  {
+    var he = (x) => {
+      var o = St(), G = s(o), we = L(G);
+      {
+        var _ = (I) => {
+          var re = Mt();
+          r(I, re);
+        };
+        w(we, (I) => {
+          k() && I(_);
+        });
+      }
+      N(() => {
+        T(o, "for", e(c)), K(o, 1, de(e(j)), "svelte-1qdann5"), ce(G, `${B() ?? ""} `);
+      }), r(x, o);
+    };
+    w(ge, (x) => {
+      B() && x(he);
+    });
+  }
+  var je = L(ge, 2), b = s(je), $ = s(b);
+  {
+    var Ee = (x) => {
+      var o = Pt(), G = s(o);
+      o.value = o.__value = "", N(() => ce(G, Q())), r(x, o);
+    };
+    w($, (x) => {
+      Q() && !E() && x(Ee);
+    });
+  }
+  var _e = L($);
+  ta(_e, 1, () => e(te), (x) => x.value, (x, o) => {
+    var G = It(), we = s(G), _ = {};
+    N(() => {
+      G.disabled = (e(o), se(() => e(o).disabled)), ce(we, (e(o), se(() => e(o).label))), _ !== (_ = (e(o), se(() => e(o).value))) && (G.value = (G.__value = (e(o), se(() => e(o).value))) ?? "");
+    }), r(x, G);
+  }), Ue(b, (x) => n(ze, x), () => e(ze));
+  var ue;
+  Ea(b);
+  var ie = L(b, 2);
+  {
+    var Le = (x) => {
+      var o = Ot(), G = s(o);
+      {
+        let we = xa(() => R() === "sm" ? 12 : R() === "md" ? 16 : 20);
+        va(G, {
+          get size() {
+            return e(we);
+          }
+        });
+      }
+      N(() => K(o, 1, de(e(J)), "svelte-1qdann5")), q("click", o, pe), q("keydown", o, (we) => we.key === "Enter" && pe(we)), r(x, o);
+    };
+    w(ie, (x) => {
+      le() && E() !== void 0 && E() !== "" && x(Le);
+    });
+  }
+  var fe = L(ie, 2), h = s(fe);
+  {
+    let x = xa(() => R() === "sm" ? 16 : R() === "md" ? 20 : 24);
+    Ua(h, {
+      get size() {
+        return e(x);
+      }
+    });
+  }
+  var Ie = L(fe, 2), Ke = L(je, 2);
+  {
+    var Ge = (x) => {
+      var o = Kt(), G = s(o);
+      {
+        var we = (I) => {
+          var re = Dt(), ye = s(re);
+          ua(ye, { size: 16, class: "flex-shrink-0" });
+          var Oe = L(ye, 2), ne = s(Oe);
+          N(() => ce(ne, H())), r(I, re);
+        }, _ = (I) => {
+          var re = ke(), ye = me(re);
+          {
+            var Oe = (Be) => {
+              var Ne = Ft(), De = s(Ne);
+              fa(De, { size: 16, class: "flex-shrink-0" });
+              var Re = L(De, 2), Me = s(Re);
+              N(() => ce(Me, p())), r(Be, Ne);
+            }, ne = (Be) => {
+              var Ne = ke(), De = me(Ne);
+              {
+                var Re = (Me) => {
+                  var Fe = Rt(), Ve = s(Fe);
+                  N(() => ce(Ve, Y())), r(Me, Fe);
+                };
+                w(
+                  De,
+                  (Me) => {
+                    Y() && Me(Re);
+                  },
+                  !0
+                );
+              }
+              r(Be, Ne);
+            };
+            w(
+              ye,
+              (Be) => {
+                p() ? Be(Oe) : Be(ne, !1);
+              },
+              !0
+            );
+          }
+          r(I, re);
+        };
+        w(G, (I) => {
+          H() ? I(we) : I(_, !1);
+        });
+      }
+      N(() => {
+        T(o, "id", `${e(c) ?? ""}-help`), K(o, 1, de(e(V)), "svelte-1qdann5");
+      }), r(x, o);
+    };
+    w(Ke, (x) => {
+      (H() || p() || Y()) && x(Ge);
+    });
+  }
+  return N(() => {
+    K(ae, 1, de(e(y)), "svelte-1qdann5"), T(b, "id", e(c)), b.disabled = g(), b.required = k(), T(b, "name", be()), K(b, 1, de(e(O)), "svelte-1qdann5"), T(b, "aria-invalid", H() ? "true" : "false"), T(b, "aria-describedby", H() || p() || Y() ? `${e(c)}-help` : void 0), ue !== (ue = E()) && (b.value = (b.__value = E()) ?? "", Ba(b, E())), K(fe, 1, de(e(W)), "svelte-1qdann5"), K(Ie, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(Ce) ? "ring-2 ring-primary" : ""}`, "svelte-1qdann5");
+  }), q("input", b, P), q("change", b, Z), q("focus", b, D), q("blur", b, z), q("keydown", b, C), q("keyup", b, U), r(M, ae), We(a, "focus", qe), We(a, "blur", Se), Te(Pe);
+}
+var Xt = u('<span class="text-error ml-1 svelte-1bsl3nr" aria-label="required">*</span>'), Gt = u("<label> <!></label>"), Vt = u("<div> </div>"), Yt = u('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), Ut = u('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), Jt = u('<span class="svelte-1bsl3nr"> </span>'), Qt = u("<div><!></div>"), Zt = u('<div><!> <div class="relative svelte-1bsl3nr"><textarea></textarea></div> <!> <!></div>');
+const $t = {
+  hash: "svelte-1bsl3nr",
+  code: `
+    /* Enhanced focus styles using semantic tokens */.textarea-focus-visible {outline:2px solid rgb(var(--color-focus-ring));outline-offset:2px;}
+
+    /* Smooth transitions for all interactive elements */textarea.svelte-1bsl3nr {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
+
+    /* Custom scrollbar for textarea using semantic tokens */textarea.svelte-1bsl3nr::-webkit-scrollbar {width:6px;}textarea.svelte-1bsl3nr::-webkit-scrollbar-track {background:transparent;}textarea.svelte-1bsl3nr::-webkit-scrollbar-thumb {background:rgb(var(--color-border-secondary));border-radius:3px;}textarea.svelte-1bsl3nr::-webkit-scrollbar-thumb:hover {background:rgb(var(--color-border-hover));}
+
+    /* Placeholder styling using semantic tokens */textarea.svelte-1bsl3nr::-moz-placeholder {-moz-transition:color 0.2s ease;transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}textarea.svelte-1bsl3nr::placeholder {transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}textarea.svelte-1bsl3nr:focus::-moz-placeholder {color:rgb(var(--color-text-tertiary));}textarea.svelte-1bsl3nr:focus::placeholder {color:rgb(var(--color-text-tertiary));}
+
+    /* Character count styling using semantic tokens */.char-count-warning.svelte-1bsl3nr {color:rgb(var(--color-warning));}.char-count-error.svelte-1bsl3nr {color:rgb(var(--color-error));}
+
+    /* Resize handle styling */textarea.svelte-1bsl3nr:not(.resize-none) {resize:both;}textarea.resize-x.svelte-1bsl3nr {resize:horizontal;}textarea.resize-y.svelte-1bsl3nr {resize:vertical;}
+
+    /* Focus ring animation */.focus-ring.svelte-1bsl3nr {
+        animation: svelte-1bsl3nr-focus-ring-pulse 0.2s ease-out;}
+
+    @keyframes svelte-1bsl3nr-focus-ring-pulse {
+        0% {
+            transform: scale(0.95);
+            opacity: 0;
+        }
+        100% {
+            transform: scale(1);
+            opacity: 1;
+        }
+    }`
+};
+function ur(M, a) {
+  He(a, !1), sa(M, $t);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i(), J = i(), E = i(), S = i(), Q = i();
+  let B = t(a, "value", 12, ""), g = t(a, "label", 8, ""), k = t(a, "placeholder", 8, ""), H = t(a, "helperText", 8, ""), p = t(a, "disabled", 8, !1), Y = t(a, "required", 8, !1), R = t(a, "readonly", 8, !1), A = t(a, "id", 8, void 0), ee = t(a, "name", 8, void 0), le = t(a, "error", 8, ""), be = t(a, "success", 8, ""), ve = t(a, "helpText", 8, ""), oe = t(a, "maxLength", 8, void 0), xe = t(a, "minLength", 8, void 0), ze = t(a, "rows", 8, 4), Ce = t(a, "resize", 8, "vertical"), X = t(a, "autoResize", 8, !1), te = t(a, "size", 8, "md"), P = t(a, "variant", 8, "outlined"), Z = t(a, "className", 8, ""), D = t(a, "ariaLabel", 8, void 0);
+  const z = Xe();
+  let C = i(), U = i(!1);
+  function pe(o) {
+    const G = o.target;
+    B(G.value), n(U, B() !== ""), X() && je(), z("input", { value: B() });
+  }
+  function qe(o) {
+    const G = o.target;
+    B(G.value), n(U, B() !== ""), z("change", { value: B() });
+  }
+  function Se(o) {
+    z("focus", { event: o });
+  }
+  function Pe(o) {
+    z("blur", { event: o });
+  }
+  function ae(o) {
+    z("keydown", { event: o });
+  }
+  function ge(o) {
+    z("keyup", { event: o });
+  }
+  function he(o) {
+    z("resize", { event: o });
+  }
+  function je() {
+    e(C) && (oa(C, e(C).style.height = "auto"), oa(C, e(C).style.height = e(C).scrollHeight + "px"));
+  }
+  function b() {
+    var o;
+    (o = e(C)) == null || o.focus();
+  }
+  function $() {
+    var o;
+    (o = e(C)) == null || o.blur();
+  }
+  function Ee() {
+    var o;
+    (o = e(C)) == null || o.select();
+  }
+  m(() => l(A()), () => {
+    n(c, A() || `textarea-${Math.random().toString(36).substr(2, 9)}`);
+  }), m(() => l(B()), () => {
+    n(U, B() !== "" && B() !== null && B() !== void 0);
+  }), m(() => l(le()), () => {
+    n(d, !!le());
+  }), m(() => l(be()), () => {
+    n(f, !!be());
+  }), m(() => {
+  }, () => {
+    n(F, {
+      sm: "px-3 py-1.5 text-sm",
+      md: "px-4 py-2.5 text-sm",
+      lg: "px-5 py-3 text-base"
+    });
+  }), m(() => {
+  }, () => {
+    n(v, {
+      outlined: "border border-primary bg-surface",
+      filled: "border-0 bg-surface-secondary",
+      underlined: "border-0 border-b border-primary bg-transparent rounded-none"
+    });
+  }), m(() => {
+  }, () => {
+    n(y, {
+      none: "resize-none",
+      both: "resize",
+      horizontal: "resize-x",
+      vertical: "resize-y"
+    });
+  }), m(
+    () => (l(P()), e(F), l(te()), e(v), e(y), l(Ce()), l(Z())),
+    () => {
+      n(O, [
+        "w-full",
+        "min-w-0",
+        P() === "underlined" ? "rounded-none" : "rounded-md",
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-focus",
+        "focus:ring-offset-2",
+        "focus:ring-offset-surface",
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        "read-only:cursor-default",
+        "read-only:opacity-75",
+        "overflow-hidden",
+        e(F)[te()],
+        e(v)[P()],
+        e(y)[Ce()],
+        Z()
+      ].join(" "));
+    }
+  ), m(() => (e(d), e(f)), () => {
+    n(j, e(d) ? "border-error text-primary placeholder-placeholder focus:ring-error focus:border-error" : e(f) ? "border-success text-primary placeholder-placeholder focus:ring-success focus:border-success" : "text-primary placeholder-placeholder focus:ring-focus focus:border-focus");
+  }), m(() => l(p()), () => {
+    n(V, p() ? "bg-surface-disabled text-disabled border-disabled cursor-not-allowed" : "");
+  }), m(
+    () => (e(O), e(j), e(V)),
+    () => {
+      n(W, [
+        e(O),
+        e(j),
+        e(V)
+      ].join(" "));
+    }
+  ), m(() => {
+  }, () => {
+    n(J, [
+      "relative",
+      "group",
+      "transition-all",
+      "duration-200",
+      "ease-in-out"
+    ].join(" "));
+  }), m(() => (e(d), e(f)), () => {
+    n(E, [
+      "block",
+      "text-sm",
+      "font-medium",
+      "mb-2",
+      "transition-colors",
+      "duration-200",
+      e(d) ? "text-error" : e(f) ? "text-success" : "text-primary"
+    ].join(" "));
+  }), m(() => (e(d), e(f)), () => {
+    n(S, [
+      "mt-2",
+      "text-xs",
+      e(d) ? "text-error" : e(f) ? "text-success" : "text-secondary"
+    ].join(" "));
+  }), m(() => (l(oe()), l(B())), () => {
+    n(Q, [
+      "text-xs",
+      "text-secondary",
+      "mt-1",
+      "text-right",
+      oe() && B().length > oe() * 0.9 ? "text-warning" : "",
+      oe() && B().length >= oe() ? "text-error" : ""
+    ].join(" "));
+  }), Ye();
+  var _e = { focus: b, blur: $, select: Ee };
+  Ae();
+  var ue = Zt(), ie = s(ue);
+  {
+    var Le = (o) => {
+      var G = Gt(), we = s(G), _ = L(we);
+      {
+        var I = (re) => {
+          var ye = Xt();
+          r(re, ye);
+        };
+        w(_, (re) => {
+          Y() && re(I);
+        });
+      }
+      N(() => {
+        T(G, "for", e(c)), K(G, 1, de(e(E)), "svelte-1bsl3nr"), ce(we, `${g() ?? ""} `);
+      }), r(o, G);
+    };
+    w(ie, (o) => {
+      g() && o(Le);
+    });
+  }
+  var fe = L(ie, 2), h = s(fe);
+  Ue(h, (o) => n(C, o), () => e(C));
+  var Ie = L(fe, 2);
+  {
+    var Ke = (o) => {
+      var G = Vt(), we = s(G);
+      N(() => {
+        K(G, 1, de(e(Q)), "svelte-1bsl3nr"), ce(we, `${l(B()), se(() => B().length) ?? ""}/${oe() ?? ""}`);
+      }), r(o, G);
+    };
+    w(Ie, (o) => {
+      oe() && o(Ke);
+    });
+  }
+  var Ge = L(Ie, 2);
+  {
+    var x = (o) => {
+      var G = Qt(), we = s(G);
+      {
+        var _ = (re) => {
+          var ye = Yt(), Oe = s(ye);
+          ua(Oe, { size: 14, class: "flex-shrink-0" });
+          var ne = L(Oe, 2), Be = s(ne);
+          N(() => ce(Be, le())), r(re, ye);
+        }, I = (re) => {
+          var ye = ke(), Oe = me(ye);
+          {
+            var ne = (Ne) => {
+              var De = Ut(), Re = s(De);
+              fa(Re, { size: 14, class: "flex-shrink-0" });
+              var Me = L(Re, 2), Fe = s(Me);
+              N(() => ce(Fe, be())), r(Ne, De);
+            }, Be = (Ne) => {
+              var De = ke(), Re = me(De);
+              {
+                var Me = (Fe) => {
+                  var Ve = Jt(), ra = s(Ve);
+                  N(() => ce(ra, ve())), r(Fe, Ve);
+                };
+                w(
+                  Re,
+                  (Fe) => {
+                    ve() && Fe(Me);
+                  },
+                  !0
+                );
+              }
+              r(Ne, De);
+            };
+            w(
+              Oe,
+              (Ne) => {
+                e(f) ? Ne(ne) : Ne(Be, !1);
+              },
+              !0
+            );
+          }
+          r(re, ye);
+        };
+        w(we, (re) => {
+          e(d) ? re(_) : re(I, !1);
+        });
+      }
+      N(() => {
+        T(G, "id", `${e(c) ?? ""}-help`), K(G, 1, de(e(S)), "svelte-1bsl3nr");
+      }), r(o, G);
+    };
+    w(Ge, (o) => {
+      (e(d) || e(f) || ve()) && o(x);
+    });
+  }
+  return N(() => {
+    K(ue, 1, de(e(J)), "svelte-1bsl3nr"), T(h, "id", e(c)), ya(h, B()), T(h, "placeholder", k()), h.disabled = p(), h.required = Y(), h.readOnly = R(), T(h, "maxlength", oe()), T(h, "minlength", xe()), T(h, "name", ee()), T(h, "rows", ze()), K(h, 1, de(e(W)), "svelte-1bsl3nr"), T(h, "aria-invalid", e(d) ? "true" : "false"), T(h, "aria-describedby", e(d) || e(f) || H() || oe() ? `${e(c)}-help` : void 0), T(h, "aria-label", D() || (g() ? void 0 : "Textarea field")), T(h, "aria-required", Y());
+  }), q("input", h, pe), q("change", h, qe), q("focus", h, Se), q("blur", h, Pe), q("keydown", h, ae), q("keyup", h, ge), q("resize", h, he), r(M, ue), We(a, "focus", b), We(a, "blur", $), We(a, "select", Ee), Te(_e);
+}
+var er = u('<span class="text-red-400 ml-1">*</span>'), ar = u('<button type="button" role="radio"><!> <span class="hidden sm:inline"> </span></button>'), tr = u('<div class="space-y-2"><label class="block text-sm font-medium text-stone-300"> <!></label> <div class="flex gap-1 p-1 bg-stone-800 rounded-lg border border-stone-700 min-w-48 sm:min-w-56 md:min-w-64 lg:min-w-72" role="radiogroup"></div></div>');
+function fr(M, a) {
+  He(a, !1);
+  let c = t(a, "value", 12, "center"), d = t(a, "label", 8, "Text Alignment"), f = t(a, "required", 8, !1), F = t(a, "size", 8, "sm");
+  const v = Xe(), y = `text-alignment-${Math.random().toString(36).substr(2, 9)}`, O = [
+    { value: "left", label: "Left", component: et },
+    { value: "center", label: "Center", component: Za },
+    { value: "right", label: "Right", component: $a }
+  ];
+  function j(g) {
+    c(g), v("change", { value: g });
+  }
+  const V = {
+    sm: "text-xs px-2 py-1",
+    md: "text-sm px-3 py-2",
+    lg: "text-base px-4 py-3"
+  };
+  Ae();
+  var W = tr(), J = s(W), E = s(J), S = L(E);
+  {
+    var Q = (g) => {
+      var k = er();
+      r(g, k);
+    };
+    w(S, (g) => {
+      f() && g(Q);
+    });
+  }
+  var B = L(J, 2);
+  ta(B, 5, () => O, La, (g, k) => {
+    var H = ar(), p = s(H);
+    ia(p, () => e(k).component, (A, ee) => {
+      ee(A, { size: 16 });
+    });
+    var Y = L(p, 2), R = s(Y);
+    N(() => {
+      K(H, 1, `flex-1 flex items-center justify-center gap-2 ${l(F()), se(() => V[F()]) ?? ""} rounded-md transition-all duration-200 ${l(c()), e(k), se(() => c() === e(k).value ? "bg-blue-600 text-white shadow-sm" : "text-stone-400 hover:text-stone-200 hover:bg-stone-700") ?? ""}`), T(H, "aria-checked", (l(c()), e(k), se(() => c() === e(k).value))), T(H, "aria-label", (e(k), se(() => e(k).label))), ce(R, (e(k), se(() => e(k).label)));
+    }), q("click", H, () => j(e(k).value)), q("keydown", H, (A) => A.key === "Enter" && j(e(k).value)), r(g, H);
+  }), N(() => {
+    T(J, "for", y), ce(E, `${d() ?? ""} `), T(B, "id", y), T(B, "aria-label", d());
+  }), r(M, W), Te();
+}
+var rr = u('<button type="button" class="text-sm font-medium text-primary cursor-pointer select-none hover:text-secondary transition-colors"> </button>'), nr = u('<div><button type="button" role="switch"><span></span></button> <!></div>');
+function br(M, a) {
+  He(a, !1);
+  const c = i();
+  let d = t(a, "checked", 12, !1), f = t(a, "disabled", 8, !1), F = t(a, "label", 8, ""), v = t(a, "size", 8, "md"), y = t(a, "className", 8, "");
+  const O = Xe();
+  function j() {
+    f() || (d(!d()), O("change", { checked: d() }));
+  }
+  const V = { sm: "w-8 h-4", md: "w-11 h-6", lg: "w-14 h-7" }, W = { sm: "w-3 h-3", md: "w-5 h-5", lg: "w-6 h-6" };
+  m(() => l(d()), () => {
+    n(c, {
+      sm: d() ? "translate-x-4" : "translate-x-0",
+      md: d() ? "translate-x-5" : "translate-x-0",
+      lg: d() ? "translate-x-7" : "translate-x-0"
+    });
+  }), Ye(), Ae();
+  var J = nr(), E = s(J), S = s(E), Q = L(E, 2);
+  {
+    var B = (g) => {
+      var k = rr(), H = s(k);
+      N(() => ce(H, F())), q("click", k, j), q("keydown", k, (p) => {
+        (p.key === "Enter" || p.key === " ") && (p.preventDefault(), j());
+      }), r(g, k);
+    };
+    w(Q, (g) => {
+      F() && g(B);
+    });
+  }
+  N(() => {
+    K(J, 1, `flex items-center space-x-3 min-w-32 sm:min-w-36 md:min-w-40 lg:min-w-44 ${y() ?? ""}`), T(E, "aria-checked", d()), T(E, "aria-label", F() || "Toggle"), E.disabled = f(), K(E, 1, `relative inline-flex ${l(v()), se(() => V[v()]) ?? ""} flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 ${d() ? "bg-primary" : "bg-surface-tertiary"} ${f() ? "opacity-50 cursor-not-allowed" : "hover:bg-opacity-80"}`), K(S, 1, `pointer-events-none inline-block ${l(v()), se(() => W[v()]) ?? ""} transform rounded-full bg-surface shadow-lg ring-0 transition duration-200 ease-in-out ${e(c), l(v()), se(() => e(c)[v()]) ?? ""}`);
+  }), q("click", E, j), q("keydown", E, (g) => {
+    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), j());
+  }), r(M, J), Te();
+}
+export {
+  or as B,
+  ir as C,
+  Ya as D,
+  cr as I,
+  vr as S,
+  ur as T,
+  dr as a,
+  fr as b,
+  br as c,
+  st as d
+};