@pithyjs/ui-kit 0.1.0-beta.0

package/dist/atoms/forms/checkbox/checkbox.scss

@@ -0,0 +1,506 @@
+/// Checkbox component styles — premium edition.
+/// Native input is visually hidden; the .ui-checkbox-box element renders the
+/// box in CSS, while the checkmark and indeterminate dash are rendered by an
+/// inline SVG mark element (.ui-checkbox-mark).
+///
+/// @group atoms/forms
+
+@use 'sass:map';
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+@use '@pithyjs/design-system/borders/styles/tokens' as borders;
+@use '../../../shared/tokens' as shared;
+@use '../../../shared/form-animations' as form-anim;
+
+// ============================================
+// Wrapper <label>
+// ============================================
+
+.ui-checkbox {
+  // Single color family per state — declared on the wrapper so both the
+  // box and the label inherit it. Overridden by [data-success] / [data-error].
+  --_cmp-color: var(--color-primary);
+  --_cmp-color-hover: var(--color-primary-hover);
+
+  @include a11y.touch-target-pseudo; // WCAG 2.5.5 — 44×44 invisible hit area
+
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-xs); // Lovers — box ↔ label
+  cursor: pointer;
+  position: relative;
+  user-select: none;
+  color: var(--color-text);
+
+  @include a11y.motion-safe {
+    transition: var(--motion-transition-color);
+  }
+}
+
+// Field wrapper (when helper/error is rendered)
+// No gap — child .ui-form-helper / .ui-form-error already carry
+// margin-block-start: var(--space-xs), consistent with other form atoms.
+.ui-checkbox-field {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+// ============================================
+// Native input — visually hidden but functional
+// ============================================
+
+.ui-checkbox-input {
+  // sr-only — keeps the input in the layout (focusable, click-forwards via
+  // <label>), but visually hidden so the custom box renders the state.
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+// ============================================
+// Custom box
+// ============================================
+
+.ui-checkbox-box {
+  // Colored micro-shadow — switched on by checked / indeterminate, off by
+  // default. Uses the CSS `transparent` keyword (not a raw color value) so
+  // the focus rule can layer the ring on top with a comma list.
+  --_cmp-shadow: 0 0 transparent;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  inline-size: var(--_cmp-box-size);
+  block-size: var(--_cmp-box-size);
+  background-color: var(--color-surface);
+  border: borders.border(control);
+  border-radius: var(--radius-sm);
+  position: relative;
+  color: var(--color-on-primary);
+  box-shadow: var(--_cmp-shadow);
+
+  @include a11y.motion-safe {
+    transition:
+      var(--motion-transition-background),
+      var(--motion-transition-border),
+      var(--motion-transition-color),
+      box-shadow var(--motion-duration-normal) var(--motion-easing-entrance);
+  }
+
+  // Box pop on check — fires every time the box transitions to the
+  // checked / indeterminate state. Springy easing gives the tactile feel.
+  // The animation is triggered when the wrapper matches a :has()
+  // selector for a descendant .ui-checkbox-input:checked or :indeterminate,
+  // so consumers don't need to wire JS.
+  // fill-mode: both is set in the form-pop animation shorthand.
+}
+
+// ============================================
+// SVG mark (checkmark + indeterminate dash)
+// ============================================
+
+.ui-checkbox-mark {
+  position: absolute;
+  inset: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  pointer-events: none;
+  overflow: visible;
+}
+
+.ui-checkbox-mark-check,
+.ui-checkbox-mark-dash {
+  // pathLength=1 normalises every path to a unit length, so the same
+  // dash plumbing works for any future shape.
+  stroke-dasharray: 1;
+  stroke-dashoffset: 1;
+
+  @include a11y.motion-safe {
+    transition: stroke-dashoffset var(--motion-duration-normal)
+      var(--motion-easing-entrance);
+  }
+}
+
+// ============================================
+// Visible label text
+// ============================================
+
+.ui-checkbox-label {
+  font-size: var(--_cmp-font-size);
+  line-height: var(--leading-snug);
+  color: inherit;
+
+  // Branded selection — matches the active state color so an error checkbox
+  // selects in danger, success in success, default in primary.
+  &::selection {
+    background-color: color-mix(
+      in oklch,
+      var(--_cmp-color) calc(var(--state-selected-opacity) * 100%),
+      transparent
+    );
+    color: inherit;
+  }
+}
+
+// ============================================
+// Sizes — set custom props per control size
+// ============================================
+
+@each $size in shared.$control-sizes {
+  .ui-checkbox[data-size='#{$size}'] {
+    --_cmp-box-size: #{map.get(shared.$control-indicator-sizes, $size)};
+    --_cmp-font-size: #{map.get(shared.$control-font-sizes, $size)};
+  }
+}
+
+// ============================================
+// Checked state
+// ============================================
+
+.ui-checkbox:has(.ui-checkbox-input:checked) .ui-checkbox-box {
+  background-color: var(--_cmp-color);
+  border-color: var(--_cmp-color);
+  // Colored micro-shadow under the box — gives the check visual weight.
+  // Uses --shadow-base-* tokens for offset / blur consistency with the rest
+  // of the kit, then color-mixes the active state color in at the configured
+  // shadow opacity.
+  --_cmp-shadow: 0 var(--shadow-base-offset-y) var(--shadow-base-blur)
+    calc(var(--shadow-base-offset-y) * -1)
+    color-mix(
+      in oklch,
+      var(--_cmp-color) #{shared.$checked-glow-opacity},
+      transparent
+    );
+
+  .ui-checkbox-mark-check {
+    stroke-dashoffset: 0;
+  }
+}
+
+// Box pop fires every time we transition into checked / indeterminate.
+// Animation lives in the shared form-animations mixin so Radio + Toggle
+// inherit it for free.
+@include form-anim.form-pop(
+  '.ui-checkbox:has(.ui-checkbox-input:checked) .ui-checkbox-box'
+);
+@include form-anim.form-pop(
+  '.ui-checkbox:has(.ui-checkbox-input:indeterminate) .ui-checkbox-box'
+);
+
+// ============================================
+// Indeterminate state — replaces checkmark with a horizontal dash
+// ============================================
+
+.ui-checkbox:has(.ui-checkbox-input:indeterminate) .ui-checkbox-box {
+  background-color: var(--_cmp-color);
+  border-color: var(--_cmp-color);
+  --_cmp-shadow: 0 var(--shadow-base-offset-y) var(--shadow-base-blur)
+    calc(var(--shadow-base-offset-y) * -1)
+    color-mix(
+      in oklch,
+      var(--_cmp-color) #{shared.$checked-glow-opacity},
+      transparent
+    );
+
+  .ui-checkbox-mark-dash {
+    stroke-dashoffset: 0;
+  }
+}
+
+// ============================================
+// Hover (not disabled / not readonly)
+// ============================================
+
+.ui-checkbox:hover:not([data-disabled]):not([data-readonly]):not(
+    :has(.ui-checkbox-input:disabled)
+  )
+  .ui-checkbox-box {
+  border-color: var(--_cmp-color);
+}
+
+.ui-checkbox:hover:not([data-disabled]):not([data-readonly]):not(
+    :has(.ui-checkbox-input:disabled)
+  ):has(.ui-checkbox-input:checked)
+  .ui-checkbox-box,
+.ui-checkbox:hover:not([data-disabled]):not([data-readonly]):not(
+    :has(.ui-checkbox-input:disabled)
+  ):has(.ui-checkbox-input:indeterminate)
+  .ui-checkbox-box {
+  background-color: var(--_cmp-color-hover);
+  border-color: var(--_cmp-color-hover);
+}
+
+// ============================================
+// Focus — bridge native input focus to the box
+// ============================================
+
+.ui-checkbox:has(.ui-checkbox-input:focus-visible) .ui-checkbox-box {
+  outline: none;
+  --ring-offset: #{shared.$focus-ring-offset};
+  // Layer the focus ring on top of the colored micro-shadow so a focused
+  // checked checkbox shows both ring and glow.
+  box-shadow: borders.ring(), var(--_cmp-shadow);
+}
+
+// ============================================
+// Active / pressed feedback
+// ============================================
+
+.ui-checkbox:not([data-disabled]):not([data-readonly]):not(
+    :has(.ui-checkbox-input:disabled)
+  ):active
+  .ui-checkbox-box {
+  @include a11y.state-background(pressed, var(--_cmp-color));
+
+  // Immediate tactile compression while the pointer is held — release
+  // hands off to the box-pop animation defined below.
+  @include a11y.motion-safe {
+    transform: scale(var(--motion-scale-big));
+    transition: transform var(--motion-duration-fast)
+      var(--motion-easing-standard);
+  }
+}
+
+// ============================================
+// Success state
+// ============================================
+
+.ui-checkbox[data-success] {
+  --_cmp-color: var(--color-success);
+  --_cmp-color-hover: var(--color-success-hover, var(--color-success));
+}
+
+.ui-checkbox[data-success] .ui-checkbox-box {
+  border-color: var(--_cmp-color);
+}
+
+.ui-checkbox[data-success]:has(.ui-checkbox-input:focus-visible)
+  .ui-checkbox-box {
+  --ring-color: var(--color-success);
+  box-shadow: borders.ring(), var(--_cmp-shadow);
+}
+
+// ============================================
+// Error state (after success — source order wins)
+// ============================================
+
+.ui-checkbox[data-error] {
+  --_cmp-color: var(--color-danger);
+  --_cmp-color-hover: var(--color-danger-hover, var(--color-danger));
+}
+
+.ui-checkbox[data-error] .ui-checkbox-box {
+  border-color: var(--_cmp-color);
+}
+
+.ui-checkbox[data-error]:has(.ui-checkbox-input:focus-visible)
+  .ui-checkbox-box {
+  --ring-color: var(--color-danger);
+  box-shadow: borders.ring(), var(--_cmp-shadow);
+}
+
+.ui-checkbox[data-error] .ui-checkbox-label {
+  color: var(--color-danger);
+}
+
+// ============================================
+// Error shake animation
+// ============================================
+
+@include form-anim.form-shake('.ui-checkbox-shake');
+
+// ============================================
+// Disabled state
+// ============================================
+
+.ui-checkbox[data-disabled] {
+  opacity: var(--state-disabled-opacity);
+  // Desaturate so the colors actually look deactivated, not just dimmed.
+  // Combined with opacity, this gives the proper "this control is off" feel.
+  filter: saturate(shared.$disabled-saturation);
+  cursor: not-allowed;
+
+  .ui-checkbox-input {
+    cursor: not-allowed;
+  }
+}
+
+// Fieldset[disabled] cascade — when a checkbox is disabled via a parent
+// <fieldset disabled>, the native input is :disabled but the wrapper has no
+// [data-disabled] attribute. Opacity is already handled by the group's
+// .ui-checkbox-group[data-disabled] rule; we only add cursor + desaturation
+// so individual checkboxes look properly deactivated.
+.ui-checkbox:not([data-disabled]):has(.ui-checkbox-input:disabled) {
+  filter: saturate(shared.$disabled-saturation);
+  cursor: not-allowed;
+
+  .ui-checkbox-input {
+    cursor: not-allowed;
+  }
+}
+
+// ============================================
+// Readonly state — looks normal, blocks toggling
+// ============================================
+
+.ui-checkbox[data-readonly] {
+  cursor: default;
+
+  .ui-checkbox-input {
+    cursor: default;
+  }
+
+  // Only override the unchecked background — checked/indeterminate keep
+  // their --color-primary fill so the checkmark stays legible.
+  .ui-checkbox-input:not(:checked):not(:indeterminate) + .ui-checkbox-box {
+    background-color: var(--color-surface-variant);
+  }
+}
+
+// ============================================
+// Required indicator on label text
+// ============================================
+
+.ui-checkbox[data-required] .ui-checkbox-label::after {
+  content: ' *';
+  color: var(--color-danger);
+  font-weight: var(--font-weight-medium);
+}
+
+// ============================================
+// Loading spinner — overlays the box
+// ============================================
+
+// Hide the checkmark / dash entirely while loading — the spinner is the
+// only signal, regardless of checked state.
+.ui-checkbox.ui-checkbox-loading .ui-checkbox-mark {
+  opacity: 0;
+}
+
+// Subtle border tint so the user can see something is happening even
+// before the spinner picks up against the surface. Only when not in
+// error/success state — those keep their semantic border color.
+.ui-checkbox.ui-checkbox-loading:not([data-error]):not([data-success])
+  .ui-checkbox-box {
+  border-color: var(--color-primary);
+}
+
+// Spinner color: primary on the empty surface, on-primary when the box is
+// filled (checked / indeterminate). Error and success swap accordingly.
+.ui-checkbox.ui-checkbox-loading .ui-checkbox-box {
+  --_cmp-spinner-color: var(--color-primary);
+}
+
+.ui-checkbox.ui-checkbox-loading:has(.ui-checkbox-input:checked)
+  .ui-checkbox-box,
+.ui-checkbox.ui-checkbox-loading:has(.ui-checkbox-input:indeterminate)
+  .ui-checkbox-box {
+  --_cmp-spinner-color: var(--color-on-primary);
+}
+
+.ui-checkbox[data-error].ui-checkbox-loading .ui-checkbox-box {
+  --_cmp-spinner-color: var(--color-danger);
+}
+
+// Scoped with :not([data-error]) so error always wins when both flags
+// are set (matches the box border/bg precedence contract).
+.ui-checkbox[data-success]:not([data-error]).ui-checkbox-loading
+  .ui-checkbox-box {
+  --_cmp-spinner-color: var(--color-success);
+}
+
+.ui-checkbox.ui-checkbox-loading .ui-checkbox-box::before {
+  content: '';
+  position: absolute;
+  inset: shared.$spinner-inset;
+  border: var(--border-width-medium) solid var(--_cmp-spinner-color);
+  border-inline-end-color: transparent;
+  border-radius: 50%;
+
+  @include a11y.motion-safe {
+    animation: var(--motion-animation-spin) var(--motion-duration-deliberate)
+      linear infinite;
+  }
+
+  @include a11y.motion-reduced {
+    border-inline-end-color: var(--_cmp-spinner-color);
+    opacity: shared.$spinner-reduced-opacity;
+  }
+}
+
+// Helper + error text use shared .ui-form-helper / .ui-form-error classes
+// from src/shared/_form-animations.scss — no per-component styles needed.
+
+// ============================================
+// Forced colors
+// ============================================
+
+@include a11y.forced-colors {
+  .ui-checkbox-box {
+    border: var(--border-width-hairline) solid ButtonText;
+    background: Field;
+  }
+
+  .ui-checkbox:has(.ui-checkbox-input:checked) .ui-checkbox-box,
+  .ui-checkbox:has(.ui-checkbox-input:indeterminate) .ui-checkbox-box {
+    background: Highlight;
+    border-color: Highlight;
+    color: HighlightText;
+  }
+
+  .ui-checkbox[data-disabled],
+  .ui-checkbox:not([data-disabled]):has(.ui-checkbox-input:disabled) {
+    color: GrayText;
+
+    .ui-checkbox-box {
+      border-color: GrayText;
+    }
+  }
+
+  .ui-checkbox:has(.ui-checkbox-input:focus-visible) .ui-checkbox-box {
+    @include a11y.focus-outline(Highlight);
+  }
+}
+
+// ============================================
+// CheckboxGroup — fieldset wrapper
+// ============================================
+
+.ui-checkbox-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm); // Close Friends — controls in a group
+  border: none;
+  margin: 0;
+  padding: 0;
+  min-inline-size: 0;
+}
+
+.ui-checkbox-group-legend {
+  display: block;
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text);
+  margin-block-end: var(--space-xs);
+  padding: 0;
+}
+
+// Helper / error text reuses shared .ui-form-helper / .ui-form-error classes
+// from _form-animations.scss — no group-specific overrides needed.
+
+.ui-checkbox-group[data-disabled] {
+  opacity: var(--state-disabled-opacity);
+}
+
+@include a11y.forced-colors {
+  .ui-checkbox-group[data-error] .ui-checkbox-group-legend {
+    color: inherit;
+  }
+}

