@auldrant/ui 0.9.0 → 0.11.0

package/dist/auldrant-ui.js

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