@pithyjs/ui-kit 0.1.0-beta.0

package/dist/shared/common.js

@@ -0,0 +1,92 @@
+/** @codex { "id": "pithy.ui-kit.shared-common", "title": "Shared Utility Class Maps", "category": "types" } */
+// -- Gap classes (mirrors SPACING_SIZES from @pithyjs/design-system) -----------
+export const GAP_CLASS = {
+    '0': 'u-gap-0',
+    xs: 'u-gap-xs',
+    sm: 'u-gap-sm',
+    md: 'u-gap-md',
+    lg: 'u-gap-lg',
+    xl: 'u-gap-xl',
+};
+// -- Row-gap classes --------------------------------------------------------
+export const ROW_GAP_CLASS = {
+    '0': 'u-row-gap-0',
+    xs: 'u-row-gap-xs',
+    sm: 'u-row-gap-sm',
+    md: 'u-row-gap-md',
+    lg: 'u-row-gap-lg',
+    xl: 'u-row-gap-xl',
+};
+// -- Col-gap classes --------------------------------------------------------
+export const COL_GAP_CLASS = {
+    '0': 'u-col-gap-0',
+    xs: 'u-col-gap-xs',
+    sm: 'u-col-gap-sm',
+    md: 'u-col-gap-md',
+    lg: 'u-col-gap-lg',
+    xl: 'u-col-gap-xl',
+};
+// -- Align-items classes (mirrors $_align-items-values in layout SCSS) --------
+const ALIGN_ITEMS = ['start', 'center', 'end', 'stretch', 'baseline'];
+export const ALIGN_CLASS = {
+    start: 'u-items-start',
+    center: 'u-items-center',
+    end: 'u-items-end',
+    stretch: 'u-items-stretch',
+    baseline: 'u-items-baseline',
+};
+// -- Justify-content classes ------------------------------------------------
+const JUSTIFY_ITEMS = [
+    'start',
+    'end',
+    'center',
+    'between',
+    'around',
+    'evenly',
+];
+export const JUSTIFY_CLASS = {
+    start: 'u-justify-start',
+    end: 'u-justify-end',
+    center: 'u-justify-center',
+    between: 'u-justify-between',
+    around: 'u-justify-around',
+    evenly: 'u-justify-evenly',
+};
+// -- Vertical padding classes (PageSection) --------------------------------------
+export const PY_CLASS = {
+    '0': 'u-py-0',
+    xs: 'u-py-xs',
+    sm: 'u-py-sm',
+    md: 'u-py-md',
+    lg: 'u-py-lg',
+    xl: 'u-py-xl',
+};
+// -- PageSection semantic tags ---------------------------------------------------
+export const SECTION_TAGS = [
+    'section',
+    'article',
+    'aside',
+    'header',
+    'footer',
+    'main',
+];
+// -- Control-size classes (Button, Input, Select, etc.) -----------------------
+/** @codexApi {"parent":"pithy.ui-kit.shared-common","name":"CONTROL_CLASS","stability":"stable","signature":"Record<ControlSize, string>"} */
+export const CONTROL_CLASS = {
+    sm: 'u-control-sm',
+    md: 'u-control-md',
+    lg: 'u-control-lg',
+};
+// -- CSS length validation ----------------------------------------------------
+/** Matches a numeric CSS length value (e.g. "250px", "15rem", "50%"). */
+export const CSS_LENGTH_PATTERN = /^\d+(\.\d+)?(px|rem|em|%|ch|vw|vh|vmin|vmax|svw|svh|dvw|dvh|cqi|cqb)$/;
+// Per-prefix counters so components don't collide and each namespace can be
+// reset independently between SSR requests.
+const uidCounters = new Map();
+/** @codexApi {"parent":"pithy.ui-kit.shared-common","name":"nextUid","stability":"internal","signature":"(prefix: string) => string"} */
+export function nextUid(prefix) {
+    const n = (uidCounters.get(prefix) ?? 0) + 1;
+    uidCounters.set(prefix, n);
+    return `${prefix}-${n}`;
+}
+//# sourceMappingURL=common.js.map

