@pithyjs/ui-kit 0.1.0-beta.0

package/dist/atoms/forms/file-picker/file-picker.scss

@@ -0,0 +1,84 @@
+/// File picker / drop-zone component styles.
+/// Native file input is visually hidden; the .ui-file-picker-zone label is the
+/// click/drop/keyboard target that opens it.
+///
+/// @group atoms/forms
+
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+
+.ui-file-picker {
+  min-inline-size: 0;
+}
+
+.ui-file-picker-input {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+.ui-file-picker-zone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-xs);
+  padding-block: var(--space-md);
+  padding-inline: var(--space-sm);
+  border: var(--border-width-thin) var(--border-style-dashed)
+    var(--color-border);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  background-color: var(--color-surface-variant);
+  @include a11y.motion-safe {
+    transition:
+      background-color var(--motion-duration-fast) var(--motion-easing-standard),
+      border-color var(--motion-duration-fast) var(--motion-easing-standard);
+  }
+
+  &:hover,
+  &.ui-file-picker-zone-over {
+    background-color: var(--color-surface-hover);
+    border-color: var(--color-primary);
+  }
+
+  &:has(.ui-file-picker-input:focus-visible) {
+    @include a11y.focus-ring;
+  }
+
+  @include a11y.forced-colors {
+    border: var(--border-width-thin) var(--border-style-solid) ButtonText;
+  }
+}
+
+.ui-file-picker-hint {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-muted);
+  text-align: center;
+}
+
+.ui-file-picker-preview {
+  --_file-preview-max-block: calc(var(--control-min-height-md) * 3);
+
+  display: block;
+  min-inline-size: 0;
+  max-inline-size: 100%;
+
+  .ui-image {
+    max-inline-size: 100%;
+    max-block-size: var(--_file-preview-max-block);
+  }
+
+  .ui-image-img {
+    max-block-size: var(--_file-preview-max-block);
+    object-fit: contain;
+  }
+}
+
+.ui-file-picker-error {
+  font-size: var(--font-size-sm);
+  color: var(--color-danger);
+}

package/dist/atoms/forms/form-field/FormField.d.ts

@@ -0,0 +1,39 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.form-field",
+  "title": "<FormField> Form Molecule",
+  "category": "feature"
+}
+*/
+import type { ControlSize } from '@pithyjs/design-system';
+/** @codexApi {"parent":"pithy.ui-kit.form-field","name":"FormFieldProps","stability":"stable","signature":"interface FormFieldProps"} */
+export interface FormFieldProps {
+    /** Visible label text displayed above the input */
+    label: string;
+    /** Whether the field is required — shows asterisk indicator */
+    required?: boolean;
+    /** Explicit input ID — passed to both <label for> and child input. Auto-generated if omitted. */
+    inputId?: string;
+    /** Control size — matches label font to input size (default: "md") */
+    size?: ControlSize;
+}
+/**
+ * Form field molecule — wraps a form atom (Input, Select, Textarea) with a
+ * visible label and optional required indicator.
+ *
+ * The child input should receive the same `id` via its `id` prop so the
+ * `<label for>` association works.
+ *
+ * @example
+ * ```html
+ * <FormField label="'Email'" required="true" inputId="emailId">
+ *   <Input id="emailId" type="'email'" placeholder="'you@example.com'" helperText="'We will never share your email'" />
+ * </FormField>
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.form-field","name":"FormField","stability":"stable","signature":"(props: FormFieldProps) => { el: HTMLElement; destroy: () => void }"} */
+export declare function FormField({ label, required, inputId, size, }: FormFieldProps): {
+    el: HTMLElement;
+    destroy: () => void;
+};
+//# sourceMappingURL=FormField.d.ts.map

package/dist/atoms/forms/form-field/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/atoms/forms/form-field/FormField.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAIF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,yIAAyI;AACzI,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAQD;;;;;;;;;;;;;GAaG;AACH,+KAA+K;AAC/K,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,IAAW,GACZ,EAAE,cAAc,GAAG;IAAE,EAAE,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA0H3D"}

