@auldrant/ui 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/),
 and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## [0.10.0] - 2026-03-05
+
+### Added
+
+- Add `rowHeader` prop to render first column as `<th scope="row">` for row identification ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Add `striped` prop for alternating row backgrounds for improved scanability ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Add `dense` prop to reduce cell padding for data-dense displays ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Add `captionHidden` prop to visually hide caption while keeping it accessible ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Refactor CSS to use class-based selectors (no raw element selectors) ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Add tests for new props and axe-core a11y verification ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Expand dev test page to showcase all Table variants ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Add CSS class-selector rule to style guide ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Update `/push` skill to return to main after pushing ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+- Update `/pr` skill to resolve feature branch when called from main ([#57](https://github.com/coloneljade/auldrant-ui/pull/57))
+
 ## [0.9.0] - 2026-03-05
 
 ### Added

package/dist/auldrant-ui.css

@@ -1 +1 @@
-:root{--aui-base-primary: oklch(.78 .18 160);--aui-base-white: #f5f5f5;--aui-base-black: #1a1a1a;--aui-base-error: oklch(.78 .22 27);--aui-base-success: oklch(.78 .18 145);--_aui-fg: var(--aui-base-white);--_aui-bg: var(--aui-base-black);--aui-color-text: var(--_aui-fg);--aui-color-text-muted: color-mix(in oklch, var(--_aui-fg) 82%, var(--_aui-bg));--aui-color-background: var(--_aui-bg);--aui-color-background-hover: color-mix(in oklch, var(--_aui-bg) 92%, var(--_aui-fg));--aui-color-surface: color-mix(in oklch, var(--_aui-bg) 97%, var(--_aui-fg));--aui-color-border: color-mix(in oklch, var(--_aui-bg) 50%, var(--_aui-fg));--aui-color-primary: var(--aui-base-primary);--aui-color-primary-hover: color-mix(in oklch, var(--aui-base-primary) 85%, var(--_aui-fg));--aui-color-focus-ring: var(--aui-base-primary);--aui-color-error: var(--aui-base-error);--aui-color-success: var(--aui-base-success)}@media(prefers-color-scheme:light){:root{--_aui-fg: var(--aui-base-black);--_aui-bg: var(--aui-base-white);--aui-color-primary: color-mix(in oklch, var(--aui-base-primary) 33%, var(--_aui-fg));--aui-color-primary-hover: color-mix(in oklch, var(--aui-base-primary) 25%, var(--_aui-fg));--aui-color-focus-ring: color-mix(in oklch, var(--aui-base-primary) 33%, var(--_aui-fg));--aui-color-error: color-mix(in oklch, var(--aui-base-error) 33%, var(--_aui-fg));--aui-color-success: color-mix(in oklch, var(--aui-base-success) 33%, var(--_aui-fg))}}.aui-blue{--aui-base-primary: oklch(.78 .18 260)}.aui-purple{--aui-base-primary: oklch(.78 .18 300)}.aui-teal{--aui-base-primary: oklch(.78 .15 195)}.aui-red{--aui-base-primary: oklch(.78 .22 27)}.aui-orange{--aui-base-primary: oklch(.78 .18 55)}.aui-yellow{--aui-base-primary: oklch(.78 .18 95)}._button_4gn7y_1{padding:.5em 1em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-primary);color:var(--aui-color-background);font:inherit;cursor:pointer}._button_4gn7y_1:hover{background:var(--aui-color-primary-hover)}._card_awzw5_1{display:grid;gap:.5em;padding:1em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-surface)}._field_17xwz_1{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em}._error_17xwz_12{grid-column:2}._dialog_1lxj9_1{border:none;padding:0;background:transparent;color:var(--aui-color-text);max-width:min(90vw,32em);width:100%}._dialog_1lxj9_1::backdrop{background:#0000007f}._panel_1lxj9_14{display:grid;gap:1em;padding:1.5em;border:1px solid var(--aui-color-border);border-radius:.5em;background:var(--aui-color-surface)}._header_1lxj9_23{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5em}._title_1lxj9_30{margin:0;font-size:1.25em}._close_1lxj9_35{padding:.25em .5em;border:none;background:none;color:var(--aui-color-text-muted);font:inherit;font-size:1.25em;line-height:1;cursor:pointer}._close_1lxj9_35:hover{color:var(--aui-color-text)}._body_1lxj9_51{display:grid;gap:1em}._message_1lxj9_56{margin:0}._footer_1lxj9_60{display:grid;grid-auto-flow:column;justify-content:end;gap:.5em}._action_1lxj9_67{padding:.5em 1em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-surface);color:var(--aui-color-text);font:inherit;cursor:pointer}._action_1lxj9_67:hover{background:var(--aui-color-background-hover)}._primary_1lxj9_82{background:var(--aui-color-primary);color:var(--aui-color-background);border-color:var(--aui-color-primary)}._primary_1lxj9_82:hover{background:var(--aui-color-primary-hover);border-color:var(--aui-color-primary-hover)}._form_jr324_1{display:grid;gap:1em}._actions_jr324_6{display:grid;grid-auto-flow:column;justify-content:start;gap:.5em}._status_jr324_13{margin:0;font-size:.875em;color:var(--aui-color-text-muted)}._field_7l9ux_1{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.5em}._label_7l9ux_8{padding-top:.25em}._required_7l9ux_12{color:var(--aui-color-error)}._error_7l9ux_16{grid-column:2}._nav_778nl_1{display:grid;gap:.5em}._title_778nl_6{font-weight:700}._wrapper_16zfv_1{position:relative}._input_16zfv_5{width:100%;padding-right:2.5em}._toggle_16zfv_11{position:absolute;right:.5em;top:50%;transform:translateY(-50%);display:grid;place-items:center;padding:.25em;border:none;background:none;color:var(--aui-color-text);cursor:pointer}._fieldset_lymkd_1{border:none;padding:0}._legend_lymkd_6{font-weight:700;margin-bottom:.5em}._option_lymkd_11{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;margin-bottom:.25em}._section_4nogy_1{display:grid;gap:1em}._skip_xbsul_1{position:absolute;top:-100%;left:0;padding:.5em 1em;background:var(--aui-color-background);color:var(--aui-color-primary);z-index:1000}._skip_xbsul_1:focus{top:0}._table_dls60_1{width:100%;border-collapse:collapse}._caption_dls60_6{text-align:left;padding:.5em 0;font-weight:700}._table_dls60_1 th,._table_dls60_1 td{padding:.5em;text-align:left;border-bottom:1px solid var(--aui-color-border)}._table_dls60_1 th{font-weight:700;color:var(--aui-color-text)}._table_dls60_1 td{color:var(--aui-color-text)}._focus-ring_4u8pk_3:focus-visible{outline:2px solid var(--aui-color-focus-ring);outline-offset:2px}._disabled_4u8pk_8:disabled{opacity:.5;cursor:not-allowed}._text-input_4u8pk_13{padding:.375em .5em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-background);color:var(--aui-color-text);font:inherit}._link_4u8pk_22{color:var(--aui-color-primary);text-decoration:underline;cursor:pointer}._link_4u8pk_22:hover{color:var(--aui-color-primary-hover)}._check-input_4u8pk_32{accent-color:var(--aui-color-primary)}._field-error_4u8pk_36{margin:0;font-size:.875em;color:var(--aui-color-error)}._visually-hidden_4u8pk_42{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._wrapper_1kyv1_1{display:grid;gap:.25em}._textarea_1kyv1_6{resize:vertical}._counter_1kyv1_11{justify-self:end;font-size:.875em;color:var(--aui-color-text-muted)}._theme_1x47p_11{display:contents;--aui-color-text: var(--_aui-fg);--aui-color-text-muted: color-mix(in oklch, var(--_aui-fg) 82%, var(--_aui-bg));--aui-color-background: var(--_aui-bg);--aui-color-background-hover: color-mix(in oklch, var(--_aui-bg) 92%, var(--_aui-fg));--aui-color-surface: color-mix(in oklch, var(--_aui-bg) 97%, var(--_aui-fg));--aui-color-border: color-mix(in oklch, var(--_aui-bg) 50%, var(--_aui-fg));--aui-color-primary: var(--aui-base-primary);--aui-color-primary-hover: color-mix(in oklch, var(--aui-base-primary) 85%, var(--_aui-fg));--aui-color-focus-ring: var(--aui-base-primary);--aui-color-error: var(--aui-base-error);--aui-color-success: var(--aui-base-success)}
+:root{--aui-base-primary: oklch(.78 .18 160);--aui-base-white: #f5f5f5;--aui-base-black: #1a1a1a;--aui-base-error: oklch(.78 .22 27);--aui-base-success: oklch(.78 .18 145);--_aui-fg: var(--aui-base-white);--_aui-bg: var(--aui-base-black);--aui-color-text: var(--_aui-fg);--aui-color-text-muted: color-mix(in oklch, var(--_aui-fg) 82%, var(--_aui-bg));--aui-color-background: var(--_aui-bg);--aui-color-background-hover: color-mix(in oklch, var(--_aui-bg) 92%, var(--_aui-fg));--aui-color-surface: color-mix(in oklch, var(--_aui-bg) 97%, var(--_aui-fg));--aui-color-border: color-mix(in oklch, var(--_aui-bg) 50%, var(--_aui-fg));--aui-color-primary: var(--aui-base-primary);--aui-color-primary-hover: color-mix(in oklch, var(--aui-base-primary) 85%, var(--_aui-fg));--aui-color-focus-ring: var(--aui-base-primary);--aui-color-error: var(--aui-base-error);--aui-color-success: var(--aui-base-success)}@media(prefers-color-scheme:light){:root{--_aui-fg: var(--aui-base-black);--_aui-bg: var(--aui-base-white);--aui-color-primary: color-mix(in oklch, var(--aui-base-primary) 33%, var(--_aui-fg));--aui-color-primary-hover: color-mix(in oklch, var(--aui-base-primary) 25%, var(--_aui-fg));--aui-color-focus-ring: color-mix(in oklch, var(--aui-base-primary) 33%, var(--_aui-fg));--aui-color-error: color-mix(in oklch, var(--aui-base-error) 33%, var(--_aui-fg));--aui-color-success: color-mix(in oklch, var(--aui-base-success) 33%, var(--_aui-fg))}}.aui-blue{--aui-base-primary: oklch(.78 .18 260)}.aui-purple{--aui-base-primary: oklch(.78 .18 300)}.aui-teal{--aui-base-primary: oklch(.78 .15 195)}.aui-red{--aui-base-primary: oklch(.78 .22 27)}.aui-orange{--aui-base-primary: oklch(.78 .18 55)}.aui-yellow{--aui-base-primary: oklch(.78 .18 95)}._button_4gn7y_1{padding:.5em 1em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-primary);color:var(--aui-color-background);font:inherit;cursor:pointer}._button_4gn7y_1:hover{background:var(--aui-color-primary-hover)}._card_awzw5_1{display:grid;gap:.5em;padding:1em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-surface)}._field_17xwz_1{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em}._error_17xwz_12{grid-column:2}._dialog_1lxj9_1{border:none;padding:0;background:transparent;color:var(--aui-color-text);max-width:min(90vw,32em);width:100%}._dialog_1lxj9_1::backdrop{background:#0000007f}._panel_1lxj9_14{display:grid;gap:1em;padding:1.5em;border:1px solid var(--aui-color-border);border-radius:.5em;background:var(--aui-color-surface)}._header_1lxj9_23{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5em}._title_1lxj9_30{margin:0;font-size:1.25em}._close_1lxj9_35{padding:.25em .5em;border:none;background:none;color:var(--aui-color-text-muted);font:inherit;font-size:1.25em;line-height:1;cursor:pointer}._close_1lxj9_35:hover{color:var(--aui-color-text)}._body_1lxj9_51{display:grid;gap:1em}._message_1lxj9_56{margin:0}._footer_1lxj9_60{display:grid;grid-auto-flow:column;justify-content:end;gap:.5em}._action_1lxj9_67{padding:.5em 1em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-surface);color:var(--aui-color-text);font:inherit;cursor:pointer}._action_1lxj9_67:hover{background:var(--aui-color-background-hover)}._primary_1lxj9_82{background:var(--aui-color-primary);color:var(--aui-color-background);border-color:var(--aui-color-primary)}._primary_1lxj9_82:hover{background:var(--aui-color-primary-hover);border-color:var(--aui-color-primary-hover)}._form_jr324_1{display:grid;gap:1em}._actions_jr324_6{display:grid;grid-auto-flow:column;justify-content:start;gap:.5em}._status_jr324_13{margin:0;font-size:.875em;color:var(--aui-color-text-muted)}._field_7l9ux_1{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.5em}._label_7l9ux_8{padding-top:.25em}._required_7l9ux_12{color:var(--aui-color-error)}._error_7l9ux_16{grid-column:2}._nav_778nl_1{display:grid;gap:.5em}._title_778nl_6{font-weight:700}._wrapper_16zfv_1{position:relative}._input_16zfv_5{width:100%;padding-right:2.5em}._toggle_16zfv_11{position:absolute;right:.5em;top:50%;transform:translateY(-50%);display:grid;place-items:center;padding:.25em;border:none;background:none;color:var(--aui-color-text);cursor:pointer}._fieldset_lymkd_1{border:none;padding:0}._legend_lymkd_6{font-weight:700;margin-bottom:.5em}._option_lymkd_11{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;margin-bottom:.25em}._section_4nogy_1{display:grid;gap:1em}._skip_xbsul_1{position:absolute;top:-100%;left:0;padding:.5em 1em;background:var(--aui-color-background);color:var(--aui-color-primary);z-index:1000}._skip_xbsul_1:focus{top:0}._table_185y9_1{width:100%;border-collapse:collapse}._caption_185y9_6{text-align:left;padding:.5em 0;font-weight:700}._headerCell_185y9_16,._cell_185y9_17{padding:.5em;text-align:left;border-bottom:1px solid var(--aui-color-border)}._head_185y9_16{background:var(--aui-color-surface);border-bottom:2px solid var(--aui-color-border)}._head_185y9_16 ._headerCell_185y9_16{border-bottom:none}._headerCell_185y9_16{font-weight:700;color:var(--aui-color-text)}._cell_185y9_17{color:var(--aui-color-text)}._row_185y9_41:hover{background:var(--aui-color-background-hover)}._striped_185y9_45 ._row_185y9_41:nth-child(2n){background:var(--aui-color-surface)}._striped_185y9_45 ._row_185y9_41:hover{background:var(--aui-color-background-hover)}._dense_185y9_53 ._headerCell_185y9_16,._dense_185y9_53 ._cell_185y9_17{padding:.25em}._focus-ring_4u8pk_3:focus-visible{outline:2px solid var(--aui-color-focus-ring);outline-offset:2px}._disabled_4u8pk_8:disabled{opacity:.5;cursor:not-allowed}._text-input_4u8pk_13{padding:.375em .5em;border:1px solid var(--aui-color-border);border-radius:.25em;background:var(--aui-color-background);color:var(--aui-color-text);font:inherit}._link_4u8pk_22{color:var(--aui-color-primary);text-decoration:underline;cursor:pointer}._link_4u8pk_22:hover{color:var(--aui-color-primary-hover)}._check-input_4u8pk_32{accent-color:var(--aui-color-primary)}._field-error_4u8pk_36{margin:0;font-size:.875em;color:var(--aui-color-error)}._visually-hidden_4u8pk_42{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._wrapper_1kyv1_1{display:grid;gap:.25em}._textarea_1kyv1_6{resize:vertical}._counter_1kyv1_11{justify-self:end;font-size:.875em;color:var(--aui-color-text-muted)}._theme_1x47p_11{display:contents;--aui-color-text: var(--_aui-fg);--aui-color-text-muted: color-mix(in oklch, var(--_aui-fg) 82%, var(--_aui-bg));--aui-color-background: var(--_aui-bg);--aui-color-background-hover: color-mix(in oklch, var(--_aui-bg) 92%, var(--_aui-fg));--aui-color-surface: color-mix(in oklch, var(--_aui-bg) 97%, var(--_aui-fg));--aui-color-border: color-mix(in oklch, var(--_aui-bg) 50%, var(--_aui-fg));--aui-color-primary: var(--aui-base-primary);--aui-color-primary-hover: color-mix(in oklch, var(--aui-base-primary) 85%, var(--_aui-fg));--aui-color-focus-ring: var(--aui-base-primary);--aui-color-error: var(--aui-base-error);--aui-color-success: var(--aui-base-success)}

package/dist/auldrant-ui.js

@@ -1,29 +1,29 @@
 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";
+import { useId as $, useRef as P, useEffect as H } from "preact/hooks";
+import { signal as U, useSignal as D, effect as le } from "@preact/signals";
+import { h as K, toChildArray as re } from "preact";
 function v(...t) {
   return t.filter(Boolean).join(" ");
 }
-function L(...t) {
+function N(...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) => {
+}, W = (t) => {
   const { label: e, onClick: s, type: n = "button", disabled: l, class: a } = t;
   return /* @__PURE__ */ r("button", { type: n, class: v(oe.button, a), onClick: s, disabled: l, children: e });
 }, ce = "_card_awzw5_1", ie = {
   card: ce
-}, Et = (t) => {
+}, Pt = (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`;
+}, Tt = (t) => {
+  const { label: e, name: s, checked: n, required: l, disabled: a, error: o, onChange: c, class: i } = t, h = $(), d = `${h}-error`;
   return /* @__PURE__ */ m("div", { class: v(T.field, i), children: [
     /* @__PURE__ */ r(
       "input",
@@ -36,12 +36,12 @@ const ae = "_button_4gn7y_1 _focus-ring_4u8pk_3 _disabled_4u8pk_8", oe = {
         required: l,
         disabled: a,
         "aria-invalid": !!o || void 0,
-        "aria-describedby": L(o && p),
-        onChange: c && ((_) => c(_.target.checked))
+        "aria-describedby": N(o && d),
+        onChange: c && ((f) => c(f.target.checked))
       }
     ),
     /* @__PURE__ */ r("label", { for: h, children: e }),
-    o && /* @__PURE__ */ r("p", { id: p, class: T.error, role: "alert", children: o })
+    o && /* @__PURE__ */ r("p", { id: d, class: T.error, role: "alert", children: o })
   ] });
 }, 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,
@@ -82,60 +82,60 @@ const Y = (t) => {
     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)
+    onCancel: d,
+    focusCancel: f,
+    children: _,
+    class: u
+  } = t, b = P(null), g = P(null), C = P(null), I = $();
+  H(() => {
+    const p = b.current;
+    p && (e && !p.open ? (p.showModal(), f && C.current ? C.current.focus() : g.current && g.current.focus()) : !e && p.open && p.close());
+  }, [e, f]), H(() => {
+    const p = b.current;
+    if (!p)
       return;
-    const k = (I) => {
-      I.preventDefault(), l();
+    const k = (L) => {
+      L.preventDefault(), l();
     };
-    return u.addEventListener("cancel", k), () => u.removeEventListener("cancel", k);
-  }, [l]), A(() => {
-    const u = b.current;
-    if (!u || !e)
+    return p.addEventListener("cancel", k), () => p.removeEventListener("cancel", k);
+  }, [l]), H(() => {
+    const p = b.current;
+    if (!p || !e)
       return;
     const k = [...i ?? [], ...c ? [c] : []];
     if (k.length === 0)
       return;
-    const I = k.map((w) => ({
+    const L = 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) {
+    })), j = (w) => {
+      for (const { parsed: A, handler: ne } of L)
+        if (w.key.toLowerCase() === A.key && w.ctrlKey === A.ctrl && w.shiftKey === A.shift && w.altKey === A.alt) {
           w.preventDefault(), ne();
           return;
         }
     };
-    return u.addEventListener("keydown", N), () => u.removeEventListener("keydown", N);
-  }, [e, i, c]), A(() => {
-    const u = b.current;
-    if (!u || !e || !a)
+    return p.addEventListener("keydown", j), () => p.removeEventListener("keydown", j);
+  }, [e, i, c]), H(() => {
+    const p = b.current;
+    if (!p || !e || !a)
       return;
-    const k = (I) => {
-      I.target === u && a();
+    const k = (L) => {
+      L.target === p && a();
     };
-    return u.addEventListener("click", k), () => u.removeEventListener("click", k);
+    return p.addEventListener("click", k), () => p.removeEventListener("click", k);
   }, [e, a]);
-  const q = c || p || i && i.length > 0;
+  const q = c || d || i && i.length > 0;
   return /* @__PURE__ */ r(
     "dialog",
     {
       ref: b,
-      class: v(y.dialog, d),
-      "aria-labelledby": C,
+      class: v(y.dialog, u),
+      "aria-labelledby": I,
       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 }),
+          /* @__PURE__ */ r("h2", { id: I, class: y.title, children: s }),
           !n && /* @__PURE__ */ r(
             "button",
             {
@@ -149,23 +149,23 @@ const Y = (t) => {
         ] }),
         /* @__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(
+          i?.map((p) => /* @__PURE__ */ m(
             "button",
             {
               type: "button",
               class: y.action,
-              title: u.description,
-              onClick: u.onClick,
+              title: p.description,
+              onClick: p.onClick,
               children: [
-                u.label,
+                p.label,
                 " ",
-                z(u.shortcut)
+                z(p.shortcut)
               ]
             },
-            u.label
+            p.label
           )),
           c && /* @__PURE__ */ m(
             "button",
@@ -182,14 +182,14 @@ const Y = (t) => {
               ]
             }
           ),
-          p && /* @__PURE__ */ m(
+          d && /* @__PURE__ */ m(
             "button",
             {
-              ref: $,
+              ref: C,
               type: "button",
               class: y.action,
               title: R.cancelDescription,
-              onClick: p,
+              onClick: d,
               children: [
                 h ?? R.cancel,
                 " ",
@@ -201,7 +201,7 @@ const Y = (t) => {
       ] })
     }
   );
-}, St = (t) => {
+}, Rt = (t) => {
   const {
     open: e,
     title: s,
@@ -228,14 +228,14 @@ const Y = (t) => {
   );
 }, $e = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", Ce = {
   link: $e
-}, At = (t) => {
+}, zt = (t) => {
   const { href: e, fileName: s, label: n, class: l } = t;
   return /* @__PURE__ */ r("a", { href: e, download: s, class: v(Ce.link, l), children: n });
-}, Ie = "_form_jr324_1", Le = "_actions_jr324_6", Ne = "_status_jr324_13", H = {
+}, Ie = "_form_jr324_1", Le = "_actions_jr324_6", Ne = "_status_jr324_13", O = {
   form: Ie,
   actions: Le,
   status: Ne
-}, Bt = (t) => {
+}, Ot = (t) => {
   const {
     onSubmit: e,
     submitLabel: s = "Submit",
@@ -247,7 +247,7 @@ const Y = (t) => {
   return /* @__PURE__ */ m(
     "form",
     {
-      class: v(H.form, o),
+      class: v(O.form, o),
       onSubmit: (c) => {
         c.preventDefault();
         const i = new FormData(c.currentTarget);
@@ -255,11 +255,11 @@ const Y = (t) => {
       },
       children: [
         a,
-        /* @__PURE__ */ m("div", { class: H.actions, children: [
-          /* @__PURE__ */ r(G, { type: "submit", label: s }),
-          n && /* @__PURE__ */ r(G, { type: "reset", label: n })
+        /* @__PURE__ */ m("div", { class: O.actions, children: [
+          /* @__PURE__ */ r(W, { type: "submit", label: s }),
+          n && /* @__PURE__ */ r(W, { type: "reset", label: n })
         ] }),
-        l && /* @__PURE__ */ r("output", { class: H.status, children: l })
+        l && /* @__PURE__ */ r("output", { class: O.status, children: l })
       ]
     }
   );
@@ -268,7 +268,7 @@ const Y = (t) => {
   label: Ee,
   required: De,
   error: Se
-}, D = (t) => {
+}, S = (t) => {
   const { for: e, label: s, required: n, error: l, errorId: a, children: o, class: c } = t;
   return /* @__PURE__ */ m("div", { class: v(B.field, c), children: [
     /* @__PURE__ */ m("label", { class: B.label, for: e, children: [
@@ -282,13 +282,13 @@ const Y = (t) => {
     o,
     l && /* @__PURE__ */ r("p", { id: a, class: B.error, role: "alert", children: l })
   ] });
-}, Ae = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Be = {
+}, Ae = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", He = {
   input: Ae
-}, qe = {
+}, Be = {
   email: "email",
   tel: "tel",
   url: "url"
-}, qt = (t) => {
+}, Ft = (t) => {
   const {
     label: e,
     name: s,
@@ -299,45 +299,45 @@ const Y = (t) => {
     autocomplete: c,
     readOnly: i,
     pattern: h,
-    required: p,
-    disabled: _,
-    error: f,
-    onInput: d,
+    required: d,
+    disabled: f,
+    error: _,
+    onInput: u,
     class: b
-  } = t, g = x(), $ = `${g}-error`;
+  } = t, g = $(), C = `${g}-error`;
   return /* @__PURE__ */ r(
-    D,
+    S,
     {
       label: e,
       for: g,
-      required: p,
-      error: f,
-      errorId: $,
+      required: d,
+      error: _,
+      errorId: C,
       class: b,
       children: /* @__PURE__ */ r(
         "input",
         {
           id: g,
-          class: Be.input,
+          class: He.input,
           type: n,
           name: s,
           value: l,
           placeholder: a,
           maxLength: o,
-          autoComplete: c ?? qe[n],
+          autoComplete: c ?? Be[n],
           readOnly: i,
           pattern: h,
-          required: p,
-          disabled: _,
-          "aria-invalid": !!f || void 0,
-          "aria-describedby": L(f && $),
-          onInput: d && ((C) => d(C.target.value))
+          required: d,
+          disabled: f,
+          "aria-invalid": !!_ || void 0,
+          "aria-describedby": N(_ && C),
+          onInput: u && ((I) => u(I.target.value))
         }
       )
     }
   );
-}, U = K(window.location.pathname), ee = K(window.location.hash.slice(1));
-function Pe(t) {
+}, G = U(window.location.pathname), ee = U(window.location.hash.slice(1));
+function qe(t) {
   const e = t.indexOf("#");
   let s = "", n = t;
   e >= 0 && (s = t.slice(e + 1), n = t.slice(0, e));
@@ -345,37 +345,37 @@ function Pe(t) {
   let a = "", o = n;
   return l >= 0 && (a = n.slice(l), o = n.slice(0, l)), { pathname: o || "/", search: a, 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 Pe(t, e) {
+  const { pathname: s, search: n, hash: l } = qe(t), a = s + n + (l ? `#${l}` : "");
+  e?.replace ? history.replaceState(null, "", a) : history.pushState(null, "", a), G.value = s, ee.value = l;
 }
 window.addEventListener("popstate", () => {
-  U.value = window.location.pathname, ee.value = window.location.hash.slice(1);
+  G.value = window.location.pathname, ee.value = window.location.hash.slice(1);
 });
-const Re = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", W = {
-  link: Re
+const Te = "_link_7wgic_1 _link_4u8pk_22 _focus-ring_4u8pk_3", Z = {
+  link: Te
 };
-function ze(t) {
+function Re(t) {
   try {
     return new URL(t, window.location.href).origin !== window.location.origin;
   } catch {
     return !1;
   }
 }
-const Pt = (t) => {
+const Mt = (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(
+  return n ?? Re(e) ? /* @__PURE__ */ r("a", { href: e, class: v(Z.link, l), rel: "noopener noreferrer", children: s }) : /* @__PURE__ */ r(
     "a",
     {
       href: e,
-      class: v(W.link, l),
+      class: v(Z.link, l),
       onClick: (o) => {
-        o.preventDefault(), Te(e);
+        o.preventDefault(), Pe(e);
       },
       children: s
     }
   );
-}, Tt = (t) => {
+}, Kt = (t) => {
   const {
     open: e,
     title: s,
@@ -386,7 +386,7 @@ const Pt = (t) => {
     actions: c,
     focusCancel: i,
     children: h,
-    class: p
+    class: d
   } = t;
   return /* @__PURE__ */ r(
     Y,
@@ -401,22 +401,22 @@ const Pt = (t) => {
       defaultAction: o,
       actions: c,
       focusCancel: i,
-      class: p,
+      class: d,
       children: h
     }
   );
-}, He = "_nav_778nl_1", Oe = "_title_778nl_6", Z = {
-  nav: He,
+}, ze = "_nav_778nl_1", Oe = "_title_778nl_6", V = {
+  nav: ze,
   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 }),
+}, Ut = (t) => {
+  const { title: e, children: s, class: n } = t, l = $();
+  return /* @__PURE__ */ m("nav", { class: v(V.nav, n), "aria-labelledby": e ? l : void 0, children: [
+    e && /* @__PURE__ */ r("h2", { id: l, class: V.title, children: e }),
     s
   ] });
 }, Fe = "_input_1j10x_1 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Me = {
   input: Fe
-}, zt = (t) => {
+}, Gt = (t) => {
   const {
     label: e,
     name: s,
@@ -427,23 +427,23 @@ const Pt = (t) => {
     placeholder: c,
     required: i,
     disabled: h,
-    error: p,
-    onInput: _,
-    class: f
-  } = t, d = x(), b = `${d}-error`;
+    error: d,
+    onInput: f,
+    class: _
+  } = t, u = $(), b = `${u}-error`;
   return /* @__PURE__ */ r(
-    D,
+    S,
     {
       label: e,
-      for: d,
+      for: u,
       required: i,
-      error: p,
+      error: d,
       errorId: b,
-      class: f,
+      class: _,
       children: /* @__PURE__ */ r(
         "input",
         {
-          id: d,
+          id: u,
           class: Me.input,
           type: "number",
           name: s,
@@ -454,25 +454,25 @@ const Pt = (t) => {
           placeholder: c,
           required: i,
           disabled: h,
-          "aria-invalid": !!p || void 0,
-          "aria-describedby": L(p && b),
-          onInput: _ && ((g) => _(g.target.valueAsNumber))
+          "aria-invalid": !!d || void 0,
+          "aria-describedby": N(d && b),
+          onInput: f && ((g) => f(g.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 = {
+}, Ke = "_wrapper_16zfv_1", Ue = "_input_16zfv_5 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Ge = "_toggle_16zfv_11 _focus-ring_4u8pk_3 _disabled_4u8pk_8", F = {
   wrapper: Ke,
   input: Ue,
   toggle: Ge
 };
 const We = (...t) => t.filter((e, s, n) => !!e && e.trim() !== "" && n.indexOf(e) === s).join(" ").trim();
-const V = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const J = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const Ze = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, s, n) => n ? n.toUpperCase() : s.toLowerCase()
 );
-const J = (t) => {
+const Q = (t) => {
   const e = Ze(t);
   return e.charAt(0).toUpperCase() + e.slice(1);
 };
@@ -502,7 +502,7 @@ const Qe = ({
   iconNode: a,
   class: o = "",
   ...c
-}) => M(
+}) => K(
   "svg",
   {
     ...Ve,
@@ -514,26 +514,36 @@ const Qe = ({
     ...!l && !Je(c) && { "aria-hidden": "true" },
     ...c
   },
-  [...a.map(([i, h]) => M(i, h)), ...re(l)]
+  [...a.map(([i, h]) => K(i, h)), ...re(l)]
 );
 const te = (t, e) => {
-  const s = ({ class: n = "", className: l = "", children: a, ...o }) => M(
+  const s = ({ class: n = "", className: l = "", children: a, ...o }) => K(
     Qe,
     {
       ...o,
       iconNode: e,
       class: We(
-        `lucide-${V(J(t))}`,
-        `lucide-${V(t)}`,
+        `lucide-${J(Q(t))}`,
+        `lucide-${J(t)}`,
         n,
         l
       )
     },
     a
   );
-  return s.displayName = J(t), s;
+  return s.displayName = Q(t), s;
 };
-const Xe = te("eye-off", [
+const Xe = te("eye", [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
+const Ye = te("eye-off", [
   [
     "path",
     {
@@ -550,20 +560,10 @@ 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 = {
   current: "current-password",
   new: "new-password"
-}, Ht = (t) => {
+}, Wt = (t) => {
   const {
     label: e,
     name: s,
@@ -574,24 +574,24 @@ const Ye = te("eye", [
     disabled: c,
     error: i,
     onInput: h,
-    class: p
-  } = t, _ = x(), f = `${_}-error`, d = E(!1);
+    class: d
+  } = t, f = $(), _ = `${f}-error`, u = D(!1);
   return /* @__PURE__ */ r(
-    D,
+    S,
     {
       label: e,
-      for: _,
+      for: f,
       required: o,
       error: i,
-      errorId: f,
-      class: p,
-      children: /* @__PURE__ */ m("div", { class: O.wrapper, children: [
+      errorId: _,
+      class: d,
+      children: /* @__PURE__ */ m("div", { class: F.wrapper, children: [
         /* @__PURE__ */ r(
           "input",
           {
-            id: _,
-            class: O.input,
-            type: d.value ? "text" : "password",
+            id: f,
+            class: F.input,
+            type: u.value ? "text" : "password",
             name: s,
             value: l,
             placeholder: a,
@@ -599,7 +599,7 @@ const Ye = te("eye", [
             required: o,
             disabled: c,
             "aria-invalid": !!i || void 0,
-            "aria-describedby": L(i && f),
+            "aria-describedby": N(i && _),
             onInput: h && ((b) => h(b.target.value))
           }
         ),
@@ -607,25 +607,25 @@ const Ye = te("eye", [
           "button",
           {
             type: "button",
-            class: O.toggle,
+            class: F.toggle,
             disabled: c,
-            "aria-label": d.value ? "Hide password" : "Show password",
+            "aria-label": u.value ? "Hide password" : "Show password",
             onClick: () => {
-              d.value = !d.value;
+              u.value = !u.value;
             },
-            children: d.value ? /* @__PURE__ */ r(Xe, { size: "1em" }) : /* @__PURE__ */ r(Ye, { size: "1em" })
+            children: u.value ? /* @__PURE__ */ r(Ye, { size: "1em" }) : /* @__PURE__ */ r(Xe, { 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 = {
+}, tt = "_fieldset_lymkd_1", nt = "_legend_lymkd_6", st = "_option_lymkd_11", lt = "_input_lymkd_19 _check-input_4u8pk_32 _focus-ring_4u8pk_3", rt = "_error_lymkd_23 _field-error_4u8pk_36", E = {
   fieldset: tt,
   legend: nt,
   option: st,
   input: lt,
   error: rt
-}, Ot = (t) => {
+}, Zt = (t) => {
   const {
     legend: e,
     name: s,
@@ -636,41 +636,41 @@ const Ye = te("eye", [
     error: c,
     onChange: i,
     class: h
-  } = t, p = x(), _ = `${p}-error`;
+  } = t, d = $(), f = `${d}-error`;
   return /* @__PURE__ */ m(
     "fieldset",
     {
-      class: v(j.fieldset, h),
+      class: v(E.fieldset, h),
       "aria-invalid": !!c || void 0,
-      "aria-describedby": L(c && _),
+      "aria-describedby": N(c && f),
       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("legend", { class: E.legend, children: e }),
+        n.map((_) => {
+          const u = `${d}-${_.value}`;
+          return /* @__PURE__ */ m("div", { class: E.option, children: [
             /* @__PURE__ */ r(
               "input",
               {
-                id: d,
-                class: j.input,
+                id: u,
+                class: E.input,
                 type: "radio",
                 name: s,
-                value: f.value,
-                checked: l === f.value,
+                value: _.value,
+                checked: l === _.value,
                 required: a,
                 disabled: o,
-                onChange: i && (() => i(f.value))
+                onChange: i && (() => i(_.value))
               }
             ),
-            /* @__PURE__ */ r("label", { for: d, children: f.label })
-          ] }, f.value);
+            /* @__PURE__ */ r("label", { for: u, children: _.label })
+          ] }, _.value);
         }),
-        c && /* @__PURE__ */ r("p", { id: _, class: j.error, role: "alert", children: c })
+        c && /* @__PURE__ */ r("p", { id: f, class: E.error, role: "alert", children: c })
       ]
     }
   );
-}, Ft = (t) => {
-  const { path: e, children: s } = t, n = U.value;
+}, Vt = (t) => {
+  const { path: e, children: s } = t, n = G.value;
   if (e.endsWith("/*")) {
     const l = e.slice(0, -1);
     if (!n.startsWith(l) && n !== l.slice(0, -1))
@@ -680,15 +680,15 @@ const Ye = te("eye", [
   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}`;
+}, Jt = (t) => {
+  const { title: e, level: s = 2, children: n, class: l } = t, a = $(), o = `h${s}`;
   return /* @__PURE__ */ m("section", { class: v(ot.section, l), "aria-labelledby": a, children: [
     /* @__PURE__ */ r(o, { id: a, children: e }),
     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) => {
+}, dt = (t) => "options" in t, Qt = (t) => {
   const {
     label: e,
     name: s,
@@ -699,33 +699,33 @@ const Ye = te("eye", [
     disabled: c,
     error: i,
     onChange: h,
-    class: p
-  } = t, _ = x(), f = `${_}-error`;
+    class: d
+  } = t, f = $(), _ = `${f}-error`;
   return /* @__PURE__ */ r(
-    D,
+    S,
     {
       label: e,
-      for: _,
+      for: f,
       required: o,
       error: i,
-      errorId: f,
-      class: p,
+      errorId: _,
+      class: d,
       children: /* @__PURE__ */ m(
         "select",
         {
-          id: _,
+          id: f,
           class: it.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)),
+          "aria-describedby": N(i && _),
+          onChange: h && ((u) => h(u.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)
+              (u) => dt(u) ? /* @__PURE__ */ r("optgroup", { label: u.label, children: u.options.map((b) => /* @__PURE__ */ r("option", { value: b.value, children: b.label }, b.value)) }, u.label) : /* @__PURE__ */ r("option", { value: u.value, children: u.label }, u.value)
             )
           ]
         }
@@ -734,30 +734,48 @@ const Ye = te("eye", [
   );
 }, ut = "_skip_xbsul_1 _focus-ring_4u8pk_3", _t = {
   skip: ut
-}, Ut = (t) => {
+}, Xt = (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 = {
+}, pt = "_table_185y9_1", ht = "_caption_185y9_6", ft = "_captionHidden_185y9_12 _visually-hidden_4u8pk_42", mt = "_headerCell_185y9_16", bt = "_cell_185y9_17", vt = "_head_185y9_16", kt = "_row_185y9_41", gt = "_striped_185y9_45", yt = "_dense_185y9_53", x = {
   table: pt,
-  caption: ht
-}, 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)) })
+  caption: ht,
+  captionHidden: ft,
+  headerCell: mt,
+  cell: bt,
+  head: vt,
+  row: kt,
+  striped: gt,
+  dense: yt
+}, Yt = (t) => {
+  const {
+    caption: e,
+    headers: s,
+    data: n,
+    rowHeader: l,
+    striped: a,
+    dense: o,
+    captionHidden: c,
+    class: i
+  } = t;
+  return /* @__PURE__ */ m("table", { class: v(x.table, a && x.striped, o && x.dense, i), children: [
+    /* @__PURE__ */ r("caption", { class: v(x.caption, c && x.captionHidden), children: e }),
+    /* @__PURE__ */ r("thead", { class: x.head, children: /* @__PURE__ */ r("tr", { children: s.map((h, d) => /* @__PURE__ */ r("th", { class: x.headerCell, scope: "col", children: h }, `${h}-${d}`)) }) }),
+    /* @__PURE__ */ r("tbody", { children: n.map((h, d) => /* @__PURE__ */ r("tr", { class: x.row, children: h.map(
+      (f, _) => l && _ === 0 ? /* @__PURE__ */ r("th", { class: x.headerCell, scope: "row", children: f }, `${s[_]}-${d}-${_}`) : /* @__PURE__ */ r("td", { class: x.cell, children: f }, `${s[_]}-${d}-${_}`)
+    ) }, d)) })
   ] });
-}, ft = "_hidden_19nib_1 _visually-hidden_4u8pk_42", mt = {
-  hidden: ft
-}, bt = (t) => {
+}, wt = "_hidden_19nib_1 _visually-hidden_4u8pk_42", xt = {
+  hidden: wt
+}, $t = (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) {
+  return /* @__PURE__ */ r("span", { class: xt.hidden, children: e });
+}, Ct = "_wrapper_1kyv1_1", It = "_textarea_1kyv1_6 _text-input_4u8pk_13 _focus-ring_4u8pk_3 _disabled_4u8pk_8", Lt = "_counter_1kyv1_11", M = {
+  wrapper: Ct,
+  textarea: It,
+  counter: Lt
+}, X = [75, 90, 100], Nt = 10;
+function jt(t) {
   for (let e = X.length - 1; e >= 0; e--) {
     const s = X[e];
     if (s !== void 0 && t >= s)
@@ -765,7 +783,7 @@ function wt(t) {
   }
   return 0;
 }
-const Wt = (t) => {
+const en = (t) => {
   const {
     label: e,
     name: s,
@@ -776,90 +794,90 @@ const Wt = (t) => {
     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);
+    class: d
+  } = t, f = $(), _ = `${f}-error`, u = `${f}-counter`, b = D(l?.length ?? 0), g = D(""), C = D(0), I = D(!1);
   return /* @__PURE__ */ r(
-    D,
+    S,
     {
       label: e,
-      for: _,
+      for: f,
       required: o,
       error: i,
-      errorId: f,
-      class: p,
-      children: /* @__PURE__ */ m("div", { class: F.wrapper, children: [
+      errorId: _,
+      class: d,
+      children: /* @__PURE__ */ m("div", { class: M.wrapper, children: [
         /* @__PURE__ */ r(
           "textarea",
           {
-            id: _,
-            class: F.textarea,
+            id: f,
+            class: M.textarea,
             name: s,
             maxLength: n,
             placeholder: a,
             required: o,
             disabled: c,
             "aria-invalid": !!i || void 0,
-            "aria-describedby": L(i && f, d),
+            "aria-describedby": N(i && _, u),
             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);
+              const p = q.target.value;
+              b.value = p.length;
+              const k = n - p.length, L = p.length / n * 100, j = jt(L), w = !I.value && k <= Nt && k > 0;
+              (j > C.value || w) && (g.value = `${k} character${k === 1 ? "" : "s"} remaining`, C.value = j, w && (I.value = !0)), h?.(p);
             },
             children: l
           }
         ),
-        /* @__PURE__ */ m("span", { id: d, class: F.counter, children: [
+        /* @__PURE__ */ m("span", { id: u, class: M.counter, children: [
           b,
           " / ",
           n
         ] }),
-        /* @__PURE__ */ r(bt, { children: /* @__PURE__ */ r("span", { "aria-live": "polite", children: g }) })
+        /* @__PURE__ */ r($t, { children: /* @__PURE__ */ r("span", { "aria-live": "polite", children: g }) })
       ] })
     }
   );
-}, xt = "_theme_1x47p_11", $t = {
-  theme: xt
-}, Zt = {
+}, Et = "_theme_1x47p_11", Dt = {
+  theme: Et
+}, tn = {
   blue: "aui-blue",
   purple: "aui-purple",
   teal: "aui-teal",
   red: "aui-red",
   orange: "aui-orange",
   yellow: "aui-yellow"
-}, Vt = (t) => {
+}, nn = (t) => {
   const { children: e, class: s } = t;
-  return /* @__PURE__ */ r("div", { class: v($t.theme, s), children: e });
-}, Ct = K(document.title);
+  return /* @__PURE__ */ r("div", { class: v(Dt.theme, s), children: e });
+}, St = U(document.title);
 le(() => {
-  document.title = Ct.value;
+  document.title = St.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,
+  W as Button,
+  Pt as Card,
+  Tt as Checkbox,
+  Rt as Dialog,
+  zt as DownloadLink,
+  Ot as Form,
+  Ft as Input,
+  Mt as Link,
+  Kt as Modal,
+  Ut as Nav,
+  Gt as NumberInput,
+  tn as Palette,
+  Wt as PasswordInput,
+  Zt as RadioGroup,
+  Vt as Route,
+  Jt as Section,
+  Qt as Select,
+  Xt as SkipLink,
+  Yt as Table,
+  en as Textarea,
+  nn as Theme,
+  $t as VisuallyHidden,
   v as cx,
   ee as hash,
-  U as location,
-  Te as navigate,
-  Ct as title
+  G as location,
+  Pe as navigate,
+  St as title
 };

package/dist/components/Table.d.ts

@@ -8,6 +8,14 @@ interface ITableProps extends IBaseProps {
     headers: string[];
     /** Row data as a 2D array of renderable content. */
     data: ComponentChildren[][];
+    /** Render the first column as `<th scope="row">` for row identification. */
+    rowHeader?: boolean;
+    /** Apply alternating row backgrounds for improved scanability. */
+    striped?: boolean;
+    /** Reduce cell padding for data-dense displays. */
+    dense?: boolean;
+    /** Visually hide the caption while keeping it accessible to screen readers. */
+    captionHidden?: boolean;
 }
 /**
  * Accessible data table with required headers.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auldrant/ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "type": "module",
   "description": "Accessible Preact component library with design tokens and CSS modules",
   "author": "Colonel Jade",
@@ -84,6 +84,6 @@
     "preact": "^10.28.4"
   },
   "dependencies": {
-    "lucide-preact": "^0.575.0"
+    "lucide-preact": "^0.577.0"
   }
 }