package/dist/shared/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/shared/common.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAc/G,iFAAiF;AAEjF,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;CACf,CAAC;AAEF,8EAA8E;AAE9E,MAAM,CAAC,MAAM,aAAa,GAAgC;IACxD,GAAG,EAAE,aAAa;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACnB,CAAC;AAEF,8EAA8E;AAE9E,MAAM,CAAC,MAAM,aAAa,GAAgC;IACxD,GAAG,EAAE,aAAa;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACnB,CAAC;AAEF,gFAAgF;AAEhF,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AAG/E,MAAM,CAAC,MAAM,WAAW,GAA+B;IACrD,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,kBAAkB;CAC7B,CAAC;AAEF,8EAA8E;AAE9E,MAAM,aAAa,GAAG;IACpB,OAAO;IACP,KAAK;IACL,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,QAAQ;CACA,CAAC;AAGX,MAAM,CAAC,MAAM,aAAa,GAAmC;IAC3D,KAAK,EAAE,iBAAiB;IACxB,GAAG,EAAE,eAAe;IACpB,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,mBAAmB;IAC5B,MAAM,EAAE,kBAAkB;IAC1B,MAAM,EAAE,kBAAkB;CAC3B,CAAC;AAEF,mFAAmF;AAEnF,MAAM,CAAC,MAAM,QAAQ,GAAgC;IACnD,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,mFAAmF;AAEnF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;CACE,CAAC;AAGX,gFAAgF;AAEhF,8IAA8I;AAC9I,MAAM,CAAC,MAAM,aAAa,GAAgC;IACxD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACnB,CAAC;AAEF,gFAAgF;AAEhF,yEAAyE;AACzE,MAAM,CAAC,MAAM,kBAAkB,GAC7B,uEAAuE,CAAC;AAE1E,4EAA4E;AAC5E,4CAA4C;AAC5C,MAAM,WAAW,GAAG,IAAI,GAAG,EAAkB,CAAC;AAE9C,yIAAyI;AACzI,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7C,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC3B,OAAO,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC;AAC1B,CAAC"}

package/dist/shared/entrance-config.d.ts

@@ -0,0 +1,46 @@
+/** @codex { "id": "pithy.ui-kit.entrance-config", "title": "Section Entrance Animation Config", "category": "runtime" } */
+/**
+ * Global entrance animation configuration for section templates.
+ *
+ * Controls whether and how sections animate when they scroll into view.
+ * Set once at app init (typically from pithy.config.ts) — sections read
+ * the config at mount time.
+ *
+ * Presets:
+ * - "none"       — no entrance animations (accessibility-first, performance-focused)
+ * - "subtle"     — fade only, no translate, fast duration
+ * - "standard"   — fade + slide up, moderate duration (default)
+ * - "expressive" — fade + slide + stagger + scale, deliberate duration (premium)
+ */
+/** @codexApi {"parent":"pithy.ui-kit.entrance-config","name":"EntrancePreset","stability":"stable","signature":"type EntrancePreset"} */
+export type EntrancePreset = 'none' | 'subtle' | 'standard' | 'expressive';
+/** @codexApi {"parent":"pithy.ui-kit.entrance-config","name":"EntranceConfig","stability":"stable","signature":"interface EntranceConfig"} */
+export interface EntranceConfig {
+    /** Animation preset (default: "standard") */
+    preset: EntrancePreset;
+}
+/**
+ * Set the global entrance animation config.
+ *
+ * Applies a `data-entrance` attribute on `<html>` so both CSS and
+ * `getEntranceConfig()` can read it. Typically you don't call this
+ * directly — set `entrance.preset` in `pithy.config.ts` and the
+ * framework applies it during bootstrap.
+ *
+ * @example
+ * ```ts
+ * import { setEntranceConfig } from "@pithyjs/ui-kit";
+ * setEntranceConfig({ preset: "expressive" });
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.entrance-config","name":"setEntranceConfig","stability":"stable","signature":"(config: Partial<EntranceConfig>) => void"} */
+export declare function setEntranceConfig(config: Partial<EntranceConfig>): void;
+/**
+ * Get the current entrance animation config.
+ *
+ * Reads `data-entrance` from `<html>` — set either by `pithy.config.ts`
+ * via bootstrap or manually via `setEntranceConfig()`.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.entrance-config","name":"getEntranceConfig","stability":"stable","signature":"() => EntranceConfig"} */
+export declare function getEntranceConfig(): EntranceConfig;
+//# sourceMappingURL=entrance-config.d.ts.map

package/dist/shared/entrance-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entrance-config.d.ts","sourceRoot":"","sources":["../../src/shared/entrance-config.ts"],"names":[],"mappings":"AAAA,2HAA2H;AAE3H;;;;;;;;;;;;GAYG;AAEH,yIAAyI;AACzI,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAE3E,8IAA8I;AAC9I,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,MAAM,EAAE,cAAc,CAAC;CACxB;AAaD;;;;;;;;;;;;;GAaG;AACH,kKAAkK;AAClK,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAgBvE;AAED;;;;;GAKG;AACH,6IAA6I;AAC7I,wBAAgB,iBAAiB,IAAI,cAAc,CAQlD"}

