@auldrant/ui 0.7.0 → 0.9.0

package/dist/auldrant-ui.js

@@ -1,545 +1,865 @@
-import { jsx as r, jsxs as b, Fragment as W } from "preact/jsx-runtime";
-import { useId as f } from "preact/hooks";
-import { signal as j, useSignal as x, effect as M } from "@preact/signals";
-function m(...t) {
+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) {
   return t.filter(Boolean).join(" ");
 }
-function g(...t) {
+function L(...t) {
   return t.filter(Boolean).join(" ") || void 0;
 }
-const V = "_button_4gn7y_1 _focus-ring_4u8pk_3 _disabled_4u8pk_8", J = {
-  button: V
-}, D = (t) => {
-  const { label: e, onClick: n, type: s = "button", disabled: l, class: c } = t;
-  return /* @__PURE__ */ r("button", { type: s, class: m(J.button, c), onClick: n, disabled: l, children: e });
-}, K = "_card_awzw5_1", Q = {
-  card: K
-}, Ye = (t) => {
-  const { children: e, class: n } = t;
-  return /* @__PURE__ */ r("div", { class: m(Q.card, n), children: e });
-}, X = "_field_17xwz_1", Y = "_input_17xwz_8 _check-input_4u8pk_32 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Z = "_error_17xwz_12 _field-error_4u8pk_36", q = {
-  field: X,
-  input: Y,
-  error: Z
-}, Ze = (t) => {
-  const { label: e, name: n, checked: s, required: l, disabled: c, error: a, onChange: d, class: i } = t, h = f(), p = `${h}-error`;
-  return /* @__PURE__ */ b("div", { class: m(q.field, i), children: [
+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 { 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(
       "input",
       {
         id: h,
-        class: q.input,
+        class: T.input,
         type: "checkbox",
-        name: n,
-        checked: s,
+        name: s,
+        checked: n,
         required: l,
-        disabled: c,
-        "aria-invalid": !!a || void 0,
-        "aria-describedby": g(a && p),
-        onChange: d && ((u) => d(u.target.checked))
+        disabled: a,
+        "aria-invalid": !!o || void 0,
+        "aria-describedby": L(o && p),
+        onChange: c && ((_) => c(_.target.checked))
       }
     ),
     /* @__PURE__ */ r("label", { for: h, children: e }),
-    a && /* @__PURE__ */ r("p", { id: p, class: q.error, role: "alert", children: a })
+    o && /* @__PURE__ */ r("p", { id: p, class: T.error, role: "alert", children: o })
   ] });
-}, ee = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", te = {
-  link: ee
-}, et = (t) => {
-  const { href: e, fileName: n, label: s, class: l } = t;
-  return /* @__PURE__ */ r("a", { href: e, download: n, class: m(te.link, l), children: s });
-}, ne = "_form_jr324_1", se = "_actions_jr324_6", le = "_status_jr324_13", L = {
-  form: ne,
-  actions: se,
-  status: le
-}, tt = (t) => {
+}, 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 = {
+  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());
+  return {
+    key: s.toLowerCase(),
+    ctrl: n.includes("ctrl"),
+    shift: n.includes("shift"),
+    alt: n.includes("alt")
+  };
+}
+function z(t) {
+  return `(${t})`;
+}
+const Y = (t) => {
+  const {
+    open: e,
+    title: s,
+    alert: n,
+    onDismiss: l,
+    onBackdropClick: a,
+    message: o,
+    defaultAction: c,
+    actions: i,
+    cancelLabel: h,
+    onCancel: p,
+    focusCancel: _,
+    children: f,
+    class: d
+  } = t, b = P(null), g = P(null), $ = P(null), C = x();
+  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)
+      return;
+    const k = (I) => {
+      I.preventDefault(), l();
+    };
+    return u.addEventListener("cancel", k), () => u.removeEventListener("cancel", k);
+  }, [l]), A(() => {
+    const u = b.current;
+    if (!u || !e)
+      return;
+    const k = [...i ?? [], ...c ? [c] : []];
+    if (k.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();
+          return;
+        }
+    };
+    return u.addEventListener("keydown", N), () => u.removeEventListener("keydown", N);
+  }, [e, i, c]), A(() => {
+    const u = b.current;
+    if (!u || !e || !a)
+      return;
+    const k = (I) => {
+      I.target === u && a();
+    };
+    return u.addEventListener("click", k), () => u.removeEventListener("click", k);
+  }, [e, a]);
+  const q = c || p || i && i.length > 0;
+  return /* @__PURE__ */ r(
+    "dialog",
+    {
+      ref: b,
+      class: v(y.dialog, d),
+      "aria-labelledby": C,
+      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
+        ] }),
+        q && /* @__PURE__ */ m("footer", { class: y.footer, children: [
+          i?.map((u) => /* @__PURE__ */ m(
+            "button",
+            {
+              type: "button",
+              class: y.action,
+              title: u.description,
+              onClick: u.onClick,
+              children: [
+                u.label,
+                " ",
+                z(u.shortcut)
+              ]
+            },
+            u.label
+          )),
+          c && /* @__PURE__ */ m(
+            "button",
+            {
+              ref: g,
+              type: "button",
+              class: v(y.action, y.primary),
+              title: c.description,
+              onClick: c.onClick,
+              children: [
+                c.label,
+                " ",
+                z(c.shortcut)
+              ]
+            }
+          ),
+          p && /* @__PURE__ */ m(
+            "button",
+            {
+              ref: $,
+              type: "button",
+              class: y.action,
+              title: R.cancelDescription,
+              onClick: p,
+              children: [
+                h ?? R.cancel,
+                " ",
+                z("Esc")
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, St = (t) => {
+  const {
+    open: e,
+    title: s,
+    onClose: n,
+    message: l,
+    defaultAction: a,
+    actions: o,
+    children: c,
+    class: i
+  } = t;
+  return /* @__PURE__ */ r(
+    Y,
+    {
+      open: e,
+      title: s,
+      onDismiss: n,
+      onBackdropClick: n,
+      message: l,
+      defaultAction: a,
+      actions: o,
+      class: i,
+      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) => {
   const {
     onSubmit: e,
-    submitLabel: n = "Submit",
-    resetLabel: s,
+    submitLabel: s = "Submit",
+    resetLabel: n,
     status: l,
-    children: c,
-    class: a
+    children: a,
+    class: o
   } = t;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ m(
     "form",
     {
-      class: m(L.form, a),
-      onSubmit: (d) => {
-        d.preventDefault();
-        const i = new FormData(d.currentTarget);
+      class: v(H.form, o),
+      onSubmit: (c) => {
+        c.preventDefault();
+        const i = new FormData(c.currentTarget);
         e(i);
       },
       children: [
-        c,
-        /* @__PURE__ */ b("div", { class: L.actions, children: [
-          /* @__PURE__ */ r(D, { type: "submit", label: n }),
-          s && /* @__PURE__ */ r(D, { type: "reset", label: s })
+        a,
+        /* @__PURE__ */ m("div", { class: H.actions, children: [
+          /* @__PURE__ */ r(G, { type: "submit", label: s }),
+          n && /* @__PURE__ */ r(G, { type: "reset", label: n })
         ] }),
-        l && /* @__PURE__ */ r("output", { class: L.status, children: l })
+        l && /* @__PURE__ */ r("output", { class: H.status, children: l })
       ]
     }
   );
-}, re = "_field_7l9ux_1", ae = "_label_7l9ux_8", ce = "_required_7l9ux_12", oe = "_error_7l9ux_16 _field-error_4u8pk_36", S = {
-  field: re,
-  label: ae,
-  required: ce,
-  error: oe
-}, w = (t) => {
-  const { for: e, label: n, required: s, error: l, errorId: c, children: a, class: d } = t;
-  return /* @__PURE__ */ b("div", { class: m(S.field, d), children: [
-    /* @__PURE__ */ b("label", { class: S.label, for: e, children: [
-      n,
+}, 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: [
+      s,
       ":",
-      s && /* @__PURE__ */ b("span", { class: S.required, "aria-hidden": "true", children: [
+      n && /* @__PURE__ */ m("span", { class: B.required, "aria-hidden": "true", children: [
         " ",
         "*"
       ] })
     ] }),
-    a,
-    l && /* @__PURE__ */ r("p", { id: c, class: S.error, role: "alert", children: l })
+    o,
+    l && /* @__PURE__ */ r("p", { id: a, class: B.error, role: "alert", children: l })
   ] });
-}, ie = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", de = {
-  input: ie
-}, ue = {
+}, Ae = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Be = {
+  input: Ae
+}, qe = {
   email: "email",
   tel: "tel",
   url: "url"
-}, nt = (t) => {
+}, qt = (t) => {
   const {
     label: e,
-    name: n,
-    type: s = "text",
+    name: s,
+    type: n = "text",
     value: l,
-    placeholder: c,
-    maxLength: a,
-    autocomplete: d,
+    placeholder: a,
+    maxLength: o,
+    autocomplete: c,
     readOnly: i,
     pattern: h,
     required: p,
-    disabled: u,
-    error: _,
-    onInput: o,
-    class: v
-  } = t, k = f(), y = `${k}-error`;
+    disabled: _,
+    error: f,
+    onInput: d,
+    class: b
+  } = t, g = x(), $ = `${g}-error`;
   return /* @__PURE__ */ r(
-    w,
+    D,
     {
       label: e,
-      for: k,
+      for: g,
       required: p,
-      error: _,
-      errorId: y,
-      class: v,
+      error: f,
+      errorId: $,
+      class: b,
       children: /* @__PURE__ */ r(
         "input",
         {
-          id: k,
-          class: de.input,
-          type: s,
-          name: n,
+          id: g,
+          class: Be.input,
+          type: n,
+          name: s,
           value: l,
-          placeholder: c,
-          maxLength: a,
-          autoComplete: d ?? ue[s],
+          placeholder: a,
+          maxLength: o,
+          autoComplete: c ?? qe[n],
           readOnly: i,
           pattern: h,
           required: p,
-          disabled: u,
-          "aria-invalid": !!_ || void 0,
-          "aria-describedby": g(_ && y),
-          onInput: o && ((I) => o(I.target.value))
+          disabled: _,
+          "aria-invalid": !!f || void 0,
+          "aria-describedby": L(f && $),
+          onInput: d && ((C) => d(C.target.value))
         }
       )
     }
   );
-}, P = j(window.location.pathname), A = j(window.location.hash.slice(1));
-function _e(t) {
+}, U = K(window.location.pathname), ee = K(window.location.hash.slice(1));
+function Pe(t) {
   const e = t.indexOf("#");
-  let n = "", s = t;
-  e >= 0 && (n = t.slice(e + 1), s = t.slice(0, e));
-  const l = s.indexOf("?");
-  let c = "", a = s;
-  return l >= 0 && (c = s.slice(l), a = s.slice(0, l)), { pathname: a || "/", search: c, hash: n };
+  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 };
 }
-function pe(t, e) {
-  const { pathname: n, search: s, hash: l } = _e(t), c = n + s + (l ? `#${l}` : "");
-  e?.replace ? history.replaceState(null, "", c) : history.pushState(null, "", c), P.value = n, A.value = l;
+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;
 }
 window.addEventListener("popstate", () => {
-  P.value = window.location.pathname, A.value = window.location.hash.slice(1);
+  U.value = window.location.pathname, ee.value = window.location.hash.slice(1);
 });
-const he = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", F = {
-  link: he
+const Re = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", W = {
+  link: Re
 };
-function be(t) {
+function ze(t) {
   try {
     return new URL(t, window.location.href).origin !== window.location.origin;
   } catch {
     return !1;
   }
 }
-const st = (t) => {
-  const { href: e, children: n, external: s, class: l } = t;
-  return s ?? be(e) ? /* @__PURE__ */ r("a", { href: e, class: m(F.link, l), rel: "noopener noreferrer", children: n }) : /* @__PURE__ */ r(
+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(
     "a",
     {
       href: e,
-      class: m(F.link, l),
-      onClick: (a) => {
-        a.preventDefault(), pe(e);
+      class: v(W.link, l),
+      onClick: (o) => {
+        o.preventDefault(), Te(e);
       },
-      children: n
+      children: s
     }
   );
-}, me = "_nav_778nl_1", ve = "_title_778nl_6", O = {
-  nav: me,
-  title: ve
-}, lt = (t) => {
-  const { title: e, children: n, class: s } = t, l = f();
-  return /* @__PURE__ */ b("nav", { class: m(O.nav, s), "aria-labelledby": e ? l : void 0, children: [
-    e && /* @__PURE__ */ r("h2", { id: l, class: O.title, children: e }),
-    n
+}, Tt = (t) => {
+  const {
+    open: e,
+    title: s,
+    onCancel: n,
+    cancelLabel: l,
+    message: a,
+    defaultAction: o,
+    actions: c,
+    focusCancel: i,
+    children: h,
+    class: p
+  } = t;
+  return /* @__PURE__ */ r(
+    Y,
+    {
+      open: e,
+      title: s,
+      alert: !0,
+      onDismiss: n,
+      onCancel: n,
+      cancelLabel: l,
+      message: a,
+      defaultAction: o,
+      actions: c,
+      focusCancel: i,
+      class: p,
+      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 }),
+    s
   ] });
-}, fe = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", ke = {
-  input: fe
-}, rt = (t) => {
+}, Fe = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Me = {
+  input: Fe
+}, zt = (t) => {
   const {
     label: e,
-    name: n,
-    min: s,
+    name: s,
+    min: n,
     max: l,
-    step: c,
-    value: a,
-    placeholder: d,
+    step: a,
+    value: o,
+    placeholder: c,
     required: i,
     disabled: h,
     error: p,
-    onInput: u,
-    class: _
-  } = t, o = f(), v = `${o}-error`;
+    onInput: _,
+    class: f
+  } = t, d = x(), b = `${d}-error`;
   return /* @__PURE__ */ r(
-    w,
+    D,
     {
       label: e,
-      for: o,
+      for: d,
       required: i,
       error: p,
-      errorId: v,
-      class: _,
+      errorId: b,
+      class: f,
       children: /* @__PURE__ */ r(
         "input",
         {
-          id: o,
-          class: ke.input,
+          id: d,
+          class: Me.input,
           type: "number",
-          name: n,
-          min: s,
+          name: s,
+          min: n,
           max: l,
-          step: c,
-          value: a,
-          placeholder: d,
+          step: a,
+          value: o,
+          placeholder: c,
           required: i,
           disabled: h,
           "aria-invalid": !!p || void 0,
-          "aria-describedby": g(p && v),
-          onInput: u && ((k) => u(k.target.valueAsNumber))
+          "aria-describedby": L(p && b),
+          onInput: _ && ((g) => _(g.target.valueAsNumber))
         }
       )
     }
   );
-}, ge = "_wrapper_1mu6v_1", ye = "_input_1mu6v_6 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", $e = "_toggle_1mu6v_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", T = {
-  wrapper: ge,
-  input: ye,
-  toggle: $e
-}, xe = {
+}, 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
+};
+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(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, s, n) => n ? n.toUpperCase() : s.toLowerCase()
+);
+const J = (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
+}) => M(
+  "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]) => M(i, h)), ...re(l)]
+);
+const te = (t, e) => {
+  const s = ({ class: n = "", className: l = "", children: a, ...o }) => M(
+    Qe,
+    {
+      ...o,
+      iconNode: e,
+      class: We(
+        `lucide-${V(J(t))}`,
+        `lucide-${V(t)}`,
+        n,
+        l
+      )
+    },
+    a
+  );
+  return s.displayName = J(t), s;
+};
+const Xe = 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" }]
+]);
+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 = {
   current: "current-password",
   new: "new-password"
-}, at = (t) => {
+}, Ht = (t) => {
   const {
     label: e,
-    name: n,
-    purpose: s,
+    name: s,
+    purpose: n,
     value: l,
-    placeholder: c,
-    required: a,
-    disabled: d,
+    placeholder: a,
+    required: o,
+    disabled: c,
     error: i,
     onInput: h,
     class: p
-  } = t, u = f(), _ = `${u}-error`, o = x(!1);
+  } = t, _ = x(), f = `${_}-error`, d = E(!1);
   return /* @__PURE__ */ r(
-    w,
+    D,
     {
       label: e,
-      for: u,
-      required: a,
+      for: _,
+      required: o,
       error: i,
-      errorId: _,
+      errorId: f,
       class: p,
-      children: /* @__PURE__ */ b("div", { class: T.wrapper, children: [
+      children: /* @__PURE__ */ m("div", { class: O.wrapper, children: [
         /* @__PURE__ */ r(
           "input",
           {
-            id: u,
-            class: T.input,
-            type: o.value ? "text" : "password",
-            name: n,
+            id: _,
+            class: O.input,
+            type: d.value ? "text" : "password",
+            name: s,
             value: l,
-            placeholder: c,
-            autoComplete: xe[s],
-            required: a,
-            disabled: d,
+            placeholder: a,
+            autoComplete: et[n],
+            required: o,
+            disabled: c,
             "aria-invalid": !!i || void 0,
-            "aria-describedby": g(i && _),
-            onInput: h && ((v) => h(v.target.value))
+            "aria-describedby": L(i && f),
+            onInput: h && ((b) => h(b.target.value))
           }
         ),
         /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            class: T.toggle,
-            disabled: d,
+            class: O.toggle,
+            disabled: c,
+            "aria-label": d.value ? "Hide password" : "Show password",
             onClick: () => {
-              o.value = !o.value;
+              d.value = !d.value;
             },
-            children: o.value ? "Hide password" : "Show password"
+            children: d.value ? /* @__PURE__ */ r(Xe, { size: "1em" }) : /* @__PURE__ */ r(Ye, { size: "1em" })
           }
         )
       ] })
     }
   );
-}, we = "_fieldset_lymkd_1", Ie = "_legend_lymkd_6", Ne = "_option_lymkd_11", Ce = "_input_lymkd_19 _check-input_4u8pk_32 _focus-ring_4u8pk_3", Se = "_error_lymkd_23 _field-error_4u8pk_36", $ = {
-  fieldset: we,
-  legend: Ie,
-  option: Ne,
-  input: Ce,
-  error: Se
-}, ct = (t) => {
+}, 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) => {
   const {
     legend: e,
-    name: n,
-    options: s,
+    name: s,
+    options: n,
     value: l,
-    required: c,
-    disabled: a,
-    error: d,
+    required: a,
+    disabled: o,
+    error: c,
     onChange: i,
     class: h
-  } = t, p = f(), u = `${p}-error`;
-  return /* @__PURE__ */ b(
+  } = t, p = x(), _ = `${p}-error`;
+  return /* @__PURE__ */ m(
     "fieldset",
     {
-      class: m($.fieldset, h),
-      "aria-invalid": !!d || void 0,
-      "aria-describedby": g(d && u),
+      class: v(j.fieldset, h),
+      "aria-invalid": !!c || void 0,
+      "aria-describedby": L(c && _),
       children: [
-        /* @__PURE__ */ r("legend", { class: $.legend, children: e }),
-        s.map((_) => {
-          const o = `${p}-${_.value}`;
-          return /* @__PURE__ */ b("div", { class: $.option, 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(
               "input",
               {
-                id: o,
-                class: $.input,
+                id: d,
+                class: j.input,
                 type: "radio",
-                name: n,
-                value: _.value,
-                checked: l === _.value,
-                required: c,
-                disabled: a,
-                onChange: i && (() => i(_.value))
+                name: s,
+                value: f.value,
+                checked: l === f.value,
+                required: a,
+                disabled: o,
+                onChange: i && (() => i(f.value))
               }
             ),
-            /* @__PURE__ */ r("label", { for: o, children: _.label })
-          ] }, _.value);
+            /* @__PURE__ */ r("label", { for: d, children: f.label })
+          ] }, f.value);
         }),
-        d && /* @__PURE__ */ r("p", { id: u, class: $.error, role: "alert", children: d })
+        c && /* @__PURE__ */ r("p", { id: _, class: j.error, role: "alert", children: c })
       ]
     }
   );
-}, ot = (t) => {
-  const { path: e, children: n } = t, s = P.value;
+}, Ft = (t) => {
+  const { path: e, children: s } = t, n = U.value;
   if (e.endsWith("/*")) {
     const l = e.slice(0, -1);
-    if (!s.startsWith(l) && s !== l.slice(0, -1))
+    if (!n.startsWith(l) && n !== l.slice(0, -1))
       return null;
-  } else if (s !== e)
+  } else if (n !== e)
     return null;
-  return /* @__PURE__ */ r(W, { children: n });
-}, qe = "_section_4nogy_1", Le = {
-  section: qe
-}, it = (t) => {
-  const { title: e, level: n = 2, children: s, class: l } = t, c = f(), a = `h${n}`;
-  return /* @__PURE__ */ b("section", { class: m(Le.section, l), "aria-labelledby": c, children: [
-    /* @__PURE__ */ r(a, { id: c, children: e }),
-    s
+  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 }),
+    n
   ] });
