@pithyjs/ui-kit 0.1.0-beta.0

package/dist/organisms/navigation/_navbar-menu.scss

@@ -0,0 +1,193 @@
+/// Navbar menu popover — mobile drawer + backdrop + scroll-mask
+/// @group organisms/navigation
+
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+@use '@pithyjs/design-system/layout/styles/glass' as glass;
+@use '@pithyjs/design-system/layout/styles/scroll-mask' as scroll-mask;
+
+// ============================================
+// Menu (popover)
+// ============================================
+
+// Suppress popover transitions while JS flips layout, otherwise the
+// allow-discrete display animation flashes items on desktop→mobile.
+.ui-navbar[data-layout-transitioning] .ui-navbar-menu,
+.ui-navbar[data-layout-transitioning] .ui-navbar-menu::backdrop {
+  transition: none !important;
+}
+
+.ui-navbar-menu {
+  border: none;
+  padding: var(--space-md);
+  // Clears the iOS home indicator / Android gesture bar.
+  padding-block-end: max(var(--space-md), env(safe-area-inset-bottom));
+  margin: 0;
+  background: var(--color-surface);
+  color: var(--color-text);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+  // Drawer-width on mobile: span full viewport minus gutters. Desktop
+  // :not([data-layout="mobile"]) selector resets to auto.
+  inline-size: calc(100vw - var(--space-md) * 2);
+  max-inline-size: calc(100vw - var(--space-md) * 2);
+
+  // JS publishes `--_menu-top` on open; CSS subtracts it so max-block-size
+  // can factor in env() + dvh, which JS can't read. 100vh is the fallback
+  // for engines without dvh.
+  max-block-size: calc(
+    100vh - var(--_menu-top, 0px) - env(safe-area-inset-bottom) - var(
+        --space-md
+      )
+  );
+  max-block-size: calc(
+    100dvh - var(--_menu-top, 0px) - env(safe-area-inset-bottom) - var(
+        --space-md
+      )
+  );
+  overflow-y: auto;
+  overscroll-behavior: contain;
+
+  // Strong dim + meaningful blur so the drawer reads as modal on mobile.
+  // The menu's `overlay allow-discrete` transition keeps the backdrop in the
+  // render tree long enough to fade on close.
+  &::backdrop {
+    @include glass.glass-scrim(var(--color-text), 55%, glass);
+
+    @include a11y.motion-safe {
+      // Exit: quick fade — backdrop shouldn't linger after drawer is gone.
+      transition:
+        background-color var(--motion-duration-normal) var(--motion-easing-exit),
+        backdrop-filter var(--motion-duration-normal) var(--motion-easing-exit),
+        -webkit-backdrop-filter var(--motion-duration-normal)
+          var(--motion-easing-exit);
+
+      @starting-style {
+        background-color: transparent;
+        backdrop-filter: blur(0);
+        -webkit-backdrop-filter: blur(0);
+      }
+    }
+  }
+
+  // Entrance: slow fade matches the drawer slide-in for a cohesive feel.
+  &:popover-open::backdrop {
+    @include a11y.motion-safe {
+      transition:
+        background-color var(--motion-duration-slow)
+          var(--motion-easing-entrance),
+        backdrop-filter var(--motion-duration-slow)
+          var(--motion-easing-entrance),
+        -webkit-backdrop-filter var(--motion-duration-slow)
+          var(--motion-easing-entrance);
+    }
+  }
+
+  &:not(:popover-open)::backdrop {
+    background-color: transparent;
+    backdrop-filter: blur(0);
+    -webkit-backdrop-filter: blur(0);
+  }
+
+  @include a11y.forced-colors {
+    border: 1px solid ButtonText;
+    background: Canvas;
+    color: CanvasText;
+  }
+}
+
+// Mobile: full-height side-sheet anchored to the trailing edge (origin matches
+// the hamburger). JS skips the desktop anchor-positioning on mobile so CSS here
+// fully owns layout. Scoped so `:not(:popover-open)` doesn't bleed into desktop.
+.ui-navbar[data-layout='mobile'] {
+  .ui-navbar-menu {
+    --_ui-navbar-menu-inline-size: min(88vw, 22rem);
+
+    position: fixed;
+    inset-block-start: 0;
+    inset-block-end: 0;
+    inset-inline-end: 0;
+    inset-inline-start: auto;
+    inline-size: var(--_ui-navbar-menu-inline-size);
+    max-inline-size: var(--_ui-navbar-menu-inline-size);
+    block-size: 100dvh;
+    max-block-size: 100dvh;
+    padding-block: var(--space-lg);
+    padding-block-end: max(var(--space-lg), env(safe-area-inset-bottom));
+    padding-inline: var(--space-lg);
+    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
+    box-shadow: var(--shadow-xl);
+    border-inline-start: var(--border-width-hairline) solid var(--color-border);
+
+    &:popover-open {
+      display: flex;
+      flex-direction: column;
+      gap: var(--space-sm);
+    }
+
+    @include a11y.motion-safe {
+      opacity: 1;
+      translate: 0 0;
+      // Exit: responsive snap-out — fast enough to feel instant but visible.
+      transition:
+        opacity var(--motion-duration-normal) var(--motion-easing-exit),
+        translate var(--motion-duration-normal) var(--motion-easing-exit),
+        display var(--motion-duration-normal) allow-discrete,
+        overlay var(--motion-duration-normal) allow-discrete;
+
+      // Entrance: deliberate slide-in with deceleration for premium weight.
+      &:popover-open {
+        transition:
+          opacity var(--motion-duration-slow) var(--motion-easing-entrance),
+          translate var(--motion-duration-slow) var(--motion-easing-entrance),
+          display var(--motion-duration-slow) allow-discrete,
+          overlay var(--motion-duration-slow) allow-discrete;
+      }
+
+      // Closed state: fully off-screen to the trailing edge.
+      &:not(:popover-open) {
+        opacity: 0;
+        translate: 100% 0;
+      }
+
+      @starting-style {
+        &:popover-open {
+          opacity: 0;
+          translate: 100% 0;
+        }
+      }
+    }
+  }
+
+  // Scroll-driven scroll-edge mask — Chromium 115+ / Safari 18+.
+  // Engines without scroll-driven animations get a crisp edge.
+  .ui-navbar-menu {
+    @include scroll-mask.scroll-fade-mask('_navbar-menu');
+  }
+
+  // Keyframes for the scroll-driven fade. 0% = both edges crisp (covers
+  // "at top" and "no overflow" since scroll-timeline stays at 0%).
+  @supports (animation-timeline: scroll()) {
+    @keyframes _navbar-menu-edge-fade {
+      0% {
+        --_navbar-menu-mask-top: 0px;
+        --_navbar-menu-mask-bottom: 0px;
+      }
+      2% {
+        --_navbar-menu-mask-top: 0px;
+        --_navbar-menu-mask-bottom: var(--_navbar-mask-fade);
+      }
+      5% {
+        --_navbar-menu-mask-top: var(--_navbar-mask-fade);
+        --_navbar-menu-mask-bottom: var(--_navbar-mask-fade);
+      }
+      95% {
+        --_navbar-menu-mask-top: var(--_navbar-mask-fade);
+        --_navbar-menu-mask-bottom: var(--_navbar-mask-fade);
+      }
+      100% {
+        --_navbar-menu-mask-top: var(--_navbar-mask-fade);
+        --_navbar-menu-mask-bottom: 0px;
+      }
+    }
+  }
+}