package/dist/atoms/forms/form-field/FormField.js

@@ -0,0 +1,139 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.form-field",
+  "title": "<FormField> Form Molecule",
+  "category": "feature"
+}
+*/
+import { renderChildren } from '@pithyjs/core';
+import { captureSlot } from '../../../shared/slots';
+import { generateInputId } from '../../../shared/input';
+const LABEL_SIZE_CLASS = {
+    sm: 'ui-form-field-label-sm',
+    md: 'ui-form-field-label-md',
+    lg: 'ui-form-field-label-lg',
+};
+/**
+ * Form field molecule — wraps a form atom (Input, Select, Textarea) with a
+ * visible label and optional required indicator.
+ *
+ * The child input should receive the same `id` via its `id` prop so the
+ * `<label for>` association works.
+ *
+ * @example
+ * ```html
+ * <FormField label="'Email'" required="true" inputId="emailId">
+ *   <Input id="emailId" type="'email'" placeholder="'you@example.com'" helperText="'We will never share your email'" />
+ * </FormField>
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.form-field","name":"FormField","stability":"stable","signature":"(props: FormFieldProps) => { el: HTMLElement; destroy: () => void }"} */
+export function FormField({ label, required = false, inputId, size = 'md', }) {
+    // Use explicit inputId if provided, otherwise generate a fallback.
+    // The fallback may be overridden below if the child already has an id.
+    const fallbackId = inputId ?? generateInputId();
+    // -- Wrapper ---------------------------------------------------------------
+    const wrapper = document.createElement('div');
+    wrapper.classList.add('ui-form-field');
+    // -- Label -----------------------------------------------------------------
+    const labelElId = `${fallbackId}-label`;
+    const labelEl = document.createElement('label');
+    labelEl.id = labelElId;
+    labelEl.classList.add('ui-form-field-label', LABEL_SIZE_CLASS[size] ?? LABEL_SIZE_CLASS.md);
+    labelEl.setAttribute('for', fallbackId);
+    labelEl.textContent = label;
+    if (required) {
+        const asterisk = document.createElement('span');
+        asterisk.classList.add('ui-form-field-required');
+        asterisk.textContent = '*';
+        asterisk.setAttribute('aria-hidden', 'true');
+        labelEl.appendChild(asterisk);
+    }
+    wrapper.appendChild(labelEl);
+    // -- Content projection (child input) --------------------------------------
+    const { el: childFragment, destroy: destroyChildren } = renderChildren();
+    captureSlot(wrapper, 'default');
+    wrapper.appendChild(childFragment);
+    // -- Label ↔ input association ---------------------------------------------
+    // After projection, locate the first form control and ensure the label's
+    // `for` attribute matches its `id`. If the child already has an id (e.g.
+    // Input with floatingLabel has its own internal <label for>), reuse it
+    // instead of overwriting — this preserves the child's internal bindings.
+    let labelClickHandler;
+    // Prefer custom combobox triggers over native elements, and skip
+    // aria-hidden controls (e.g. Select's hidden native <select>).
+    const control = wrapper.querySelector('[role="combobox"], input:not([aria-hidden="true"]), select:not([aria-hidden="true"]), textarea:not([aria-hidden="true"])');
+    if (control) {
+        if (inputId) {
+            // Explicit inputId always wins — override child's auto-generated id.
+            // Also update any descendant label[for] that referenced the old id
+            // (e.g. <Input floatingLabel> renders its own internal <label>).
+            const oldId = control.id;
+            control.id = inputId;
+            if (oldId) {
+                const internalLabel = wrapper.querySelector(`label[for="${oldId}"]`);
+                if (internalLabel && internalLabel !== labelEl) {
+                    internalLabel.setAttribute('for', inputId);
+                }
+            }
+        }
+        else if (control.id) {
+            // Child already has an id — update label to match it
+            labelEl.setAttribute('for', control.id);
+        }
+        else {
+            // No id on child — assign our fallback
+            control.id = fallbackId;
+        }
+        // Prefer the visible label as the accessible name.
+        // For native controls, <label for> provides the name — remove redundant aria-label.
+        // For non-labelable elements (e.g. <div role="combobox">), <label for> doesn't
+        // provide an accessible name, so use aria-labelledby instead.
+        const isCombobox = control.getAttribute('role') === 'combobox';
+        if (isCombobox) {
+            control.setAttribute('aria-labelledby', labelElId);
+            if (control.hasAttribute('aria-label')) {
+                control.removeAttribute('aria-label');
+            }
+            // <label for> doesn't activate non-labelable elements — add a click
+            // handler so clicking the label focuses the combobox trigger.
+            labelClickHandler = () => control.focus();
+            labelEl.addEventListener('click', labelClickHandler);
+        }
+        else if (control.hasAttribute('aria-label')) {
+            control.removeAttribute('aria-label');
+        }
+        // Propagate required semantics so visual asterisk matches a11y state,
+        // browser validation, and :required CSS pseudo-class.
+        // For non-labelable elements (e.g. <div role="combobox">), only set
+        // aria-required — the native `required` attribute is invalid on them
+        // and native constraint validation requires `required` on the child
+        // atom's own hidden form control (e.g. Select's `required` prop).
+        if (required) {
+            control.setAttribute('aria-required', 'true');
+            if (isCombobox) {
+                // For combobox triggers, also propagate `required` to the hidden
+                // native form control (e.g. Select's <select aria-hidden="true">)
+                // so browser constraint validation still works.
+                const hiddenControl = wrapper.querySelector('select[aria-hidden="true"], input[aria-hidden="true"]');
+                if (hiddenControl)
+                    hiddenControl.required = true;
+            }
+            else {
+                control.setAttribute('required', '');
+            }
+        }
+    }
+    // -- Return ----------------------------------------------------------------
+    return {
+        el: wrapper,
+        destroy: () => {
+            if (labelClickHandler) {
+                labelEl.removeEventListener('click', labelClickHandler);
+            }
+            destroyChildren();
+            wrapper.replaceChildren();
+        },
+    };
+}
+//# sourceMappingURL=FormField.js.map