-}, Te = "_select_1cxnx_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Ee = {
-  select: Te
-}, je = (t) => "options" in t, dt = (t) => {
+}, 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) => {
   const {
     label: e,
-    name: n,
-    value: s,
+    name: s,
+    value: n,
     placeholder: l,
-    options: c,
-    required: a,
-    disabled: d,
+    options: a,
+    required: o,
+    disabled: c,
     error: i,
     onChange: h,
     class: p
-  } = t, u = f(), _ = `${u}-error`;
+  } = t, _ = x(), f = `${_}-error`;
   return /* @__PURE__ */ r(
-    w,
+    D,
     {
       label: e,
-      for: u,
-      required: a,
+      for: _,
+      required: o,
       error: i,
-      errorId: _,
+      errorId: f,
       class: p,
-      children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ m(
         "select",
         {
-          id: u,
-          class: Ee.select,
-          name: n,
-          value: s,
-          required: a,
-          disabled: d,
+          id: _,
+          class: it.select,
+          name: s,
+          value: n,
+          required: o,
+          disabled: c,
           "aria-invalid": !!i || void 0,
-          "aria-describedby": g(i && _),
-          onChange: h && ((o) => h(o.target.value)),
+          "aria-describedby": L(i && f),
+          onChange: h && ((d) => h(d.target.value)),
           children: [
             l && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: l }),
-            c.map(
-              (o) => je(o) ? /* @__PURE__ */ r("optgroup", { label: o.label, children: o.options.map((v) => /* @__PURE__ */ r("option", { value: v.value, children: v.label }, v.value)) }, o.label) : /* @__PURE__ */ r("option", { value: o.value, children: o.label }, o.value)
+            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)
             )
           ]
         }
       )
     }
   );