package/dist/organisms/navigation/_navbar-root.scss

@@ -0,0 +1,107 @@
+/// Navbar root element + skip-to-content
+/// @group organisms/navigation
+
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+@use '@pithyjs/design-system/layout/styles/glass' as glass;
+
+// ============================================
+// Root
+// ============================================
+
+.ui-navbar {
+  // -- Component-scoped custom properties ------------------------------------
+  --_navbar-brand-dot: 0.55em;
+  --_navbar-brand-ls: -0.01em;
+  --_navbar-brand-ls-scrolled: -0.02em;
+  --_navbar-announcement-ls: 0.005em;
+  --_navbar-drawer-link-ls: -0.014em;
+  --_navbar-mask-fade: 0.75rem;
+
+  container-type: inline-size;
+  contain: layout paint;
+  position: relative;
+  display: block;
+  inline-size: 100%;
+
+  color: var(--color-text);
+  font-size: var(--font-size-sm);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  // Prevents layout shift on hydration.
+  min-block-size: calc(
+    var(--control-padding-y-md) * 2 + var(--control-min-touch)
+  );
+
+  background-color: var(--color-surface);
+  border-block-end: var(--border-width-hairline) solid transparent;
+
+  @include a11y.motion-safe {
+    transition:
+      background-color var(--motion-duration-normal)
+        var(--motion-easing-standard),
+      border-block-end-color var(--motion-duration-normal)
+        var(--motion-easing-standard),
+      box-shadow var(--motion-duration-normal) var(--motion-easing-standard),
+      backdrop-filter var(--motion-duration-normal)
+        var(--motion-easing-standard),
+      min-block-size var(--motion-duration-normal) var(--motion-easing-standard);
+  }
+
+  &[data-density='compact'] {
+    min-block-size: calc(
+      var(--control-padding-y-sm) * 2 + var(--control-min-touch)
+    );
+  }
+
+  &[data-sticky='true'] {
+    position: sticky;
+    inset-block-start: 0;
+    z-index: 50;
+  }
+
+  &[data-transparent='true'] {
+    background-color: transparent;
+  }
+
+  // Both variants converge on a tinted, blurred, hair-bordered surface once scrolled.
+  // The inset 1px highlight seals the frosted surface — the "Linear/Vercel" effect.
+  &[data-scrolled='true'] {
+    @include glass.glass-surface(
+      var(--color-surface),
+      80%,
+      backdrop,
+      var(--color-text),
+      6%,
+      var(--shadow-sm)
+    );
+    border-block-end-color: var(--color-border);
+  }
+
+  // Compact is already condensed; only comfortable shrinks on scroll.
+  &[data-density='comfortable'][data-scrolled='true'] {
+    min-block-size: calc(
+      var(--control-padding-y-sm) * 2 + var(--control-min-touch)
+    );
+  }
+
+  @include a11y.forced-colors {
+    border-block-end: 1px solid ButtonText;
+    background-color: Canvas;
+  }
+
+  // Nav is chrome, not content.
+  @media print {
+    display: none;
+  }
+
+  @include a11y.primary-selection;
+}
+
+// ============================================
+// Skip-to-content
+// ============================================
+
+.ui-navbar-skip {
+  @include a11y.skip-link;
+}