package/dist/shared/entrance-config.js

@@ -0,0 +1,54 @@
+/** @codex { "id": "pithy.ui-kit.entrance-config", "title": "Section Entrance Animation Config", "category": "runtime" } */
+// ---------------------------------------------------------------------------
+// Internals
+// ---------------------------------------------------------------------------
+const VALID_PRESETS = [
+    'none',
+    'subtle',
+    'standard',
+    'expressive',
+];
+/**
+ * Set the global entrance animation config.
+ *
+ * Applies a `data-entrance` attribute on `<html>` so both CSS and
+ * `getEntranceConfig()` can read it. Typically you don't call this
+ * directly — set `entrance.preset` in `pithy.config.ts` and the
+ * framework applies it during bootstrap.
+ *
+ * @example
+ * ```ts
+ * import { setEntranceConfig } from "@pithyjs/ui-kit";
+ * setEntranceConfig({ preset: "expressive" });
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.entrance-config","name":"setEntranceConfig","stability":"stable","signature":"(config: Partial<EntranceConfig>) => void"} */
+export function setEntranceConfig(config) {
+    const preset = config.preset ?? 'standard';
+    if (import.meta.env?.DEV && !VALID_PRESETS.includes(preset)) {
+        console.warn(`[setEntranceConfig] Invalid preset: "${preset}". Expected one of: ${VALID_PRESETS.join(', ')}. Falling back to "standard".`);
+    }
+    const validated = VALID_PRESETS.includes(preset) ? preset : 'standard';
+    // data-entrance on <html> is the single source of truth — read by
+    // getEntranceConfig() and by CSS selectors like [data-entrance="expressive"]
+    if (typeof document !== 'undefined') {
+        document.documentElement.setAttribute('data-entrance', validated);
+    }
+}
+/**
+ * Get the current entrance animation config.
+ *
+ * Reads `data-entrance` from `<html>` — set either by `pithy.config.ts`
+ * via bootstrap or manually via `setEntranceConfig()`.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.entrance-config","name":"getEntranceConfig","stability":"stable","signature":"() => EntranceConfig"} */
+export function getEntranceConfig() {
+    if (typeof document !== 'undefined') {
+        const attr = document.documentElement.getAttribute('data-entrance');
+        if (attr && VALID_PRESETS.includes(attr)) {
+            return { preset: attr };
+        }
+    }
+    return { preset: 'standard' };
+}
+//# sourceMappingURL=entrance-config.js.map

package/dist/shared/entrance-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entrance-config.js","sourceRoot":"","sources":["../../src/shared/entrance-config.ts"],"names":[],"mappings":"AAAA,2HAA2H;AAyB3H,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,aAAa,GAA8B;IAC/C,MAAM;IACN,QAAQ;IACR,UAAU;IACV,YAAY;CACb,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,kKAAkK;AAClK,MAAM,UAAU,iBAAiB,CAAC,MAA+B;IAC/D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC;IAE3C,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5D,OAAO,CAAC,IAAI,CACV,wCAAwC,MAAM,uBAAuB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAC7H,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAEvE,kEAAkE;IAClE,6EAA6E;IAC7E,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IACpE,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,6IAA6I;AAC7I,MAAM,UAAU,iBAAiB;IAC/B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;QACpE,IAAI,IAAI,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAsB,CAAC,EAAE,CAAC;YAC3D,OAAO,EAAE,MAAM,EAAE,IAAsB,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;IACD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AAChC,CAAC"}

package/dist/shared/focusable.d.ts

@@ -0,0 +1,8 @@
+/** @codex { "id": "pithy.ui-kit.focusable", "title": "Focusable Element Selector", "category": "types" } */
+/** CSS selector matching interactive, non-disabled focusable elements. */
+/** @codexApi {"parent":"pithy.ui-kit.focusable","name":"FOCUSABLE_SELECTOR","stability":"stable","signature":"string"} */
+export declare const FOCUSABLE_SELECTOR: string;
+/** Returns the first focusable descendant of `container`, or `null`. */
+/** @codexApi {"parent":"pithy.ui-kit.focusable","name":"getFirstFocusable","stability":"stable","signature":"(container: HTMLElement) => HTMLElement | null"} */
+export declare function getFirstFocusable(container: HTMLElement): HTMLElement | null;
+//# sourceMappingURL=focusable.d.ts.map

