@pithyjs/ui-kit 0.1.0-beta.0

package/dist/atoms/forms/radio/Radio.js

@@ -0,0 +1,278 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.radio",
+  "title": "<Radio> Form Atom",
+  "category": "feature"
+}
+*/
+import { effect } from '@pithyjs/signals';
+import { CONTROL_SIZES, } from '../../../shared/types';
+import { generateRadioId } from '../../../shared/radio';
+import { createFormStateTracker, applyFormState, cleanupFormState, } from '../../../shared/form-state';
+import { createHelperElement, createErrorElement, createStateIcon, wrapFormControl, } from '../../../shared/form-elements';
+/**
+ * Accessible radio button atom.
+ *
+ * Renders a `<label class="ui-radio">` wrapping a native `<input type="radio">`,
+ * a custom `<span class="ui-radio-circle">` (with an inner dot drawn from inline
+ * SVG), and a visible `<span class="ui-radio-label">`. Supports error/success
+ * states (with shake), helper/error text, loading, and full a11y wiring.
+ *
+ * Unlike checkboxes, a radio cannot be un-checked by the user — selecting
+ * another radio in the same `name` group un-checks the previous one. The
+ * native input is visually hidden (sr-only) but kept focusable so
+ * `<label>`-forwarded clicks and keyboard interaction still work. Arrow-key
+ * navigation across siblings with the same `name` is handled explicitly here
+ * because the sr-only technique prevents the UA from finding siblings via
+ * default tab-stops.
+ *
+ * This is a pure visual atom — no validation logic. Error/success are driven
+ * externally via props.
+ *
+ * @example
+ * ```html
+ * <Radio label="'Cheese'" name="'topping'" value="'cheese'" />
+ * <Radio label="'Subscribe'" name="'plan'" value="'pro'" checked="isPro" onChange="select" />
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.radio","name":"Radio","stability":"stable","signature":"(props: RadioProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export function Radio({ id: externalId, name, value, checked = false, disabled = false, readonly: readonlyProp = false, required = false, error = false, errorMessage, helperText, success = false, size: rawSize = 'md', label, loading = false, onChange, onBlur, onFocus, }) {
+    // -- Prop validation -------------------------------------------------------
+    const validSize = CONTROL_SIZES.includes(rawSize);
+    if (import.meta.env?.DEV) {
+        if (!validSize) {
+            const valid = CONTROL_SIZES.join(', ');
+            console.warn(`[<Radio>] Invalid size: "${rawSize}". Expected one of: ${valid}. Falling back to "md".`);
+        }
+        if (!label) {
+            console.warn(`[<Radio>] Empty label — all radios require an accessible name. Pass a non-empty label string.`);
+        }
+        if (!name) {
+            console.warn(`[<Radio>] Missing name — radios must share a 'name' attribute to form a group.`);
+        }
+    }
+    const size = validSize ? rawSize : 'md';
+    // -- Element creation ------------------------------------------------------
+    const wrapper = document.createElement('label');
+    wrapper.classList.add('ui-radio');
+    wrapper.setAttribute('data-size', size);
+    const radioId = externalId ?? generateRadioId();
+    const input = document.createElement('input');
+    input.type = 'radio';
+    input.classList.add('ui-radio-input');
+    input.id = radioId;
+    if (name != null)
+        input.name = name;
+    if (value != null)
+        input.value = value;
+    if (required) {
+        input.required = true;
+        input.setAttribute('aria-required', 'true');
+        wrapper.setAttribute('data-required', '');
+    }
+    // Custom circle — inline SVG inner dot scales in/out on checked.
+    const circleEl = document.createElement('span');
+    circleEl.classList.add('ui-radio-circle');
+    circleEl.setAttribute('aria-hidden', 'true');
+    circleEl.innerHTML = `
+    <svg class="ui-radio-dot" viewBox="0 0 16 16" fill="none" focusable="false" aria-hidden="true">
+      <circle cx="8" cy="8" r="4" fill="currentColor" />
+    </svg>
+  `.trim();
+    // Visible label text
+    const labelTextEl = document.createElement('span');
+    labelTextEl.classList.add('ui-radio-label');
+    labelTextEl.textContent = label;
+    wrapper.appendChild(input);
+    wrapper.appendChild(circleEl);
+    wrapper.appendChild(labelTextEl);
+    // -- State icon (detached — satisfies applyFormState's element contract) ---
+    // The custom circle already conveys error/success colors, so the icon is never
+    // shown. We keep a detached element so applyFormState can mutate it without
+    // injecting unnecessary DOM nodes or triggering animations.
+    const stateIconEl = createStateIcon();
+    // -- Helper text -----------------------------------------------------------
+    const helperId = `${radioId}-helper`;
+    const helperEl = createHelperElement(helperId, helperText);
+    // -- Error message ---------------------------------------------------------
+    const errorMsgId = `${radioId}-error`;
+    const errorMsgEl = createErrorElement(errorMsgId, errorMessage);
+    // -- Event handlers --------------------------------------------------------
+    const changeHandler = ((e) => {
+        // Readonly rollback — a stray programmatic toggle could still dispatch
+        // change; restore the controlled value and skip side effects.
+        if (input.readOnly) {
+            const intended = !!readChecked();
+            if (input.checked !== intended) {
+                input.checked = intended;
+            }
+            if (intended) {
+                wrapper.setAttribute('data-checked', '');
+            }
+            else {
+                wrapper.removeAttribute('data-checked');
+            }
+            return;
+        }
+        // Keep data-checked in sync for uncontrolled usage (static checked prop)
+        if (input.checked) {
+            wrapper.setAttribute('data-checked', '');
+        }
+        else {
+            wrapper.removeAttribute('data-checked');
+        }
+        onChange?.(input.checked, e);
+    });
+    const blurHandler = ((e) => {
+        onBlur?.(e);
+    });
+    const focusHandler = ((e) => {
+        onFocus?.(e);
+    });
+    input.addEventListener('change', changeHandler);
+    input.addEventListener('blur', blurHandler);
+    input.addEventListener('focus', focusHandler);
+    // Readonly — native radios honor `readonly` even less consistently than
+    // checkboxes. Same intercept layers as Checkbox: click + Space + change.
+    const clickHandler = (e) => {
+        if (input.readOnly) {
+            e.preventDefault();
+        }
+    };
+    input.addEventListener('click', clickHandler);
+    // Arrow-key navigation — jsdom and the sr-only technique combined mean we
+    // cannot rely on the UA's built-in radio group focus/check cycling. Find
+    // siblings by `name` in the containing form (or document) and move
+    // focus + check accordingly. Also intercept Space in readonly mode.
+    const keydownHandler = (e) => {
+        if (input.readOnly && e.key === ' ') {
+            e.preventDefault();
+            return;
+        }
+        if (input.disabled || input.readOnly)
+            return;
+        const isNext = e.key === 'ArrowDown' || e.key === 'ArrowRight';
+        const isPrev = e.key === 'ArrowUp' || e.key === 'ArrowLeft';
+        if (!isNext && !isPrev)
+            return;
+        if (!input.name)
+            return;
+        const scope = input.form ?? document;
+        const siblings = Array.from(scope.querySelectorAll('input[type="radio"]')).filter(r => r.name === input.name && !r.matches(':disabled') && !r.readOnly);
+        if (siblings.length < 2)
+            return;
+        const idx = siblings.indexOf(input);
+        if (idx === -1)
+            return;
+        e.preventDefault();
+        const nextIdx = isNext
+            ? (idx + 1) % siblings.length
+            : (idx - 1 + siblings.length) % siblings.length;
+        // Clean up outgoing radio's data-checked before moving
+        wrapper.removeAttribute('data-checked');
+        const target = siblings[nextIdx];
+        target.checked = true;
+        target.focus();
+        target.dispatchEvent(new Event('change', { bubbles: true }));
+    };
+    input.addEventListener('keydown', keydownHandler);
+    // Block Space on keyup — Chromium fires activation on keyup, not keydown,
+    // so keydown alone can't prevent a readonly radio from toggling.
+    const keyupHandler = (e) => {
+        if (input.readOnly && e.key === ' ') {
+            e.preventDefault();
+        }
+    };
+    input.addEventListener('keyup', keyupHandler);
+    // -- Reactive state --------------------------------------------------------
+    const readChecked = () => typeof checked === 'function' ? checked() : checked;
+    const readDisabled = () => typeof disabled === 'function' ? disabled() : disabled;
+    const readReadonly = () => typeof readonlyProp === 'function' ? readonlyProp() : readonlyProp;
+    const readError = () => (typeof error === 'function' ? error() : error);
+    const readErrorMessage = () => typeof errorMessage === 'function' ? errorMessage() : errorMessage;
+    const readSuccess = () => typeof success === 'function' ? success() : success;
+    const readLoading = () => typeof loading === 'function' ? loading() : loading;
+    const isReactive = typeof checked === 'function' ||
+        typeof disabled === 'function' ||
+        typeof readonlyProp === 'function' ||
+        typeof error === 'function' ||
+        typeof errorMessage === 'function' ||
+        typeof success === 'function' ||
+        typeof loading === 'function';
+    const formTracker = createFormStateTracker();
+    const applyState = () => {
+        // Checked
+        const isChecked = !!readChecked();
+        if (input.checked !== isChecked) {
+            input.checked = isChecked;
+        }
+        if (isChecked) {
+            wrapper.setAttribute('data-checked', '');
+        }
+        else {
+            wrapper.removeAttribute('data-checked');
+        }
+        // Disabled
+        const isDisabled = !!readDisabled();
+        input.disabled = isDisabled;
+        if (isDisabled) {
+            wrapper.setAttribute('data-disabled', '');
+        }
+        else {
+            wrapper.removeAttribute('data-disabled');
+        }
+        // Readonly (custom — native radios ignore it; ARIA also disallows
+        // aria-readonly on role=radio, so we only mark via data attribute and
+        // intercept toggling in JS). aria-description signals the locked state
+        // to screen readers since aria-readonly is not allowed on role=radio.
+        const isReadonly = !!readReadonly();
+        input.readOnly = isReadonly;
+        if (isReadonly) {
+            wrapper.setAttribute('data-readonly', '');
+            input.setAttribute('aria-description', 'Read-only');
+        }
+        else {
+            wrapper.removeAttribute('data-readonly');
+            input.removeAttribute('aria-description');
+        }
+        // Error / success / shake / aria-describedby — shared
+        applyFormState({ wrapper, control: input, stateIconEl, helperEl, errorMsgEl }, { readError, readErrorMessage, readSuccess }, { helperId, errorMsgId }, { shakeClass: 'ui-radio-shake', iconPrefix: 'ui-radio-state-icon' }, formTracker);
+        // Loading
+        const isLoading = !!readLoading();
+        wrapper.classList.toggle('ui-radio-loading', isLoading);
+        if (isLoading) {
+            input.setAttribute('aria-busy', 'true');
+        }
+        else {
+            input.removeAttribute('aria-busy');
+        }
+        formTracker.firstRun = false;
+    };
+    const cleanupEffect = isReactive
+        ? effect(applyState)
+        : (applyState(), undefined);
+    // -- Return ----------------------------------------------------------------
+    const { root, needsContainer } = wrapFormControl(wrapper, {
+        helperEl,
+        errorMsgEl,
+        containerClass: 'ui-radio-field',
+    });
+    return {
+        el: root,
+        destroy: () => {
+            cleanupEffect?.();
+            input.removeEventListener('change', changeHandler);
+            input.removeEventListener('blur', blurHandler);
+            input.removeEventListener('focus', focusHandler);
+            input.removeEventListener('click', clickHandler);
+            input.removeEventListener('keydown', keydownHandler);
+            input.removeEventListener('keyup', keyupHandler);
+            cleanupFormState(wrapper, stateIconEl, formTracker);
+            wrapper.replaceChildren();
+            if (needsContainer) {
+                root.replaceChildren();
+            }
+        },
+    };
+}
+//# sourceMappingURL=Radio.js.map

package/dist/atoms/forms/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/atoms/forms/radio/Radio.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,aAAa,GAEd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,cAAc,EACd,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,+BAA+B,CAAC;AAkBvC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qLAAqL;AACrL,MAAM,UAAU,KAAK,CAAC,EACpB,EAAE,EAAE,UAAU,EACd,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,UAAU,EACV,OAAO,GAAG,KAAK,EACf,IAAI,EAAE,OAAO,GAAG,IAAI,EACpB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,MAAM,EACN,OAAO,GACI;IACX,6EAA6E;IAE7E,MAAM,SAAS,GAAI,aAAmC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEzE,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvC,OAAO,CAAC,IAAI,CACV,4BAA4B,OAAO,uBAAuB,KAAK,yBAAyB,CACzF,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CACV,+FAA+F,CAChG,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,CAAC,IAAI,CACV,gFAAgF,CACjF,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAExC,6EAA6E;IAE7E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAClC,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG,UAAU,IAAI,eAAe,EAAE,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;IACrB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC;IACnB,IAAI,IAAI,IAAI,IAAI;QAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;IACpC,IAAI,KAAK,IAAI,IAAI;QAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACvC,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC5C,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED,iEAAiE;IACjE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC1C,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,SAAS,GAAG;;;;GAIpB,CAAC,IAAI,EAAE,CAAC;IAET,qBAAqB;IACrB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5C,WAAW,CAAC,WAAW,GAAG,KAAK,CAAC;IAEhC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAEjC,6EAA6E;IAC7E,+EAA+E;IAC/E,4EAA4E;IAC5E,4DAA4D;IAC5D,MAAM,WAAW,GAAG,eAAe,EAAE,CAAC;IAEtC,6EAA6E;IAE7E,MAAM,QAAQ,GAAG,GAAG,OAAO,SAAS,CAAC;IACrC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAE3D,6EAA6E;IAE7E,MAAM,UAAU,GAAG,GAAG,OAAO,QAAQ,CAAC;IACtC,MAAM,UAAU,GAAG,kBAAkB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAEhE,6EAA6E;IAE7E,MAAM,aAAa,GAAG,CAAC,CAAC,CAAQ,EAAE,EAAE;QAClC,uEAAuE;QACvE,8DAA8D;QAC9D,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;YACjC,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBAC/B,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;YAC3B,CAAC;YACD,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;YAC1C,CAAC;YACD,OAAO;QACT,CAAC;QACD,yEAAyE;QACzE,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QACD,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC,CAAkB,CAAC;IAEpB,MAAM,WAAW,GAAG,CAAC,CAAC,CAAa,EAAE,EAAE;QACrC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IACd,CAAC,CAAkB,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,CAAC,CAAa,EAAE,EAAE;QACtC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACf,CAAC,CAAkB,CAAC;IAEpB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAChD,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC5C,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE9C,wEAAwE;IACxE,yEAAyE;IACzE,MAAM,YAAY,GAAG,CAAC,CAAQ,EAAE,EAAE;QAChC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE9C,0EAA0E;IAC1E,yEAAyE;IACzE,mEAAmE;IACnE,oEAAoE;IACpE,MAAM,cAAc,GAAG,CAAC,CAAgB,EAAE,EAAE;QAC1C,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACpC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC7C,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC;QAC/D,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC;QAC5D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;YAAE,OAAO;QAC/B,IAAI,CAAC,KAAK,CAAC,IAAI;YAAE,OAAO;QACxB,MAAM,KAAK,GAAe,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC;QACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,KAAK,CAAC,gBAAgB,CAAmB,qBAAqB,CAAC,CAChE,CAAC,MAAM,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CACrE,CAAC;QACF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,GAAG,KAAK,CAAC,CAAC;YAAE,OAAO;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,MAAM;YACpB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM;YAC7B,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;QAClD,uDAAuD;QACvD,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IACF,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAA+B,CAAC,CAAC;IAEnE,0EAA0E;IAC1E,iEAAiE;IACjE,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAE,EAAE;QACxC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAA6B,CAAC,CAAC;IAE/D,6EAA6E;IAE7E,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IACtD,MAAM,YAAY,GAAG,GAAG,EAAE,CACxB,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACzD,MAAM,YAAY,GAAG,GAAG,EAAE,CACxB,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;IACrE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAC5B,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;IACrE,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IACtD,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtD,MAAM,UAAU,GACd,OAAO,OAAO,KAAK,UAAU;QAC7B,OAAO,QAAQ,KAAK,UAAU;QAC9B,OAAO,YAAY,KAAK,UAAU;QAClC,OAAO,KAAK,KAAK,UAAU;QAC3B,OAAO,YAAY,KAAK,UAAU;QAClC,OAAO,OAAO,KAAK,UAAU;QAC7B,OAAO,OAAO,KAAK,UAAU,CAAC;IAEhC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAE7C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,UAAU;QACV,MAAM,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAClC,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;QAC5B,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;QAED,WAAW;QACX,MAAM,UAAU,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC;QACpC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC5B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC;QAED,kEAAkE;QAClE,sEAAsE;QACtE,uEAAuE;QACvE,sEAAsE;QACtE,MAAM,UAAU,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC;QACpC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC5B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;YAC1C,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;YACzC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC5C,CAAC;QAED,sDAAsD;QACtD,cAAc,CACZ,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC9D,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC5C,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxB,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,qBAAqB,EAAE,EACnE,WAAW,CACZ,CAAC;QAEF,UAAU;QACV,MAAM,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAClC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;QACxD,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;QAED,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,SAAS,CAAC,CAAC;IAE9B,6EAA6E;IAE7E,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,EAAE;QACxD,QAAQ;QACR,UAAU;QACV,cAAc,EAAE,gBAAgB;KACjC,CAAC,CAAC;IAEH,OAAO;QACL,EAAE,EAAE,IAAI;QACR,OAAO,EAAE,GAAG,EAAE;YACZ,aAAa,EAAE,EAAE,CAAC;YAClB,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;YACnD,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YAC/C,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACjD,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACjD,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAA+B,CAAC,CAAC;YACtE,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,YAA6B,CAAC,CAAC;YAClE,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;YACpD,OAAO,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/atoms/forms/radio/RadioGroup.d.ts

@@ -0,0 +1,54 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.radio-group",
+  "title": "<RadioGroup> Form Atom",
+  "category": "feature"
+}
+*/
+/** @codexApi {"parent":"pithy.ui-kit.radio-group","name":"RadioGroupProps","stability":"stable","signature":"interface RadioGroupProps"} */
+export interface RadioGroupProps {
+    /** Explicit fieldset ID — overrides auto-generated ID */
+    id?: string;
+    /** Required group label rendered inside <legend> */
+    label: string;
+    /** Visually hide the legend (still announced by screen readers) */
+    hideLabel?: boolean;
+    /** Persistent helper text below the group */
+    helperText?: string;
+    /** Error message — when present and error is truthy, shown below the group */
+    errorMessage?: string | (() => string);
+    /** Visual error state — static boolean or signal accessor */
+    error?: boolean | (() => boolean);
+    /** Disable the entire group (sets fieldset[disabled]) — static boolean or signal accessor */
+    disabled?: boolean | (() => boolean);
+}
+/**
+ * Accessible group wrapper for `<Radio>` controls.
+ *
+ * Renders `<fieldset><legend>...</legend>{children}{helper/error}</fieldset>`.
+ * Children are compiled through PithyJS's full pipeline via `renderChildren()`,
+ * so any markup is supported. The fieldset is marked with `data-slot="default"`
+ * so the site builder can target it as a drop zone.
+ *
+ * Native `fieldset[disabled]` cascades to all descendant form controls, so
+ * setting `disabled` on the group disables every child radio without any
+ * extra plumbing.
+ *
+ * `RadioGroup` does NOT auto-inject a `name` onto its children — every `<Radio>`
+ * must declare its own `name` explicitly. Siblings with the same `name` are
+ * mutually exclusive and share arrow-key navigation.
+ *
+ * @example
+ * ```html
+ * <RadioGroup label="'Plan'">
+ *   <Radio label="'Free'" name="'plan'" value="'free'" />
+ *   <Radio label="'Pro'" name="'plan'" value="'pro'" />
+ * </RadioGroup>
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.radio-group","name":"RadioGroup","stability":"stable","signature":"(props: RadioGroupProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export declare function RadioGroup({ id: externalId, label, hideLabel, helperText, errorMessage, error, disabled, }: RadioGroupProps): {
+    el: HTMLElement | DocumentFragment;
+    destroy: () => void;
+};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/atoms/forms/radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/atoms/forms/radio/RadioGroup.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAWF,4IAA4I;AAC5I,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACvC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAClC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qMAAqM;AACrM,wBAAgB,UAAU,CAAC,EACzB,EAAE,EAAE,UAAU,EACd,KAAK,EACL,SAAiB,EACjB,UAAU,EACV,YAAY,EACZ,KAAa,EACb,QAAgB,GACjB,EAAE,eAAe,GAAG;IACnB,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAsHA"}

package/dist/atoms/forms/radio/RadioGroup.js

@@ -0,0 +1,137 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.radio-group",
+  "title": "<RadioGroup> Form Atom",
+  "category": "feature"
+}
+*/
+import { effect } from '@pithyjs/signals';
+import { renderChildren } from '@pithyjs/core';
+import { captureSlot } from '../../../shared/slots';
+import { generateRadioGroupId } from '../../../shared/radio';
+import { createHelperElement, createErrorElement, } from '../../../shared/form-elements';
+/**
+ * Accessible group wrapper for `<Radio>` controls.
+ *
+ * Renders `<fieldset><legend>...</legend>{children}{helper/error}</fieldset>`.
+ * Children are compiled through PithyJS's full pipeline via `renderChildren()`,
+ * so any markup is supported. The fieldset is marked with `data-slot="default"`
+ * so the site builder can target it as a drop zone.
+ *
+ * Native `fieldset[disabled]` cascades to all descendant form controls, so
+ * setting `disabled` on the group disables every child radio without any
+ * extra plumbing.
+ *
+ * `RadioGroup` does NOT auto-inject a `name` onto its children — every `<Radio>`
+ * must declare its own `name` explicitly. Siblings with the same `name` are
+ * mutually exclusive and share arrow-key navigation.
+ *
+ * @example
+ * ```html
+ * <RadioGroup label="'Plan'">
+ *   <Radio label="'Free'" name="'plan'" value="'free'" />
+ *   <Radio label="'Pro'" name="'plan'" value="'pro'" />
+ * </RadioGroup>
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.radio-group","name":"RadioGroup","stability":"stable","signature":"(props: RadioGroupProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export function RadioGroup({ id: externalId, label, hideLabel = false, helperText, errorMessage, error = false, disabled = false, }) {
+    if (import.meta.env?.DEV) {
+        if (!label) {
+            console.warn(`[<RadioGroup>] Empty label — all groups require an accessible name. Pass a non-empty label string.`);
+        }
+    }
+    const groupId = externalId ?? generateRadioGroupId();
+    const fieldset = document.createElement('fieldset');
+    fieldset.classList.add('ui-radio-group');
+    fieldset.setAttribute('role', 'radiogroup');
+    fieldset.id = groupId;
+    captureSlot(fieldset, 'default');
+    const legend = document.createElement('legend');
+    legend.classList.add('ui-radio-group-legend');
+    if (hideLabel)
+        legend.classList.add('u-visually-hidden');
+    legend.textContent = label;
+    fieldset.appendChild(legend);
+    // Compile children through full pipeline (enables nested components)
+    const { el: childFragment, destroy: destroyChildren } = renderChildren();
+    fieldset.appendChild(childFragment);
+    const helperEl = createHelperElement(`${groupId}-helper`, helperText);
+    if (helperEl)
+        fieldset.appendChild(helperEl);
+    const errorEl = createErrorElement(`${groupId}-error`, errorMessage);
+    if (errorEl)
+        fieldset.appendChild(errorEl);
+    // -- Reactive state --------------------------------------------------------
+    const readError = () => (typeof error === 'function' ? error() : error);
+    const readErrorMessage = () => typeof errorMessage === 'function' ? errorMessage() : errorMessage;
+    const readDisabled = () => typeof disabled === 'function' ? disabled() : disabled;
+    const isReactive = typeof error === 'function' ||
+        typeof errorMessage === 'function' ||
+        typeof disabled === 'function';
+    let prevError = false;
+    let firstRun = true;
+    const applyState = () => {
+        // Disabled
+        const isDisabled = !!readDisabled();
+        fieldset.disabled = isDisabled;
+        if (isDisabled) {
+            fieldset.setAttribute('data-disabled', '');
+        }
+        else {
+            fieldset.removeAttribute('data-disabled');
+        }
+        // Error
+        const isError = !!readError();
+        const msg = readErrorMessage();
+        const showError = isError && !!msg && !!errorEl;
+        // Warn only on first run or false→true transition to avoid console spam
+        if (import.meta.env?.DEV && isError && !msg && (!prevError || firstRun)) {
+            console.warn(`[<RadioGroup>] error=true but no errorMessage. ` +
+                `Screen readers will announce "invalid" with no context. ` +
+                `Provide an errorMessage for accessible error identification (WCAG 3.3.1).`);
+        }
+        if (isError) {
+            fieldset.setAttribute('aria-invalid', 'true');
+            fieldset.setAttribute('data-error', '');
+        }
+        else {
+            fieldset.removeAttribute('aria-invalid');
+            fieldset.removeAttribute('data-error');
+        }
+        if (errorEl) {
+            errorEl.textContent = showError ? msg : '';
+            errorEl.hidden = !showError;
+        }
+        // Hide helper when error message is visible (consistent with form atoms)
+        if (helperEl) {
+            helperEl.hidden = !!showError;
+        }
+        // aria-describedby — only reference visible content
+        const descIds = [];
+        if (errorEl && showError)
+            descIds.push(errorEl.id);
+        if (helperEl && !showError)
+            descIds.push(helperEl.id);
+        if (descIds.length > 0) {
+            fieldset.setAttribute('aria-describedby', descIds.join(' '));
+        }
+        else {
+            fieldset.removeAttribute('aria-describedby');
+        }
+        prevError = !!isError;
+        firstRun = false;
+    };
+    const cleanupEffect = isReactive
+        ? effect(applyState)
+        : (applyState(), undefined);
+    return {
+        el: fieldset,
+        destroy: () => {
+            cleanupEffect?.();
+            destroyChildren();
+            fieldset.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=RadioGroup.js.map

package/dist/atoms/forms/radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/atoms/forms/radio/RadioGroup.ts"],"names":[],"mappings":"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"}