package/dist/organisms/navigation/_navbar-search.scss

@@ -0,0 +1,83 @@
+/// Navbar search slot (optional, between items and actions)
+/// @group organisms/navigation
+
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+
+// ============================================
+// Search slot (optional, between items and actions)
+// ============================================
+
+.ui-navbar-search {
+  display: flex;
+  align-items: center;
+  min-inline-size: 0;
+}
+
+// Opinionated shell for a command-palette trigger. Consumers put their own
+// button inside the slot; this class styles the trigger into a muted pill
+// with a trailing kbd chip.
+.ui-navbar-search-hint {
+  appearance: none;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-sm); // Close friends — label ↔ kbd
+  min-block-size: var(--control-min-touch);
+  padding-inline: var(--control-padding-x-sm);
+  padding-block: var(--control-padding-y-sm);
+  border-radius: var(--radius-md);
+  border: var(--border-width-hairline) solid var(--color-border);
+  background-color: var(--color-surface-variant);
+  color: var(--color-text-muted);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-regular);
+  text-decoration: none;
+  cursor: pointer;
+  @include a11y.touch-optimize;
+
+  @include a11y.motion-safe {
+    transition:
+      var(--motion-transition-background), var(--motion-transition-color),
+      var(--motion-transition-border);
+  }
+
+  &:hover {
+    color: var(--color-text);
+    border-color: var(--color-border);
+    @include a11y.state-background(hover, var(--color-primary));
+  }
+  &:focus-visible {
+    @include a11y.focus-ring;
+  }
+
+  kbd {
+    @include a11y.kbd-chip;
+  }
+
+  @include a11y.forced-colors {
+    border: 1px solid ButtonText;
+    kbd {
+      border: 1px solid ButtonText;
+    }
+  }
+}
+
+.ui-navbar[data-layout='mobile'] {
+  // Actions anchor to the bottom of the side-sheet — makes the theme toggle
+  // feel pinned rather than orphaned in whitespace.
+  .ui-navbar-actions {
+    margin-block-start: auto;
+    padding-block-start: var(--space-md);
+    border-block-start: var(--border-width-hairline) solid var(--color-divider);
+    inline-size: 100%;
+  }
+  .ui-navbar-search {
+    margin-block-start: var(--space-md);
+    padding-block-start: var(--space-md);
+    border-block-start: var(--border-width-hairline) solid var(--color-divider);
+    inline-size: 100%;
+  }
+  // When both slots are present, only the first one needs a divider — search
+  // already separates the lists cluster, so actions falls below search without
+  // a second rule. Actions next to search keeps its own divider intact because
+  // it's still separated by a semantic cluster (CTAs vs. trigger).
+}