-}, Pe = "_skip_xbsul_1 _focus-ring_4u8pk_3", He = {
-  skip: Pe
-}, ut = (t) => {
-  const { target: e = "#main", label: n = "Skip to main content", class: s } = t;
-  return /* @__PURE__ */ r("a", { href: e, class: m(He.skip, s), children: n });
-}, Be = "_table_dls60_1", De = "_caption_dls60_6", R = {
-  table: Be,
-  caption: De
-}, _t = (t) => {
-  const { caption: e, headers: n, data: s, class: l } = t;
-  return /* @__PURE__ */ b("table", { class: m(R.table, l), children: [
-    /* @__PURE__ */ r("caption", { class: R.caption, children: e }),
-    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: n.map((c, a) => /* @__PURE__ */ r("th", { scope: "col", children: c }, `${c}-${a}`)) }) }),
-    /* @__PURE__ */ r("tbody", { children: s.map((c, a) => /* @__PURE__ */ r("tr", { children: c.map((d, i) => /* @__PURE__ */ r("td", { children: d }, `${n[i]}-${a}-${i}`)) }, a)) })
+}, ut = "_skip_xbsul_1 _focus-ring_4u8pk_3", _t = {
+  skip: ut
+}, Ut = (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)) })
   ] });
-}, Fe = "_hidden_19nib_1 _visually-hidden_4u8pk_42", Oe = {
-  hidden: Fe
-}, Re = (t) => {
+}, ft = "_hidden_19nib_1 _visually-hidden_4u8pk_42", mt = {
+  hidden: ft
+}, bt = (t) => {
   const { children: e } = t;
-  return /* @__PURE__ */ r("span", { class: Oe.hidden, children: e });
-}, ze = "_wrapper_1kyv1_1", Ae = "_textarea_1kyv1_6 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Ue = "_counter_1kyv1_11", E = {
-  wrapper: ze,
-  textarea: Ae,
-  counter: Ue
-}, z = [75, 90, 100], Ge = 10;
-function We(t) {
-  for (let e = z.length - 1; e >= 0; e--) {
-    const n = z[e];
-    if (n !== void 0 && t >= n)
-      return n;
+  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];
+    if (s !== void 0 && t >= s)
+      return s;
   }
   return 0;
 }
