@auldrant/ui 0.11.1 → 0.12.1

package/dist/auldrant-ui.js

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