@auldrant/ui 0.10.0 → 0.11.1

package/dist/auldrant-ui.js

@@ -1,66 +1,198 @@
-import { jsx as r, jsxs as m, Fragment as se } from "preact/jsx-runtime";
-import { useId as $, useRef as P, useEffect as H } from "preact/hooks";
-import { signal as U, useSignal as D, effect as le } from "@preact/signals";
-import { h as K, toChildArray as re } from "preact";
-function v(...t) {
+import { jsx as l, jsxs as g, Fragment as ae } from "preact/jsx-runtime";
+import { useId as L, useState as ce, useRef as H, useCallback as ie, useEffect as A } from "preact/hooks";
+import { h as K, toChildArray as de } from "preact";
+import { signal as V, useSignal as M, effect as ue } from "@preact/signals";
+function m(...t) {
   return t.filter(Boolean).join(" ");
 }
-function N(...t) {
+function D(...t) {
   return t.filter(Boolean).join(" ") || void 0;
 }
-const ae = "_button_4gn7y_1 _focus-ring_4u8pk_3 _disabled_4u8pk_8", oe = {
-  button: ae
-}, W = (t) => {
-  const { label: e, onClick: s, type: n = "button", disabled: l, class: a } = t;
-  return /* @__PURE__ */ r("button", { type: n, class: v(oe.button, a), onClick: s, disabled: l, children: e });
-}, ce = "_card_awzw5_1", ie = {
-  card: ce
-}, Pt = (t) => {
+const pe = "_button_4gn7y_1 _focus-ring_4u8pk_3 _disabled_4u8pk_8", _e = {
+  button: pe
+}, J = (t) => {
+  const { label: e, onClick: s, type: n = "button", disabled: r, class: o } = t;
+  return /* @__PURE__ */ l("button", { type: n, class: m(_e.button, o), onClick: s, disabled: r, children: e });
+}, he = "_card_awzw5_1", fe = {
+  card: he
+}, Kt = (t) => {
   const { children: e, class: s } = t;
-  return /* @__PURE__ */ r("div", { class: v(ie.card, s), children: e });
-}, de = "_field_17xwz_1", ue = "_input_17xwz_8 _check-input_4u8pk_32 _focus-ring_4u8pk_3 _disabled_4u8pk_8", _e = "_error_17xwz_12 _field-error_4u8pk_36", T = {
-  field: de,
-  input: ue,
-  error: _e
-}, Tt = (t) => {
-  const { label: e, name: s, checked: n, required: l, disabled: a, error: o, onChange: c, class: i } = t, h = $(), d = `${h}-error`;
-  return /* @__PURE__ */ m("div", { class: v(T.field, i), children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ l("div", { class: m(fe.card, s), children: e });
+}, ge = "_field_17xwz_1", me = "_input_17xwz_8 _check-input_4u8pk_32 _focus-ring_4u8pk_3 _disabled_4u8pk_8", be = "_error_17xwz_12 _field-error_4u8pk_36", R = {
+  field: ge,
+  input: me,
+  error: be
+}, Vt = (t) => {
+  const { label: e, name: s, checked: n, required: r, disabled: o, error: i, onChange: a, class: c } = t, d = L(), h = `${d}-error`;
+  return /* @__PURE__ */ g("div", { class: m(R.field, c), children: [
+    /* @__PURE__ */ l(
       "input",
       {
-        id: h,
-        class: T.input,
+        id: d,
+        class: R.input,
         type: "checkbox",
         name: s,
         checked: n,
-        required: l,
-        disabled: a,
-        "aria-invalid": !!o || void 0,
-        "aria-describedby": N(o && d),
-        onChange: c && ((f) => c(f.target.checked))
+        required: r,
+        disabled: o,
+        "aria-invalid": !!i || void 0,
+        "aria-describedby": D(i && h),
+        onChange: a && ((u) => a(u.target.checked))
       }
     ),
-    /* @__PURE__ */ r("label", { for: h, children: e }),
-    o && /* @__PURE__ */ r("p", { id: d, class: T.error, role: "alert", children: o })
+    /* @__PURE__ */ l("label", { for: d, children: e }),
+    i && /* @__PURE__ */ l("p", { id: h, class: R.error, role: "alert", children: i })
   ] });
-}, pe = "_dialog_1lxj9_1", he = "_panel_1lxj9_14", fe = "_header_1lxj9_23", me = "_title_1lxj9_30", be = "_close_1lxj9_35 _focus-ring_4u8pk_3", ve = "_body_1lxj9_51", ke = "_message_1lxj9_56", ge = "_footer_1lxj9_60", ye = "_action_1lxj9_67 _focus-ring_4u8pk_3 _disabled_4u8pk_8", we = "_primary_1lxj9_82", y = {
-  dialog: pe,
-  panel: he,
-  header: fe,
-  title: me,
-  close: be,
-  body: ve,
-  message: ke,
-  footer: ge,
-  action: ye,
-  primary: we
-}, R = {
+};
+function ye(t, e, s) {
+  const [n, r] = ce(!1), o = H({ x: 0, y: 0, offsetX: 0, offsetY: 0 }), i = ie(() => {
+    const a = e.current;
+    a && (a.style.removeProperty("--drag-x"), a.style.removeProperty("--drag-y"));
+  }, [e]);
+  return A(() => {
+    const a = t.current, c = e.current;
+    if (!a || !c || !s)
+      return;
+    const d = (h) => {
+      if (h.target.closest("button"))
+        return;
+      const u = c.getBoundingClientRect(), p = Number.parseFloat(c.style.getPropertyValue("--drag-x") || "0"), _ = Number.parseFloat(c.style.getPropertyValue("--drag-y") || "0");
+      o.current = {
+        x: h.clientX,
+        y: h.clientY,
+        offsetX: p,
+        offsetY: _
+      }, a.setPointerCapture(h.pointerId), r(!0);
+      const b = -(u.left - p), y = window.innerWidth - u.right + p, v = -(u.top - _), w = window.innerHeight - u.bottom + _, N = (I) => {
+        const j = I.clientX - o.current.x + o.current.offsetX, P = I.clientY - o.current.y + o.current.offsetY, f = Math.max(b, Math.min(y, j)), $ = Math.max(v, Math.min(w, P));
+        c.style.setProperty("--drag-x", `${f}px`), c.style.setProperty("--drag-y", `${$}px`);
+      }, x = () => {
+        a.removeEventListener("pointermove", N), a.removeEventListener("pointerup", x), r(!1);
+      };
+      a.addEventListener("pointermove", N), a.addEventListener("pointerup", x);
+    };
+    return a.addEventListener("pointerdown", d), () => a.removeEventListener("pointerdown", d);
+  }, [t, e, s]), { isDragging: n, reset: i };
+}
+const ke = "_dialog_k7njf_1", ve = "_panel_k7njf_21", we = "_header_k7njf_30", xe = "_title_k7njf_37", $e = "_close_k7njf_42 _focus-ring_4u8pk_3", Ce = "_body_k7njf_61", Le = "_message_k7njf_66", Ie = "_footer_k7njf_70", Ne = "_action_k7njf_77 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Ee = "_primary_k7njf_92", De = "_draggable_k7njf_103", je = "_dragging_k7njf_109", k = {
+  dialog: ke,
+  panel: ve,
+  header: we,
+  title: xe,
+  close: $e,
+  body: Ce,
+  message: Le,
+  footer: Ie,
+  action: Ne,
+  primary: Ee,
+  draggable: De,
+  dragging: je
+};
+const Pe = (...t) => t.filter((e, s, n) => !!e && e.trim() !== "" && n.indexOf(e) === s).join(" ").trim();
+const Q = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Se = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, s, n) => n ? n.toUpperCase() : s.toLowerCase()
+);
+const ee = (t) => {
+  const e = Se(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+};
+var Be = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const He = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+  return !1;
+};
+const Ae = ({
+  color: t = "currentColor",
+  size: e = 24,
+  strokeWidth: s = 2,
+  absoluteStrokeWidth: n,
+  children: r,
+  iconNode: o,
+  class: i = "",
+  ...a
+}) => K(
+  "svg",
+  {
+    ...Be,
+    width: String(e),
+    height: e,
+    stroke: t,
+    "stroke-width": n ? Number(s) * 24 / Number(e) : s,
+    class: ["lucide", i].join(" "),
+    ...!r && !He(a) && { "aria-hidden": "true" },
+    ...a
+  },
+  [...o.map(([c, d]) => K(c, d)), ...de(r)]
+);
+const W = (t, e) => {
+  const s = ({ class: n = "", className: r = "", children: o, ...i }) => K(
+    Ae,
+    {
+      ...i,
+      iconNode: e,
+      class: Pe(
+        `lucide-${Q(ee(t))}`,
+        `lucide-${Q(t)}`,
+        n,
+        r
+      )
+    },
+    o
+  );
+  return s.displayName = ee(t), s;
+};
+const Me = W("eye", [
+  [
+    "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",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
+const qe = W("eye-off", [
+  [
+    "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",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "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",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+]);
+const Te = W("x", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), F = {
   cancel: "Cancel",
   cancelDescription: "Dismiss this dialog",
   closeDescription: "Close this dialog"
 };
-function xe(t) {
-  const e = t.split("+"), s = e.at(-1) ?? "", n = e.slice(0, -1).map((l) => l.toLowerCase());
+function ze(t) {
+  const e = t.split("+"), s = e.at(-1) ?? "", n = e.slice(0, -1).map((r) => r.toLowerCase());
   return {
     key: s.toLowerCase(),
     ctrl: n.includes("ctrl"),
@@ -68,132 +200,140 @@ function xe(t) {
     alt: n.includes("alt")
   };
 }
-function z(t) {
+function O(t) {
   return `(${t})`;
 }
-const Y = (t) => {
+const re = (t) => {
   const {
     open: e,
     title: s,
     alert: n,
-    onDismiss: l,
-    onBackdropClick: a,
-    message: o,
+    draggable: r,
+    onDismiss: o,
+    onBackdropClick: i,
+    message: a,
     defaultAction: c,
-    actions: i,
+    actions: d,
     cancelLabel: h,
-    onCancel: d,
-    focusCancel: f,
+    onCancel: u,
+    focusCancel: p,
     children: _,
-    class: u
-  } = t, b = P(null), g = P(null), C = P(null), I = $();
-  H(() => {
-    const p = b.current;
-    p && (e && !p.open ? (p.showModal(), f && C.current ? C.current.focus() : g.current && g.current.focus()) : !e && p.open && p.close());
-  }, [e, f]), H(() => {
-    const p = b.current;
-    if (!p)
+    class: b
+  } = t, y = H(null), v = H(null), w = H(null), N = H(null), x = L(), { isDragging: I, reset: j } = ye(v, y, e && !!r);
+  A(() => {
+    const f = y.current;
+    f && (e && !f.open ? (f.showModal(), p && N.current ? N.current.focus() : w.current && w.current.focus()) : !e && f.open && (f.close(), j()));
+  }, [e, p, j]), A(() => {
+    const f = y.current;
+    if (!f)
       return;
-    const k = (L) => {
-      L.preventDefault(), l();
+    const $ = (S) => {
+      S.preventDefault(), o();
     };
-    return p.addEventListener("cancel", k), () => p.removeEventListener("cancel", k);
-  }, [l]), H(() => {
-    const p = b.current;
-    if (!p || !e)
+    return f.addEventListener("cancel", $), () => f.removeEventListener("cancel", $);
+  }, [o]), A(() => {
+    const f = y.current;
+    if (!f || !e)
       return;
-    const k = [...i ?? [], ...c ? [c] : []];
-    if (k.length === 0)
+    const $ = [...d ?? [], ...c ? [c] : []];
+    if ($.length === 0)
       return;
-    const L = k.map((w) => ({
-      parsed: xe(w.shortcut),
-      handler: w.onClick
-    })), j = (w) => {
-      for (const { parsed: A, handler: ne } of L)
-        if (w.key.toLowerCase() === A.key && w.ctrlKey === A.ctrl && w.shiftKey === A.shift && w.altKey === A.alt) {
-          w.preventDefault(), ne();
+    const S = $.map((E) => ({
+      parsed: ze(E.shortcut),
+      handler: E.onClick
+    })), Z = (E) => {
+      for (const { parsed: T, handler: oe } of S)
+        if (E.key.toLowerCase() === T.key && E.ctrlKey === T.ctrl && E.shiftKey === T.shift && E.altKey === T.alt) {
+          E.preventDefault(), oe();
           return;
         }
     };
-    return p.addEventListener("keydown", j), () => p.removeEventListener("keydown", j);
-  }, [e, i, c]), H(() => {
-    const p = b.current;
-    if (!p || !e || !a)
+    return f.addEventListener("keydown", Z), () => f.removeEventListener("keydown", Z);
+  }, [e, d, c]), A(() => {
+    const f = y.current;
+    if (!f || !e || !i)
       return;
-    const k = (L) => {
-      L.target === p && a();
+    const $ = (S) => {
+      S.target === f && i();
     };
-    return p.addEventListener("click", k), () => p.removeEventListener("click", k);
-  }, [e, a]);
-  const q = c || d || i && i.length > 0;
-  return /* @__PURE__ */ r(
+    return f.addEventListener("click", $), () => f.removeEventListener("click", $);
+  }, [e, i]);
+  const P = c || u || d && d.length > 0;
+  return /* @__PURE__ */ l(
     "dialog",
     {
-      ref: b,
-      class: v(y.dialog, u),
-      "aria-labelledby": I,
+      ref: y,
+      class: m(k.dialog, b),
+      "aria-labelledby": x,
       role: n ? "alertdialog" : void 0,
-      children: /* @__PURE__ */ m("div", { class: y.panel, children: [
-        /* @__PURE__ */ m("header", { class: y.header, children: [
-          /* @__PURE__ */ r("h2", { id: I, class: y.title, children: s }),
-          !n && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              class: y.close,
-              title: R.closeDescription,
-              onClick: l,
-              children: "×"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ m("div", { class: y.body, children: [
-          o && /* @__PURE__ */ r("p", { class: y.message, children: o }),
+      children: /* @__PURE__ */ g("div", { class: k.panel, children: [
+        /* @__PURE__ */ g(
+          "header",
+          {
+            ref: v,
+            class: m(k.header, r && k.draggable, I && k.dragging),
+            children: [
+              /* @__PURE__ */ l("h2", { id: x, class: k.title, children: s }),
+              !n && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  class: k.close,
+                  title: F.closeDescription,
+                  onClick: o,
+                  children: /* @__PURE__ */ l(Te, { size: "1.5em", "aria-hidden": "true" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ g("div", { class: k.body, children: [
+          a && /* @__PURE__ */ l("p", { class: k.message, children: a }),
           _
         ] }),
-        q && /* @__PURE__ */ m("footer", { class: y.footer, children: [
-          i?.map((p) => /* @__PURE__ */ m(
+        P && /* @__PURE__ */ g("footer", { class: k.footer, children: [
+          d?.map((f) => /* @__PURE__ */ g(
             "button",
             {
               type: "button",
-              class: y.action,
-              title: p.description,
-              onClick: p.onClick,
+              class: k.action,
+              title: f.description,
+              onClick: f.onClick,
               children: [
-                p.label,
+                f.label,
                 " ",
-                z(p.shortcut)
+                O(f.shortcut)
               ]
             },
-            p.label
+            f.label
           )),
-          c && /* @__PURE__ */ m(
+          c && /* @__PURE__ */ g(
             "button",
             {
-              ref: g,
+              ref: w,
               type: "button",
-              class: v(y.action, y.primary),
+              class: m(k.action, k.primary),
               title: c.description,
               onClick: c.onClick,
               children: [
                 c.label,
                 " ",
-                z(c.shortcut)
+                O(c.shortcut)
               ]
             }
           ),
-          d && /* @__PURE__ */ m(
+          u && /* @__PURE__ */ g(
             "button",
             {
-              ref: C,
+              ref: N,
               type: "button",
-              class: y.action,
-              title: R.cancelDescription,
-              onClick: d,
+              class: k.action,
+              title: F.cancelDescription,
+              onClick: u,
               children: [
-                h ?? R.cancel,
+                h ?? F.cancel,
                 " ",
-                z("Esc")
+                O("Esc")
               ]
             }
           )
@@ -201,683 +341,592 @@ const Y = (t) => {
       ] })
     }
   );
-}, Rt = (t) => {
+}, Wt = (t) => {
   const {
     open: e,
     title: s,
     onClose: n,
-    message: l,
-    defaultAction: a,
-    actions: o,
+    message: r,
+    defaultAction: o,
+    actions: i,
+    draggable: a = !0,
     children: c,
-    class: i
+    class: d
   } = t;
-  return /* @__PURE__ */ r(
-    Y,
+  return /* @__PURE__ */ l(
+    re,
     {
       open: e,
       title: s,
+      draggable: a,
       onDismiss: n,
       onBackdropClick: n,
-      message: l,
-      defaultAction: a,
-      actions: o,
-      class: i,
+      message: r,
+      defaultAction: o,
+      actions: i,
+      class: d,
       children: c
     }
   );
-}, $e = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", Ce = {
-  link: $e
-}, zt = (t) => {
-  const { href: e, fileName: s, label: n, class: l } = t;
-  return /* @__PURE__ */ r("a", { href: e, download: s, class: v(Ce.link, l), children: n });
-}, Ie = "_form_jr324_1", Le = "_actions_jr324_6", Ne = "_status_jr324_13", O = {
-  form: Ie,
-  actions: Le,
-  status: Ne
-}, Ot = (t) => {
+}, Re = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", Fe = {
+  link: Re
+}, Gt = (t) => {
+  const { href: e, fileName: s, label: n, class: r } = t;
+  return /* @__PURE__ */ l("a", { href: e, download: s, class: m(Fe.link, r), children: n });
+}, Oe = "_form_jr324_1", Xe = "_actions_jr324_6", Ye = "_status_jr324_13", X = {
+  form: Oe,
+  actions: Xe,
+  status: Ye
+}, Zt = (t) => {
   const {
     onSubmit: e,
     submitLabel: s = "Submit",
     resetLabel: n,
-    status: l,
-    children: a,
-    class: o
+    status: r,
+    children: o,
+    class: i
   } = t;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ g(
     "form",
     {
-      class: v(O.form, o),
-      onSubmit: (c) => {
-        c.preventDefault();
-        const i = new FormData(c.currentTarget);
-        e(i);
+      class: m(X.form, i),
+      onSubmit: (a) => {
+        a.preventDefault();
+        const c = new FormData(a.currentTarget);
+        e(c);
       },
       children: [
-        a,
-        /* @__PURE__ */ m("div", { class: O.actions, children: [
-          /* @__PURE__ */ r(W, { type: "submit", label: s }),
-          n && /* @__PURE__ */ r(W, { type: "reset", label: n })
+        o,
+        /* @__PURE__ */ g("div", { class: X.actions, children: [
+          /* @__PURE__ */ l(J, { type: "submit", label: s }),
+          n && /* @__PURE__ */ l(J, { type: "reset", label: n })
         ] }),
-        l && /* @__PURE__ */ r("output", { class: O.status, children: l })
+        r && /* @__PURE__ */ l("output", { class: X.status, children: r })
       ]
     }
   );
-}, je = "_field_7l9ux_1", Ee = "_label_7l9ux_8", De = "_required_7l9ux_12", Se = "_error_7l9ux_16 _field-error_4u8pk_36", B = {
-  field: je,
-  label: Ee,
-  required: De,
-  error: Se
-}, S = (t) => {
-  const { for: e, label: s, required: n, error: l, errorId: a, children: o, class: c } = t;
-  return /* @__PURE__ */ m("div", { class: v(B.field, c), children: [
-    /* @__PURE__ */ m("label", { class: B.label, for: e, children: [
+}, Ue = "_field_7l9ux_1", Ke = "_label_7l9ux_8", Ve = "_required_7l9ux_12", We = "_error_7l9ux_16 _field-error_4u8pk_36", z = {
+  field: Ue,
+  label: Ke,
+  required: Ve,
+  error: We
+}, q = (t) => {
+  const { for: e, label: s, required: n, error: r, errorId: o, children: i, class: a } = t;
+  return /* @__PURE__ */ g("div", { class: m(z.field, a), children: [
+    /* @__PURE__ */ g("label", { class: z.label, for: e, children: [
       s,
       ":",
-      n && /* @__PURE__ */ m("span", { class: B.required, "aria-hidden": "true", children: [
+      n && /* @__PURE__ */ g("span", { class: z.required, "aria-hidden": "true", children: [
         " ",
         "*"
       ] })
     ] }),
-    o,
-    l && /* @__PURE__ */ r("p", { id: a, class: B.error, role: "alert", children: l })
+    i,
+    r && /* @__PURE__ */ l("p", { id: o, class: z.error, role: "alert", children: r })
   ] });
-}, Ae = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", He = {
-  input: Ae
-}, Be = {
+}, Ge = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Ze = {
+  input: Ge
+}, Je = {
   email: "email",
   tel: "tel",
   url: "url"
-}, Ft = (t) => {
+}, Jt = (t) => {
   const {
     label: e,
     name: s,
     type: n = "text",
-    value: l,
-    placeholder: a,
-    maxLength: o,
-    autocomplete: c,
-    readOnly: i,
-    pattern: h,
-    required: d,
-    disabled: f,
-    error: _,
-    onInput: u,
+    value: r,
+    placeholder: o,
+    maxLength: i,
+    autocomplete: a,
+    readOnly: c,
+    pattern: d,
+    required: h,
+    disabled: u,
+    error: p,
+    onInput: _,
     class: b
-  } = t, g = $(), C = `${g}-error`;
-  return /* @__PURE__ */ r(
-    S,
+  } = t, y = L(), v = `${y}-error`;
+  return /* @__PURE__ */ l(
+    q,
     {
       label: e,
-      for: g,
-      required: d,
-      error: _,
-      errorId: C,
+      for: y,
+      required: h,
+      error: p,
+      errorId: v,
       class: b,
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ l(
         "input",
         {
-          id: g,
-          class: He.input,
+          id: y,
+          class: Ze.input,
           type: n,
           name: s,
-          value: l,
-          placeholder: a,
-          maxLength: o,
-          autoComplete: c ?? Be[n],
-          readOnly: i,
-          pattern: h,
-          required: d,
-          disabled: f,
-          "aria-invalid": !!_ || void 0,
-          "aria-describedby": N(_ && C),
-          onInput: u && ((I) => u(I.target.value))
+          value: r,
+          placeholder: o,
+          maxLength: i,
+          autoComplete: a ?? Je[n],
+          readOnly: c,
+          pattern: d,
+          required: h,
+          disabled: u,
+          "aria-invalid": !!p || void 0,
+          "aria-describedby": D(p && v),
+          onInput: _ && ((w) => _(w.target.value))
         }
       )
     }
   );
-}, G = U(window.location.pathname), ee = U(window.location.hash.slice(1));
-function qe(t) {
+}, G = V(window.location.pathname), le = V(window.location.hash.slice(1));
+function Qe(t) {
   const e = t.indexOf("#");
   let s = "", n = t;
   e >= 0 && (s = t.slice(e + 1), n = t.slice(0, e));
-  const l = n.indexOf("?");
-  let a = "", o = n;
-  return l >= 0 && (a = n.slice(l), o = n.slice(0, l)), { pathname: o || "/", search: a, hash: s };
+  const r = n.indexOf("?");
+  let o = "", i = n;
+  return r >= 0 && (o = n.slice(r), i = n.slice(0, r)), { pathname: i || "/", search: o, hash: s };
 }
-function Pe(t, e) {
-  const { pathname: s, search: n, hash: l } = qe(t), a = s + n + (l ? `#${l}` : "");
-  e?.replace ? history.replaceState(null, "", a) : history.pushState(null, "", a), G.value = s, ee.value = l;
+function et(t, e) {
+  const { pathname: s, search: n, hash: r } = Qe(t), o = s + n + (r ? `#${r}` : "");
+  e?.replace ? history.replaceState(null, "", o) : history.pushState(null, "", o), G.value = s, le.value = r;
 }
 window.addEventListener("popstate", () => {
-  G.value = window.location.pathname, ee.value = window.location.hash.slice(1);
+  G.value = window.location.pathname, le.value = window.location.hash.slice(1);
 });
-const Te = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", Z = {
-  link: Te
+const tt = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", te = {
+  link: tt
 };
-function Re(t) {
+function nt(t) {
   try {
     return new URL(t, window.location.href).origin !== window.location.origin;
   } catch {
     return !1;
   }
 }
-const Mt = (t) => {
-  const { href: e, children: s, external: n, class: l } = t;
-  return n ?? Re(e) ? /* @__PURE__ */ r("a", { href: e, class: v(Z.link, l), rel: "noopener noreferrer", children: s }) : /* @__PURE__ */ r(
+const Qt = (t) => {
+  const { href: e, children: s, external: n, class: r } = t;
+  return n ?? nt(e) ? /* @__PURE__ */ l("a", { href: e, class: m(te.link, r), rel: "noopener noreferrer", children: s }) : /* @__PURE__ */ l(
     "a",
     {
       href: e,
-      class: v(Z.link, l),
-      onClick: (o) => {
-        o.preventDefault(), Pe(e);
+      class: m(te.link, r),
+      onClick: (i) => {
+        i.preventDefault(), et(e);
       },
       children: s
     }
   );
-}, Kt = (t) => {
+}, en = (t) => {
   const {
     open: e,
     title: s,
     onCancel: n,
-    cancelLabel: l,
-    message: a,
-    defaultAction: o,
-    actions: c,
-    focusCancel: i,
+    cancelLabel: r,
+    message: o,
+    defaultAction: i,
+    actions: a,
+    focusCancel: c,
+    draggable: d = !1,
     children: h,
-    class: d
+    class: u
   } = t;
-  return /* @__PURE__ */ r(
-    Y,
+  return /* @__PURE__ */ l(
+    re,
     {
       open: e,
       title: s,
       alert: !0,
+      draggable: d,
       onDismiss: n,
       onCancel: n,
-      cancelLabel: l,
-      message: a,
-      defaultAction: o,
-      actions: c,
-      focusCancel: i,
-      class: d,
+      cancelLabel: r,
+      message: o,
+      defaultAction: i,
+      actions: a,
+      focusCancel: c,
+      class: u,
       children: h
     }
   );
-}, ze = "_nav_778nl_1", Oe = "_title_778nl_6", V = {
-  nav: ze,
-  title: Oe
-}, Ut = (t) => {
-  const { title: e, children: s, class: n } = t, l = $();
-  return /* @__PURE__ */ m("nav", { class: v(V.nav, n), "aria-labelledby": e ? l : void 0, children: [
-    e && /* @__PURE__ */ r("h2", { id: l, class: V.title, children: e }),
+}, st = "_nav_778nl_1", rt = "_title_778nl_6", ne = {
+  nav: st,
+  title: rt
+}, tn = (t) => {
+  const { title: e, children: s, class: n } = t, r = L();
+  return /* @__PURE__ */ g("nav", { class: m(ne.nav, n), "aria-labelledby": e ? r : void 0, children: [
+    e && /* @__PURE__ */ l("h2", { id: r, class: ne.title, children: e }),
     s
   ] });
-}, Fe = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Me = {
-  input: Fe
-}, Gt = (t) => {
+}, lt = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", ot = {
+  input: lt
+}, nn = (t) => {
   const {
     label: e,
     name: s,
     min: n,
-    max: l,
-    step: a,
-    value: o,
-    placeholder: c,
-    required: i,
-    disabled: h,
-    error: d,
-    onInput: f,
-    class: _
-  } = t, u = $(), b = `${u}-error`;
-  return /* @__PURE__ */ r(
-    S,
+    max: r,
+    step: o,
+    value: i,
+    placeholder: a,
+    required: c,
+    disabled: d,
+    error: h,
+    onInput: u,
+    class: p
+  } = t, _ = L(), b = `${_}-error`;
+  return /* @__PURE__ */ l(
+    q,
     {
       label: e,
-      for: u,
-      required: i,
-      error: d,
+      for: _,
+      required: c,
+      error: h,
       errorId: b,
-      class: _,
-      children: /* @__PURE__ */ r(
+      class: p,
+      children: /* @__PURE__ */ l(
         "input",
         {
-          id: u,
-          class: Me.input,
+          id: _,
+          class: ot.input,
           type: "number",
           name: s,
           min: n,
-          max: l,
-          step: a,
-          value: o,
-          placeholder: c,
-          required: i,
-          disabled: h,
-          "aria-invalid": !!d || void 0,
-          "aria-describedby": N(d && b),
-          onInput: f && ((g) => f(g.target.valueAsNumber))
+          max: r,
+          step: o,
+          value: i,
+          placeholder: a,
+          required: c,
+          disabled: d,
+          "aria-invalid": !!h || void 0,
+          "aria-describedby": D(h && b),
+          onInput: u && ((y) => u(y.target.valueAsNumber))
         }
       )
     }
   );
-}, Ke = "_wrapper_16zfv_1", Ue = "_input_16zfv_5 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Ge = "_toggle_16zfv_11 _focus-ring_4u8pk_3 _disabled_4u8pk_8", F = {
-  wrapper: Ke,
-  input: Ue,
-  toggle: Ge
-};
-const We = (...t) => t.filter((e, s, n) => !!e && e.trim() !== "" && n.indexOf(e) === s).join(" ").trim();
-const J = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const Ze = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, s, n) => n ? n.toUpperCase() : s.toLowerCase()
-);
-const Q = (t) => {
-  const e = Ze(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-};
-var Ve = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-const Je = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
-  return !1;
-};
-const Qe = ({
-  color: t = "currentColor",
-  size: e = 24,
-  strokeWidth: s = 2,
-  absoluteStrokeWidth: n,
-  children: l,
-  iconNode: a,
-  class: o = "",
-  ...c
-}) => K(
-  "svg",
-  {
-    ...Ve,
-    width: String(e),
-    height: e,
-    stroke: t,
-    "stroke-width": n ? Number(s) * 24 / Number(e) : s,
-    class: ["lucide", o].join(" "),
-    ...!l && !Je(c) && { "aria-hidden": "true" },
-    ...c
-  },
-  [...a.map(([i, h]) => K(i, h)), ...re(l)]
-);
-const te = (t, e) => {
-  const s = ({ class: n = "", className: l = "", children: a, ...o }) => K(
-    Qe,
-    {
-      ...o,
-      iconNode: e,
-      class: We(
-        `lucide-${J(Q(t))}`,
-        `lucide-${J(t)}`,
-        n,
-        l
-      )
-    },
-    a
-  );
-  return s.displayName = Q(t), s;
-};
-const Xe = te("eye", [
-  [
-    "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",
-      key: "1nclc0"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-]);
-const Ye = te("eye-off", [
-  [
-    "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",
-      key: "ct8e1f"
-    }
-  ],
-  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
-  [
-    "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",
-      key: "13bj9a"
-    }
-  ],
-  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-]), et = {
+}, at = "_wrapper_16zfv_1", ct = "_input_16zfv_5 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", it = "_toggle_16zfv_11 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Y = {
+  wrapper: at,
+  input: ct,
+  toggle: it
+}, dt = {
   current: "current-password",
   new: "new-password"
-}, Wt = (t) => {
+}, sn = (t) => {
   const {
     label: e,
     name: s,
     purpose: n,
-    value: l,
-    placeholder: a,
-    required: o,
-    disabled: c,
-    error: i,
-    onInput: h,
-    class: d
-  } = t, f = $(), _ = `${f}-error`, u = D(!1);
-  return /* @__PURE__ */ r(
-    S,
+    value: r,
+    placeholder: o,
+    required: i,
+    disabled: a,
+    error: c,
+    onInput: d,
+    class: h
+  } = t, u = L(), p = `${u}-error`, _ = M(!1);
+  return /* @__PURE__ */ l(
+    q,
     {
       label: e,
-      for: f,
-      required: o,
-      error: i,
-      errorId: _,
-      class: d,
-      children: /* @__PURE__ */ m("div", { class: F.wrapper, children: [
-        /* @__PURE__ */ r(
+      for: u,
+      required: i,
+      error: c,
+      errorId: p,
+      class: h,
+      children: /* @__PURE__ */ g("div", { class: Y.wrapper, children: [
+        /* @__PURE__ */ l(
           "input",
           {
-            id: f,
-            class: F.input,
-            type: u.value ? "text" : "password",
+            id: u,
+            class: Y.input,
+            type: _.value ? "text" : "password",
             name: s,
-            value: l,
-            placeholder: a,
-            autoComplete: et[n],
-            required: o,
-            disabled: c,
-            "aria-invalid": !!i || void 0,
-            "aria-describedby": N(i && _),
-            onInput: h && ((b) => h(b.target.value))
+            value: r,
+            placeholder: o,
+            autoComplete: dt[n],
+            required: i,
+            disabled: a,
+            "aria-invalid": !!c || void 0,
+            "aria-describedby": D(c && p),
+            onInput: d && ((b) => d(b.target.value))
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            class: F.toggle,
-            disabled: c,
-            "aria-label": u.value ? "Hide password" : "Show password",
+            class: Y.toggle,
+            disabled: a,
+            "aria-label": _.value ? "Hide password" : "Show password",
             onClick: () => {
-              u.value = !u.value;
+              _.value = !_.value;
             },
-            children: u.value ? /* @__PURE__ */ r(Ye, { size: "1em" }) : /* @__PURE__ */ r(Xe, { size: "1em" })
+            children: _.value ? /* @__PURE__ */ l(qe, { size: "1em" }) : /* @__PURE__ */ l(Me, { size: "1em" })
           }
         )
       ] })
     }
   );
-}, tt = "_fieldset_lymkd_1", nt = "_legend_lymkd_6", st = "_option_lymkd_11", lt = "_input_lymkd_19 _check-input_4u8pk_32 _focus-ring_4u8pk_3", rt = "_error_lymkd_23 _field-error_4u8pk_36", E = {
-  fieldset: tt,
-  legend: nt,
-  option: st,
-  input: lt,
-  error: rt
-}, Zt = (t) => {
+}, ut = "_fieldset_lymkd_1", pt = "_legend_lymkd_6", _t = "_option_lymkd_11", ht = "_input_lymkd_19 _check-input_4u8pk_32 _focus-ring_4u8pk_3", ft = "_error_lymkd_23 _field-error_4u8pk_36", B = {
+  fieldset: ut,
+  legend: pt,
+  option: _t,
+  input: ht,
+  error: ft
+}, rn = (t) => {
   const {
     legend: e,
     name: s,
     options: n,
-    value: l,
-    required: a,
-    disabled: o,
-    error: c,
-    onChange: i,
-    class: h
-  } = t, d = $(), f = `${d}-error`;
-  return /* @__PURE__ */ m(
+    value: r,
+    required: o,
+    disabled: i,
+    error: a,
+    onChange: c,
+    class: d
+  } = t, h = L(), u = `${h}-error`;
+  return /* @__PURE__ */ g(
     "fieldset",
     {
-      class: v(E.fieldset, h),
-      "aria-invalid": !!c || void 0,
-      "aria-describedby": N(c && f),
+      class: m(B.fieldset, d),
+      "aria-invalid": !!a || void 0,
+      "aria-describedby": D(a && u),
       children: [
-        /* @__PURE__ */ r("legend", { class: E.legend, children: e }),
-        n.map((_) => {
-          const u = `${d}-${_.value}`;
-          return /* @__PURE__ */ m("div", { class: E.option, children: [
-            /* @__PURE__ */ r(
+        /* @__PURE__ */ l("legend", { class: B.legend, children: e }),
+        n.map((p) => {
+          const _ = `${h}-${p.value}`;
+          return /* @__PURE__ */ g("div", { class: B.option, children: [
+            /* @__PURE__ */ l(
               "input",
               {
-                id: u,
-                class: E.input,
+                id: _,
+                class: B.input,
                 type: "radio",
                 name: s,
-                value: _.value,
-                checked: l === _.value,
-                required: a,
-                disabled: o,
-                onChange: i && (() => i(_.value))
+                value: p.value,
+                checked: r === p.value,
+                required: o,
+                disabled: i,
+                onChange: c && (() => c(p.value))
               }
             ),
-            /* @__PURE__ */ r("label", { for: u, children: _.label })
-          ] }, _.value);
+            /* @__PURE__ */ l("label", { for: _, children: p.label })
+          ] }, p.value);
         }),
-        c && /* @__PURE__ */ r("p", { id: f, class: E.error, role: "alert", children: c })
+        a && /* @__PURE__ */ l("p", { id: u, class: B.error, role: "alert", children: a })
       ]
     }
   );
-}, Vt = (t) => {
+}, ln = (t) => {
   const { path: e, children: s } = t, n = G.value;
   if (e.endsWith("/*")) {
-    const l = e.slice(0, -1);
-    if (!n.startsWith(l) && n !== l.slice(0, -1))
+    const r = e.slice(0, -1);
+    if (!n.startsWith(r) && n !== r.slice(0, -1))
       return null;
   } else if (n !== e)
     return null;
-  return /* @__PURE__ */ r(se, { children: s });
-}, at = "_section_4nogy_1", ot = {
-  section: at
-}, Jt = (t) => {
-  const { title: e, level: s = 2, children: n, class: l } = t, a = $(), o = `h${s}`;
-  return /* @__PURE__ */ m("section", { class: v(ot.section, l), "aria-labelledby": a, children: [
-    /* @__PURE__ */ r(o, { id: a, children: e }),
+  return /* @__PURE__ */ l(ae, { children: s });
+}, gt = "_section_4nogy_1", mt = {
+  section: gt
+}, on = (t) => {
+  const { title: e, level: s = 2, children: n, class: r } = t, o = L(), i = `h${s}`;
+  return /* @__PURE__ */ g("section", { class: m(mt.section, r), "aria-labelledby": o, children: [
+    /* @__PURE__ */ l(i, { id: o, children: e }),
     n
   ] });
-}, ct = "_select_1cxnx_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", it = {
-  select: ct
-}, dt = (t) => "options" in t, Qt = (t) => {
+}, bt = "_select_1cxnx_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", yt = {
+  select: bt
+}, kt = (t) => "options" in t, an = (t) => {
   const {
     label: e,
     name: s,
     value: n,
-    placeholder: l,
-    options: a,
-    required: o,
-    disabled: c,
-    error: i,
-    onChange: h,
-    class: d
-  } = t, f = $(), _ = `${f}-error`;
-  return /* @__PURE__ */ r(
-    S,
+    placeholder: r,
+    options: o,
+    required: i,
+    disabled: a,
+    error: c,
+    onChange: d,
+    class: h
+  } = t, u = L(), p = `${u}-error`;
+  return /* @__PURE__ */ l(
+    q,
     {
       label: e,
-      for: f,
-      required: o,
-      error: i,
-      errorId: _,
-      class: d,
-      children: /* @__PURE__ */ m(
+      for: u,
+      required: i,
+      error: c,
+      errorId: p,
+      class: h,
+      children: /* @__PURE__ */ g(
         "select",
         {
-          id: f,
-          class: it.select,
+          id: u,
+          class: yt.select,
           name: s,
           value: n,
-          required: o,
-          disabled: c,
-          "aria-invalid": !!i || void 0,
-          "aria-describedby": N(i && _),
-          onChange: h && ((u) => h(u.target.value)),
+          required: i,
+          disabled: a,
+          "aria-invalid": !!c || void 0,
+          "aria-describedby": D(c && p),
+          onChange: d && ((_) => d(_.target.value)),
           children: [
-            l && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: l }),
-            a.map(
-              (u) => dt(u) ? /* @__PURE__ */ r("optgroup", { label: u.label, children: u.options.map((b) => /* @__PURE__ */ r("option", { value: b.value, children: b.label }, b.value)) }, u.label) : /* @__PURE__ */ r("option", { value: u.value, children: u.label }, u.value)
+            r && /* @__PURE__ */ l("option", { value: "", disabled: !0, children: r }),
+            o.map(
+              (_) => kt(_) ? /* @__PURE__ */ l("optgroup", { label: _.label, children: _.options.map((b) => /* @__PURE__ */ l("option", { value: b.value, children: b.label }, b.value)) }, _.label) : /* @__PURE__ */ l("option", { value: _.value, children: _.label }, _.value)
             )
           ]
         }
       )
     }
   );
-}, ut = "_skip_xbsul_1 _focus-ring_4u8pk_3", _t = {
-  skip: ut
-}, Xt = (t) => {
+}, vt = "_skip_xbsul_1 _focus-ring_4u8pk_3", wt = {
+  skip: vt
+}, cn = (t) => {
   const { target: e = "#main", label: s = "Skip to main content", class: n } = t;
-  return /* @__PURE__ */ r("a", { href: e, class: v(_t.skip, n), children: s });
-}, pt = "_table_185y9_1", ht = "_caption_185y9_6", ft = "_captionHidden_185y9_12 _visually-hidden_4u8pk_42", mt = "_headerCell_185y9_16", bt = "_cell_185y9_17", vt = "_head_185y9_16", kt = "_row_185y9_41", gt = "_striped_185y9_45", yt = "_dense_185y9_53", x = {
-  table: pt,
-  caption: ht,
-  captionHidden: ft,
-  headerCell: mt,
-  cell: bt,
-  head: vt,
-  row: kt,
-  striped: gt,
-  dense: yt
-}, Yt = (t) => {
+  return /* @__PURE__ */ l("a", { href: e, class: m(wt.skip, n), children: s });
+}, xt = "_table_185y9_1", $t = "_caption_185y9_6", Ct = "_captionHidden_185y9_12 _visually-hidden_4u8pk_42", Lt = "_headerCell_185y9_16", It = "_cell_185y9_17", Nt = "_head_185y9_16", Et = "_row_185y9_41", Dt = "_striped_185y9_45", jt = "_dense_185y9_53", C = {
+  table: xt,
+  caption: $t,
+  captionHidden: Ct,
+  headerCell: Lt,
+  cell: It,
+  head: Nt,
+  row: Et,
+  striped: Dt,
+  dense: jt
+}, dn = (t) => {
   const {
     caption: e,
     headers: s,
     data: n,
-    rowHeader: l,
-    striped: a,
-    dense: o,
-    captionHidden: c,
-    class: i
+    rowHeader: r,
+    striped: o,
+    dense: i,
+    captionHidden: a,
+    class: c
   } = t;
-  return /* @__PURE__ */ m("table", { class: v(x.table, a && x.striped, o && x.dense, i), children: [
-    /* @__PURE__ */ r("caption", { class: v(x.caption, c && x.captionHidden), children: e }),
-    /* @__PURE__ */ r("thead", { class: x.head, children: /* @__PURE__ */ r("tr", { children: s.map((h, d) => /* @__PURE__ */ r("th", { class: x.headerCell, scope: "col", children: h }, `${h}-${d}`)) }) }),
-    /* @__PURE__ */ r("tbody", { children: n.map((h, d) => /* @__PURE__ */ r("tr", { class: x.row, children: h.map(
-      (f, _) => l && _ === 0 ? /* @__PURE__ */ r("th", { class: x.headerCell, scope: "row", children: f }, `${s[_]}-${d}-${_}`) : /* @__PURE__ */ r("td", { class: x.cell, children: f }, `${s[_]}-${d}-${_}`)
-    ) }, d)) })
+  return /* @__PURE__ */ g("table", { class: m(C.table, o && C.striped, i && C.dense, c), children: [
+    /* @__PURE__ */ l("caption", { class: m(C.caption, a && C.captionHidden), children: e }),
+    /* @__PURE__ */ l("thead", { class: C.head, children: /* @__PURE__ */ l("tr", { children: s.map((d, h) => /* @__PURE__ */ l("th", { class: C.headerCell, scope: "col", children: d }, `${d}-${h}`)) }) }),
+    /* @__PURE__ */ l("tbody", { children: n.map((d, h) => /* @__PURE__ */ l("tr", { class: C.row, children: d.map(
+      (u, p) => r && p === 0 ? /* @__PURE__ */ l("th", { class: C.headerCell, scope: "row", children: u }, `${s[p]}-${h}-${p}`) : /* @__PURE__ */ l("td", { class: C.cell, children: u }, `${s[p]}-${h}-${p}`)
+    ) }, h)) })
   ] });
-}, wt = "_hidden_19nib_1 _visually-hidden_4u8pk_42", xt = {
-  hidden: wt
-}, $t = (t) => {
+}, Pt = "_hidden_19nib_1 _visually-hidden_4u8pk_42", St = {
+  hidden: Pt
+}, Bt = (t) => {
   const { children: e } = t;
-  return /* @__PURE__ */ r("span", { class: xt.hidden, children: e });
-}, Ct = "_wrapper_1kyv1_1", It = "_textarea_1kyv1_6 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Lt = "_counter_1kyv1_11", M = {
-  wrapper: Ct,
-  textarea: It,
-  counter: Lt
-}, X = [75, 90, 100], Nt = 10;
-function jt(t) {
-  for (let e = X.length - 1; e >= 0; e--) {
-    const s = X[e];
+  return /* @__PURE__ */ l("span", { class: St.hidden, children: e });
+}, Ht = "_wrapper_1kyv1_1", At = "_textarea_1kyv1_6 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Mt = "_counter_1kyv1_11", U = {
+  wrapper: Ht,
+  textarea: At,
+  counter: Mt
+}, se = [75, 90, 100], qt = 10;
+function Tt(t) {
+  for (let e = se.length - 1; e >= 0; e--) {
+    const s = se[e];
     if (s !== void 0 && t >= s)
       return s;
   }
   return 0;
 }
-const en = (t) => {
+const un = (t) => {
   const {
     label: e,
     name: s,
     maxChars: n,
-    value: l,
-    placeholder: a,
-    required: o,
-    disabled: c,
-    error: i,
-    onInput: h,
-    class: d
-  } = t, f = $(), _ = `${f}-error`, u = `${f}-counter`, b = D(l?.length ?? 0), g = D(""), C = D(0), I = D(!1);
-  return /* @__PURE__ */ r(
-    S,
+    value: r,
+    placeholder: o,
+    required: i,
+    disabled: a,
+    error: c,
+    onInput: d,
+    class: h
+  } = t, u = L(), p = `${u}-error`, _ = `${u}-counter`, b = M(r?.length ?? 0), y = M(""), v = M(0), w = M(!1);
+  return /* @__PURE__ */ l(
+    q,
     {
       label: e,
-      for: f,
-      required: o,
-      error: i,
-      errorId: _,
-      class: d,
-      children: /* @__PURE__ */ m("div", { class: M.wrapper, children: [
-        /* @__PURE__ */ r(
+      for: u,
+      required: i,
+      error: c,
+      errorId: p,
+      class: h,
+      children: /* @__PURE__ */ g("div", { class: U.wrapper, children: [
+        /* @__PURE__ */ l(
           "textarea",
           {
-            id: f,
-            class: M.textarea,
+            id: u,
+            class: U.textarea,
             name: s,
             maxLength: n,
-            placeholder: a,
-            required: o,
-            disabled: c,
-            "aria-invalid": !!i || void 0,
-            "aria-describedby": N(i && _, u),
-            onInput: (q) => {
-              const p = q.target.value;
-              b.value = p.length;
-              const k = n - p.length, L = p.length / n * 100, j = jt(L), w = !I.value && k <= Nt && k > 0;
-              (j > C.value || w) && (g.value = `${k} character${k === 1 ? "" : "s"} remaining`, C.value = j, w && (I.value = !0)), h?.(p);
+            placeholder: o,
+            required: i,
+            disabled: a,
+            "aria-invalid": !!c || void 0,
+            "aria-describedby": D(c && p, _),
+            onInput: (N) => {
+              const x = N.target.value;
+              b.value = x.length;
+              const I = n - x.length, j = x.length / n * 100, P = Tt(j), f = !w.value && I <= qt && I > 0;
+              (P > v.value || f) && (y.value = `${I} character${I === 1 ? "" : "s"} remaining`, v.value = P, f && (w.value = !0)), d?.(x);
             },
-            children: l
+            children: r
           }
         ),
-        /* @__PURE__ */ m("span", { id: u, class: M.counter, children: [
+        /* @__PURE__ */ g("span", { id: _, class: U.counter, children: [
           b,
           " / ",
           n
         ] }),
-        /* @__PURE__ */ r($t, { children: /* @__PURE__ */ r("span", { "aria-live": "polite", children: g }) })
+        /* @__PURE__ */ l(Bt, { children: /* @__PURE__ */ l("span", { "aria-live": "polite", children: y }) })
       ] })
     }
   );
-}, Et = "_theme_1x47p_11", Dt = {
-  theme: Et
-}, tn = {
+}, zt = "_theme_1x47p_11", Rt = {
+  theme: zt
+}, pn = {
   blue: "aui-blue",
   purple: "aui-purple",
   teal: "aui-teal",
   red: "aui-red",
   orange: "aui-orange",
   yellow: "aui-yellow"
-}, nn = (t) => {
+}, _n = (t) => {
   const { children: e, class: s } = t;
-  return /* @__PURE__ */ r("div", { class: v(Dt.theme, s), children: e });
-}, St = U(document.title);
-le(() => {
-  document.title = St.value;
+  return /* @__PURE__ */ l("div", { class: m(Rt.theme, s), children: e });
+}, Ft = V(document.title);
+ue(() => {
+  document.title = Ft.value;
 });
 export {
-  W as Button,
-  Pt as Card,
-  Tt as Checkbox,
-  Rt as Dialog,
-  zt as DownloadLink,
-  Ot as Form,
-  Ft as Input,
-  Mt as Link,
-  Kt as Modal,
-  Ut as Nav,
-  Gt as NumberInput,
-  tn as Palette,
-  Wt as PasswordInput,
-  Zt as RadioGroup,
-  Vt as Route,
-  Jt as Section,
-  Qt as Select,
-  Xt as SkipLink,
-  Yt as Table,
-  en as Textarea,
-  nn as Theme,
-  $t as VisuallyHidden,
-  v as cx,
-  ee as hash,
+  J as Button,
+  Kt as Card,
+  Vt as Checkbox,
+  Wt as Dialog,
+  Gt as DownloadLink,
+  Zt as Form,
+  Jt as Input,
+  Qt as Link,
+  en as Modal,
+  tn as Nav,
+  nn as NumberInput,
+  pn as Palette,
+  sn as PasswordInput,
+  rn as RadioGroup,
+  ln as Route,
+  on as Section,
+  an as Select,
+  cn as SkipLink,
+  dn as Table,
+  un as Textarea,
+  _n as Theme,
+  Bt as VisuallyHidden,
+  m as cx,
+  le as hash,
   G as location,
-  Pe as navigate,
-  St as title
+  et as navigate,
+  Ft as title
 };