package/dist/atoms/forms/file-picker/FilePicker.d.ts

@@ -0,0 +1,23 @@
+/** @codex { "id": "pithy.ui-kit.file-picker", "title": "<FilePicker> Form Atom", "category": "feature", "risk": "low" } */
+import './file-picker.scss';
+/** @codexApi {"parent":"pithy.ui-kit.file-picker","name":"FilePickerProps","stability":"experimental","signature":"interface FilePickerProps"} */
+export interface FilePickerProps {
+    /** Called when the user selects a valid file. May be async (e.g. upload). */
+    onSelect: (file: File) => void | Promise<void>;
+    /** Accept filter, passed to the input and used for validation (default `"image/*"`). */
+    accept?: string;
+    /** Maximum file size in bytes (default 5 MB). */
+    maxSizeBytes?: number;
+    /** Render an image preview of the selected file (default `true`; image files only). */
+    showPreview?: boolean;
+    /** Drop-zone hint text. */
+    hint?: string;
+    /** Accessible label for the drop zone. */
+    ariaLabel?: string;
+}
+/** @codexApi {"parent":"pithy.ui-kit.file-picker","name":"FilePicker","stability":"experimental","signature":"(props: FilePickerProps) => { el: Node; destroy: () => void }"} */
+export declare function FilePicker({ onSelect, accept, maxSizeBytes, showPreview, hint, ariaLabel, }: FilePickerProps): {
+    el: HTMLElement | DocumentFragment;
+    destroy: () => void;
+};
+//# sourceMappingURL=FilePicker.d.ts.map

