zabi-components 1.0.8 → 1.0.9

package/dist/{Toggle-CTlSe4Ym.js → Toggle-kQ6Z43Ep.js}

@@ -1,4 +1,4 @@
-import { a0 as _t, u as Z, a1 as kt, a as at, p as a, C as j, D as Fe, i as Te, f as g, $ as yt, c as E, s as rt, e as I, g as s, h as we, j as _e, r as d, l as e, m, n as o, o as S, k as f, x as it, w as pe, b as he, t as T, B as ie, M as ot, v as L, d as Ae, G as De, q as Y, F as ge, R as st, P as Ue, y as lt, z as qt, I as Je, H as Qe, J as Ze, K as $e, L as et, A as Ct, a2 as zt, X as dt, E as tt, a3 as bt, a4 as gt, N as ct, O as vt, a5 as pt, a6 as Et, _ as ht, a7 as jt, S as Bt } from "./x-Dsi-CPO3.js";
+import { a0 as _t, u as Z, a1 as kt, a as at, p as a, C as j, D as Fe, i as Te, f as g, $ as pt, c as E, s as rt, e as I, g as s, h as we, j as _e, r as d, l as e, m, n as o, o as S, k as f, x as it, w as ye, b as he, t as T, B as ie, M as ot, v as L, d as Ae, G as De, q as Y, F as ge, R as st, P as Ue, y as lt, z as qt, I as Je, H as Qe, J as Ze, K as $e, L as et, A as Ct, a2 as zt, X as dt, E as tt, a3 as bt, a4 as gt, N as ct, O as vt, a5 as yt, a6 as Et, _ as ht, a7 as jt, S as Bt } from "./x-Dsi-CPO3.js";
 import { createEventDispatcher as Ne, onMount as ut } from "svelte";
 function St(i, t, r = t) {
   _t(i, "change", (n) => {
@@ -45,13 +45,13 @@ const Nt = {
 function qr(i, t) {
   _e(t, !1), at(i, Nt);
   const r = m(), n = m();
-  let x = a(t, "variant", 8, "primary"), H = a(t, "size", 8, "md"), u = a(t, "disabled", 8, !1), y = a(t, "loading", 8, !1), P = a(t, "type", 8, "button"), C = a(t, "className", 8, ""), K = a(t, "iconLeft", 8, null), B = a(t, "iconRight", 8, null), V = a(t, "ariaLabel", 8, ""), _ = a(t, "ariaDescribedBy", 8, ""), W = a(t, "ariaExpanded", 8, void 0), X = a(t, "ariaControls", 8, void 0), z = a(t, "ariaPressed", 8, void 0);
+  let x = a(t, "variant", 8, "primary"), H = a(t, "size", 8, "md"), u = a(t, "disabled", 8, !1), p = a(t, "loading", 8, !1), P = a(t, "type", 8, "button"), C = a(t, "className", 8, ""), K = a(t, "iconLeft", 8, null), B = a(t, "iconRight", 8, null), V = a(t, "ariaLabel", 8, ""), _ = a(t, "ariaDescribedBy", 8, ""), W = a(t, "ariaExpanded", 8, void 0), X = a(t, "ariaControls", 8, void 0), z = a(t, "ariaPressed", 8, void 0);
   const c = Ne();
   function v(ee) {
-    u() || y() || c("click", { value: !0, event: ee });
+    u() || p() || c("click", { value: !0, event: ee });
   }
   function k(ee) {
-    if (u() || y()) return;
+    if (u() || p()) return;
     const le = ee;
     (le.key === "Enter" || le.key === " ") && (le.preventDefault(), c("click", { value: !0, event: le }));
   }
@@ -101,6 +101,27 @@ function qr(i, t) {
       "active:bg-info-active active:border-info-active",
       "focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
       "shadow-adaptive-sm hover:shadow-adaptive-md"
+    ].join(" "),
+    ghost: [
+      "bg-transparent text-text border border-transparent",
+      "hover:bg-surface-hover hover:border-border-hover",
+      "active:bg-surface-active active:border-border-hover",
+      "focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
+      "shadow-none hover:shadow-adaptive-sm"
+    ].join(" "),
+    link: [
+      "bg-transparent text-primary border border-transparent underline-offset-4",
+      "hover:bg-transparent hover:text-primary-hover hover:underline",
+      "active:bg-transparent active:text-primary-active active:underline",
+      "focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
+      "shadow-none"
+    ].join(" "),
+    neutral: [
+      "bg-surface text-text border border-border",
+      "hover:bg-surface-hover hover:border-border-hover",
+      "active:bg-surface-active active:border-border-hover",
+      "focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
+      "shadow-adaptive-sm hover:shadow-adaptive-md"
     ].join(" ")
   }, w = u() ? [
     "bg-surface-disabled text-text-disabled border-border-disabled",
@@ -108,22 +129,22 @@ function qr(i, t) {
     "active:bg-surface-disabled active:text-text-disabled active:border-border-disabled",
     "shadow-none"
   ].join(" ") : "";
-  y(), j(
+  p(), j(
     () => (d(H()), d(u()), d(x()), d(C())),
     () => {
       f(r, [
         h,
         N[H()],
-        u() ? w : b[x()],
+        u() ? w : b[x()] || b.primary,
         C()
       ].filter(Boolean).join(" "));
     }
   ), j(
-    () => (d(y()), d(V()), d(_()), d(W()), d(X()), d(z()), d(u())),
+    () => (d(p()), d(V()), d(_()), d(W()), d(X()), d(z()), d(u())),
     () => {
       f(n, {
-        "aria-busy": y(),
-        "aria-label": V() || (y() ? "Loading..." : void 0),
+        "aria-busy": p(),
+        "aria-label": V() || (p() ? "Loading..." : void 0),
         "aria-describedby": _() || void 0,
         "aria-expanded": W(),
         "aria-controls": X(),
@@ -133,12 +154,12 @@ function qr(i, t) {
     }
   ), Fe(), Te();
   var M = Lt();
-  yt(
+  pt(
     M,
     () => ({
       type: P(),
       class: e(r),
-      disabled: u() || y(),
+      disabled: u() || p(),
       ...e(n)
     }),
     void 0,
@@ -152,19 +173,19 @@ function qr(i, t) {
       s(ee, le);
     };
     E(se, (ee) => {
-      y() && ee(oe);
+      p() && ee(oe);
     });
   }
   var de = S(se, 2);
   {
     var J = (ee) => {
-      var le = pe(), F = he(le);
+      var le = ye(), F = he(le);
       {
         var $ = (R) => {
           var D = Pt(), ae = o(D);
           T(() => ie(ae, K())), s(R, D);
         }, U = (R) => {
-          var D = pe(), ae = he(D);
+          var D = ye(), ae = he(D);
           ot(ae, K, (me, ke) => {
             ke(me, { class: "h-4 w-4" });
           }), s(R, D);
@@ -176,21 +197,21 @@ function qr(i, t) {
       s(ee, le);
     };
     E(de, (ee) => {
-      K() && !y() && ee(J);
+      K() && !p() && ee(J);
     });
   }
   var ce = S(de, 2);
   rt(ce, t, "default", {}, null);
-  var ye = S(ce, 2);
+  var pe = S(ce, 2);
   {
     var qe = (ee) => {
-      var le = pe(), F = he(le);
+      var le = ye(), F = he(le);
       {
         var $ = (R) => {
           var D = It(), ae = o(D);
           T(() => ie(ae, B())), s(R, D);
         }, U = (R) => {
-          var D = pe(), ae = he(D);
+          var D = ye(), ae = he(D);
           ot(ae, B, (me, ke) => {
             ke(me, { class: "h-4 w-4" });
           }), s(R, D);
@@ -201,8 +222,8 @@ function qr(i, t) {
       }
       s(ee, le);
     };
-    E(ye, (ee) => {
-      B() && !y() && ee(qe);
+    E(pe, (ee) => {
+      B() && !p() && ee(qe);
     });
   }
   I("click", M, v), I("keydown", M, k), s(i, M), we();
@@ -214,19 +235,19 @@ const Rt = {
 };
 function Cr(i, t) {
   _e(t, !1), at(i, Rt);
-  let r = a(t, "title", 8, ""), n = a(t, "subtitle", 8, ""), x = a(t, "description", 8, ""), H = a(t, "image", 8, ""), u = a(t, "variant", 8, "default"), y = a(t, "interactive", 8, !1), P = a(t, "className", 8, "");
+  let r = a(t, "title", 8, ""), n = a(t, "subtitle", 8, ""), x = a(t, "description", 8, ""), H = a(t, "image", 8, ""), u = a(t, "variant", 8, "default"), p = a(t, "interactive", 8, !1), P = a(t, "className", 8, "");
   const C = Ne();
   function K(b) {
-    y() && C("click", { event: b });
+    p() && C("click", { event: b });
   }
   Te();
   var B = Ft();
-  yt(
+  pt(
     B,
     () => ({
-      class: `card card-${u() ?? ""} ${y() ? "interactive" : ""} ${P() ?? ""}`,
-      role: y() ? "button" : void 0,
-      ...y() ? { tabindex: 0 } : {}
+      class: `card card-${u() ?? ""} ${p() ? "interactive" : ""} ${P() ?? ""}`,
+      role: p() ? "button" : void 0,
+      ...p() ? { tabindex: 0 } : {}
     }),
     void 0,
     void 0,
@@ -335,27 +356,27 @@ const Jt = {
 };
 function zr(i, t) {
   _e(t, !1), at(i, Jt);
-  const r = m(), n = m(), x = m(), H = m(), u = m(), y = m(), P = m(), C = m(), K = m(), B = m();
+  const r = m(), n = m(), x = m(), H = m(), u = m(), p = m(), P = m(), C = m(), K = m(), B = m();
   let V = a(t, "checked", 12, !1), _ = a(t, "disabled", 8, !1), W = a(t, "required", 8, !1), X = a(t, "label", 8, ""), z = a(t, "helpText", 8, ""), c = a(t, "error", 8, ""), v = a(t, "size", 8, "md"), k = a(t, "variant", 8, "default"), h = a(t, "indeterminate", 8, !1), N = a(t, "name", 8, void 0), b = a(t, "id", 8, void 0), w = a(t, "value", 8, void 0), M = a(t, "className", 8, "");
   const se = Ne();
   let oe = m(), de = m(!1);
-  function J(p) {
-    const re = p.target;
-    V(re.checked), se("change", { value: V(), checked: V(), event: p, field: N() });
+  function J(y) {
+    const re = y.target;
+    V(re.checked), se("change", { value: V(), checked: V(), event: y, field: N() });
   }
-  function ce(p) {
-    f(de, !0), se("focus", { event: p });
+  function ce(y) {
+    f(de, !0), se("focus", { event: y });
   }
-  function ye(p) {
-    f(de, !1), se("blur", { event: p });
+  function pe(y) {
+    f(de, !1), se("blur", { event: y });
   }
   function qe() {
-    var p;
-    (p = e(oe)) == null || p.focus();
+    var y;
+    (y = e(oe)) == null || y.focus();
   }
   function ee() {
-    var p;
-    (p = e(oe)) == null || p.blur();
+    var y;
+    (y = e(oe)) == null || y.blur();
   }
   j(() => d(b()), () => {
     f(r, b() || `checkbox-${Math.random().toString(36).substr(2, 9)}`);
@@ -386,7 +407,7 @@ function zr(i, t) {
   }), j(
     () => (e(n), d(v()), e(x), d(k()), e(H), d(c())),
     () => {
-      f(y, [
+      f(p, [
         "flex-shrink-0",
         "rounded",
         "transition-all",
@@ -442,14 +463,14 @@ function zr(i, t) {
   var le = { focus: qe, blur: ee };
   Te();
   var F = Ut(), $ = o(F), U = o($);
-  Ae(U, (p) => f(oe, p), () => e(oe));
+  Ae(U, (y) => f(oe, y), () => e(oe));
   var R, D = S(U, 2), ae = o(D);
   {
-    var me = (p) => {
+    var me = (y) => {
       var re = Kt();
-      T(() => Y(re, 0, `${e(K) ?? ""} text-text`, "svelte-1wpeqgu")), s(p, re);
-    }, ke = (p) => {
-      var re = pe(), O = he(re);
+      T(() => Y(re, 0, `${e(K) ?? ""} text-text`, "svelte-1wpeqgu")), s(y, re);
+    }, ke = (y) => {
+      var re = ye(), O = he(re);
       {
         var ne = (fe) => {
           var ve = Vt();
@@ -463,15 +484,15 @@ function zr(i, t) {
           !0
         );
       }
-      s(p, re);
+      s(y, re);
     };
-    E(ae, (p) => {
-      V() && !h() ? p(me) : p(ke, !1);
+    E(ae, (y) => {
+      V() && !h() ? y(me) : y(ke, !1);
     });
   }
   var Be = S(D, 2), je = S($, 2), te = o(je);
   {
-    var be = (p) => {
+    var be = (y) => {
       var re = Xt(), O = o(re), ne = S(O);
       {
         var fe = (ve) => {
@@ -484,22 +505,22 @@ function zr(i, t) {
       }
       T(() => {
         L(re, "for", e(r)), Y(re, 1, ge(e(P)), "svelte-1wpeqgu"), ie(O, `${X() ?? ""} `);
-      }), s(p, re);
+      }), s(y, re);
     };
-    E(te, (p) => {
-      X() && p(be);
+    E(te, (y) => {
+      X() && y(be);
     });
   }
   var xe = S(te, 2);
   {
-    var A = (p) => {
+    var A = (y) => {
       var re = Gt(), O = o(re);
       {
         var ne = (ve) => {
           var ze = At(), ue = S(o(ze), 2), G = o(ue);
           T(() => ie(G, c())), s(ve, ze);
         }, fe = (ve) => {
-          var ze = pe(), ue = he(ze);
+          var ze = ye(), ue = he(ze);
           {
             var G = (Pe) => {
               var Ke = Yt(), Ye = o(Ke);
@@ -521,24 +542,24 @@ function zr(i, t) {
       }
       T(() => {
         L(re, "id", `${e(r) ?? ""}-help`), Y(re, 1, ge(e(C)), "svelte-1wpeqgu");
-      }), s(p, re);
+      }), s(y, re);
     };
-    E(xe, (p) => {
-      (c() || z()) && p(A);
+    E(xe, (y) => {
+      (c() || z()) && y(A);
     });
   }
   return T(() => {
-    Y(F, 1, ge(e(u)), "svelte-1wpeqgu"), L(U, "id", e(r)), U.disabled = _(), U.required = W(), L(U, "name", N()), L(U, "aria-invalid", c() ? "true" : "false"), L(U, "aria-describedby", c() || z() ? `${e(r)}-help` : void 0), R !== (R = w()) && (U.value = (U.__value = w()) ?? ""), Y(D, 1, ge(e(y)), "svelte-1wpeqgu"), Y(Be, 1, `absolute inset-0 rounded pointer-events-none transition-all duration-200 ${e(de) ? "ring-2 ring-primary" : ""}`, "svelte-1wpeqgu");
-  }), St(U, V), I("change", U, J), I("focus", U, ce), I("blur", U, ye), s(i, F), De(t, "focus", qe), De(t, "blur", ee), we(le);
+    Y(F, 1, ge(e(u)), "svelte-1wpeqgu"), L(U, "id", e(r)), U.disabled = _(), U.required = W(), L(U, "name", N()), L(U, "aria-invalid", c() ? "true" : "false"), L(U, "aria-describedby", c() || z() ? `${e(r)}-help` : void 0), R !== (R = w()) && (U.value = (U.__value = w()) ?? ""), Y(D, 1, ge(e(p)), "svelte-1wpeqgu"), Y(Be, 1, `absolute inset-0 rounded pointer-events-none transition-all duration-200 ${e(de) ? "ring-2 ring-primary" : ""}`, "svelte-1wpeqgu");
+  }), St(U, V), I("change", U, J), I("focus", U, ce), I("blur", U, pe), s(i, F), De(t, "focus", qe), De(t, "blur", ee), we(le);
 }
 var Qt = g('<div role="menu" aria-orientation="vertical"><div class="max-h-full overflow-y-auto"><!></div></div>'), Zt = g("<div><!></div> <!>", 1);
 function $t(i, t) {
   _e(t, !1);
-  let r = a(t, "isOpen", 8, !1), n = a(t, "placement", 8, "bottom-start"), x = a(t, "offset", 8, 8), H = a(t, "maxHeight", 8, "20rem"), u = a(t, "width", 8, "auto"), y = a(t, "zIndex", 8, 50);
+  let r = a(t, "isOpen", 8, !1), n = a(t, "placement", 8, "bottom-start"), x = a(t, "offset", 8, 8), H = a(t, "maxHeight", 8, "20rem"), u = a(t, "width", 8, "auto"), p = a(t, "zIndex", 8, 50);
   const P = Ne();
   let C = m(), K = m(), B;
   function V() {
-    var oe, de, J, ce, ye, qe, ee, le;
+    var oe, de, J, ce, pe, qe, ee, le;
     if (!e(K)) return { top: 0, left: 0 };
     B = e(K).getBoundingClientRect();
     const h = window.scrollY, N = window.scrollX;
@@ -555,7 +576,7 @@ function $t(i, t) {
         break;
     }
     const M = window.innerWidth, se = window.innerHeight;
-    return w < 0 && (w = 8), w + (((ye = e(C)) == null ? void 0 : ye.offsetWidth) || 0) > M && (w = M - (((qe = e(C)) == null ? void 0 : qe.offsetWidth) || 0) - 8), b < 0 && (b = 8), b + (((ee = e(C)) == null ? void 0 : ee.offsetHeight) || 0) > se + h && (b = se + h - (((le = e(C)) == null ? void 0 : le.offsetHeight) || 0) - 8), { top: b, left: w };
+    return w < 0 && (w = 8), w + (((pe = e(C)) == null ? void 0 : pe.offsetWidth) || 0) > M && (w = M - (((qe = e(C)) == null ? void 0 : qe.offsetWidth) || 0) - 8), b < 0 && (b = 8), b + (((ee = e(C)) == null ? void 0 : ee.offsetHeight) || 0) > se + h && (b = se + h - (((le = e(C)) == null ? void 0 : le.offsetHeight) || 0) - 8), { top: b, left: w };
   }
   function _(h) {
     r() && e(C) && !e(C).contains(h.target) && e(K) && !e(K).contains(h.target) && P("close");
@@ -581,7 +602,7 @@ function $t(i, t) {
     var k = (h) => {
       var N = Qt(), b = o(N), w = o(b);
       rt(w, t, "default", {}, null), Ae(N, (M) => f(C, M), () => e(C)), T(() => {
-        Y(N, 1, `fixed z-${y() ?? ""} bg-stone-800 border border-stone-700 rounded-lg shadow-xl`), Ue(N, `max-height: ${H() ?? ""}; width: ${u() ?? ""};`);
+        Y(N, 1, `fixed z-${p() ?? ""} bg-stone-800 border border-stone-700 rounded-lg shadow-xl`), Ue(N, `max-height: ${H() ?? ""}; width: ${u() ?? ""};`);
       }), lt(3, N, () => qt, () => ({ y: -10, duration: 200 })), s(h, N);
     };
     E(v, (h) => {
@@ -646,8 +667,8 @@ function xt(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -709,8 +730,8 @@ function ea(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -787,8 +808,8 @@ function ta(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -858,8 +879,8 @@ function aa(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -925,8 +946,8 @@ function ra(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -992,8 +1013,8 @@ function na(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -1059,8 +1080,8 @@ function sa(i, t) {
         return n;
       },
       children: (x, H) => {
-        var u = pe(), y = he(u);
-        Ze(y, () => t.children ?? $e), s(x, u);
+        var u = ye(), p = he(u);
+        Ze(p, () => t.children ?? $e), s(x, u);
       },
       $$slots: { default: !0 }
     }
@@ -1071,7 +1092,7 @@ function ca(i, t) {
   _e(t, !1);
   let r = a(t, "isOpen", 8, !1), n = a(t, "title", 8, ""), x = a(t, "maxHeight", 8, "80vh"), H = a(t, "zIndex", 8, 50);
   const u = Ne();
-  let y = m(), P = m();
+  let p = m(), P = m();
   function C(c) {
     r() && e(P) && c.target === e(P) && u("close");
   }
@@ -1110,7 +1131,7 @@ function ca(i, t) {
         });
       }
       var N = S(k, 2), b = o(N);
-      rt(b, t, "default", {}, null), Ae(v, (w) => f(y, w), () => e(y)), T(() => {
+      rt(b, t, "default", {}, null), Ae(v, (w) => f(p, w), () => e(p)), T(() => {
         Y(v, 1, `fixed bottom-0 left-0 right-0 z-${H() + 1} bg-stone-800 border-t border-stone-700 rounded-t-xl shadow-2xl`), Ue(v, `max-height: ${x() ?? ""};`);
       }), lt(3, v, () => zt, () => ({ axis: "y", duration: 300 })), s(c, v);
     };
@@ -1120,10 +1141,10 @@ function ca(i, t) {
   }
   s(i, V), we();
 }
-var va = g('<span class="ml-1" style="color: rgb(var(--color-error));">*</span>'), ua = g("<label> <!></label>"), fa = g('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), ba = g('<button type="button"><div></div> <!></button>'), ga = g('<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>'), ha = g('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), ma = g('<div class="w-8 h-8 rounded border flex-shrink-0"></div>'), xa = g('<div class="w-8 h-8 rounded border flex-shrink-0" style="background-color: rgb(var(--color-surface-secondary)); border-color: rgb(var(--color-border));"></div> <span style="color: rgb(var(--color-text-secondary));">Select a color</span>', 1), ya = g('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div>'), pa = g('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), wa = g('<div class="w-8 h-8 rounded border flex-shrink-0" style="border-color: rgb(var(--color-border)); background-color: rgb(var(--color-surface-secondary));"></div> <span style="color: rgb(var(--color-text-secondary));">Select a color</span>', 1), _a = g('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), ka = g('<button type="button"><div></div> <!></button>'), qa = g('<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>'), Ca = g('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), za = g('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div> <!>', 1), Ea = g('<div class="text-center py-6 text-stone-500 text-sm">No colors available</div>'), ja = g('<div class="space-y-3"><!> <!> <!> <!></div>');
+var va = g('<span class="ml-1" style="color: rgb(var(--color-error));">*</span>'), ua = g("<label> <!></label>"), fa = g('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), ba = g('<button type="button"><div></div> <!></button>'), ga = g('<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>'), ha = g('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), ma = g('<div class="w-8 h-8 rounded border flex-shrink-0"></div>'), xa = g('<div class="w-8 h-8 rounded border flex-shrink-0" style="background-color: rgb(var(--color-surface-secondary)); border-color: rgb(var(--color-border));"></div> <span style="color: rgb(var(--color-text-secondary));">Select a color</span>', 1), pa = g('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div>'), ya = g('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), wa = g('<div class="w-8 h-8 rounded border flex-shrink-0" style="border-color: rgb(var(--color-border)); background-color: rgb(var(--color-surface-secondary));"></div> <span style="color: rgb(var(--color-text-secondary));">Select a color</span>', 1), _a = g('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), ka = g('<button type="button"><div></div> <!></button>'), qa = g('<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>'), Ca = g('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), za = g('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div> <!>', 1), Ea = g('<div class="text-center py-6 text-stone-500 text-sm">No colors available</div>'), ja = g('<div class="space-y-3"><!> <!> <!> <!></div>');
 function Er(i, t) {
   _e(t, !1);
-  const r = m(), n = m(), x = m(), H = m(), u = m(), y = m();
+  const r = m(), n = m(), x = m(), H = m(), u = m(), p = m();
   let P = a(t, "value", 12, ""), C = a(t, "label", 8, ""), K = a(t, "required", 8, !1), B = a(t, "disabled", 8, !1), V = a(t, "size", 8, "md"), _ = a(t, "variant", 8, "outlined"), W = a(t, "colors", 24, () => [
     // Default color palette - can be customized by parent
     { label: "Red", value: "#ef4444", family: "Basic" },
@@ -1213,7 +1234,7 @@ function Er(i, t) {
   ), j(() => (d(W()), d(P())), () => {
     f(u, W().find((F) => F.value === P()));
   }), j(() => d(W()), () => {
-    f(y, W().reduce(
+    f(p, W().reduce(
       (F, $) => {
         const U = $.family || "Other";
         return F[U] || (F[U] = []), F[U].push($), F;
@@ -1261,14 +1282,14 @@ function Er(i, t) {
           tt(
             D,
             5,
-            () => (e(y), Z(() => Object.entries(e(y)))),
+            () => (e(p), Z(() => Object.entries(e(p)))),
             ([ae, me]) => ae,
             (ae, me) => {
               var ke = bt(() => gt(e(me), 2));
               let Be = () => e(ke)[1];
               var je = ga(), te = o(je);
               tt(te, 5, Be, (be) => be.value, (be, xe) => {
-                var A = ba(), p = o(A), re = S(p, 2);
+                var A = ba(), y = o(A), re = S(y, 2);
                 {
                   var O = (ne) => {
                     var fe = fa(), ve = o(fe);
@@ -1279,7 +1300,7 @@ function Er(i, t) {
                   });
                 }
                 T(() => {
-                  Y(A, 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 ${d(P()), e(xe), Z(() => P() === e(xe).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${B() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), A.disabled = B(), Y(p, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${d(P()), e(xe), Z(() => P() === e(xe).value ? "border-cyber-amber-500" : "") ?? ""}`), Ue(p, `background-color: ${e(xe), Z(() => e(xe).value) ?? ""}`);
+                  Y(A, 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 ${d(P()), e(xe), Z(() => P() === e(xe).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${B() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), A.disabled = B(), Y(y, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${d(P()), e(xe), Z(() => P() === e(xe).value ? "border-cyber-amber-500" : "") ?? ""}`), Ue(y, `background-color: ${e(xe), Z(() => e(xe).value) ?? ""}`);
                 }), I("click", A, () => h(e(xe))), I("keydown", A, (ne) => {
                   ne.key === "Enter" && h(e(xe));
                 }), s(be, A);
@@ -1290,7 +1311,7 @@ function Er(i, t) {
         $$slots: {
           default: !0,
           trigger: ($, U) => {
-            var R = ya(), D = o(R), ae = o(D), me = o(ae);
+            var R = pa(), D = o(R), ae = o(D), me = o(ae);
             {
               var ke = (te) => {
                 var be = ma();
@@ -1316,13 +1337,13 @@ function Er(i, t) {
       e(c) || F(ce);
     });
   }
-  var ye = S(J, 2);
+  var pe = S(J, 2);
   {
     var qe = (F) => {
       var $ = za(), U = he($), R = o(U), D = o(R), ae = o(D);
       {
         var me = (te) => {
-          var be = pa();
+          var be = ya();
           T(() => Ue(be, `background-color: ${e(u), Z(() => e(u).value) ?? ""}`)), s(te, be);
         }, ke = (te) => {
           var be = wa();
@@ -1348,9 +1369,9 @@ function Er(i, t) {
           tt(
             A,
             5,
-            () => (e(y), Z(() => Object.entries(e(y)))),
-            ([p, re]) => p,
-            (p, re) => {
+            () => (e(p), Z(() => Object.entries(e(p)))),
+            ([y, re]) => y,
+            (y, re) => {
               var O = bt(() => gt(e(re), 2));
               let ne = () => e(O)[1];
               var fe = qa(), ve = o(fe);
@@ -1370,7 +1391,7 @@ function Er(i, t) {
                 }), I("click", G, () => h(e(ue))), I("keydown", G, (q) => {
                   q.key === "Enter" && h(e(ue));
                 }), s(ze, G);
-              }), s(p, fe);
+              }), s(y, fe);
             }
           ), s(te, xe);
         },
@@ -1380,11 +1401,11 @@ function Er(i, t) {
         Y(R, 1, ge(e(H))), R.disabled = B(), Y(Be, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(z) ? "ring-2 ring-focus-ring" : ""}`);
       }), I("click", R, N), I("focus", R, b), I("blur", R, w), s(F, $);
     };
-    E(ye, (F) => {
+    E(pe, (F) => {
       e(c) && F(qe);
     });
   }
-  var ee = S(ye, 2);
+  var ee = S(pe, 2);
   {
     var le = (F) => {
       var $ = Ea();
@@ -1493,7 +1514,7 @@ function Sr(i, t, r) {
 var Oa = g('<button type="button" aria-label="Clear input"><!></button>'), Da = g('<button type="button"><!></button>'), Fa = g('<div class="absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"><!> <!></div>');
 function Ra(i, t) {
   _e(t, !1);
-  let r = a(t, "showPasswordToggle", 8, !1), n = a(t, "showClearButton", 8, !1), x = a(t, "hasValue", 8, !1), H = a(t, "disabled", 8, !1), u = a(t, "readonly", 8, !1), y = a(t, "showPassword", 8, !1), P = a(t, "onTogglePassword", 8, () => {
+  let r = a(t, "showPasswordToggle", 8, !1), n = a(t, "showClearButton", 8, !1), x = a(t, "hasValue", 8, !1), H = a(t, "disabled", 8, !1), u = a(t, "readonly", 8, !1), p = a(t, "showPassword", 8, !1), P = a(t, "onTogglePassword", 8, () => {
   }), C = a(t, "onClear", 8, () => {
   });
   const K = [
@@ -1541,11 +1562,11 @@ function Ra(i, t) {
           aa(b, { size: 16 });
         };
         E(k, (b) => {
-          y() ? b(h) : b(N, !1);
+          p() ? b(h) : b(N, !1);
         });
       }
       T(() => {
-        Y(v, 1, ge(K)), L(v, "aria-label", y() ? "Hide password" : "Show password");
+        Y(v, 1, ge(K)), L(v, "aria-label", p() ? "Hide password" : "Show password");
       }), I("click", v, mt(function(...b) {
         var w;
         (w = P()) == null || w.apply(this, b);
@@ -1561,7 +1582,7 @@ var Ka = g('<div class="flex items-center gap-1"><!> <span> </span></div>'), Va
 function Aa(i, t) {
   _e(t, !1);
   const r = m();
-  let n = a(t, "hasError", 8, !1), x = a(t, "hasSuccess", 8, !1), H = a(t, "error", 8, ""), u = a(t, "success", 8, ""), y = a(t, "helpText", 8, ""), P = a(t, "inputId", 8, "");
+  let n = a(t, "hasError", 8, !1), x = a(t, "hasSuccess", 8, !1), H = a(t, "error", 8, ""), u = a(t, "success", 8, ""), p = a(t, "helpText", 8, ""), P = a(t, "inputId", 8, "");
   j(
     () => (d(n()), d(x())),
     () => {
@@ -1572,7 +1593,7 @@ function Aa(i, t) {
       ].join(" "));
     }
   ), Fe(), Te();
-  var C = pe(), K = he(C);
+  var C = ye(), K = he(C);
   {
     var B = (V) => {
       var _ = Xa(), W = o(_);
@@ -1583,7 +1604,7 @@ function Aa(i, t) {
           var h = S(k, 2), N = o(h);
           T(() => ie(N, H())), s(c, v);
         }, z = (c) => {
-          var v = pe(), k = he(v);
+          var v = ye(), k = he(v);
           {
             var h = (b) => {
               var w = Va(), M = o(w);
@@ -1591,16 +1612,16 @@ function Aa(i, t) {
               var se = S(M, 2), oe = o(se);
               T(() => ie(oe, u())), s(b, w);
             }, N = (b) => {
-              var w = pe(), M = he(w);
+              var w = ye(), M = he(w);
               {
                 var se = (oe) => {
                   var de = Wa(), J = o(de);
-                  T(() => ie(J, y())), s(oe, de);
+                  T(() => ie(J, p())), s(oe, de);
                 };
                 E(
                   M,
                   (oe) => {
-                    y() && oe(se);
+                    p() && oe(se);
                   },
                   !0
                 );
@@ -1626,7 +1647,7 @@ function Aa(i, t) {
       }), s(V, _);
     };
     E(K, (V) => {
-      (n() || x() || y()) && V(B);
+      (n() || x() || p()) && V(B);
     });
   }
   s(i, C), we();
@@ -1650,9 +1671,9 @@ const Ja = {
 function Tr(i, t) {
   _e(t, !1), at(i, Ja);
   const r = m(), n = m(), x = m(), H = m();
-  let u = a(t, "value", 12, ""), y = a(t, "type", 8, "text"), P = a(t, "label", 8, ""), C = a(t, "placeholder", 8, ""), K = a(t, "required", 8, !1), B = a(t, "disabled", 8, !1), V = a(t, "readonly", 8, !1), _ = a(t, "size", 8, "md"), W = a(t, "variant", 8, "default"), X = a(t, "error", 8, ""), z = a(t, "success", 8, ""), c = a(t, "helpText", 8, ""), v = a(t, "className", 8, ""), k = a(t, "id", 8, ""), h = a(t, "name", 8, void 0), N = a(t, "maxLength", 8, void 0), b = a(t, "minLength", 8, void 0), w = a(t, "pattern", 8, void 0), M = a(t, "autocomplete", 8, void 0), se = a(t, "showPasswordToggle", 8, !1), oe = a(t, "showClearButton", 8, !1), de = a(t, "ariaLabel", 8, void 0);
+  let u = a(t, "value", 12, ""), p = a(t, "type", 8, "text"), P = a(t, "label", 8, ""), C = a(t, "placeholder", 8, ""), K = a(t, "required", 8, !1), B = a(t, "disabled", 8, !1), V = a(t, "readonly", 8, !1), _ = a(t, "size", 8, "md"), W = a(t, "variant", 8, "default"), X = a(t, "error", 8, ""), z = a(t, "success", 8, ""), c = a(t, "helpText", 8, ""), v = a(t, "className", 8, ""), k = a(t, "id", 8, ""), h = a(t, "name", 8, void 0), N = a(t, "maxLength", 8, void 0), b = a(t, "minLength", 8, void 0), w = a(t, "pattern", 8, void 0), M = a(t, "autocomplete", 8, void 0), se = a(t, "showPasswordToggle", 8, !1), oe = a(t, "showClearButton", 8, !1), de = a(t, "ariaLabel", 8, void 0);
   const J = Ne();
-  let ce = m(), ye = m(!1);
+  let ce = m(), pe = m(!1);
   function qe(O) {
     const ne = O.target;
     u(ne.value), J("input", Pa(u(), O, h()));
@@ -1674,7 +1695,7 @@ function Tr(i, t) {
     J("keyup", { event: O });
   }
   function R() {
-    f(ye, !e(ye));
+    f(pe, !e(pe));
   }
   function D() {
     var O;
@@ -1751,8 +1772,8 @@ function Tr(i, t) {
   }
   var xe = S(te, 2), A = o(xe);
   Ae(A, (O) => f(ce, O), () => e(ce));
-  var p = S(A, 2);
-  Ra(p, {
+  var y = S(A, 2);
+  Ra(y, {
     get showPasswordToggle() {
       return se();
     },
@@ -1769,7 +1790,7 @@ function Tr(i, t) {
       return V();
     },
     get showPassword() {
-      return e(ye);
+      return e(pe);
     },
     onTogglePassword: R,
     onClear: D
@@ -1795,7 +1816,7 @@ function Tr(i, t) {
       return e(r);
     }
   }), T(() => {
-    L(A, "id", e(r)), L(A, "type", se() && e(ye) ? "text" : y()), pt(A, u()), L(A, "placeholder", C()), A.disabled = B(), A.required = K(), A.readOnly = V(), L(A, "maxlength", N()), L(A, "minlength", b()), L(A, "pattern", w()), L(A, "autocomplete", M() || void 0), L(A, "name", h()), Y(A, 1, ge(e(x)), "svelte-7hu4vd"), L(A, "aria-invalid", (e(n), Z(() => e(n).hasError ? "true" : "false"))), L(A, "aria-describedby", (e(n), d(c()), e(r), Z(() => e(n).hasError || e(n).hasSuccess || c() ? `${e(r)}-help` : void 0))), L(A, "aria-label", de() || (P() ? void 0 : "Input field")), L(A, "aria-required", K());
+    L(A, "id", e(r)), L(A, "type", se() && e(pe) ? "text" : p()), yt(A, u()), L(A, "placeholder", C()), A.disabled = B(), A.required = K(), A.readOnly = V(), L(A, "maxlength", N()), L(A, "minlength", b()), L(A, "pattern", w()), L(A, "autocomplete", M() || void 0), L(A, "name", h()), Y(A, 1, ge(e(x)), "svelte-7hu4vd"), L(A, "aria-invalid", (e(n), Z(() => e(n).hasError ? "true" : "false"))), L(A, "aria-describedby", (e(n), d(c()), e(r), Z(() => e(n).hasError || e(n).hasSuccess || c() ? `${e(r)}-help` : void 0))), L(A, "aria-label", de() || (P() ? void 0 : "Input field")), L(A, "aria-required", K());
   }), I("input", A, qe), I("change", A, ee), I("focus", A, le), I("blur", A, F), I("keydown", A, $), I("keyup", A, U), s(i, je), De(t, "focus", ae), De(t, "blur", me), De(t, "select", ke), we(Be);
 }
 var Qa = g('<span class="text-error ml-1 svelte-1qdann5">*</span>'), Za = g("<label> <!></label>"), $a = g('<option disabled class="svelte-1qdann5"> </option>'), er = g('<option class="bg-surface text-text svelte-1qdann5"> </option>'), tr = g('<button type="button" tabindex="-1" aria-label="Clear selection"><!></button>'), ar = g('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), rr = g('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), nr = g('<span class="svelte-1qdann5"> </span>'), sr = g("<div><!></div>"), or = g('<div><!> <div class="relative svelte-1qdann5"><select><!><!></select> <!> <div><!></div> <div></div></div> <!></div>');
@@ -1834,10 +1855,10 @@ const lr = {
 };
 function Pr(i, t) {
   _e(t, !1), at(i, lr);
-  const r = m(), n = m(), x = m(), H = m(), u = m(), y = m(), P = m(), C = m(), K = m(), B = m(), V = m();
+  const r = m(), n = m(), x = m(), H = m(), u = m(), p = m(), P = m(), C = m(), K = m(), B = m(), V = m();
   let _ = a(t, "value", 12, void 0), W = a(t, "options", 24, () => []), X = a(t, "placeholder", 8, "Select an option"), z = a(t, "label", 8, ""), c = a(t, "disabled", 8, !1), v = a(t, "required", 8, !1), k = a(t, "error", 8, ""), h = a(t, "success", 8, ""), N = a(t, "helpText", 8, ""), b = a(t, "size", 8, "md"), w = a(t, "variant", 8, "outlined"), M = a(t, "searchable", 8, !1), se = a(t, "clearable", 8, !1), oe = a(t, "name", 8, void 0), de = a(t, "id", 8, void 0), J = a(t, "className", 8, "");
   const ce = Ne();
-  let ye = m(), qe = m(!1), ee = m(""), le = m([]);
+  let pe = m(), qe = m(!1), ee = m(""), le = m([]);
   function F(q) {
     const l = q.target;
     _(l.value), ce("input", { value: String(_()) });
@@ -1863,11 +1884,11 @@ function Pr(i, t) {
   }
   function ke() {
     var q;
-    (q = e(ye)) == null || q.focus();
+    (q = e(pe)) == null || q.focus();
   }
   function Be() {
     var q;
-    (q = e(ye)) == null || q.blur();
+    (q = e(pe)) == null || q.blur();
   }
   j(() => d(de()), () => {
     f(r, de() || `select-${Math.random().toString(36).substr(2, 9)}`);
@@ -1896,7 +1917,7 @@ function Pr(i, t) {
     f(u, k() ? "focus:ring-error border-error" : h() ? "focus:ring-success border-success" : "");
   }), j(() => {
   }, () => {
-    f(y, [
+    f(p, [
       "relative",
       "group",
       "transition-all",
@@ -1994,7 +2015,7 @@ function Pr(i, t) {
       z() && q(xe);
     });
   }
-  var A = S(be, 2), p = o(A), re = o(p);
+  var A = S(be, 2), y = o(A), re = o(y);
   {
     var O = (q) => {
       var l = $a(), Q = o(l);
@@ -2010,10 +2031,10 @@ function Pr(i, t) {
     T(() => {
       Q.disabled = (e(l), Z(() => e(l).disabled)), ie(Ee, (e(l), Z(() => e(l).label))), He !== (He = (e(l), Z(() => e(l).value))) && (Q.value = (Q.__value = (e(l), Z(() => e(l).value))) ?? "");
     }), s(q, Q);
-  }), Ae(p, (q) => f(ye, q), () => e(ye));
+  }), Ae(y, (q) => f(pe, q), () => e(pe));
   var fe;
-  Et(p);
-  var ve = S(p, 2);
+  Et(y);
+  var ve = S(y, 2);
   {
     var ze = (q) => {
       var l = tr(), Q = o(l);
@@ -2051,7 +2072,7 @@ function Pr(i, t) {
           var Ve = S(Ie, 2), Ge = o(Ve);
           T(() => ie(Ge, k())), s(Se, Ce);
         }, He = (Se) => {
-          var Ce = pe(), Ie = he(Ce);
+          var Ce = ye(), Ie = he(Ce);
           {
             var Ve = (Me) => {
               var Le = rr(), Oe = o(Le);
@@ -2059,7 +2080,7 @@ function Pr(i, t) {
               var We = S(Oe, 2), Re = o(We);
               T(() => ie(Re, h())), s(Me, Le);
             }, Ge = (Me) => {
-              var Le = pe(), Oe = he(Le);
+              var Le = ye(), Oe = he(Le);
               {
                 var We = (Re) => {
                   var Xe = nr(), nt = o(Xe);
@@ -2098,8 +2119,8 @@ function Pr(i, t) {
     });
   }
   return T(() => {
-    Y(te, 1, ge(e(y)), "svelte-1qdann5"), L(p, "id", e(r)), p.disabled = c(), p.required = v(), L(p, "name", oe()), Y(p, 1, ge(e(P)), "svelte-1qdann5"), L(p, "aria-invalid", k() ? "true" : "false"), L(p, "aria-describedby", k() || h() || N() ? `${e(r)}-help` : void 0), fe !== (fe = _()) && (p.value = (p.__value = _()) ?? "", jt(p, _())), Y(ue, 1, ge(e(B)), "svelte-1qdann5"), Y(Pe, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(qe) ? "ring-2 ring-primary" : ""}`, "svelte-1qdann5");
-  }), I("input", p, F), I("change", p, $), I("focus", p, U), I("blur", p, R), I("keydown", p, D), I("keyup", p, ae), s(i, te), De(t, "focus", ke), De(t, "blur", Be), we(je);
+    Y(te, 1, ge(e(p)), "svelte-1qdann5"), L(y, "id", e(r)), y.disabled = c(), y.required = v(), L(y, "name", oe()), Y(y, 1, ge(e(P)), "svelte-1qdann5"), L(y, "aria-invalid", k() ? "true" : "false"), L(y, "aria-describedby", k() || h() || N() ? `${e(r)}-help` : void 0), fe !== (fe = _()) && (y.value = (y.__value = _()) ?? "", jt(y, _())), Y(ue, 1, ge(e(B)), "svelte-1qdann5"), Y(Pe, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(qe) ? "ring-2 ring-primary" : ""}`, "svelte-1qdann5");
+  }), I("input", y, F), I("change", y, $), I("focus", y, U), I("blur", y, R), I("keydown", y, D), I("keyup", y, ae), s(i, te), De(t, "focus", ke), De(t, "blur", Be), we(je);
 }
 var ir = g('<span class="text-error ml-1 svelte-1bsl3nr" aria-label="required">*</span>'), dr = g("<label> <!></label>"), cr = g("<div> </div>"), vr = g('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), ur = g('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), fr = g('<span class="svelte-1bsl3nr"> </span>'), br = g("<div><!></div>"), gr = g('<div><!> <div class="relative svelte-1bsl3nr"><textarea></textarea></div> <!> <!></div>');
 const hr = {
@@ -2133,8 +2154,8 @@ const hr = {
 };
 function Ir(i, t) {
   _e(t, !1), at(i, hr);
-  const r = m(), n = m(), x = m(), H = m(), u = m(), y = m(), P = m(), C = m(), K = m(), B = m(), V = m(), _ = m(), W = m(), X = m();
-  let z = a(t, "value", 12, ""), c = a(t, "label", 8, ""), v = a(t, "placeholder", 8, ""), k = a(t, "helperText", 8, ""), h = a(t, "disabled", 8, !1), N = a(t, "required", 8, !1), b = a(t, "readonly", 8, !1), w = a(t, "id", 8, void 0), M = a(t, "name", 8, void 0), se = a(t, "error", 8, ""), oe = a(t, "success", 8, ""), de = a(t, "helpText", 8, ""), J = a(t, "maxLength", 8, void 0), ce = a(t, "minLength", 8, void 0), ye = a(t, "rows", 8, 4), qe = a(t, "resize", 8, "vertical"), ee = a(t, "autoResize", 8, !1), le = a(t, "size", 8, "md"), F = a(t, "variant", 8, "outlined"), $ = a(t, "className", 8, ""), U = a(t, "ariaLabel", 8, void 0);
+  const r = m(), n = m(), x = m(), H = m(), u = m(), p = m(), P = m(), C = m(), K = m(), B = m(), V = m(), _ = m(), W = m(), X = m();
+  let z = a(t, "value", 12, ""), c = a(t, "label", 8, ""), v = a(t, "placeholder", 8, ""), k = a(t, "helperText", 8, ""), h = a(t, "disabled", 8, !1), N = a(t, "required", 8, !1), b = a(t, "readonly", 8, !1), w = a(t, "id", 8, void 0), M = a(t, "name", 8, void 0), se = a(t, "error", 8, ""), oe = a(t, "success", 8, ""), de = a(t, "helpText", 8, ""), J = a(t, "maxLength", 8, void 0), ce = a(t, "minLength", 8, void 0), pe = a(t, "rows", 8, 4), qe = a(t, "resize", 8, "vertical"), ee = a(t, "autoResize", 8, !1), le = a(t, "size", 8, "md"), F = a(t, "variant", 8, "outlined"), $ = a(t, "className", 8, ""), U = a(t, "ariaLabel", 8, void 0);
   const R = Ne();
   let D = m(), ae = m(!1);
   function me(l) {
@@ -2163,7 +2184,7 @@ function Ir(i, t) {
   function A() {
     e(D) && (st(D, e(D).style.height = "auto"), st(D, e(D).style.height = e(D).scrollHeight + "px"));
   }
-  function p() {
+  function y() {
     var l;
     (l = e(D)) == null || l.focus();
   }
@@ -2199,14 +2220,14 @@ function Ir(i, t) {
     });
   }), j(() => {
   }, () => {
-    f(y, {
+    f(p, {
       none: "resize-none",
       both: "resize",
       horizontal: "resize-x",
       vertical: "resize-y"
     });
   }), j(
-    () => (d(F()), e(H), d(le()), e(u), e(y), d(qe()), d($())),
+    () => (d(F()), e(H), d(le()), e(u), e(p), d(qe()), d($())),
     () => {
       f(P, [
         "w-full",
@@ -2227,7 +2248,7 @@ function Ir(i, t) {
         "overflow-hidden",
         e(H)[le()],
         e(u)[F()],
-        e(y)[qe()],
+        e(p)[qe()],
         $()
       ].join(" "));
     }
@@ -2279,7 +2300,7 @@ function Ir(i, t) {
       J() && z().length >= J() ? "text-error" : ""
     ].join(" "));
   }), Fe();
-  var ne = { focus: p, blur: re, select: O };
+  var ne = { focus: y, blur: re, select: O };
   Te();
   var fe = gr(), ve = o(fe);
   {
@@ -2327,7 +2348,7 @@ function Ir(i, t) {
           var Ge = S(Ve, 2), Me = o(Ge);
           T(() => ie(Me, se())), s(Ce, Ie);
         }, Se = (Ce) => {
-          var Ie = pe(), Ve = he(Ie);
+          var Ie = ye(), Ve = he(Ie);
           {
             var Ge = (Le) => {
               var Oe = ur(), We = o(Oe);
@@ -2335,7 +2356,7 @@ function Ir(i, t) {
               var Re = S(We, 2), Xe = o(Re);
               T(() => ie(Xe, oe())), s(Le, Oe);
             }, Me = (Le) => {
-              var Oe = pe(), We = he(Oe);
+              var Oe = ye(), We = he(Oe);
               {
                 var Re = (Xe) => {
                   var nt = fr(), wt = o(nt);
@@ -2374,14 +2395,14 @@ function Ir(i, t) {
     });
   }
   return T(() => {
-    Y(fe, 1, ge(e(V)), "svelte-1bsl3nr"), L(G, "id", e(r)), pt(G, z()), L(G, "placeholder", v()), G.disabled = h(), G.required = N(), G.readOnly = b(), L(G, "maxlength", J()), L(G, "minlength", ce()), L(G, "name", M()), L(G, "rows", ye()), Y(G, 1, ge(e(B)), "svelte-1bsl3nr"), L(G, "aria-invalid", e(n) ? "true" : "false"), L(G, "aria-describedby", e(n) || e(x) || k() || J() ? `${e(r)}-help` : void 0), L(G, "aria-label", U() || (c() ? void 0 : "Textarea field")), L(G, "aria-required", N());
-  }), I("input", G, me), I("change", G, ke), I("focus", G, (l) => Be(l)), I("blur", G, (l) => je(l)), I("keydown", G, (l) => te(l)), I("keyup", G, (l) => be(l)), I("resize", G, xe), s(i, fe), De(t, "focus", p), De(t, "blur", re), De(t, "select", O), we(ne);
+    Y(fe, 1, ge(e(V)), "svelte-1bsl3nr"), L(G, "id", e(r)), yt(G, z()), L(G, "placeholder", v()), G.disabled = h(), G.required = N(), G.readOnly = b(), L(G, "maxlength", J()), L(G, "minlength", ce()), L(G, "name", M()), L(G, "rows", pe()), Y(G, 1, ge(e(B)), "svelte-1bsl3nr"), L(G, "aria-invalid", e(n) ? "true" : "false"), L(G, "aria-describedby", e(n) || e(x) || k() || J() ? `${e(r)}-help` : void 0), L(G, "aria-label", U() || (c() ? void 0 : "Textarea field")), L(G, "aria-required", N());
+  }), I("input", G, me), I("change", G, ke), I("focus", G, (l) => Be(l)), I("blur", G, (l) => je(l)), I("keydown", G, (l) => te(l)), I("keyup", G, (l) => be(l)), I("resize", G, xe), s(i, fe), De(t, "focus", y), De(t, "blur", re), De(t, "select", O), we(ne);
 }
-var mr = g('<span class="ml-1" style="color: rgb(var(--color-error));">*</span>'), xr = g('<button type="button" role="radio"><!> <span class="hidden sm:inline"> </span></button>'), yr = g('<div class="space-y-2"><label class="block text-sm font-medium" style="color: rgb(var(--color-text));"> <!></label> <div class="flex gap-1 p-1 rounded-lg min-w-48 sm:min-w-56 md:min-w-64 lg:min-w-72" style="background-color: rgb(var(--color-surface-secondary)); border-color: rgb(var(--color-border));" role="radiogroup"></div></div>');
+var mr = g('<span class="ml-1" style="color: rgb(var(--color-error));">*</span>'), xr = g('<button type="button" role="radio"><!> <span class="hidden sm:inline"> </span></button>'), pr = g('<div class="space-y-2"><label class="block text-sm font-medium" style="color: rgb(var(--color-text));"> <!></label> <div class="flex gap-1 p-1 rounded-lg min-w-48 sm:min-w-56 md:min-w-64 lg:min-w-72" style="background-color: rgb(var(--color-surface-secondary)); border-color: rgb(var(--color-border));" role="radiogroup"></div></div>');
 function Lr(i, t) {
   _e(t, !1);
   let r = a(t, "value", 12, "center"), n = a(t, "label", 8, "Text Alignment"), x = a(t, "required", 8, !1), H = a(t, "size", 8, "sm");
-  const u = Ne(), y = `text-alignment-${Math.random().toString(36).substr(2, 9)}`, P = [
+  const u = Ne(), p = `text-alignment-${Math.random().toString(36).substr(2, 9)}`, P = [
     { value: "left", label: "Left", component: sa },
     { value: "center", label: "Center", component: ra },
     { value: "right", label: "Right", component: na }
@@ -2395,7 +2416,7 @@ function Lr(i, t) {
     lg: "text-base px-4 py-3"
   };
   Te();
-  var B = yr(), V = o(B), _ = o(V), W = S(_);
+  var B = pr(), V = o(B), _ = o(V), W = S(_);
   {
     var X = (c) => {
       var v = mr();
@@ -2419,14 +2440,14 @@ function Lr(i, t) {
       M.key === "Enter" && C(e(v).value, M);
     }), s(c, k);
   }), T(() => {
-    L(V, "for", y), ie(_, `${n() ?? ""} `), L(z, "id", y), L(z, "aria-label", n());
+    L(V, "for", p), ie(_, `${n() ?? ""} `), L(z, "id", p), L(z, "aria-label", n());
   }), s(i, B), we();
 }
-var pr = g('<button type="button" class="text-sm font-medium text-primary cursor-pointer select-none hover:text-secondary transition-colors"> </button>'), wr = g('<div><button type="button" role="switch"><span></span></button> <!></div>');
+var yr = g('<button type="button" class="text-sm font-medium text-primary cursor-pointer select-none hover:text-secondary transition-colors"> </button>'), wr = g('<div><button type="button" role="switch"><span></span></button> <!></div>');
 function Nr(i, t) {
   _e(t, !1);
   const r = m();
-  let n = a(t, "checked", 12, !1), x = a(t, "disabled", 8, !1), H = a(t, "label", 8, ""), u = a(t, "size", 8, "md"), y = a(t, "className", 8, "");
+  let n = a(t, "checked", 12, !1), x = a(t, "disabled", 8, !1), H = a(t, "label", 8, ""), u = a(t, "size", 8, "md"), p = a(t, "className", 8, "");
   const P = Ne();
   function C() {
     x() || (n(!n()), P("change", { checked: n() }));
@@ -2442,7 +2463,7 @@ function Nr(i, t) {
   var V = wr(), _ = o(V), W = o(_), X = S(_, 2);
   {
     var z = (c) => {
-      var v = pr(), k = o(v);
+      var v = yr(), k = o(v);
       T(() => ie(k, H())), I("click", v, C), I("keydown", v, (h) => {
         const N = h;
         (N.key === "Enter" || N.key === " ") && (N.preventDefault(), C());
@@ -2453,7 +2474,7 @@ function Nr(i, t) {
     });
   }
   T(() => {
-    Y(V, 1, `flex items-center space-x-3 min-w-32 sm:min-w-36 md:min-w-40 lg:min-w-44 ${y() ?? ""}`), L(_, "aria-checked", n()), L(_, "aria-label", H() || "Toggle"), _.disabled = x(), Y(_, 1, `relative inline-flex ${d(u()), Z(() => K[u()]) ?? ""} 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 ${n() ? "bg-primary" : "bg-surface-tertiary"} ${x() ? "opacity-50 cursor-not-allowed" : "hover:bg-opacity-80"}`), Y(W, 1, `pointer-events-none inline-block ${d(u()), Z(() => B[u()]) ?? ""} transform rounded-full bg-surface shadow-lg ring-0 transition duration-200 ease-in-out ${e(r), d(u()), Z(() => e(r)[u()]) ?? ""}`);
+    Y(V, 1, `flex items-center space-x-3 min-w-32 sm:min-w-36 md:min-w-40 lg:min-w-44 ${p() ?? ""}`), L(_, "aria-checked", n()), L(_, "aria-label", H() || "Toggle"), _.disabled = x(), Y(_, 1, `relative inline-flex ${d(u()), Z(() => K[u()]) ?? ""} 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 ${n() ? "bg-primary" : "bg-surface-tertiary"} ${x() ? "opacity-50 cursor-not-allowed" : "hover:bg-opacity-80"}`), Y(W, 1, `pointer-events-none inline-block ${d(u()), Z(() => B[u()]) ?? ""} transform rounded-full bg-surface shadow-lg ring-0 transition duration-200 ease-in-out ${e(r), d(u()), Z(() => e(r)[u()]) ?? ""}`);
   }), I("click", _, C), I("keydown", _, (c) => {
     const v = c;
     (v.key === "Enter" || v.key === " ") && (v.preventDefault(), C());