package/dist/organisms/navigation/_navbar-toggle.scss

@@ -0,0 +1,91 @@
+/// Navbar hamburger toggle + SVG morph
+/// @group organisms/navigation
+
+@use '@pithyjs/design-system/a11y/styles/mixins' as a11y;
+
+// ============================================
+// Hamburger toggle
+// ============================================
+
+// Hidden in desktop layout via [data-layout] selector; visible only in mobile.
+.ui-navbar-toggle {
+  appearance: none;
+  border: none;
+  background: none;
+  color: var(--color-text);
+  cursor: pointer;
+  @include a11y.touch-optimize;
+  padding: 0;
+  inline-size: var(--control-min-touch);
+  block-size: var(--control-min-touch);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-md);
+  margin-inline-start: auto;
+
+  @include a11y.motion-safe {
+    transition:
+      background-color var(--motion-duration-fast) var(--motion-easing-standard),
+      transform var(--motion-duration-fast) var(--motion-easing-standard),
+      color var(--motion-duration-fast) var(--motion-easing-standard);
+  }
+
+  &:hover {
+    @include a11y.state-background(hover, var(--color-primary));
+    color: var(--color-primary);
+  }
+  &:focus-visible {
+    @include a11y.focus-ring;
+  }
+  // Shared pressed state ties trigger + popover together as one cause/effect;
+  // scale is tap-only so the button isn't permanently smaller while open.
+  &:active,
+  &[aria-expanded='true'] {
+    @include a11y.state-background(pressed, var(--color-primary));
+  }
+  &:active {
+    transform: scale(var(--motion-scale-subtle));
+  }
+
+  @include a11y.forced-colors {
+    border: 1px solid ButtonText;
+  }
+}
+
+// ============================================
+// Hamburger SVG (morph → X when menu open)
+// ============================================
+
+.ui-navbar-hamburger {
+  inline-size: var(--icon-size-md);
+  block-size: var(--icon-size-md);
+  display: block;
+  overflow: visible;
+}
+
+.ui-navbar-hamburger-line {
+  stroke: currentColor;
+  stroke-width: var(--icon-stroke-medium);
+  stroke-linecap: round;
+  // Center of the 24×24 viewBox.
+  transform-origin: center;
+
+  @include a11y.motion-safe {
+    transition:
+      transform var(--motion-duration-fast) var(--motion-easing-standard),
+      opacity var(--motion-duration-fast) var(--motion-easing-standard);
+  }
+}
+
+.ui-navbar-toggle[aria-expanded='true'] {
+  .ui-navbar-hamburger-line[data-line='top'] {
+    transform: translateY(5px) rotate(45deg);
+  }
+  .ui-navbar-hamburger-line[data-line='mid'] {
+    opacity: 0;
+  }
+  .ui-navbar-hamburger-line[data-line='bot'] {
+    transform: translateY(-5px) rotate(-45deg);
+  }
+}

package/dist/organisms/navigation/_navbar-tokens.scss

@@ -0,0 +1,15 @@
+/// Navbar @property registrations for animatable custom properties
+/// @group organisms/navigation
+
+// Registered so the mask stops can interpolate across keyframes instead
+// of jumping discretely.
+@property --_navbar-menu-mask-top {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}
+@property --_navbar-menu-mask-bottom {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}

package/dist/organisms/navigation/navbar.scss

@@ -0,0 +1,17 @@
+/// Navbar organism styles
+/// Top-of-page navigation with brand, primary links, trailing actions,
+/// native Popover mobile menu, and scroll-aware chrome.
+///
+/// @group organisms/navigation
+
+@forward 'navbar-tokens';
+@forward 'navbar-root';
+@forward 'navbar-announcement';
+@forward 'navbar-container';
+@forward 'navbar-brand';
+@forward 'navbar-toggle';
+@forward 'navbar-drawer';
+@forward 'navbar-menu';
+@forward 'navbar-links';
+@forward 'navbar-search';
+@forward 'navbar-desktop';