package/dist/atoms/forms/file-picker/FilePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../../src/atoms/forms/file-picker/FilePicker.ts"],"names":[],"mappings":"AAAA,2HAA2H;AAK3H,OAAO,oBAAoB,CAAC;AAI5B,kJAAkJ;AAClJ,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,iLAAiL;AACjL,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAkB,EAClB,YAAqC,EACrC,WAAkB,EAClB,IAAkC,EAClC,SAAkD,GACnD,EAAE,eAAe;;;EAmFjB"}

package/dist/atoms/forms/file-picker/FilePicker.js

@@ -0,0 +1,103 @@
+/** @codex { "id": "pithy.ui-kit.file-picker", "title": "<FilePicker> Form Atom", "category": "feature", "risk": "low" } */
+import { html, onDestroy } from '@pithyjs/core';
+import { signal } from '@pithyjs/signals';
+import './file-picker.scss';
+const DEFAULT_MAX_SIZE_BYTES = 5 * 1024 * 1024; // 5 MB
+function matchesAccept(file, accept) {
+    const tokens = accept
+        .split(',')
+        .map(t => t.trim().toLowerCase())
+        .filter(Boolean);
+    if (tokens.length === 0)
+        return true;
+    const type = file.type.toLowerCase();
+    const name = file.name.toLowerCase();
+    return tokens.some(tok => {
+        if (tok === '*' || tok === '*/*')
+            return true;
+        if (tok.endsWith('/*'))
+            return type.startsWith(tok.slice(0, -1));
+        if (tok.startsWith('.'))
+            return name.endsWith(tok);
+        return type === tok;
+    });
+}
+/** @codexApi {"parent":"pithy.ui-kit.file-picker","name":"FilePicker","stability":"experimental","signature":"(props: FilePickerProps) => { el: Node; destroy: () => void }"} */
+export function FilePicker({ onSelect, accept = 'image/*', maxSizeBytes = DEFAULT_MAX_SIZE_BYTES, showPreview = true, hint = 'Click or drag a file here', ariaLabel = 'Upload file — click or drag and drop', }) {
+    const previewURL = signal(null);
+    const errorMsg = signal('');
+    const isDragOver = signal(false);
+    let selectionToken = 0;
+    // Object-URL for the preview is created outside the template's reactive
+    // tracking, so it needs explicit revoke on replace + teardown.
+    let currentPreviewURL = null;
+    function revokePreview() {
+        if (currentPreviewURL) {
+            URL.revokeObjectURL(currentPreviewURL);
+            currentPreviewURL = null;
+        }
+    }
+    function handleFile(file) {
+        const token = ++selectionToken;
+        errorMsg.set('');
+        revokePreview();
+        previewURL.set(null);
+        if (!matchesAccept(file, accept)) {
+            errorMsg.set('This file type is not accepted.');
+            return;
+        }
+        if (file.size > maxSizeBytes) {
+            errorMsg.set(`File is too large. Maximum size is ${maxSizeBytes / 1024 / 1024} MB.`);
+            return;
+        }
+        if (showPreview && file.type.startsWith('image/')) {
+            currentPreviewURL = URL.createObjectURL(file);
+            previewURL.set(currentPreviewURL);
+        }
+        Promise.resolve(onSelect(file)).catch(() => {
+            if (token === selectionToken)
+                errorMsg.set('Upload failed. Please try again.');
+        });
+    }
+    const handleInputChange = (e) => {
+        const input = e.target;
+        if (input.files && input.files.length > 0)
+            handleFile(input.files[0]);
+        input.value = '';
+    };
+    const handleDragOver = () => isDragOver.set(true);
+    const handleDragEnter = () => isDragOver.set(true);
+    const handleDragLeave = () => isDragOver.set(false);
+    const handleDrop = (e) => {
+        isDragOver.set(false);
+        const file = e.dataTransfer?.files[0];
+        if (file)
+            handleFile(file);
+    };
+    const hasPreview = () => previewURL() !== null;
+    const previewSrc = () => previewURL() ?? '';
+    const hasError = () => errorMsg().length > 0;
+    onDestroy(revokePreview);
+    return html `
+    <div class="ui-file-picker u-vstack u-gap-xs">
+      <label class="ui-file-picker-zone"
+             [class.ui-file-picker-zone-over]="isDragOver()"
+             @dragover.prevent="handleDragOver"
+             @dragenter.prevent="handleDragEnter"
+             @dragleave="handleDragLeave"
+             @drop.prevent="handleDrop">
+        <span @if="!hasPreview()" class="ui-file-picker-hint">{{ hint }}</span>
+        <span @if="hasPreview()" class="ui-file-picker-preview">
+          <Image src="previewSrc" alt="'Selected file preview'" fit="'contain'" />
+        </span>
+        <input type="file"
+               [accept]="accept"
+               class="ui-file-picker-input"
+               [aria-label]="ariaLabel"
+               @change="handleInputChange" />
+      </label>
+      <span @if="hasError()" class="ui-file-picker-error" aria-live="assertive">{{ errorMsg() }}</span>
+    </div>
+  `;
+}
+//# sourceMappingURL=FilePicker.js.map

package/dist/atoms/forms/file-picker/FilePicker.js.map

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