package/dist/atoms/forms/form-field/FormField.js.map

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

package/dist/atoms/forms/form-field/form-field.scss

@@ -0,0 +1,46 @@
+/// FormField molecule — visible label + required indicator above a form atom.
+/// @group atoms/forms
+
+@use 'sass:map';
+@use '../../../shared/tokens' as shared;
+
+// ============================================
+// Wrapper
+// ============================================
+
+.ui-form-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm);
+  inline-size: 100%;
+}
+
+// ============================================
+// Label — size matches input font via shared control-font-sizes
+// ============================================
+
+.ui-form-field-label {
+  display: inline-flex;
+  align-items: baseline;
+  gap: var(--space-xs);
+  color: var(--color-text);
+  font-weight: var(--font-weight-medium);
+  cursor: pointer;
+  line-height: var(--leading-normal);
+}
+
+@each $size in shared.$control-sizes {
+  .ui-form-field-label-#{$size} {
+    font-size: map.get(shared.$control-font-sizes, $size);
+  }
+}
+
+// ============================================
+// Required asterisk
+// ============================================
+
+.ui-form-field-required {
+  color: var(--color-danger);
+  font-weight: var(--font-weight-bold);
+  line-height: 1;
+}

package/dist/atoms/forms/input/Input.d.ts

@@ -0,0 +1,81 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.input",
+  "title": "<Input> Form Atom",
+  "category": "feature"
+}
+*/
+import { type FormControlBaseProps } from '../../../shared/types';
+import { type InputType } from '../../../shared/input';
+/** @codexApi {"parent":"pithy.ui-kit.input","name":"InputProps","stability":"stable","signature":"interface InputProps extends FormControlBaseProps"} */
+export interface InputProps extends FormControlBaseProps {
+    /** HTML input type (default: "text") */
+    type?: InputType;
+    /** Input name attribute */
+    name?: string;
+    /** Input value — static string or signal accessor for controlled input */
+    value?: string | (() => string);
+    /** Placeholder text */
+    placeholder?: string;
+    /** Enable floating label — label starts centered inside the input, floats to top-inside on focus/fill (default: false) */
+    floatingLabel?: boolean;
+    /** Autocomplete hint */
+    autocomplete?: string;
+    /** Maximum character length — also shows character counter */
+    maxLength?: number;
+    /** Minimum value (type="number") */
+    min?: number | string;
+    /** Maximum value (type="number") */
+    max?: number | string;
+    /** Step value (type="number") */
+    step?: number | string;
+    /** Show clear button when input has value (default: false) */
+    clearable?: boolean;
+    /** Show password visibility toggle — defaults to true when type="password" */
+    showPasswordToggle?: boolean;
+    /** Leading content slot (icon, symbol) */
+    prefix?: () => {
+        el: HTMLElement | DocumentFragment;
+        destroy: () => void;
+    };
+    /** Trailing content slot (icon, button) */
+    suffix?: () => {
+        el: HTMLElement | DocumentFragment;
+        destroy: () => void;
+    };
+    /** Fires on every keystroke with current value */
+    onInput?: (value: string, e: InputEvent) => void;
+    /** Fires on commit (blur / Enter) with current value */
+    onChange?: (value: string, e: Event) => void;
+    /** Fires when input loses focus */
+    onBlur?: (e: FocusEvent) => void;
+    /** Fires when input gains focus */
+    onFocus?: (e: FocusEvent) => void;
+}
+/**
+ * Accessible text input atom with polished micro-interactions.
+ *
+ * Renders a wrapper `<div>` with an inner `<input>`. Supports floating label,
+ * success/error states with shake animation, character counter, clear button,
+ * loading spinner, and polished prefix/suffix grouping.
+ *
+ * This is a pure visual atom — no validation logic. Error/success states are
+ * driven externally via props.
+ *
+ * @param props - Input configuration
+ * @returns `{ el, destroy }` — mounted element and cleanup function
+ *
+ * @example
+ * ```html
+ * <Input label="'Email'" type="'email'" floatingLabel="true" />
+ * <Input label="'Search'" clearable="true" onInput="handleSearch" />
+ * <Input label="'Bio'" maxLength="200" />
+ * <Input label="'Username'" loading="isChecking" />
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.input","name":"Input","stability":"stable","signature":"(props: InputProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export declare function Input({ type: rawType, id: externalId, name, value, placeholder, disabled, readonly: readonlyProp, required, error, errorMessage, helperText, success, size: rawSize, label, floatingLabel, autocomplete, maxLength, min, max, step, clearable, showPasswordToggle, loading, prefix, suffix, onInput, onChange, onBlur, onFocus, }: InputProps): {
+    el: HTMLElement | DocumentFragment;
+    destroy: () => void;
+};
+//# sourceMappingURL=Input.d.ts.map

package/dist/atoms/forms/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/atoms/forms/input/Input.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAGF,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,uBAAuB,CAAC;AAgB/B,yJAAyJ;AACzJ,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACtD,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAChC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0HAA0H;IAC1H,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM;QAAE,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC3E,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM;QAAE,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC3E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7C,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qLAAqL;AACrL,wBAAgB,KAAK,CAAC,EACpB,IAAI,EAAE,OAAgB,EACtB,EAAE,EAAE,UAAU,EACd,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,YAAoB,EAC9B,QAAgB,EAChB,KAAa,EACb,YAAY,EACZ,UAAU,EACV,OAAe,EACf,IAAI,EAAE,OAAc,EACpB,KAAK,EACL,aAAqB,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAiB,EACjB,kBAAkB,EAClB,OAAe,EACf,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,UAAU,GAAG;IAAE,EAAE,EAAE,WAAW,GAAG,gBAAgB,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA+d1E"}