package/dist/registry/categories.d.ts

@@ -0,0 +1,6 @@
+/** @codex { "id": "pithy.ui-kit.registry-categories", "title": "Component Domain Categories", "category": "types" } */
+/** @codexApi {"parent":"pithy.ui-kit.registry-categories","name":"COMPONENT_DOMAINS","stability":"stable","signature":"readonly [\"actions\", \"content\", \"layout\", \"navigation\", \"forms\", \"data\", \"feedback\", \"sections\"]"} */
+export declare const COMPONENT_DOMAINS: readonly ["actions", "content", "layout", "navigation", "forms", "data", "feedback", "sections"];
+/** @codexApi {"parent":"pithy.ui-kit.registry-categories","name":"ComponentDomain","stability":"stable","signature":"type ComponentDomain = \"actions\" | \"content\" | \"layout\" | \"navigation\" | \"forms\" | \"data\" | \"feedback\" | \"sections\""} */
+export type ComponentDomain = (typeof COMPONENT_DOMAINS)[number];
+//# sourceMappingURL=categories.d.ts.map

package/dist/registry/categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.d.ts","sourceRoot":"","sources":["../../src/registry/categories.ts"],"names":[],"mappings":"AAAA,uHAAuH;AAEvH,6OAA6O;AAC7O,eAAO,MAAM,iBAAiB,kGASpB,CAAC;AAEX,8PAA8P;AAC9P,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/registry/categories.js

@@ -0,0 +1,13 @@
+/** @codex { "id": "pithy.ui-kit.registry-categories", "title": "Component Domain Categories", "category": "types" } */
+/** @codexApi {"parent":"pithy.ui-kit.registry-categories","name":"COMPONENT_DOMAINS","stability":"stable","signature":"readonly [\"actions\", \"content\", \"layout\", \"navigation\", \"forms\", \"data\", \"feedback\", \"sections\"]"} */
+export const COMPONENT_DOMAINS = [
+    'actions',
+    'content',
+    'layout',
+    'navigation',
+    'forms',
+    'data',
+    'feedback',
+    'sections',
+];
+//# sourceMappingURL=categories.js.map

package/dist/registry/categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.js","sourceRoot":"","sources":["../../src/registry/categories.ts"],"names":[],"mappings":"AAAA,uHAAuH;AAEvH,6OAA6O;AAC7O,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,SAAS;IACT,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,OAAO;IACP,MAAM;IACN,UAAU;IACV,UAAU;CACF,CAAC"}

package/dist/registry/components.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @codexApi {"parent":"pithy.ui-kit.registry-components","name":"registerAll","stability":"experimental","signature":"() => void"}
+ */
+export declare function registerAll(): void;
+//# sourceMappingURL=components.d.ts.map

package/dist/registry/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/registry/components.ts"],"names":[],"mappings":"AA4GA;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAIlC"}

package/dist/registry/components.js