-const pt = (t) => {
+const Wt = (t) => {
   const {
     label: e,
-    name: n,
-    maxChars: s,
+    name: s,
+    maxChars: n,
     value: l,
-    placeholder: c,
-    required: a,
-    disabled: d,
+    placeholder: a,
+    required: o,
+    disabled: c,
     error: i,
     onInput: h,
     class: p
-  } = t, u = f(), _ = `${u}-error`, o = `${u}-counter`, v = x(l?.length ?? 0), k = x(""), y = x(0), I = x(!1);
+  } = t, _ = x(), f = `${_}-error`, d = `${_}-counter`, b = E(l?.length ?? 0), g = E(""), $ = E(0), C = E(!1);
   return /* @__PURE__ */ r(
-    w,
+    D,
     {
       label: e,
-      for: u,
-      required: a,
+      for: _,
+      required: o,
       error: i,
-      errorId: _,
+      errorId: f,
       class: p,
-      children: /* @__PURE__ */ b("div", { class: E.wrapper, children: [
+      children: /* @__PURE__ */ m("div", { class: F.wrapper, children: [
         /* @__PURE__ */ r(
           "textarea",
           {
-            id: u,
-            class: E.textarea,
-            name: n,
-            maxLength: s,
-            placeholder: c,
-            required: a,
-            disabled: d,
+            id: _,
+            class: F.textarea,
+            name: s,
+            maxLength: n,
+            placeholder: a,
+            required: o,
+            disabled: c,
             "aria-invalid": !!i || void 0,
-            "aria-describedby": g(i && _, o),
-            onInput: (U) => {
-              const N = U.target.value;
-              v.value = N.length;
-              const C = s - N.length, G = N.length / s * 100, H = We(G), B = !I.value && C <= Ge && C > 0;
-              (H > y.value || B) && (k.value = `${C} character${C === 1 ? "" : "s"} remaining`, y.value = H, B && (I.value = !0)), h?.(N);
+            "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);
             },
             children: l
           }
         ),
-        /* @__PURE__ */ b("span", { id: o, class: E.counter, children: [
-          v,
+        /* @__PURE__ */ m("span", { id: d, class: F.counter, children: [
+          b,
           " / ",
-          s
+          n
         ] }),
-        /* @__PURE__ */ r(Re, { children: /* @__PURE__ */ r("span", { "aria-live": "polite", children: k }) })
+        /* @__PURE__ */ r(bt, { children: /* @__PURE__ */ r("span", { "aria-live": "polite", children: g }) })
       ] })
     }
   );
-}, Me = "_theme_1x47p_11", Ve = {
-  theme: Me
-}, ht = (t) => {
-  const { children: e, class: n } = t;
-  return /* @__PURE__ */ r("div", { class: m(Ve.theme, n), children: e });
-}, Je = j(document.title);
-M(() => {
-  document.title = Je.value;
+}, xt = "_theme_1x47p_11", $t = {
+  theme: xt
+}, Zt = {
+  blue: "aui-blue",
+  purple: "aui-purple",
+  teal: "aui-teal",
+  red: "aui-red",
+  orange: "aui-orange",
+  yellow: "aui-yellow"
+}, Vt = (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;
 });
 export {
-  D as Button,
-  Ye as Card,
-  Ze as Checkbox,
-  et as DownloadLink,
-  tt as Form,
-  nt as Input,
-  st as Link,
-  lt as Nav,
-  rt as NumberInput,
-  at as PasswordInput,
-  ct as RadioGroup,
-  ot as Route,
-  it as Section,
-  dt as Select,
-  ut as SkipLink,
-  _t as Table,
-  pt as Textarea,
-  ht as Theme,
-  Re as VisuallyHidden,
-  m as cx,
-  A as hash,
-  P as location,
-  pe as navigate,
-  Je as title
+  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
 };