package/dist/shared/focusable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusable.d.ts","sourceRoot":"","sources":["../../src/shared/focusable.ts"],"names":[],"mappings":"AAAA,4GAA4G;AAE5G,0EAA0E;AAC1E,0HAA0H;AAC1H,eAAO,MAAM,kBAAkB,QAOnB,CAAC;AAEb,wEAAwE;AACxE,iKAAiK;AACjK,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAE5E"}

package/dist/shared/focusable.js

@@ -0,0 +1,17 @@
+/** @codex { "id": "pithy.ui-kit.focusable", "title": "Focusable Element Selector", "category": "types" } */
+/** CSS selector matching interactive, non-disabled focusable elements. */
+/** @codexApi {"parent":"pithy.ui-kit.focusable","name":"FOCUSABLE_SELECTOR","stability":"stable","signature":"string"} */
+export const FOCUSABLE_SELECTOR = [
+    'a[href]:not([tabindex="-1"]):not([aria-disabled="true"])',
+    'button:not([disabled]):not([tabindex="-1"]):not([aria-disabled="true"])',
+    'input:not([disabled]):not([tabindex="-1"])',
+    'select:not([disabled]):not([tabindex="-1"])',
+    'textarea:not([disabled]):not([tabindex="-1"])',
+    '[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])',
+].join(', ');
+/** Returns the first focusable descendant of `container`, or `null`. */
+/** @codexApi {"parent":"pithy.ui-kit.focusable","name":"getFirstFocusable","stability":"stable","signature":"(container: HTMLElement) => HTMLElement | null"} */
+export function getFirstFocusable(container) {
+    return container.querySelector(FOCUSABLE_SELECTOR);
+}
+//# sourceMappingURL=focusable.js.map

package/dist/shared/focusable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusable.js","sourceRoot":"","sources":["../../src/shared/focusable.ts"],"names":[],"mappings":"AAAA,4GAA4G;AAE5G,0EAA0E;AAC1E,0HAA0H;AAC1H,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,0DAA0D;IAC1D,yEAAyE;IACzE,4CAA4C;IAC5C,6CAA6C;IAC7C,+CAA+C;IAC/C,6DAA6D;CAC9D,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,wEAAwE;AACxE,iKAAiK;AACjK,MAAM,UAAU,iBAAiB,CAAC,SAAsB;IACtD,OAAO,SAAS,CAAC,aAAa,CAAc,kBAAkB,CAAC,CAAC;AAClE,CAAC"}

package/dist/shared/form-elements.d.ts

@@ -0,0 +1,57 @@
+/** @codex { "id": "pithy.ui-kit.shared-form-elements", "title": "Shared Form Element Factories", "category": "types" } */
+/**
+ * Shared DOM factory functions for form control atoms.
+ * Eliminates boilerplate for helper text, error messages, state icons,
+ * and the wrapper-container pattern used by every form atom.
+ */
+import type { ReactiveText } from './clickable';
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"createHelperElement","stability":"stable","signature":"(id: string, text: string | null | undefined) => HTMLSpanElement | undefined"} */
+/**
+ * Create a `<span class="ui-form-helper">` for sub-label hints.
+ * Returns `undefined` when `text` is nullish so callers can use a simple
+ * conditional without extra branching.
+ */
+export declare function createHelperElement(id: string, text: string | null | undefined): HTMLSpanElement | undefined;
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"createErrorElement","stability":"stable","signature":"(id: string, errorMessage: ReactiveText | null | undefined) => HTMLSpanElement | undefined"} */
+/**
+ * Create a `<span class="ui-form-error" role="alert">` for validation errors.
+ * Hidden by default — `applyFormState` toggles visibility reactively.
+ * Returns `undefined` when `errorMessage` is nullish.
+ */
+export declare function createErrorElement(id: string, errorMessage: ReactiveText | null | undefined): HTMLSpanElement | undefined;
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"createStateIcon","stability":"stable","signature":"(className?: string) => HTMLSpanElement"} */
+/**
+ * Create the state-icon `<span>` used by `applyFormState` to render
+ * success-checkmark / error-alert indicators.
+ *
+ * **Appended controls** (Input, Textarea, Select): pass a `className`
+ * (e.g. `"ui-input-state-icon"`) — the element starts hidden and is shown
+ * by `applyFormState` when an error or success state is active.
+ *
+ * **Detached controls** (Checkbox, Radio, Toggle): omit `className` — the
+ * element satisfies `applyFormState`'s contract without ever being shown
+ * (the custom box / circle / track already conveys state via color).
+ */
+export declare function createStateIcon(className?: string): HTMLSpanElement;
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"wrapFormControl","stability":"stable","signature":"(wrapper: HTMLElement, opts: { helperEl?: HTMLSpanElement; errorMsgEl?: HTMLSpanElement; containerClass?: string }) => { root: HTMLElement; needsContainer: boolean }"} */
+/**
+ * When helper text or an error message element exists, wrap the control
+ * `wrapper` in a container `<div>` so the sub-text sits in normal document
+ * flow below the control. When neither is present, returns `wrapper` as-is.
+ *
+ * @param wrapper  The component's main wrapper element
+ * @param opts.helperEl  Helper text `<span>` (from `createHelperElement`)
+ * @param opts.errorMsgEl  Error message `<span>` (from `createErrorElement`)
+ * @param opts.containerClass  Optional CSS class for the container div
+ *   (e.g. `"ui-checkbox-field"`, `"ui-select-wrapper"`). Omit for a plain `<div>`.
+ * @returns `{ root, needsContainer }` — `root` is the element to return as `el`.
+ */
+export declare function wrapFormControl(wrapper: HTMLElement, opts: {
+    helperEl?: HTMLSpanElement;
+    errorMsgEl?: HTMLSpanElement;
+    containerClass?: string;
+}): {
+    root: HTMLElement;
+    needsContainer: boolean;
+};
+//# sourceMappingURL=form-elements.d.ts.map