@@ -0,0 +1,95 @@
+// THIS FILE IS GENERATED by packages/ui-kit/scripts/sync-registry.ts
+// DO NOT EDIT by hand. Run `pnpm --filter @pithyjs/ui-kit sync-registry` to
+// regenerate from PIDL specs in packages/pidl-catalog/specs/.
+/** @codex { "id": "pithy.ui-kit.registry-components", "title": "V0.1 Component Registrations", "category": "feature" } */
+/**
+ * Registers all V0.1 UI Kit components into the registry.
+ * Import this module for its side-effect (populating the registry).
+ *
+ * Component code is lazy-loaded via dynamic import.
+ */
+import { registerComponent, VALID_LEVELS, VALID_DOMAINS, } from "./index";
+import { REGISTRY_META } from "./registry-meta";
+function fromMeta(id, load) {
+    const meta = REGISTRY_META[id];
+    if (!meta) {
+        console.error(`[ui-kit/registry] No PIDL metadata found for "${id}". Add it via PIDL spec + scripts/component-paths.ts.`);
+        return null;
+    }
+    if (import.meta.env?.DEV) {
+        if (meta.id !== id) {
+            console.warn(`[ui-kit/registry] Key "${id}" does not match meta.id "${meta.id}".`);
+        }
+        if (!VALID_LEVELS.has(meta.level)) {
+            console.warn(`[ui-kit/registry] PIDL "${id}" has invalid level "${meta.level}".`);
+        }
+        if (!VALID_DOMAINS.has(meta.domain)) {
+            console.warn(`[ui-kit/registry] PIDL "${id}" has invalid domain "${meta.domain}".`);
+        }
+    }
+    return {
+        id: meta.id,
+        name: meta.name,
+        level: meta.level,
+        domain: meta.domain,
+        pidl: meta,
+        load,
+    };
+}
+const V0_1_COMPONENTS = [
+    // Atoms — actions
+    fromMeta("ui.button", () => import("../atoms/actions/button/Button")),
+    fromMeta("ui.icon-group", () => import("../atoms/actions/icon-group/IconGroup")),
+    fromMeta("ui.segmented-control", () => import("../atoms/actions/segmented-control/SegmentedControl")),
+    // Atoms — content
+    fromMeta("ui.text", () => import("../atoms/content/text/Text")),
+    fromMeta("ui.heading", () => import("../atoms/content/heading/Heading")),
+    fromMeta("ui.image", () => import("../atoms/content/image/Image")),
+    fromMeta("ui.icon", () => import("../atoms/content/icon/Icon")),
+    fromMeta("ui.badge", () => import("../atoms/content/badge/Badge")),
+    fromMeta("ui.tile", () => import("../atoms/content/tile/Tile")),
+    fromMeta("ui.action-tile", () => import("../atoms/content/action-tile/ActionTile")),
+    // Forms (atoms + molecules)
+    fromMeta("ui.input", () => import("../atoms/forms/input/Input")),
+    fromMeta("ui.select", () => import("../atoms/forms/select/Select")),
+    fromMeta("ui.textarea", () => import("../atoms/forms/textarea/Textarea")),
+    fromMeta("ui.checkbox", () => import("../atoms/forms/checkbox/Checkbox")),
+    fromMeta("ui.checkbox-group", () => import("../atoms/forms/checkbox/CheckboxGroup")),
+    fromMeta("ui.radio", () => import("../atoms/forms/radio/Radio")),
+    fromMeta("ui.radio-group", () => import("../atoms/forms/radio/RadioGroup")),
+    fromMeta("ui.toggle", () => import("../atoms/forms/toggle/Toggle")),
+    fromMeta("ui.file-picker", () => import("../atoms/forms/file-picker/FilePicker")),
+    fromMeta("ui.form-field", () => import("../atoms/forms/form-field/FormField")),
+    // Organisms — forms
+    fromMeta("ui.form", () => import("../organisms/forms/Form")),
+    fromMeta("ui.dynamic-form", () => import("../organisms/forms/DynamicForm")),
+    // Organisms — content
+    fromMeta("ui.card", () => import("../organisms/content/Card")),
+    // Organisms — navigation
+    fromMeta("ui.navbar", () => import("../organisms/navigation/Navbar")),
+    // Layout
+    fromMeta("ui.stack", () => import("../layout/Stack")),
+    fromMeta("ui.grid", () => import("../layout/Grid")),
+    fromMeta("ui.grid-item", () => import("../layout/GridItem")),
+    fromMeta("ui.smart-container", () => import("../layout/SmartContainer")),
+    fromMeta("ui.page-section", () => import("../layout/PageSection")),
+    // Sections
+    fromMeta("ui.hero-section", () => import("../sections/hero/HeroSection")),
+    fromMeta("ui.features-section", () => import("../sections/features/FeaturesSection")),
+    fromMeta("ui.cta-section", () => import("../sections/cta/CTASection")),
+    fromMeta("ui.contact-section", () => import("../sections/contact/ContactSection")),
+    fromMeta("ui.footer-section", () => import("../sections/footer/FooterSection")),
+    // Other
+    fromMeta("ui.modal", () => import("../organisms/feedback/Modal")),
+];
+/**
+ * @codexApi {"parent":"pithy.ui-kit.registry-components","name":"registerAll","stability":"experimental","signature":"() => void"}
+ */
+export function registerAll() {
+    for (const meta of V0_1_COMPONENTS) {
+        if (meta)
+            registerComponent(meta);
+    }
+}
+registerAll();
+//# sourceMappingURL=components.js.map

package/dist/registry/components.js.map

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