zabi-components 1.0.4 → 1.0.6

package/dist/Toggle-BidBFl7X.js

@@ -0,0 +1,2276 @@
+import { a0 as wa, u as se, a1 as ka, a as la, p as t, C as m, D as Ue, i as Ae, f as u, _ as za, c as w, s as oa, e as q, g as r, h as He, j as Me, r as l, l as e, m as i, n as s, o as L, k as n, x as va, w as ze, b as xe, t as N, B as ce, M as da, d as Je, G as Xe, q as K, F as de, v as T, $ as ia, P as ta, y as ca, z as Ca, I as Qe, H as Ze, J as $e, K as ea, L as aa, A as qa, a2 as ja, X as Ea, E as ra, a3 as ha, a4 as ma, a5 as ya, N as ua, O as fa, a6 as Ba, Y as xa, a7 as La, Z as Na } from "./x-DpVwziig.js";
+import { createEventDispatcher as Ge, onMount as ba } from "svelte";
+function Ta(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 Ha = va('<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>'), Ma = u('<span class="h-4 w-4 flex items-center justify-center"> </span>'), Sa = u('<span class="h-4 w-4 flex items-center justify-center"> </span>'), Pa = u("<button><!> <!> <!> <!></button>");
+const Ia = {
+  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 ir(M, a) {
+  Me(a, !1), la(M, Ia);
+  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), Q = t(a, "ariaLabel", 8, ""), E = t(a, "ariaDescribedBy", 8, ""), S = t(a, "ariaExpanded", 8, void 0), Z = t(a, "ariaControls", 8, void 0), B = t(a, "ariaPressed", 8, void 0);
+  const g = Ge();
+  function k(Y) {
+    if (v() || y()) {
+      Y.preventDefault();
+      return;
+    }
+    g("click", { value: !0, event: Y });
+  }
+  function H(Y) {
+    v() || y() || (Y.key === "Enter" || Y.key === " ") && (Y.preventDefault(), g("click", { value: !0, event: Y }));
+  }
+  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", U = {
+    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,
+        U[F()],
+        v() ? A : R[f()],
+        j()
+      ].filter(Boolean).join(" "));
+    }
+  ), m(
+    () => (l(y()), l(Q()), l(E()), l(S()), l(Z()), l(B()), l(v())),
+    () => {
+      n(d, {
+        "aria-busy": y(),
+        "aria-label": Q() || (y() ? "Loading..." : void 0),
+        "aria-describedby": E() || void 0,
+        "aria-expanded": S(),
+        "aria-controls": Z(),
+        "aria-pressed": B(),
+        "aria-disabled": v()
+      });
+    }
+  ), Ue(), Ae();
+  var ae = Pa();
+  za(
+    ae,
+    () => ({
+      type: O(),
+      class: e(c),
+      disabled: v() || y(),
+      ...e(d)
+    }),
+    void 0,
+    void 0,
+    "svelte-v0x5nl"
+  );
+  var le = s(ae);
+  {
+    var ge = (Y) => {
+      var ue = Ha();
+      r(Y, ue);
+    };
+    w(le, (Y) => {
+      y() && Y(ge);
+    });
+  }
+  var ve = L(le, 2);
+  {
+    var oe = (Y) => {
+      var ue = ze(), P = xe(ue);
+      {
+        var $ = (z) => {
+          var C = Ma(), J = s(C);
+          N(() => ce(J, V())), r(z, C);
+        }, D = (z) => {
+          var C = ze(), J = xe(C);
+          da(J, V, (ye, je) => {
+            je(ye, { class: "h-4 w-4" });
+          }), r(z, C);
+        };
+        w(P, (z) => {
+          typeof V() == "string" ? z($) : z(D, !1);
+        });
+      }
+      r(Y, ue);
+    };
+    w(ve, (Y) => {
+      V() && !y() && Y(oe);
+    });
+  }
+  var pe = L(ve, 2);
+  oa(pe, a, "default", {}, null);
+  var Ce = L(pe, 2);
+  {
+    var qe = (Y) => {
+      var ue = ze(), P = xe(ue);
+      {
+        var $ = (z) => {
+          var C = Sa(), J = s(C);
+          N(() => ce(J, W())), r(z, C);
+        }, D = (z) => {
+          var C = ze(), J = xe(C);
+          da(J, W, (ye, je) => {
+            je(ye, { class: "h-4 w-4" });
+          }), r(z, C);
+        };
+        w(P, (z) => {
+          typeof W() == "string" ? z($) : z(D, !1);
+        });
+      }
+      r(Y, ue);
+    };
+    w(Ce, (Y) => {
+      W() && !y() && Y(qe);
+    });
+  }
+  q("click", ae, k), q("keydown", ae, H), r(M, ae), He();
+}
+var Oa = va('<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>'), Da = va('<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>'), Fa = u('<span class="text-error ml-1 svelte-1wpeqgu">*</span>'), Ra = u("<label> <!></label>"), Ka = 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>'), Wa = u('<span class="svelte-1wpeqgu"> </span>'), Xa = 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 Ga = {
+  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 dr(M, a) {
+  Me(a, !1), la(M, Ga);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i();
+  let Q = t(a, "checked", 12, !1), E = t(a, "disabled", 8, !1), S = t(a, "required", 8, !1), Z = 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), U = t(a, "name", 8, void 0), R = t(a, "id", 8, void 0), A = t(a, "value", 8, void 0), ae = t(a, "className", 8, "");
+  const le = Ge();
+  let ge = i(), ve = i(!1);
+  function oe(b) {
+    const ee = b.target;
+    Q(ee.checked), le("change", { checked: Q() });
+  }
+  function pe(b) {
+    n(ve, !0), le("focus", { event: b });
+  }
+  function Ce(b) {
+    n(ve, !1), le("blur", { event: b });
+  }
+  function qe() {
+    var b;
+    (b = e(ge)) == null || b.focus();
+  }
+  function Y() {
+    var b;
+    (b = e(ge)) == 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(ae()), () => {
+    n(v, [
+      "relative",
+      "flex",
+      "items-start",
+      "gap-3",
+      "group",
+      "transition-all",
+      "duration-200",
+      "ease-in-out",
+      ae()
+    ].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(" "));
+  }), Ue();
+  var ue = { focus: qe, blur: Y };
+  Ae();
+  var P = Aa(), $ = s(P), D = s($);
+  Je(D, (b) => n(ge, b), () => e(ge));
+  var z, C = L(D, 2), J = s(C);
+  {
+    var ye = (b) => {
+      var ee = Oa();
+      N(() => K(ee, 0, de(e(V)), "svelte-1wpeqgu")), r(b, ee);
+    }, je = (b) => {
+      var ee = ze(), Be = xe(ee);
+      {
+        var we = (fe) => {
+          var ie = Da();
+          N(() => K(ie, 0, de(e(W)), "svelte-1wpeqgu")), r(fe, ie);
+        };
+        w(
+          Be,
+          (fe) => {
+            p() && fe(we);
+          },
+          !0
+        );
+      }
+      r(b, ee);
+    };
+    w(J, (b) => {
+      Q() && !p() ? b(ye) : b(je, !1);
+    });
+  }
+  var Pe = L(C, 2), Ie = L($, 2), te = s(Ie);
+  {
+    var he = (b) => {
+      var ee = Ra(), Be = s(ee), we = L(Be);
+      {
+        var fe = (ie) => {
+          var Ne = Fa();
+          r(ie, Ne);
+        };
+        w(we, (ie) => {
+          S() && ie(fe);
+        });
+      }
+      N(() => {
+        T(ee, "for", e(c)), K(ee, 1, de(e(O)), "svelte-1wpeqgu"), ce(Be, `${Z() ?? ""} `);
+      }), r(b, ee);
+    };
+    w(te, (b) => {
+      Z() && b(he);
+    });
+  }
+  var me = L(te, 2);
+  {
+    var Ee = (b) => {
+      var ee = Xa(), Be = s(ee);
+      {
+        var we = (ie) => {
+          var Ne = Ka(), be = L(s(Ne), 2), h = s(be);
+          N(() => ce(h, g())), r(ie, Ne);
+        }, fe = (ie) => {
+          var Ne = ze(), be = xe(Ne);
+          {
+            var h = (Oe) => {
+              var We = Wa(), Ve = s(We);
+              N(() => ce(Ve, B())), r(Oe, We);
+            };
+            w(
+              be,
+              (Oe) => {
+                B() && Oe(h);
+              },
+              !0
+            );
+          }
+          r(ie, Ne);
+        };
+        w(Be, (ie) => {
+          g() ? ie(we) : ie(fe, !1);
+        });
+      }
+      N(() => {
+        T(ee, "id", `${e(c) ?? ""}-help`), K(ee, 1, de(e(j)), "svelte-1wpeqgu");
+      }), r(b, ee);
+    };
+    w(me, (b) => {
+      (g() || B()) && b(Ee);
+    });
+  }
+  return N(() => {
+    K(P, 1, de(e(v)), "svelte-1wpeqgu"), T(D, "id", e(c)), D.disabled = E(), D.required = S(), T(D, "name", U()), 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(Pe, 1, `absolute inset-0 rounded pointer-events-none transition-all duration-200 ${e(ve) ? "ring-2 ring-primary" : ""}`, "svelte-1wpeqgu");
+  }), Ta(D, Q), q("change", D, oe), q("focus", D, pe), q("blur", D, Ce), r(M, P), Xe(a, "focus", qe), Xe(a, "blur", Y), He(ue);
+}
+var Va = u('<div role="menu" aria-orientation="vertical"><div class="max-h-full overflow-y-auto"><!></div></div>'), Ya = u("<div><!></div> <!>", 1);
+function Ua(M, a) {
+  Me(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 = Ge();
+  let j = i(), V = i(), W;
+  function Q() {
+    var ge, ve, oe, pe, Ce, qe, Y, ue;
+    if (!e(V)) return { top: 0, left: 0 };
+    W = e(V).getBoundingClientRect();
+    const p = window.scrollY, U = window.scrollX;
+    let R = W.bottom + p + f(), A = W.left + U;
+    switch (d()) {
+      case "bottom-end":
+        A = W.right + U - (((ge = e(j)) == null ? void 0 : ge.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 + U - (((pe = e(j)) == null ? void 0 : pe.offsetWidth) || 0);
+        break;
+    }
+    const ae = window.innerWidth, le = window.innerHeight;
+    return A < 0 && (A = 8), A + (((Ce = e(j)) == null ? void 0 : Ce.offsetWidth) || 0) > ae && (A = ae - (((qe = e(j)) == null ? void 0 : qe.offsetWidth) || 0) - 8), R < 0 && (R = 8), R + (((Y = e(j)) == null ? void 0 : Y.offsetHeight) || 0) > le + p && (R = le + p - (((ue = e(j)) == null ? void 0 : ue.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 = Q();
+        e(j) && (ia(j, e(j).style.top = `${p.top}px`), ia(j, e(j).style.left = `${p.left}px`));
+      });
+    }
+  ), Ue(), Ae();
+  var Z = Ya(), B = xe(Z), g = s(B);
+  oa(g, a, "trigger", {}, null), Je(B, (p) => n(V, p), () => e(V));
+  var k = L(B, 2);
+  {
+    var H = (p) => {
+      var U = Va(), R = s(U), A = s(R);
+      oa(A, a, "default", {}, null), Je(U, (ae) => n(j, ae), () => e(j)), N(() => {
+        K(U, 1, `fixed z-${y() ?? ""} bg-stone-800 border border-stone-700 rounded-lg shadow-xl`), ta(U, `max-height: ${F() ?? ""}; width: ${v() ?? ""};`);
+      }), ca(3, U, () => Ca, () => ({ y: -10, duration: 200 })), r(p, U);
+    };
+    w(k, (p) => {
+      c() && p(H);
+    });
+  }
+  r(M, Z), He();
+}
+function pa(M, a) {
+  Me(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 = aa(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [["path", { d: "M20 6 9 17l-5-5" }]];
+  Qe(M, Ze(
+    { name: "check" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+function Ja(M, a) {
+  Me(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 = aa(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [["path", { d: "m6 9 6 6 6-6" }]];
+  Qe(M, Ze(
+    { name: "chevron-down" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+function Qa(M, a) {
+  Me(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 = aa(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" }]
+  ];
+  Qe(M, Ze(
+    { name: "eye-off" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+function Za(M, a) {
+  Me(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 = aa(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" }]
+  ];
+  Qe(M, Ze(
+    { name: "eye" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+function $a(M, a) {
+  Me(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 = aa(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    ["path", { d: "M21 5H3" }],
+    ["path", { d: "M17 12H7" }],
+    ["path", { d: "M19 19H5" }]
+  ];
+  Qe(M, Ze(
+    { name: "text-align-center" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+function et(M, a) {
+  Me(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 = aa(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    ["path", { d: "M21 5H3" }],
+    ["path", { d: "M21 12H9" }],
+    ["path", { d: "M21 19H7" }]
+  ];
+  Qe(M, Ze(
+    { name: "text-align-end" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+function at(M, a) {
+  Me(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 = aa(a, ["$$slots", "$$events", "$$legacy"]);
+  const d = [
+    ["path", { d: "M21 5H3" }],
+    ["path", { d: "M15 12H3" }],
+    ["path", { d: "M17 19H3" }]
+  ];
+  Qe(M, Ze(
+    { name: "text-align-start" },
+    () => c,
+    {
+      get iconNode() {
+        return d;
+      },
+      children: (f, F) => {
+        var v = ze(), y = xe(v);
+        $e(y, () => a.children ?? ea), r(f, v);
+      },
+      $$slots: { default: !0 }
+    }
+  )), He();
+}
+var tt = u('<div role="dialog" aria-modal="true" aria-labelledby="slideup-title" tabindex="-1"></div>'), rt = 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>'), nt = u('<div role="dialog" aria-modal="true" aria-labelledby="slideup-title"><!> <div class="max-h-full overflow-y-auto"><!></div></div>'), st = u("<!> <!>", 1);
+function lt(M, a) {
+  Me(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 = Ge();
+  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());
+  }), Ue(), Ae();
+  var Q = st(), E = xe(Q);
+  {
+    var S = (g) => {
+      var k = tt();
+      Je(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)), ca(3, k, () => qa, () => ({ duration: 200 })), r(g, k);
+    };
+    w(E, (g) => {
+      c() && g(S);
+    });
+  }
+  var Z = L(E, 2);
+  {
+    var B = (g) => {
+      var k = nt(), H = s(k);
+      {
+        var p = (A) => {
+          var ae = rt(), le = s(ae), ge = s(le), ve = L(le, 2), oe = s(ve);
+          Ea(oe, { size: 20 }), N(() => ce(ge, d())), q("click", ve, () => v("close")), r(A, ae);
+        };
+        w(H, (A) => {
+          d() && A(p);
+        });
+      }
+      var U = L(H, 2), R = s(U);
+      oa(R, a, "default", {}, null), Je(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`), ta(k, `max-height: ${f() ?? ""};`);
+      }), ca(3, k, () => ja, () => ({ axis: "y", duration: 300 })), r(g, k);
+    };
+    w(Z, (g) => {
+      c() && g(B);
+    });
+  }
+  r(M, Q), He();
+}
+var ot = u('<span class="text-blood-red-500 ml-1">*</span>'), it = u("<label> <!></label>"), dt = u('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), ct = u('<button type="button"><div></div> <!></button>'), vt = 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>'), ut = u('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), ft = u('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), bt = 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), gt = u('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div>'), ht = u('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), mt = 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), xt = u('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), pt = u('<button type="button"><div></div> <!></button>'), yt = 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>'), _t = u('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), wt = u('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div> <!>', 1), kt = u('<div class="text-center py-6 text-stone-500 text-sm">No colors available</div>'), zt = u('<div class="space-y-3"><!> <!> <!> <!></div>');
+function cr(M, a) {
+  Me(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), Q = 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" }
+  ]), Z = i(!1), B = i(!1), g = i(!1);
+  const k = Ge(), 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(
+      Z,
+      !1
+      // Collapse after selection
+    ), k("change", { value: P.value }));
+  }
+  function U() {
+    W() || n(Z, !e(Z));
+  }
+  function R() {
+    n(B, !0);
+  }
+  function A() {
+    n(B, !1);
+  }
+  function ae() {
+    n(Z, !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(Q()), 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)[Q()],
+        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, $) => {
+        const D = $.family || "Other";
+        return P[D] || (P[D] = []), P[D].push($), P;
+      },
+      {}
+    ));
+  }), Ue(), Ae();
+  var le = zt(), ge = s(le);
+  {
+    var ve = (P) => {
+      var $ = it(), D = s($), z = L(D);
+      {
+        var C = (J) => {
+          var ye = ot();
+          r(J, ye);
+        };
+        w(z, (J) => {
+          V() && J(C);
+        });
+      }
+      N(() => {
+        T($, "for", H), K($, 1, de(e(f))), ce(D, `${j() ?? ""} `);
+      }), r(P, $);
+    };
+    w(ge, (P) => {
+      j() && P(ve);
+    });
+  }
+  var oe = L(ge, 2);
+  {
+    var pe = (P) => {
+      Ua(P, {
+        placement: "bottom-start",
+        width: "auto",
+        maxHeight: "20rem",
+        get isOpen() {
+          return e(Z);
+        },
+        set isOpen($) {
+          n(Z, $);
+        },
+        $$events: { close: ae },
+        children: ($, D) => {
+          var z = ut(), C = s(z);
+          ra(
+            C,
+            5,
+            () => (e(y), se(() => Object.entries(e(y)))),
+            ([J, ye]) => J,
+            (J, ye) => {
+              var je = ha(() => ma(e(ye), 2));
+              let Pe = () => e(je)[1];
+              var Ie = vt(), te = s(Ie);
+              ra(te, 5, Pe, (he) => he.value, (he, me) => {
+                var Ee = ct(), b = s(Ee), ee = L(b, 2);
+                {
+                  var Be = (we) => {
+                    var fe = dt(), ie = s(fe);
+                    pa(ie, { size: 8, class: "text-stone-900" }), r(we, fe);
+                  };
+                  w(ee, (we) => {
+                    l(O()), e(me), se(() => O() === e(me).value) && we(Be);
+                  });
+                }
+                N(() => {
+                  K(Ee, 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(me), se(() => O() === e(me).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${W() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), Ee.disabled = W(), K(b, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${l(O()), e(me), se(() => O() === e(me).value ? "border-cyber-amber-500" : "") ?? ""}`), ta(b, `background-color: ${e(me), se(() => e(me).value) ?? ""}`);
+                }), q("click", Ee, () => p(e(me))), q("keydown", Ee, (we) => we.key === "Enter" && p(e(me))), r(he, Ee);
+              }), r(J, Ie);
+            }
+          ), r($, z);
+        },
+        $$slots: {
+          default: !0,
+          trigger: ($, D) => {
+            var z = gt(), C = s(z), J = s(C), ye = s(J);
+            {
+              var je = (te) => {
+                var he = ft();
+                N(() => ta(he, `background-color: ${e(v), se(() => e(v).value) ?? ""}`)), r(te, he);
+              }, Pe = (te) => {
+                var he = bt();
+                r(te, he);
+              };
+              w(ye, (te) => {
+                e(v) ? te(je) : te(Pe, !1);
+              });
+            }
+            var Ie = L(C, 2);
+            N(() => {
+              K(C, 1, de(e(F))), C.disabled = W(), K(Ie, 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, U), q("focus", C, R), q("blur", C, A), r($, z);
+          }
+        },
+        $$legacy: !0
+      });
+    };
+    w(oe, (P) => {
+      e(g) || P(pe);
+    });
+  }
+  var Ce = L(oe, 2);
+  {
+    var qe = (P) => {
+      var $ = wt(), D = xe($), z = s(D), C = s(z), J = s(C);
+      {
+        var ye = (te) => {
+          var he = ht();
+          N(() => ta(he, `background-color: ${e(v), se(() => e(v).value) ?? ""}`)), r(te, he);
+        }, je = (te) => {
+          var he = mt();
+          r(te, he);
+        };
+        w(J, (te) => {
+          e(v) ? te(ye) : te(je, !1);
+        });
+      }
+      var Pe = L(z, 2), Ie = L(D, 2);
+      lt(Ie, {
+        title: "Select Color",
+        maxHeight: "80vh",
+        get isOpen() {
+          return e(Z);
+        },
+        set isOpen(te) {
+          n(Z, te);
+        },
+        $$events: { close: ae },
+        children: (te, he) => {
+          var me = _t(), Ee = s(me);
+          ra(
+            Ee,
+            5,
+            () => (e(y), se(() => Object.entries(e(y)))),
+            ([b, ee]) => b,
+            (b, ee) => {
+              var Be = ha(() => ma(e(ee), 2));
+              let we = () => e(Be)[1];
+              var fe = yt(), ie = s(fe);
+              ra(ie, 5, we, (Ne) => Ne.value, (Ne, be) => {
+                var h = pt(), Oe = s(h), We = L(Oe, 2);
+                {
+                  var Ve = (x) => {
+                    var o = xt(), G = s(o);
+                    pa(G, { size: 8, class: "text-stone-900" }), r(x, o);
+                  };
+                  w(We, (x) => {
+                    l(O()), e(be), se(() => O() === e(be).value) && x(Ve);
+                  });
+                }
+                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(be), se(() => O() === e(be).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${W() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), h.disabled = W(), K(Oe, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${l(O()), e(be), se(() => O() === e(be).value ? "border-cyber-amber-500" : "") ?? ""}`), ta(Oe, `background-color: ${e(be), se(() => e(be).value) ?? ""}`);
+                }), q("click", h, () => p(e(be))), q("keydown", h, (x) => x.key === "Enter" && p(e(be))), r(Ne, h);
+              }), r(b, fe);
+            }
+          ), r(te, me);
+        },
+        $$slots: { default: !0 },
+        $$legacy: !0
+      }), N(() => {
+        K(z, 1, de(e(F))), z.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", z, U), q("focus", z, R), q("blur", z, A), r(P, $);
+    };
+    w(Ce, (P) => {
+      e(g) && P(qe);
+    });
+  }
+  var Y = L(Ce, 2);
+  {
+    var ue = (P) => {
+      var $ = kt();
+      r(P, $);
+    };
+    w(Y, (P) => {
+      l(S()), se(() => !S() || S().length === 0) && P(ue);
+    });
+  }
+  r(M, le), He();
+}
+var Ct = u('<span class="text-error ml-1 svelte-7hu4vd" aria-label="required">*</span>'), qt = u("<label> <!></label>"), jt = u('<button type="button" aria-label="Clear input"><!></button>'), Et = u('<button type="button"><!></button>'), Bt = u('<div class="flex items-center gap-1 svelte-7hu4vd"><!> <span class="svelte-7hu4vd"> </span></div>'), Lt = u('<div class="flex items-center gap-1 svelte-7hu4vd"><!> <span class="svelte-7hu4vd"> </span></div>'), Nt = u('<span class="svelte-7hu4vd"> </span>'), Tt = u("<div><!></div>"), Ht = 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 Mt = {
+  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 vr(M, a) {
+  Me(a, !1), la(M, Mt);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i(), Q = i(), E = i();
+  let S = t(a, "value", 12, ""), Z = 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), U = t(a, "size", 8, "md"), R = t(a, "variant", 8, "default"), A = t(a, "error", 8, ""), ae = t(a, "success", 8, ""), le = t(a, "helpText", 8, ""), ge = t(a, "className", 8, ""), ve = t(a, "id", 8, ""), oe = t(a, "name", 8, void 0), pe = t(a, "maxLength", 8, void 0), Ce = t(a, "minLength", 8, void 0), qe = t(a, "pattern", 8, void 0), Y = t(a, "autocomplete", 8, void 0), ue = t(a, "showPasswordToggle", 8, !1), P = t(a, "showClearButton", 8, !1), $ = t(a, "ariaLabel", 8, void 0);
+  const D = Ge();
+  let z = i(), C = i(!1), J = i(!1);
+  function ye(_) {
+    const I = _.target;
+    S(I.value), n(J, S() !== ""), D("input", { value: S(), event: _ });
+  }
+  function je(_) {
+    const I = _.target;
+    S(I.value), n(J, S() !== ""), D("change", { value: S(), event: _ });
+  }
+  function Pe(_) {
+    D("focus", { event: _ });
+  }
+  function Ie(_) {
+    D("blur", { event: _ });
+  }
+  function te(_) {
+    D("keydown", { event: _ });
+  }
+  function he(_) {
+    D("keyup", { event: _ });
+  }
+  function me() {
+    n(C, !e(C));
+  }
+  function Ee(_) {
+    var I;
+    _.preventDefault(), S(""), n(J, !1), D("clear", { event: _ }), (I = e(z)) == null || I.focus();
+  }
+  function b() {
+    var _;
+    (_ = e(z)) == null || _.focus();
+  }
+  function ee() {
+    var _;
+    (_ = e(z)) == null || _.blur();
+  }
+  function Be() {
+    var _;
+    (_ = e(z)) == null || _.select();
+  }
+  m(() => l(ve()), () => {
+    n(c, ve() || `input-${Math.random().toString(36).substr(2, 9)}`);
+  }), m(() => l(S()), () => {
+    n(J, S() !== "" && S() !== null && S() !== void 0);
+  }), m(() => (l(A()), l(R())), () => {
+    n(d, !!A() || R() === "error");
+  }), m(() => (l(ae()), l(R())), () => {
+    n(f, !!ae() || 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(U()), l(ge())),
+    () => {
+      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)[U()],
+        ge()
+      ].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(Q, [
+      "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(" "));
+  }), Ue();
+  var we = { focus: b, blur: ee, select: Be };
+  Ae();
+  var fe = Ht(), ie = s(fe);
+  {
+    var Ne = (_) => {
+      var I = qt(), re = s(I), _e = L(re);
+      {
+        var De = (ne) => {
+          var Le = Ct();
+          r(ne, Le);
+        };
+        w(_e, (ne) => {
+          k() && ne(De);
+        });
+      }
+      N(() => {
+        T(I, "for", e(c)), K(I, 1, de(e(W)), "svelte-7hu4vd"), ce(re, `${B() ?? ""} `);
+      }), r(_, I);
+    };
+    w(ie, (_) => {
+      B() && _(Ne);
+    });
+  }
+  var be = L(ie, 2), h = s(be);
+  Je(h, (_) => n(z, _), () => e(z));
+  var Oe = L(h, 2), We = s(Oe);
+  {
+    var Ve = (_) => {
+      var I = jt(), re = s(I);
+      X(re, { size: 16 }), N(() => K(I, 1, de(e(E)), "svelte-7hu4vd")), q("click", I, Ee), q("keydown", I, (_e) => _e.key === "Enter" && Ee(_e)), r(_, I);
+    };
+    w(We, (_) => {
+      P() && e(J) && !H() && !p() && _(Ve);
+    });
+  }
+  var x = L(We, 2);
+  {
+    var o = (_) => {
+      var I = Et(), re = s(I);
+      {
+        var _e = (ne) => {
+          Qa(ne, { size: 16 });
+        }, De = (ne) => {
+          Za(ne, { size: 16 });
+        };
+        w(re, (ne) => {
+          e(C) ? ne(_e) : ne(De, !1);
+        });
+      }
+      N(() => {
+        K(I, 1, de(e(E)), "svelte-7hu4vd"), T(I, "aria-label", e(C) ? "Hide password" : "Show password");
+      }), q("click", I, me), q("keydown", I, (ne) => ne.key === "Enter" && me()), r(_, I);
+    };
+    w(x, (_) => {
+      ue() && Z() === "password" && _(o);
+    });
+  }
+  var G = L(be, 2);
+  {
+    var ke = (_) => {
+      var I = Tt(), re = s(I);
+      {
+        var _e = (ne) => {
+          var Le = Bt(), Te = s(Le);
+          ua(Te, { size: 14, class: "flex-shrink-0" });
+          var Fe = L(Te, 2), Ke = s(Fe);
+          N(() => ce(Ke, A())), r(ne, Le);
+        }, De = (ne) => {
+          var Le = ze(), Te = xe(Le);
+          {
+            var Fe = (Se) => {
+              var Re = Lt(), Ye = s(Re);
+              fa(Ye, { size: 14, class: "flex-shrink-0" });
+              var na = L(Ye, 2), sa = s(na);
+              N(() => ce(sa, ae())), r(Se, Re);
+            }, Ke = (Se) => {
+              var Re = ze(), Ye = xe(Re);
+              {
+                var na = (sa) => {
+                  var ga = Nt(), _a = s(ga);
+                  N(() => ce(_a, le())), r(sa, ga);
+                };
+                w(
+                  Ye,
+                  (sa) => {
+                    le() && sa(na);
+                  },
+                  !0
+                );
+              }
+              r(Se, Re);
+            };
+            w(
+              Te,
+              (Se) => {
+                e(f) ? Se(Fe) : Se(Ke, !1);
+              },
+              !0
+            );
+          }
+          r(ne, Le);
+        };
+        w(re, (ne) => {
+          e(d) ? ne(_e) : ne(De, !1);
+        });
+      }
+      N(() => {
+        T(I, "id", `${e(c) ?? ""}-help`), K(I, 1, de(e(Q)), "svelte-7hu4vd");
+      }), r(_, I);
+    };
+    w(G, (_) => {
+      (e(d) || e(f) || le()) && _(ke);
+    });
+  }
+  return N(() => {
+    K(fe, 1, de(e(V)), "svelte-7hu4vd"), T(h, "id", e(c)), T(h, "type", ue() && e(C) ? "text" : Z()), ya(h, S()), T(h, "placeholder", g()), h.disabled = H(), h.required = k(), h.readOnly = p(), T(h, "maxlength", pe()), T(h, "minlength", Ce()), T(h, "pattern", qe()), T(h, "autocomplete", Y() || 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", $() || (B() ? void 0 : "Input field")), T(h, "aria-required", k());
+  }), q("input", h, ye), q("change", h, je), q("focus", h, Pe), q("blur", h, Ie), q("keydown", h, te), q("keyup", h, he), r(M, fe), Xe(a, "focus", b), Xe(a, "blur", ee), Xe(a, "select", Be), He(we);
+}
+var St = u('<span class="text-error ml-1 svelte-1qdann5">*</span>'), Pt = u("<label> <!></label>"), It = u('<option disabled class="svelte-1qdann5"> </option>'), Ot = u('<option class="bg-dark-800 text-white svelte-1qdann5"> </option>'), Dt = u('<button type="button" tabindex="-1" aria-label="Clear selection"><!></button>'), Ft = u('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), Rt = u('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), Kt = u('<span class="svelte-1qdann5"> </span>'), Wt = u("<div><!></div>"), Xt = 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 ur(M, a) {
+  Me(a, !1), la(M, At);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i(), Q = i();
+  let E = t(a, "value", 12, void 0), S = t(a, "options", 24, () => []), Z = 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, ""), U = t(a, "helpText", 8, ""), R = t(a, "size", 8, "md"), A = t(a, "variant", 8, "outlined"), ae = t(a, "searchable", 8, !1), le = t(a, "clearable", 8, !1), ge = t(a, "name", 8, void 0), ve = t(a, "id", 8, void 0), oe = t(a, "className", 8, "");
+  const pe = Ge();
+  let Ce = i(), qe = i(!1), Y = i(""), ue = i([]);
+  function P(x) {
+    const o = x.target;
+    E(o.value), pe("input", { value: String(E()) });
+  }
+  function $(x) {
+    const o = x.target;
+    E(o.value), pe("change", { value: String(E()) });
+  }
+  function D(x) {
+    n(qe, !0), pe("focus", { event: x });
+  }
+  function z(x) {
+    n(qe, !1), pe("blur", { event: x });
+  }
+  function C(x) {
+    pe("keydown", { event: x });
+  }
+  function J(x) {
+    pe("keyup", { event: x });
+  }
+  function ye(x) {
+    x.stopPropagation(), E(void 0), pe("clear", { event: x });
+  }
+  function je() {
+    var x;
+    (x = e(Ce)) == null || x.focus();
+  }
+  function Pe() {
+    var x;
+    (x = e(Ce)) == null || x.blur();
+  }
+  m(() => l(ve()), () => {
+    n(c, ve() || `select-${Math.random().toString(36).substr(2, 9)}`);
+  }), m(
+    () => (l(ae()), e(Y), l(S())),
+    () => {
+      ae() && e(Y) ? n(ue, S().filter((x) => x.label.toLowerCase().includes(e(Y).toLowerCase()))) : n(ue, 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(Q, [
+      "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(" "));
+  }), Ue();
+  var Ie = { focus: je, blur: Pe };
+  Ae();
+  var te = Xt(), he = s(te);
+  {
+    var me = (x) => {
+      var o = Pt(), G = s(o), ke = L(G);
+      {
+        var _ = (I) => {
+          var re = St();
+          r(I, re);
+        };
+        w(ke, (I) => {
+          k() && I(_);
+        });
+      }
+      N(() => {
+        T(o, "for", e(c)), K(o, 1, de(e(j)), "svelte-1qdann5"), ce(G, `${B() ?? ""} `);
+      }), r(x, o);
+    };
+    w(he, (x) => {
+      B() && x(me);
+    });
+  }
+  var Ee = L(he, 2), b = s(Ee), ee = s(b);
+  {
+    var Be = (x) => {
+      var o = It(), G = s(o);
+      o.value = o.__value = "", N(() => ce(G, Z())), r(x, o);
+    };
+    w(ee, (x) => {
+      Z() && !E() && x(Be);
+    });
+  }
+  var we = L(ee);
+  ra(we, 1, () => e(ue), (x) => x.value, (x, o) => {
+    var G = Ot(), ke = s(G), _ = {};
+    N(() => {
+      G.disabled = (e(o), se(() => e(o).disabled)), ce(ke, (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);
+  }), Je(b, (x) => n(Ce, x), () => e(Ce));
+  var fe;
+  Ba(b);
+  var ie = L(b, 2);
+  {
+    var Ne = (x) => {
+      var o = Dt(), G = s(o);
+      {
+        let ke = xa(() => R() === "sm" ? 12 : R() === "md" ? 16 : 20);
+        X(G, {
+          get size() {
+            return e(ke);
+          }
+        });
+      }
+      N(() => K(o, 1, de(e(Q)), "svelte-1qdann5")), q("click", o, ye), q("keydown", o, (ke) => ke.key === "Enter" && ye(ke)), r(x, o);
+    };
+    w(ie, (x) => {
+      le() && E() !== void 0 && E() !== "" && x(Ne);
+    });
+  }
+  var be = L(ie, 2), h = s(be);
+  {
+    let x = xa(() => R() === "sm" ? 16 : R() === "md" ? 20 : 24);
+    Ja(h, {
+      get size() {
+        return e(x);
+      }
+    });
+  }
+  var Oe = L(be, 2), We = L(Ee, 2);
+  {
+    var Ve = (x) => {
+      var o = Wt(), G = s(o);
+      {
+        var ke = (I) => {
+          var re = Ft(), _e = s(re);
+          ua(_e, { size: 16, class: "flex-shrink-0" });
+          var De = L(_e, 2), ne = s(De);
+          N(() => ce(ne, H())), r(I, re);
+        }, _ = (I) => {
+          var re = ze(), _e = xe(re);
+          {
+            var De = (Le) => {
+              var Te = Rt(), Fe = s(Te);
+              fa(Fe, { size: 16, class: "flex-shrink-0" });
+              var Ke = L(Fe, 2), Se = s(Ke);
+              N(() => ce(Se, p())), r(Le, Te);
+            }, ne = (Le) => {
+              var Te = ze(), Fe = xe(Te);
+              {
+                var Ke = (Se) => {
+                  var Re = Kt(), Ye = s(Re);
+                  N(() => ce(Ye, U())), r(Se, Re);
+                };
+                w(
+                  Fe,
+                  (Se) => {
+                    U() && Se(Ke);
+                  },
+                  !0
+                );
+              }
+              r(Le, Te);
+            };
+            w(
+              _e,
+              (Le) => {
+                p() ? Le(De) : Le(ne, !1);
+              },
+              !0
+            );
+          }
+          r(I, re);
+        };
+        w(G, (I) => {
+          H() ? I(ke) : I(_, !1);
+        });
+      }
+      N(() => {
+        T(o, "id", `${e(c) ?? ""}-help`), K(o, 1, de(e(V)), "svelte-1qdann5");
+      }), r(x, o);
+    };
+    w(We, (x) => {
+      (H() || p() || U()) && x(Ve);
+    });
+  }
+  return N(() => {
+    K(te, 1, de(e(y)), "svelte-1qdann5"), T(b, "id", e(c)), b.disabled = g(), b.required = k(), T(b, "name", ge()), K(b, 1, de(e(O)), "svelte-1qdann5"), T(b, "aria-invalid", H() ? "true" : "false"), T(b, "aria-describedby", H() || p() || U() ? `${e(c)}-help` : void 0), fe !== (fe = E()) && (b.value = (b.__value = E()) ?? "", La(b, E())), K(be, 1, de(e(W)), "svelte-1qdann5"), K(Oe, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(qe) ? "ring-2 ring-primary" : ""}`, "svelte-1qdann5");
+  }), q("input", b, P), q("change", b, $), q("focus", b, D), q("blur", b, z), q("keydown", b, C), q("keyup", b, J), r(M, te), Xe(a, "focus", je), Xe(a, "blur", Pe), He(Ie);
+}
+var Gt = u('<span class="text-error ml-1 svelte-1bsl3nr" aria-label="required">*</span>'), Vt = u("<label> <!></label>"), Yt = u("<div> </div>"), Ut = u('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), Jt = u('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), Qt = u('<span class="svelte-1bsl3nr"> </span>'), Zt = u("<div><!></div>"), $t = u('<div><!> <div class="relative svelte-1bsl3nr"><textarea></textarea></div> <!> <!></div>');
+const er = {
+  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 fr(M, a) {
+  Me(a, !1), la(M, er);
+  const c = i(), d = i(), f = i(), F = i(), v = i(), y = i(), O = i(), j = i(), V = i(), W = i(), Q = i(), E = i(), S = i(), Z = 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), U = t(a, "required", 8, !1), R = t(a, "readonly", 8, !1), A = t(a, "id", 8, void 0), ae = t(a, "name", 8, void 0), le = t(a, "error", 8, ""), ge = t(a, "success", 8, ""), ve = t(a, "helpText", 8, ""), oe = t(a, "maxLength", 8, void 0), pe = t(a, "minLength", 8, void 0), Ce = t(a, "rows", 8, 4), qe = t(a, "resize", 8, "vertical"), Y = t(a, "autoResize", 8, !1), ue = t(a, "size", 8, "md"), P = t(a, "variant", 8, "outlined"), $ = t(a, "className", 8, ""), D = t(a, "ariaLabel", 8, void 0);
+  const z = Ge();
+  let C = i(), J = i(!1);
+  function ye(o) {
+    const G = o.target;
+    B(G.value), n(J, B() !== ""), Y() && Ee(), z("input", { value: B() });
+  }
+  function je(o) {
+    const G = o.target;
+    B(G.value), n(J, B() !== ""), z("change", { value: B() });
+  }
+  function Pe(o) {
+    z("focus", { event: o });
+  }
+  function Ie(o) {
+    z("blur", { event: o });
+  }
+  function te(o) {
+    z("keydown", { event: o });
+  }
+  function he(o) {
+    z("keyup", { event: o });
+  }
+  function me(o) {
+    z("resize", { event: o });
+  }
+  function Ee() {
+    e(C) && (ia(C, e(C).style.height = "auto"), ia(C, e(C).style.height = e(C).scrollHeight + "px"));
+  }
+  function b() {
+    var o;
+    (o = e(C)) == null || o.focus();
+  }
+  function ee() {
+    var o;
+    (o = e(C)) == null || o.blur();
+  }
+  function Be() {
+    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(J, B() !== "" && B() !== null && B() !== void 0);
+  }), m(() => l(le()), () => {
+    n(d, !!le());
+  }), m(() => l(ge()), () => {
+    n(f, !!ge());
+  }), 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(ue()), e(v), e(y), l(qe()), l($())),
+    () => {
+      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)[ue()],
+        e(v)[P()],
+        e(y)[qe()],
+        $()
+      ].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(Q, [
+      "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(Z, [
+      "text-xs",
+      "text-secondary",
+      "mt-1",
+      "text-right",
+      oe() && B().length > oe() * 0.9 ? "text-warning" : "",
+      oe() && B().length >= oe() ? "text-error" : ""
+    ].join(" "));
+  }), Ue();
+  var we = { focus: b, blur: ee, select: Be };
+  Ae();
+  var fe = $t(), ie = s(fe);
+  {
+    var Ne = (o) => {
+      var G = Vt(), ke = s(G), _ = L(ke);
+      {
+        var I = (re) => {
+          var _e = Gt();
+          r(re, _e);
+        };
+        w(_, (re) => {
+          U() && re(I);
+        });
+      }
+      N(() => {
+        T(G, "for", e(c)), K(G, 1, de(e(E)), "svelte-1bsl3nr"), ce(ke, `${g() ?? ""} `);
+      }), r(o, G);
+    };
+    w(ie, (o) => {
+      g() && o(Ne);
+    });
+  }
+  var be = L(ie, 2), h = s(be);
+  Je(h, (o) => n(C, o), () => e(C));
+  var Oe = L(be, 2);
+  {
+    var We = (o) => {
+      var G = Yt(), ke = s(G);
+      N(() => {
+        K(G, 1, de(e(Z)), "svelte-1bsl3nr"), ce(ke, `${l(B()), se(() => B().length) ?? ""}/${oe() ?? ""}`);
+      }), r(o, G);
+    };
+    w(Oe, (o) => {
+      oe() && o(We);
+    });
+  }
+  var Ve = L(Oe, 2);
+  {
+    var x = (o) => {
+      var G = Zt(), ke = s(G);
+      {
+        var _ = (re) => {
+          var _e = Ut(), De = s(_e);
+          ua(De, { size: 14, class: "flex-shrink-0" });
+          var ne = L(De, 2), Le = s(ne);
+          N(() => ce(Le, le())), r(re, _e);
+        }, I = (re) => {
+          var _e = ze(), De = xe(_e);
+          {
+            var ne = (Te) => {
+              var Fe = Jt(), Ke = s(Fe);
+              fa(Ke, { size: 14, class: "flex-shrink-0" });
+              var Se = L(Ke, 2), Re = s(Se);
+              N(() => ce(Re, ge())), r(Te, Fe);
+            }, Le = (Te) => {
+              var Fe = ze(), Ke = xe(Fe);
+              {
+                var Se = (Re) => {
+                  var Ye = Qt(), na = s(Ye);
+                  N(() => ce(na, ve())), r(Re, Ye);
+                };
+                w(
+                  Ke,
+                  (Re) => {
+                    ve() && Re(Se);
+                  },
+                  !0
+                );
+              }
+              r(Te, Fe);
+            };
+            w(
+              De,
+              (Te) => {
+                e(f) ? Te(ne) : Te(Le, !1);
+              },
+              !0
+            );
+          }
+          r(re, _e);
+        };
+        w(ke, (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(Ve, (o) => {
+      (e(d) || e(f) || ve()) && o(x);
+    });
+  }
+  return N(() => {
+    K(fe, 1, de(e(Q)), "svelte-1bsl3nr"), T(h, "id", e(c)), ya(h, B()), T(h, "placeholder", k()), h.disabled = p(), h.required = U(), h.readOnly = R(), T(h, "maxlength", oe()), T(h, "minlength", pe()), T(h, "name", ae()), T(h, "rows", Ce()), 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", U());
+  }), q("input", h, ye), q("change", h, je), q("focus", h, Pe), q("blur", h, Ie), q("keydown", h, te), q("keyup", h, he), q("resize", h, me), r(M, fe), Xe(a, "focus", b), Xe(a, "blur", ee), Xe(a, "select", Be), He(we);
+}
+var ar = u('<span class="text-red-400 ml-1">*</span>'), tr = u('<button type="button" role="radio"><!> <span class="hidden sm:inline"> </span></button>'), rr = 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 br(M, a) {
+  Me(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 = Ge(), y = `text-alignment-${Math.random().toString(36).substr(2, 9)}`, O = [
+    { value: "left", label: "Left", component: at },
+    { value: "center", label: "Center", component: $a },
+    { value: "right", label: "Right", component: et }
+  ];
+  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 = rr(), Q = s(W), E = s(Q), S = L(E);
+  {
+    var Z = (g) => {
+      var k = ar();
+      r(g, k);
+    };
+    w(S, (g) => {
+      f() && g(Z);
+    });
+  }
+  var B = L(Q, 2);
+  ra(B, 5, () => O, Na, (g, k) => {
+    var H = tr(), p = s(H);
+    da(p, () => e(k).component, (A, ae) => {
+      ae(A, { size: 16 });
+    });
+    var U = L(p, 2), R = s(U);
+    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(Q, "for", y), ce(E, `${d() ?? ""} `), T(B, "id", y), T(B, "aria-label", d());
+  }), r(M, W), He();
+}
+var nr = u('<button type="button" class="text-sm font-medium text-primary cursor-pointer select-none hover:text-secondary transition-colors"> </button>'), sr = u('<div><button type="button" role="switch"><span></span></button> <!></div>');
+function gr(M, a) {
+  Me(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 = Ge();
+  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"
+    });
+  }), Ue(), Ae();
+  var Q = sr(), E = s(Q), S = s(E), Z = L(E, 2);
+  {
+    var B = (g) => {
+      var k = nr(), 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(Z, (g) => {
+      F() && g(B);
+    });
+  }
+  N(() => {
+    K(Q, 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, Q), He();
+}
+export {
+  ir as B,
+  dr as C,
+  Ua as D,
+  vr as I,
+  ur as S,
+  fr as T,
+  cr as a,
+  br as b,
+  gr as c,
+  lt as d
+};