package/dist/shared/form-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-elements.d.ts","sourceRoot":"","sources":["../../src/shared/form-elements.ts"],"names":[],"mappings":"AAAA,0HAA0H;AAE1H;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhD,4MAA4M;AAC5M;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC9B,eAAe,GAAG,SAAS,CAQ7B;AAMD,yNAAyN;AACzN;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAC5C,eAAe,GAAG,SAAS,CAS7B;AAMD,mKAAmK;AACnK;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,eAAe,CAMnE;AAMD,iSAAiS;AACjS;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE;IACJ,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GACA;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,cAAc,EAAE,OAAO,CAAA;CAAE,CAahD"}

package/dist/shared/form-elements.js

@@ -0,0 +1,95 @@
+/** @codex { "id": "pithy.ui-kit.shared-form-elements", "title": "Shared Form Element Factories", "category": "types" } */
+// ---------------------------------------------------------------------------
+// Helper text
+// ---------------------------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"createHelperElement","stability":"stable","signature":"(id: string, text: string | null | undefined) => HTMLSpanElement | undefined"} */
+/**
+ * Create a `<span class="ui-form-helper">` for sub-label hints.
+ * Returns `undefined` when `text` is nullish so callers can use a simple
+ * conditional without extra branching.
+ */
+export function createHelperElement(id, text) {
+    if (text == null)
+        return undefined;
+    const el = document.createElement('span');
+    el.classList.add('ui-form-helper');
+    el.id = id;
+    el.textContent = text;
+    return el;
+}
+// ---------------------------------------------------------------------------
+// Error message
+// ---------------------------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"createErrorElement","stability":"stable","signature":"(id: string, errorMessage: ReactiveText | null | undefined) => HTMLSpanElement | undefined"} */
+/**
+ * Create a `<span class="ui-form-error" role="alert">` for validation errors.
+ * Hidden by default — `applyFormState` toggles visibility reactively.
+ * Returns `undefined` when `errorMessage` is nullish.
+ */
+export function createErrorElement(id, errorMessage) {
+    if (errorMessage == null)
+        return undefined;
+    const el = document.createElement('span');
+    el.classList.add('ui-form-error');
+    el.id = id;
+    el.setAttribute('role', 'alert');
+    el.hidden = true;
+    return el;
+}
+// ---------------------------------------------------------------------------
+// State icon
+// ---------------------------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"createStateIcon","stability":"stable","signature":"(className?: string) => HTMLSpanElement"} */
+/**
+ * Create the state-icon `<span>` used by `applyFormState` to render
+ * success-checkmark / error-alert indicators.
+ *
+ * **Appended controls** (Input, Textarea, Select): pass a `className`
+ * (e.g. `"ui-input-state-icon"`) — the element starts hidden and is shown
+ * by `applyFormState` when an error or success state is active.
+ *
+ * **Detached controls** (Checkbox, Radio, Toggle): omit `className` — the
+ * element satisfies `applyFormState`'s contract without ever being shown
+ * (the custom box / circle / track already conveys state via color).
+ */
+export function createStateIcon(className) {
+    const el = document.createElement('span');
+    if (className)
+        el.classList.add(className);
+    el.setAttribute('aria-hidden', 'true');
+    if (className)
+        el.hidden = true;
+    return el;
+}
+// ---------------------------------------------------------------------------
+// Wrapper container
+// ---------------------------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-elements","name":"wrapFormControl","stability":"stable","signature":"(wrapper: HTMLElement, opts: { helperEl?: HTMLSpanElement; errorMsgEl?: HTMLSpanElement; containerClass?: string }) => { root: HTMLElement; needsContainer: boolean }"} */
+/**
+ * When helper text or an error message element exists, wrap the control
+ * `wrapper` in a container `<div>` so the sub-text sits in normal document
+ * flow below the control. When neither is present, returns `wrapper` as-is.
+ *
+ * @param wrapper  The component's main wrapper element
+ * @param opts.helperEl  Helper text `<span>` (from `createHelperElement`)
+ * @param opts.errorMsgEl  Error message `<span>` (from `createErrorElement`)
+ * @param opts.containerClass  Optional CSS class for the container div
+ *   (e.g. `"ui-checkbox-field"`, `"ui-select-wrapper"`). Omit for a plain `<div>`.
+ * @returns `{ root, needsContainer }` — `root` is the element to return as `el`.
+ */
+export function wrapFormControl(wrapper, opts) {
+    const { helperEl, errorMsgEl, containerClass } = opts;
+    const needsContainer = !!(helperEl || errorMsgEl);
+    if (!needsContainer)
+        return { root: wrapper, needsContainer: false };
+    const container = document.createElement('div');
+    if (containerClass)
+        container.classList.add(containerClass);
+    container.appendChild(wrapper);
+    if (helperEl)
+        container.appendChild(helperEl);
+    if (errorMsgEl)
+        container.appendChild(errorMsgEl);
+    return { root: container, needsContainer: true };
+}
+//# sourceMappingURL=form-elements.js.map

