@pithyjs/ui-kit 0.1.0-beta.0

package/dist/atoms/feedback/tooltip/Tooltip.d.ts

@@ -0,0 +1,44 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.tooltip",
+  "title": "<Tooltip> Feedback Component",
+  "category": "feature",
+  "risk": "low"
+}
+*/
+import { type ReactiveText } from '../../../shared/clickable';
+/**
+ * Reset the module-level tooltip ID counter so `ui-tooltip-*` IDs are
+ * deterministic. Call between SSR requests and between test cases — same pattern
+ * as `resetInputIdCounter` / `resetSectionIdCounter`.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.tooltip","name":"resetTooltipIdCounter","stability":"stable","signature":"() => void"} */
+export declare function resetTooltipIdCounter(): void;
+/** @codexApi {"parent":"pithy.ui-kit.tooltip","name":"TooltipProps","stability":"stable","signature":"interface TooltipProps"} */
+export interface TooltipProps {
+    /** Hint text. Static or a `() => string` accessor for reactive copy. */
+    label: ReactiveText;
+    /** Bubble placement relative to the trigger (default `"bottom"`). */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
+/**
+ * Wraps trigger content and reveals a hint bubble on hover / focus-within.
+ *
+ * CSS-driven (no JS positioning): the wrapper element receives `:hover` /
+ * `:focus-within`, so the hint still shows when the wrapped control is
+ * **disabled** (a disabled `<button>` doesn't emit pointer events itself, but
+ * the wrapper does) — which is the primary use case.
+ *
+ * @example
+ * ```html
+ * <Tooltip label="'Set Default mode to Auto to preview both'">
+ *   <IconGroup ... disabled="locked" />
+ * </Tooltip>
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.tooltip","name":"Tooltip","stability":"stable","signature":"(props: TooltipProps) => { el: HTMLElement; destroy: () => void }"} */
+export declare function Tooltip({ label, placement }: TooltipProps): {
+    el: HTMLElement;
+    destroy: () => void;
+};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/atoms/feedback/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/atoms/feedback/tooltip/Tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;EAOE;AAIF,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,2BAA2B,CAAC;AAInC;;;;GAIG;AACH,+HAA+H;AAC/H,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C;AAID,kIAAkI;AAClI,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,KAAK,EAAE,YAAY,CAAC;IACpB,qEAAqE;IACrE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACjD;AAED;;;;;;;;;;;;;;GAcG;AACH,wKAAwK;AACxK,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAoB,EAAE,EAAE,YAAY,GAAG;IACtE,EAAE,EAAE,WAAW,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAuFA"}

package/dist/atoms/feedback/tooltip/Tooltip.js

@@ -0,0 +1,121 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.tooltip",
+  "title": "<Tooltip> Feedback Component",
+  "category": "feature",
+  "risk": "low"
+}
+*/
+import { renderChildren } from '@pithyjs/core';
+import { effect } from '@pithyjs/signals';
+import { hasReactive, readReactive, } from '../../../shared/clickable';
+let tooltipIdCounter = 0;
+/**
+ * Reset the module-level tooltip ID counter so `ui-tooltip-*` IDs are
+ * deterministic. Call between SSR requests and between test cases — same pattern
+ * as `resetInputIdCounter` / `resetSectionIdCounter`.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.tooltip","name":"resetTooltipIdCounter","stability":"stable","signature":"() => void"} */
+export function resetTooltipIdCounter() {
+    tooltipIdCounter = 0;
+}
+/**
+ * Wraps trigger content and reveals a hint bubble on hover / focus-within.
+ *
+ * CSS-driven (no JS positioning): the wrapper element receives `:hover` /
+ * `:focus-within`, so the hint still shows when the wrapped control is
+ * **disabled** (a disabled `<button>` doesn't emit pointer events itself, but
+ * the wrapper does) — which is the primary use case.
+ *
+ * @example
+ * ```html
+ * <Tooltip label="'Set Default mode to Auto to preview both'">
+ *   <IconGroup ... disabled="locked" />
+ * </Tooltip>
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.tooltip","name":"Tooltip","stability":"stable","signature":"(props: TooltipProps) => { el: HTMLElement; destroy: () => void }"} */
+export function Tooltip({ label, placement = 'bottom' }) {
+    const root = document.createElement('span');
+    root.classList.add('ui-tooltip');
+    root.dataset.placement = placement;
+    // Projected trigger content (the wrapped control).
+    const { el: childFragment, destroy: destroyChildren } = renderChildren();
+    root.appendChild(childFragment);
+    // The element that actually receives focus is the projected trigger, not the
+    // wrapper — capture it now (before the bubble is appended) for aria wiring.
+    const trigger = root.firstElementChild;
+    // Hint bubble.
+    const bubble = document.createElement('span');
+    bubble.classList.add('ui-tooltip-bubble');
+    bubble.setAttribute('role', 'tooltip');
+    bubble.id = `ui-tooltip-${(tooltipIdCounter += 1)}`;
+    // Describe the trigger for AT. Set on the wrapper (covers the disabled-control
+    // case, where focus stays outside), and best-effort on the projected trigger
+    // element so the hint is announced when focus lands on it. APPEND to any
+    // existing `aria-describedby` (e.g. a control already pointing at helper/error
+    // text) rather than skipping — deduped, space-separated.
+    root.setAttribute('aria-describedby', bubble.id);
+    if (trigger) {
+        const ids = (trigger.getAttribute('aria-describedby') ?? '')
+            .split(/\s+/)
+            .filter(Boolean);
+        if (!ids.includes(bubble.id)) {
+            ids.push(bubble.id);
+            trigger.setAttribute('aria-describedby', ids.join(' '));
+        }
+    }
+    root.appendChild(bubble);
+    const disposers = [destroyChildren];
+    // A disabled trigger exposes no focusable element, so `:focus-within` (and thus
+    // keyboard reveal of the hint) can never fire and the wrapper's `aria-describedby`
+    // goes unused. Make the WRAPPER focusable in that case so keyboard users can
+    // reach the tooltip. Tracked reactively — e.g. `<IconGroup disabled>` toggles
+    // `data-disabled`/`aria-disabled` after mount.
+    if (trigger) {
+        const syncFocusable = () => {
+            // `data-disabled` has two conventions in the kit: a boolean attribute
+            // (`data-disabled=""` present when disabled — Input/Checkbox/Select/…) and
+            // IconGroup's `"true"/"false"`. Treat any present value as disabled EXCEPT
+            // the explicit "false".
+            const dataDisabled = trigger.getAttribute('data-disabled');
+            const disabled = trigger.hasAttribute('disabled') ||
+                trigger.getAttribute('aria-disabled') === 'true' ||
+                (dataDisabled !== null && dataDisabled !== 'false');
+            if (disabled)
+                root.tabIndex = 0;
+            else
+                root.removeAttribute('tabindex');
+        };
+        syncFocusable();
+        if (typeof MutationObserver !== 'undefined') {
+            const observer = new MutationObserver(syncFocusable);
+            observer.observe(trigger, {
+                attributes: true,
+                attributeFilter: ['disabled', 'aria-disabled', 'data-disabled'],
+            });
+            disposers.push(() => observer.disconnect());
+        }
+    }
+    if (hasReactive(label)) {
+        disposers.push(effect(() => {
+            bubble.textContent = readReactive(label) ?? '';
+        }));
+    }
+    else {
+        bubble.textContent = readReactive(label) ?? '';
+    }
+    return {
+        el: root,
+        destroy() {
+            for (const dispose of disposers)
+                dispose();
+            disposers.length = 0;
+            // Clear the projected trigger + bubble so no stale ARIA wiring / DOM is
+            // left behind when a consumer destroys without removing `el` (matches the
+            // other ui-kit atoms).
+            root.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=Tooltip.js.map

package/dist/atoms/feedback/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/atoms/feedback/tooltip/Tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;EAOE;AAEF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,WAAW,EACX,YAAY,GAEb,MAAM,2BAA2B,CAAC;AAEnC,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAEzB;;;;GAIG;AACH,+HAA+H;AAC/H,MAAM,UAAU,qBAAqB;IACnC,gBAAgB,GAAG,CAAC,CAAC;AACvB,CAAC;AAYD;;;;;;;;;;;;;;GAcG;AACH,wKAAwK;AACxK,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,EAAgB;IAInE,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IACjC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAEnC,mDAAmD;IACnD,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAAC;IACzE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAChC,6EAA6E;IAC7E,4EAA4E;IAC5E,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC;IAEvC,eAAe;IACf,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC1C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,gBAAgB,IAAI,CAAC,CAAC,EAAE,CAAC;IACpD,+EAA+E;IAC/E,6EAA6E;IAC7E,yEAAyE;IACzE,+EAA+E;IAC/E,yDAAyD;IACzD,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IACjD,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;aACzD,KAAK,CAAC,KAAK,CAAC;aACZ,MAAM,CAAC,OAAO,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;YAC7B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACpB,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IACD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,SAAS,GAAsB,CAAC,eAAe,CAAC,CAAC;IAEvD,gFAAgF;IAChF,mFAAmF;IACnF,6EAA6E;IAC7E,8EAA8E;IAC9E,+CAA+C;IAC/C,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,aAAa,GAAG,GAAS,EAAE;YAC/B,sEAAsE;YACtE,2EAA2E;YAC3E,2EAA2E;YAC3E,wBAAwB;YACxB,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAC3D,MAAM,QAAQ,GACZ,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC;gBAChC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;gBAChD,CAAC,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,OAAO,CAAC,CAAC;YACtD,IAAI,QAAQ;gBAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;;gBAC3B,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC;QACF,aAAa,EAAE,CAAC;QAChB,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE,CAAC;YAC5C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAAC;YACrD,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;gBACxB,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,eAAe,CAAC;aAChE,CAAC,CAAC;YACH,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,SAAS,CAAC,IAAI,CACZ,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjD,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACjD,CAAC;IAED,OAAO;QACL,EAAE,EAAE,IAAI;QACR,OAAO;YACL,KAAK,MAAM,OAAO,IAAI,SAAS;gBAAE,OAAO,EAAE,CAAC;YAC3C,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;YACrB,wEAAwE;YACxE,0EAA0E;YAC1E,uBAAuB;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/atoms/feedback/tooltip/tooltip.scss

@@ -0,0 +1,96 @@
+/// Tooltip — hint bubble revealed on hover / focus-within of the wrapper.
+/// Pure-CSS visibility so it works around disabled controls.
+///
+/// @group atoms/feedback
+
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+@use '../../../shared/tokens' as shared;
+
+.ui-tooltip {
+  position: relative;
+  display: inline-flex;
+}
+
+.ui-tooltip-bubble {
+  position: absolute;
+  z-index: var(--z-tooltip);
+  inline-size: max-content;
+  // Centralized measure token (shared/_tokens.scss) rather than a one-off raw value.
+  max-inline-size: shared.$measure-tooltip;
+  padding-block: var(--space-xs);
+  padding-inline: var(--space-sm);
+  border-radius: var(--radius-sm);
+  background-color: var(--color-surface-inverse, var(--color-text));
+  color: var(--color-surface);
+  font-size: var(--font-size-xs);
+  line-height: var(--line-height-sm);
+  text-align: center;
+  box-shadow: var(--shadow-md);
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+
+  @include a11y.motion-safe {
+    transition:
+      opacity var(--motion-duration-fast) var(--motion-easing-standard),
+      // visibility: 0ms duration, easing, then DELAY by the fade duration so the
+      // bubble stays present during the opacity fade-out before hiding. The
+      // explicit easing makes the 2nd time unambiguously the delay (not a
+      // timing-function).
+      visibility var(--motion-duration-instant) var(--motion-easing-standard)
+        var(--motion-duration-fast);
+  }
+
+  // Forced-colors (Windows High Contrast): the token bg/text map to system
+  // colors that can collapse to unreadable pairings, and shadows aren't rendered
+  // — pin to a system Canvas/CanvasText bubble with a visible border instead.
+  @include a11y.forced-colors {
+    border: var(--border-width-thin) solid CanvasText;
+    background-color: Canvas;
+    color: CanvasText;
+    box-shadow: none;
+  }
+}
+
+// No bubble when there's no hint text (e.g. a reactive label that's empty).
+.ui-tooltip-bubble:empty {
+  display: none;
+}
+
+// Reveal on hover or keyboard focus within the wrapper.
+.ui-tooltip:hover .ui-tooltip-bubble:not(:empty),
+.ui-tooltip:focus-within .ui-tooltip-bubble:not(:empty) {
+  opacity: 1;
+  visibility: visible;
+
+  @include a11y.motion-safe {
+    transition: opacity var(--motion-duration-fast)
+      var(--motion-easing-standard);
+  }
+}
+
+// -- Placement ---------------------------------------------------------------
+
+.ui-tooltip[data-placement='bottom'] .ui-tooltip-bubble {
+  inset-block-start: calc(100% + var(--space-xs));
+  inset-inline-start: 50%;
+  translate: -50% 0;
+}
+
+.ui-tooltip[data-placement='top'] .ui-tooltip-bubble {
+  inset-block-end: calc(100% + var(--space-xs));
+  inset-inline-start: 50%;
+  translate: -50% 0;
+}
+
+.ui-tooltip[data-placement='right'] .ui-tooltip-bubble {
+  inset-inline-start: calc(100% + var(--space-xs));
+  inset-block-start: 50%;
+  translate: 0 -50%;
+}
+
+.ui-tooltip[data-placement='left'] .ui-tooltip-bubble {
+  inset-inline-end: calc(100% + var(--space-xs));
+  inset-block-start: 50%;
+  translate: 0 -50%;
+}

package/dist/atoms/forms/checkbox/Checkbox.d.ts

@@ -0,0 +1,49 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.checkbox",
+  "title": "<Checkbox> Form Atom",
+  "category": "feature"
+}
+*/
+import { type FormControlBaseProps } from '../../../shared/types';
+/** @codexApi {"parent":"pithy.ui-kit.checkbox","name":"CheckboxProps","stability":"stable","signature":"interface CheckboxProps extends FormControlBaseProps"} */
+export interface CheckboxProps extends FormControlBaseProps {
+    /** Checkbox name attribute */
+    name?: string;
+    /** Submitted value when the checkbox is checked (default: "on") */
+    value?: string;
+    /** Checked state — static boolean or signal accessor for controlled checkbox */
+    checked?: boolean | (() => boolean);
+    /** Indeterminate state — visually shows a dash; cleared on user toggle */
+    indeterminate?: boolean | (() => boolean);
+    /** Fires whenever the checked state changes */
+    onChange?: (checked: boolean, e: Event) => void;
+    /** Fires when the checkbox loses focus */
+    onBlur?: (e: FocusEvent) => void;
+    /** Fires when the checkbox gains focus */
+    onFocus?: (e: FocusEvent) => void;
+}
+/**
+ * Accessible checkbox atom.
+ *
+ * Renders a `<label class="ui-checkbox">` wrapping a native `<input type="checkbox">`,
+ * a custom `<span class="ui-checkbox-box">` (drawn from CSS), and a visible
+ * `<span class="ui-checkbox-label">`. Supports indeterminate, error/success
+ * states (with shake), helper/error text, loading, and full a11y wiring.
+ *
+ * This is a pure visual atom — no validation logic. Error/success are driven
+ * externally via props.
+ *
+ * @example
+ * ```html
+ * <Checkbox label="'Accept terms'" required="true" />
+ * <Checkbox label="'Subscribe'" checked="isSubscribed" onChange="toggle" />
+ * <Checkbox label="'Select all'" indeterminate="someSelected" />
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.checkbox","name":"Checkbox","stability":"stable","signature":"(props: CheckboxProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export declare function Checkbox({ id: externalId, name, value, checked, indeterminate, disabled, readonly: readonlyProp, required, error, errorMessage, helperText, success, size: rawSize, label, loading, onChange, onBlur, onFocus, }: CheckboxProps): {
+    el: HTMLElement | DocumentFragment;
+    destroy: () => void;
+};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/atoms/forms/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/atoms/forms/checkbox/Checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAGF,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAc/B,kKAAkK;AAClK,MAAM,WAAW,aAAc,SAAQ,oBAAoB;IACzD,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACpC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IAC1C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAChD,0CAA0C;IAC1C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,8LAA8L;AAC9L,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EAAE,UAAU,EACd,IAAI,EACJ,KAAY,EACZ,OAAe,EACf,aAAqB,EACrB,QAAgB,EAChB,QAAQ,EAAE,YAAoB,EAC9B,QAAgB,EAChB,KAAa,EACb,YAAY,EACZ,UAAU,EACV,OAAe,EACf,IAAI,EAAE,OAAc,EACpB,KAAK,EACL,OAAe,EACf,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,aAAa,GAAG;IAAE,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA0R7E"}

package/dist/atoms/forms/checkbox/Checkbox.js

@@ -0,0 +1,269 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.checkbox",
+  "title": "<Checkbox> Form Atom",
+  "category": "feature"
+}
+*/
+import { effect } from '@pithyjs/signals';
+import { CONTROL_SIZES, } from '../../../shared/types';
+import { generateCheckboxId } from '../../../shared/checkbox';
+import { createFormStateTracker, applyFormState, cleanupFormState, } from '../../../shared/form-state';
+import { createHelperElement, createErrorElement, createStateIcon, wrapFormControl, } from '../../../shared/form-elements';
+/**
+ * Accessible checkbox atom.
+ *
+ * Renders a `<label class="ui-checkbox">` wrapping a native `<input type="checkbox">`,
+ * a custom `<span class="ui-checkbox-box">` (drawn from CSS), and a visible
+ * `<span class="ui-checkbox-label">`. Supports indeterminate, error/success
+ * states (with shake), helper/error text, loading, and full a11y wiring.
+ *
+ * This is a pure visual atom — no validation logic. Error/success are driven
+ * externally via props.
+ *
+ * @example
+ * ```html
+ * <Checkbox label="'Accept terms'" required="true" />
+ * <Checkbox label="'Subscribe'" checked="isSubscribed" onChange="toggle" />
+ * <Checkbox label="'Select all'" indeterminate="someSelected" />
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.checkbox","name":"Checkbox","stability":"stable","signature":"(props: CheckboxProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export function Checkbox({ id: externalId, name, value = 'on', checked = false, indeterminate = 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(`[<Checkbox>] Invalid size: "${rawSize}". Expected one of: ${valid}. Falling back to "md".`);
+        }
+        if (!label) {
+            console.warn(`[<Checkbox>] Empty label — all checkboxes require an accessible name. Pass a non-empty label string.`);
+        }
+    }
+    const size = validSize ? rawSize : 'md';
+    // -- Element creation ------------------------------------------------------
+    const wrapper = document.createElement('label');
+    wrapper.classList.add('ui-checkbox');
+    wrapper.setAttribute('data-size', size);
+    const checkboxId = externalId ?? generateCheckboxId();
+    const input = document.createElement('input');
+    input.type = 'checkbox';
+    input.classList.add('ui-checkbox-input');
+    input.id = checkboxId;
+    if (name != null)
+        input.name = name;
+    input.value = value;
+    if (required) {
+        input.required = true;
+        input.setAttribute('aria-required', 'true');
+        wrapper.setAttribute('data-required', '');
+    }
+    // Custom box — inline SVG for crisp draw-in checkmark + indeterminate dash.
+    // Both paths share the same stroke-dasharray plumbing in CSS so they animate
+    // identically. The box itself is the painted square; the SVG is the mark.
+    const boxEl = document.createElement('span');
+    boxEl.classList.add('ui-checkbox-box');
+    boxEl.setAttribute('aria-hidden', 'true');
+    boxEl.innerHTML = `
+    <svg class="ui-checkbox-mark" viewBox="0 0 16 16" fill="none" focusable="false" aria-hidden="true">
+      <path class="ui-checkbox-mark-check" d="M3.5 8.5 L7 12 L13 4.5" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" pathLength="1" />
+      <path class="ui-checkbox-mark-dash" d="M4 8 L12 8" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" pathLength="1" />
+    </svg>
+  `.trim();
+    // Visible label text
+    const labelTextEl = document.createElement('span');
+    labelTextEl.classList.add('ui-checkbox-label');
+    labelTextEl.textContent = label;
+    wrapper.appendChild(input);
+    wrapper.appendChild(boxEl);
+    wrapper.appendChild(labelTextEl);
+    // -- State icon (detached — satisfies applyFormState's element contract) ---
+    // The custom box 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 = `${checkboxId}-helper`;
+    const helperEl = createHelperElement(helperId, helperText);
+    // -- Error message ---------------------------------------------------------
+    const errorMsgId = `${checkboxId}-error`;
+    const errorMsgEl = createErrorElement(errorMsgId, errorMessage);
+    // -- Event handlers --------------------------------------------------------
+    const changeHandler = ((e) => {
+        // Defensive: click/keydown preventDefault covers user toggles in readonly,
+        // but a stray programmatic toggle or label-forwarded click could still
+        // dispatch a change event. Roll back the value and skip side effects so
+        // readonly truly means readonly.
+        if (input.readOnly) {
+            const intended = !!readChecked();
+            if (input.checked !== intended) {
+                input.checked = intended;
+            }
+            if (intended) {
+                wrapper.setAttribute('data-checked', '');
+            }
+            else {
+                wrapper.removeAttribute('data-checked');
+            }
+            // Restore indeterminate too — UA clears it on any toggle, so a stray
+            // change event would lose the visual dash even after checked rollback.
+            const intendedIndet = !!readIndeterminate() && !intended;
+            if (input.indeterminate !== intendedIndet) {
+                input.indeterminate = intendedIndet;
+                if (intendedIndet) {
+                    wrapper.setAttribute('data-indeterminate', '');
+                }
+                else {
+                    wrapper.removeAttribute('data-indeterminate');
+                }
+            }
+            return;
+        }
+        // User interaction always clears indeterminate
+        if (input.indeterminate) {
+            input.indeterminate = false;
+            wrapper.removeAttribute('data-indeterminate');
+        }
+        // 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 behavior — native <input type="checkbox"> ignores `readonly`,
+    // so we intercept and prevent toggling while allowing focus.
+    const clickHandler = (e) => {
+        if (input.readOnly) {
+            e.preventDefault();
+        }
+    };
+    input.addEventListener('click', clickHandler);
+    // Block keyboard toggle in readonly mode (Space). Native checkbox
+    // activation fires on keyup in Chromium (keydown only suppresses scroll),
+    // so intercept both phases — otherwise a stray toggle would slip through
+    // and trigger the change-event rollback path with a visible flash.
+    const keydownHandler = (e) => {
+        if (input.readOnly && e.key === ' ') {
+            e.preventDefault();
+        }
+    };
+    const keyupHandler = (e) => {
+        if (input.readOnly && e.key === ' ') {
+            e.preventDefault();
+        }
+    };
+    input.addEventListener('keydown', keydownHandler);
+    input.addEventListener('keyup', keyupHandler);
+    // -- Reactive state --------------------------------------------------------
+    const readChecked = () => typeof checked === 'function' ? checked() : checked;
+    const readIndeterminate = () => typeof indeterminate === 'function' ? indeterminate() : indeterminate;
+    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 indeterminate === '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');
+        }
+        // Indeterminate (only when not checked — UA convention)
+        const isIndet = !!readIndeterminate() && !isChecked;
+        input.indeterminate = isIndet;
+        if (isIndet) {
+            wrapper.setAttribute('data-indeterminate', '');
+        }
+        else {
+            wrapper.removeAttribute('data-indeterminate');
+        }
+        // Disabled
+        const isDisabled = !!readDisabled();
+        input.disabled = isDisabled;
+        if (isDisabled) {
+            wrapper.setAttribute('data-disabled', '');
+        }
+        else {
+            wrapper.removeAttribute('data-disabled');
+        }
+        // Readonly (custom — native checkboxes ignore it)
+        const isReadonly = !!readReadonly();
+        input.readOnly = isReadonly;
+        if (isReadonly) {
+            wrapper.setAttribute('data-readonly', '');
+            input.setAttribute('aria-readonly', 'true');
+        }
+        else {
+            wrapper.removeAttribute('data-readonly');
+            input.removeAttribute('aria-readonly');
+        }
+        // Error / success / shake / aria-describedby — shared
+        applyFormState({ wrapper, control: input, stateIconEl, helperEl, errorMsgEl }, { readError, readErrorMessage, readSuccess }, { helperId, errorMsgId }, { shakeClass: 'ui-checkbox-shake', iconPrefix: 'ui-checkbox-state-icon' }, formTracker);
+        // Loading
+        const isLoading = !!readLoading();
+        wrapper.classList.toggle('ui-checkbox-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-checkbox-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=Checkbox.js.map

package/dist/atoms/forms/checkbox/Checkbox.js.map

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