package/dist/shared/form-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-elements.js","sourceRoot":"","sources":["../../src/shared/form-elements.ts"],"names":[],"mappings":"AAAA,0HAA0H;AAU1H,8EAA8E;AAC9E,cAAc;AACd,8EAA8E;AAE9E,4MAA4M;AAC5M;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,EAAU,EACV,IAA+B;IAE/B,IAAI,IAAI,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IAEnC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACX,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,8EAA8E;AAC9E,gBAAgB;AAChB,8EAA8E;AAE9E,yNAAyN;AACzN;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,EAAU,EACV,YAA6C;IAE7C,IAAI,YAAY,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IAE3C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAClC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACX,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;IACjB,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,8EAA8E;AAC9E,aAAa;AACb,8EAA8E;AAE9E,mKAAmK;AACnK;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,SAAkB;IAChD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,SAAS;QAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC3C,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,IAAI,SAAS;QAAE,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,iSAAiS;AACjS;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAoB,EACpB,IAIC;IAED,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACtD,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;IAElD,IAAI,CAAC,cAAc;QAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;IAErE,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,IAAI,cAAc;QAAE,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC5D,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,QAAQ;QAAE,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,UAAU;QAAE,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAElD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;AACnD,CAAC"}

package/dist/shared/form-state.d.ts

@@ -0,0 +1,52 @@
+/** @codex { "id": "pithy.ui-kit.shared-form-state", "title": "Shared Form State Logic", "category": "types" } */
+export interface FormStateElements {
+    /** The element that receives data-error, data-success, and the shake animation class */
+    wrapper: HTMLElement;
+    /** The element that receives aria-invalid, aria-describedby (input or trigger) */
+    control: HTMLElement;
+    /** State icon container (success checkmark / error alert) */
+    stateIconEl: HTMLElement;
+    /** Helper text element (optional) */
+    helperEl?: HTMLSpanElement;
+    /** Error message element (optional) */
+    errorMsgEl?: HTMLSpanElement;
+}
+export interface FormStateReaders {
+    readError: () => boolean | undefined;
+    readErrorMessage: () => string | undefined;
+    readSuccess: () => boolean | undefined;
+}
+export interface FormStateIds {
+    helperId: string;
+    errorMsgId: string;
+}
+export interface FormStateConfig {
+    /** CSS class for the shake animation (e.g. "ui-input-shake" or "ui-select-shake") */
+    shakeClass: string;
+    /** CSS class prefix for state icons (e.g. "ui-input-state-icon" or "ui-select-state-icon") */
+    iconPrefix: string;
+}
+export interface FormStateTracker {
+    prevError: boolean;
+    prevSuccess: boolean;
+    firstRun: boolean;
+    shakeEndHandler: EventListener | undefined;
+    popEndHandler: EventListener | undefined;
+}
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-state","name":"createFormStateTracker","stability":"internal","signature":"() => FormStateTracker"} */
+export declare function createFormStateTracker(): FormStateTracker;
+/**
+ * Apply error/success state, state icon, shake/pop animations, and
+ * error/helper text visibility. Call this inside `applyState()` or an effect.
+ *
+ * @returns void — mutates DOM elements in place
+ */
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-state","name":"applyFormState","stability":"internal","signature":"(els, readers, ids, config, tracker) => void"} */
+export declare function applyFormState(els: FormStateElements, readers: FormStateReaders, ids: FormStateIds, config: FormStateConfig, tracker: FormStateTracker): void;
+/**
+ * Clean up animation event listeners tracked by a FormStateTracker.
+ * Call this in the component's `destroy()` function.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-state","name":"cleanupFormState","stability":"internal","signature":"(wrapper, stateIconEl, tracker) => void"} */
+export declare function cleanupFormState(wrapper: HTMLElement, stateIconEl: HTMLElement, tracker: FormStateTracker): void;
+//# sourceMappingURL=form-state.d.ts.map

package/dist/shared/form-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-state.d.ts","sourceRoot":"","sources":["../../src/shared/form-state.ts"],"names":[],"mappings":"AAAA,iHAAiH;AAcjH,MAAM,WAAW,iBAAiB;IAChC,wFAAwF;IACxF,OAAO,EAAE,WAAW,CAAC;IACrB,kFAAkF;IAClF,OAAO,EAAE,WAAW,CAAC;IACrB,6DAA6D;IAC7D,WAAW,EAAE,WAAW,CAAC;IACzB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;IACrC,gBAAgB,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAC3C,WAAW,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;CACxC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,qFAAqF;IACrF,UAAU,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC;IAC3C,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;CAC1C;AAMD,wJAAwJ;AACxJ,wBAAgB,sBAAsB,IAAI,gBAAgB,CAQzD;AAED;;;;;GAKG;AACH,sKAAsK;AACtK,wBAAgB,cAAc,CAC5B,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,gBAAgB,GACxB,IAAI,CAoHN;AAED;;;GAGG;AACH,mKAAmK;AACnK,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,gBAAgB,GACxB,IAAI,CAON"}

package/dist/shared/form-state.js

@@ -0,0 +1,151 @@
+/** @codex { "id": "pithy.ui-kit.shared-form-state", "title": "Shared Form State Logic", "category": "types" } */
+/**
+ * Shared state application logic for form control atoms (Input, Select, Textarea).
+ * Handles error shake, success pop, state icon switching, error/helper text swap,
+ * and dynamic aria-describedby — eliminating duplication across form atoms.
+ */
+import { CHECK_ICON, ALERT_ICON } from './icons';
+// ---------------------------------------------------------------------------
+// Factory
+// ---------------------------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-state","name":"createFormStateTracker","stability":"internal","signature":"() => FormStateTracker"} */
+export function createFormStateTracker() {
+    return {
+        prevError: false,
+        prevSuccess: false,
+        firstRun: true,
+        shakeEndHandler: undefined,
+        popEndHandler: undefined,
+    };
+}
+/**
+ * Apply error/success state, state icon, shake/pop animations, and
+ * error/helper text visibility. Call this inside `applyState()` or an effect.
+ *
+ * @returns void — mutates DOM elements in place
+ */
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-state","name":"applyFormState","stability":"internal","signature":"(els, readers, ids, config, tracker) => void"} */
+export function applyFormState(els, readers, ids, config, tracker) {
+    const { wrapper, control, stateIconEl, helperEl, errorMsgEl } = els;
+    const { readError, readErrorMessage, readSuccess } = readers;
+    const { helperId, errorMsgId } = ids;
+    const { shakeClass, iconPrefix } = config;
+    // -- Error state -----------------------------------------------------------
+    const isError = readError();
+    if (isError) {
+        control.setAttribute('aria-invalid', 'true');
+        wrapper.setAttribute('data-error', '');
+    }
+    else {
+        control.removeAttribute('aria-invalid');
+        wrapper.removeAttribute('data-error');
+    }
+    // -- Error message + helper text swap --------------------------------------
+    const errorMsg = readErrorMessage();
+    const msg = errorMsgEl ? errorMsg : undefined;
+    // -- Dev warning: error=true without errorMessage --------------------------
+    // Fire on every false→true error transition (not just firstRun) so the
+    // warning catches the common case where error starts false and becomes
+    // true after validation.
+    if (import.meta.env?.DEV &&
+        isError &&
+        !errorMsg &&
+        (!tracker.prevError || tracker.firstRun)) {
+        console.warn(`[PithyJS] ⚠️ Form control has error=true but no errorMessage. ` +
+            `Screen readers will announce "invalid" with no context. ` +
+            `Provide an errorMessage for accessible error identification (WCAG 3.3.1).`);
+    }
+    const showError = !!isError && !!msg && !!errorMsgEl;
+    if (errorMsgEl) {
+        errorMsgEl.textContent = showError ? msg : '';
+        errorMsgEl.hidden = !showError;
+        if (helperEl) {
+            helperEl.hidden = showError;
+        }
+    }
+    // -- Dynamic aria-describedby — only reference visible content -------------
+    {
+        const descIds = [];
+        if (errorMsgEl && showError)
+            descIds.push(errorMsgId);
+        if (helperEl && !showError)
+            descIds.push(helperId);
+        if (descIds.length > 0) {
+            control.setAttribute('aria-describedby', descIds.join(' '));
+        }
+        else {
+            control.removeAttribute('aria-describedby');
+        }
+    }
+    // -- Error shake — only on false→true transition, skip first run -----------
+    if (isError && !tracker.prevError && !tracker.firstRun) {
+        if (tracker.shakeEndHandler) {
+            wrapper.removeEventListener('animationend', tracker.shakeEndHandler);
+        }
+        wrapper.classList.add(shakeClass);
+        tracker.shakeEndHandler = () => {
+            wrapper.classList.remove(shakeClass);
+            wrapper.removeEventListener('animationend', tracker.shakeEndHandler);
+            tracker.shakeEndHandler = undefined;
+        };
+        wrapper.addEventListener('animationend', tracker.shakeEndHandler);
+    }
+    tracker.prevError = !!isError;
+    // -- Success state ---------------------------------------------------------
+    const isSuccess = readSuccess();
+    if (isSuccess) {
+        wrapper.setAttribute('data-success', '');
+    }
+    else {
+        wrapper.removeAttribute('data-success');
+    }
+    // -- State icon ------------------------------------------------------------
+    const errorIconClass = `${iconPrefix}-error`;
+    const successIconClass = `${iconPrefix}-success`;
+    const popClass = `${iconPrefix}-pop`;
+    if (isError) {
+        stateIconEl.innerHTML = ALERT_ICON;
+        stateIconEl.classList.add(errorIconClass);
+        stateIconEl.classList.remove(successIconClass);
+        stateIconEl.hidden = false;
+    }
+    else if (isSuccess) {
+        stateIconEl.innerHTML = CHECK_ICON;
+        stateIconEl.classList.add(successIconClass);
+        stateIconEl.classList.remove(errorIconClass);
+        stateIconEl.hidden = false;
+    }
+    else {
+        stateIconEl.hidden = true;
+        stateIconEl.innerHTML = '';
+        stateIconEl.classList.remove(errorIconClass, successIconClass, popClass);
+    }
+    // -- Success pop — only on false→true transition, skip first run -----------
+    if (isSuccess && !isError && !tracker.prevSuccess && !tracker.firstRun) {
+        if (tracker.popEndHandler) {
+            stateIconEl.removeEventListener('animationend', tracker.popEndHandler);
+        }
+        stateIconEl.classList.add(popClass);
+        tracker.popEndHandler = () => {
+            stateIconEl.classList.remove(popClass);
+            stateIconEl.removeEventListener('animationend', tracker.popEndHandler);
+            tracker.popEndHandler = undefined;
+        };
+        stateIconEl.addEventListener('animationend', tracker.popEndHandler);
+    }
+    tracker.prevSuccess = !!isSuccess;
+}
+/**
+ * Clean up animation event listeners tracked by a FormStateTracker.
+ * Call this in the component's `destroy()` function.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.shared-form-state","name":"cleanupFormState","stability":"internal","signature":"(wrapper, stateIconEl, tracker) => void"} */
+export function cleanupFormState(wrapper, stateIconEl, tracker) {
+    if (tracker.shakeEndHandler) {
+        wrapper.removeEventListener('animationend', tracker.shakeEndHandler);
+    }
+    if (tracker.popEndHandler) {
+        stateIconEl.removeEventListener('animationend', tracker.popEndHandler);
+    }
+}
+//# sourceMappingURL=form-state.js.map

package/dist/shared/form-state.js.map

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