@neo-ui-kit/react 0.0.0-stage → 1.0.1

package/dist/router.d.ts

@@ -0,0 +1,2 @@
+export { Router, useRouter, matchRoute, } from "./components/navigation/Router/Router";
+export type { RouterProps, RouterValue, RouteDefinition, RouteMatch, RouteAccessContext, } from "./components/navigation/Router/Router";

package/dist/router.js

@@ -0,0 +1,11 @@
+import {
+  Router,
+  matchRoute,
+  useRouter
+} from "./chunks/chunk-347P6ZE4.js";
+import "./chunks/chunk-FCOU3ODR.js";
+export {
+  Router,
+  matchRoute,
+  useRouter
+};

package/dist/styles.css

@@ -0,0 +1,2 @@
+@import "./theme/tokens.css";
+@import "./components.css";

package/dist/theme/base.css

@@ -0,0 +1,221 @@
+/* Truly global component plumbing. */
+/* Shared component rules: dimensions belong to the layout, materials to tokens. */
+.ad,
+.ad *,
+[data-ad-reference],
+[data-ad-reference] * {
+  box-sizing: border-box;
+}
+[data-ad-material="ghost"] {
+  --ad-material-bg: transparent;
+  --ad-material-shadow: none;
+}
+[data-ad-material="danger"] {
+  --ad-material-bg: linear-gradient(135deg, var(--ad-primary-700), var(--ad-primary-800));
+  --ad-material-shadow:
+    inset 0 0.0625rem 0.0625rem rgb(from var(--ad-secondary-200) r g b / 0.3), 0 0 0.875rem rgb(from var(--ad-primary) r g b / 0.19);
+}
+.ad[data-ad-material],
+[data-ad-reference][data-ad-material][data-ad-component] {
+  background: var(--ad-material-bg);
+  box-shadow: var(--ad-material-shadow);
+}
+.ad[data-ad-material] {
+  border: 0.0625rem solid transparent;
+}
+:where(.ad) button,
+:where(.ad) input,
+:where(.ad) select,
+button:where(.ad),
+input:where(.ad),
+select:where(.ad) {
+  font-family: var(--ad-font-family-sans);
+  color: inherit;
+}
+button.ad {
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+button.ad:disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+.ad button:focus-visible,
+.ad input:focus-visible,
+.ad select:focus-visible,
+.ad[tabindex]:focus-visible,
+button.ad:focus-visible {
+  outline: 0.125rem solid var(--ad-focus);
+  outline-offset: 0.1875rem;
+}
+[data-ad-tone="success"] {
+  --ad-tone: var(--ad-success);
+}
+[data-ad-tone="error"] {
+  --ad-tone: var(--ad-primary);
+}
+[data-ad-tone="warning"] {
+  --ad-tone: var(--ad-warning);
+}
+[data-ad-tone="pending"],
+[data-ad-tone="offline"] {
+  --ad-tone: var(--ad-neutral-400);
+}
+[data-ad-tone="processing"] {
+  --ad-tone: var(--ad-secondary);
+}
+[data-ad-tone="info"] {
+  --ad-tone: var(--ad-info);
+}
+.ad-empty-state > .ad-icon {
+  color: var(--ad-secondary);
+  filter: drop-shadow(0 0 0.5625rem rgb(from var(--ad-primary) r g b / 0.33));
+}
+.ad-menu .ad-divider {
+  margin: 0.3125rem 0;
+}
+.ad-border {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  overflow: visible;
+  /* Decorative overflow can paint outside the host without enlarging its scroll area. */
+  contain: layout;
+  pointer-events: none;
+  user-select: none;
+  z-index: 20;
+}
+.ad-border > svg {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+/* The rings: still masks around the edge (with room for the halo), lit by spots that move. */
+.ad-border-aura,
+.ad-border-core {
+  position: absolute;
+  inset: -16px;
+  /* The mask hides paint, but only clipping keeps moving lights out of scroll geometry. */
+  overflow: clip;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  -webkit-mask-repeat: no-repeat;
+}
+.ad-border-light {
+  position: absolute;
+  top: 0;
+  left: 0;
+  will-change: transform;
+}
+/* Paused borders should not reserve compositor layers for their four static spots. */
+[data-ad-offscreen] .ad-border-light,
+[data-ad-motion="off"] .ad-border-light {
+  will-change: auto;
+}
+[data-ad-color-scheme="light"] .ad-border .ad-border-aura {
+  opacity: 0.4;
+}
+.ad-spinner {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  border: 0.125rem solid rgb(from var(--ad-secondary) r g b / 0.2);
+  border-top-color: var(--ad-secondary-100);
+  border-radius: 50%;
+  animation: ad-spin 0.8s linear infinite;
+}
+@keyframes ad-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+/* Motion off: every animation jumps straight to its final frame, so entrances (dialogs, toasts,
+   popovers) still end visible, and nothing keeps looping. */
+:is([data-ad-motion="off"] .ad, [data-ad-motion="off"] .ad *),
+:is([data-ad-motion="off"] .ad, [data-ad-motion="off"] .ad *)::before,
+:is([data-ad-motion="off"] .ad, [data-ad-motion="off"] .ad *)::after,
+[data-ad-motion="off"] .ad-dialog::backdrop {
+  animation-duration: 0.01ms !important;
+  animation-delay: 0s !important;
+  animation-iteration-count: 1 !important;
+  transition-duration: 0.01ms !important;
+}
+@media (prefers-reduced-motion: reduce) {
+  :root:not([data-ad-motion="on"]) :is(.ad, .ad *),
+  :root:not([data-ad-motion="on"]) :is(.ad, .ad *)::before,
+  :root:not([data-ad-motion="on"]) :is(.ad, .ad *)::after,
+  :root:not([data-ad-motion="on"]) .ad-dialog::backdrop {
+    animation-duration: 0.01ms !important;
+    animation-delay: 0s !important;
+    animation-iteration-count: 1 !important;
+    transition: none !important;
+  }
+}
+/* Ring of light spread from the press point; hosts clip it with overflow: hidden. */
+.ad-ripple {
+  position: absolute;
+  z-index: 0;
+  width: 0.5rem;
+  height: 0.5rem;
+  margin: -0.25rem 0 0 -0.25rem;
+  border-radius: 50%;
+  border: 0.0625rem solid var(--ad-secondary-100);
+  background: radial-gradient(closest-side, rgb(from var(--ad-secondary) r g b / 0.2), transparent);
+  box-shadow: 0 0 0.75rem var(--ad-primary);
+  pointer-events: none;
+  animation: ad-ripple 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
+}
+@keyframes ad-ripple {
+  to {
+    scale: 18;
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ad-ripple {
+    display: none;
+  }
+}
+
+/* Scrollbars inside a themed area: a slim glowing thumb in the primary colour, no arrows, a quiet track.
+   (Setting scrollbar-color would switch Chromium to plain bars, so only the WebKit parts are styled.) */
+.ad-theme ::-webkit-scrollbar {
+  width: clamp(0.6rem, 0.7vw, 1rem);
+  height: clamp(0.6rem, 0.7vw, 1rem);
+}
+.ad-theme ::-webkit-scrollbar-track {
+  border-radius: var(--ad-radius-pill);
+  background: rgb(from var(--ad-neutral-950) r g b / 0.35);
+}
+.ad-theme ::-webkit-scrollbar-thumb {
+  border: 0.18rem solid transparent;
+  border-radius: var(--ad-radius-pill);
+  background: linear-gradient(180deg, var(--ad-secondary), var(--ad-primary)) padding-box;
+  box-shadow: 0 0 0.5rem rgb(from var(--ad-primary) r g b / 0.6);
+}
+.ad-theme ::-webkit-scrollbar-thumb:hover {
+  background: var(--ad-secondary) padding-box;
+}
+.ad-theme ::-webkit-scrollbar-button {
+  display: none;
+}
+.ad-theme ::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* Out of view (see usePauseOffscreen): every animation inside holds still until it scrolls back. */
+[data-ad-offscreen],
+[data-ad-offscreen]::before,
+[data-ad-offscreen]::after,
+[data-ad-offscreen] *,
+[data-ad-offscreen] *::before,
+[data-ad-offscreen] *::after {
+  animation-play-state: paused !important;
+}

package/dist/theme/tokens.css

@@ -0,0 +1,196 @@
+/* Approved Advanced / ENV visual materials. Single source for both pages. */
+:root,
+:host,
+.ad-theme {
+
+  /* Typography */
+  --ad-font-family-sans:
+    "Segoe UI Variable", "Segoe UI", Inter, system-ui, -apple-system,
+    BlinkMacSystemFont, sans-serif;
+  --ad-font-family-mono:
+    "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+  /* Titles (display, h1–h3, card and dialog headings); the text font unless a theme sets one. */
+  --ad-font-family-heading: var(--ad-font-family-sans);
+
+  --ad-font-size-display: clamp(2.125rem, 1.55rem + 1.6vw, 3.125rem);
+  --ad-font-size-h1: clamp(1.75rem, 1.42rem + 0.9vw, 2.375rem);
+  --ad-font-size-h2: clamp(1.5rem, 1.28rem + 0.65vw, 1.9375rem);
+  --ad-font-size-h3: clamp(1.25rem, 1.12rem + 0.4vw, 1.5625rem);
+  --ad-font-size-title: clamp(1.0625rem, 1rem + 0.2vw, 1.1875rem);
+  --ad-font-size-subtitle: clamp(0.9375rem, 0.9rem + 0.15vw, 1.0625rem);
+  --ad-font-size-body: clamp(0.8125rem, 0.78rem + 0.12vw, 0.9375rem);
+  --ad-font-size-body-sm: clamp(0.75rem, 0.72rem + 0.1vw, 0.875rem);
+  --ad-font-size-label: clamp(0.6875rem, 0.66rem + 0.08vw, 0.8125rem);
+  --ad-font-size-caption: clamp(0.625rem, 0.6rem + 0.08vw, 0.75rem);
+
+  --ad-font-weight-regular: 400;
+  --ad-font-weight-medium: 500;
+  --ad-font-weight-semibold: 600;
+  --ad-font-weight-bold: 700;
+
+  --ad-line-height-display: 1.04;
+  --ad-line-height-heading: 1.15;
+  --ad-line-height-title: 1.25;
+  --ad-line-height-body: 1.5;
+  --ad-line-height-compact: 1.3;
+
+  --ad-letter-spacing-display: -0.035em;
+  --ad-letter-spacing-heading: -0.02em;
+  --ad-letter-spacing-title: -0.01em;
+  --ad-letter-spacing-label: 0.015em;
+  --ad-letter-spacing-eyebrow: 0.1em;
+  /* Palette: two inputs, everything else is derived from them. Change --ad-primary and
+     --ad-secondary (or any step below) and every component follows. */
+  --ad-primary: #ff244c;
+  --ad-secondary: #ff7c97;
+  --ad-primary-900: oklch(from var(--ad-primary) 0.18 calc(c * 0.42) h);
+  --ad-primary-800: oklch(from var(--ad-primary) 0.27 calc(c * 0.6) h);
+  --ad-primary-700: oklch(from var(--ad-primary) 0.38 calc(c * 0.78) h);
+  --ad-primary-600: oklch(from var(--ad-primary) 0.5 calc(c * 0.92) h);
+  --ad-secondary-200: oklch(from var(--ad-secondary) 0.84 calc(c * 0.62) h);
+  --ad-secondary-100: oklch(from var(--ad-secondary) 0.92 calc(c * 0.32) h);
+  --ad-secondary-50: oklch(from var(--ad-secondary) 0.97 calc(c * 0.12) h);
+  /* Neutrals: near-greys carrying a hint of the primary hue. */
+  --ad-neutral-950: oklch(from var(--ad-primary) 0.1 0.012 h);
+  --ad-neutral-900: oklch(from var(--ad-primary) 0.14 0.016 h);
+  --ad-neutral-850: oklch(from var(--ad-primary) 0.18 0.018 h);
+  --ad-neutral-800: oklch(from var(--ad-primary) 0.23 0.02 h);
+  --ad-neutral-700: oklch(from var(--ad-primary) 0.32 0.02 h);
+  --ad-neutral-600: oklch(from var(--ad-primary) 0.45 0.02 h);
+  --ad-neutral-500: oklch(from var(--ad-primary) 0.58 0.02 h);
+  --ad-neutral-400: oklch(from var(--ad-primary) 0.7 0.018 h);
+  --ad-neutral-300: oklch(from var(--ad-primary) 0.82 0.014 h);
+  --ad-neutral-200: oklch(from var(--ad-primary) 0.92 0.01 h);
+  --ad-info: #6fc8ff;
+  /* Older names, kept as aliases. */
+  --ad-red: var(--ad-primary);
+  --ad-pink: var(--ad-secondary);
+  --ad-text: #f7f5f8;
+  --ad-muted: #bfc0d9;
+  /* Foreground for intentionally dark accent materials in either colour scheme. */
+  --ad-on-accent: #fff;
+  --ad-on-accent-muted: #f0dfe4;
+  --ad-surface-shell:
+    radial-gradient(ellipse 27.5rem 6.875rem at 37% 0, rgb(from var(--ad-primary-800) r g b / 0.16), transparent)
+      padding-box,
+    radial-gradient(ellipse 9.375rem 28.125rem at 0 65%, rgb(from var(--ad-primary-700) r g b / 0.09), transparent)
+      padding-box,
+    linear-gradient(110deg, var(--ad-neutral-900), var(--ad-neutral-950) 47%, var(--ad-neutral-900)) padding-box,
+    linear-gradient(
+        118deg,
+        var(--ad-secondary),
+        var(--ad-primary-600) 14%,
+        var(--ad-primary-700) 40%,
+        var(--ad-secondary) 75%,
+        var(--ad-primary-600)
+      )
+      border-box;
+  --ad-shadow-shell:
+    0 0 0.375rem rgb(from var(--ad-secondary) r g b / 0.57), 0 0 1.1875rem rgb(from var(--ad-primary) r g b / 0.43), 0 0 2.6875rem rgb(from var(--ad-primary) r g b / 0.21),
+    0 1.5625rem 5.625rem #000b, inset 0 0 0.1875rem rgb(from var(--ad-secondary) r g b / 0.23),
+    inset 0 0 1.375rem rgb(from var(--ad-primary) r g b / 0.14);
+  --ad-surface-card:
+    radial-gradient(
+        ellipse 22.1875rem 9.6875rem at 43% -8%,
+        rgb(from var(--ad-primary) r g b / 0.36),
+        transparent 78%
+      )
+      padding-box,
+    radial-gradient(ellipse 43.75rem 22.5rem at 7% 0, rgb(from var(--ad-neutral-850) r g b / 0.35), transparent)
+      padding-box,
+    linear-gradient(115deg, var(--ad-neutral-900), var(--ad-neutral-900) 61%, var(--ad-neutral-900)) padding-box,
+    linear-gradient(
+        145deg,
+        var(--ad-primary),
+        var(--ad-primary-600) 20%,
+        var(--ad-primary-700) 54%,
+        var(--ad-primary) 82%,
+        var(--ad-primary-600)
+      )
+      border-box;
+  --ad-shadow-card:
+    inset 0 0.0625rem 0.0625rem rgb(from var(--ad-secondary-100) r g b / 0.12), inset 0 0 0.875rem rgb(from var(--ad-primary) r g b / 0.07),
+    0 0 0.6875rem rgb(from var(--ad-primary) r g b / 0.1);
+  --ad-surface-glass:
+    radial-gradient(ellipse at 32% 0, rgb(from var(--ad-primary-800) r g b / 0.19), transparent 62%) padding-box,
+    linear-gradient(135deg, var(--ad-neutral-900), var(--ad-neutral-900) 60%, var(--ad-neutral-850)) padding-box,
+    linear-gradient(125deg, var(--ad-secondary), var(--ad-primary-600) 18%, var(--ad-neutral-700) 49%, var(--ad-primary-600) 100%)
+      border-box;
+  --ad-shadow-glass:
+    inset 0 0.0625rem 0.125rem rgb(from var(--ad-neutral-200) r g b / 0.17), inset 0 0 0.5rem rgb(from var(--ad-secondary-200) r g b / 0.02),
+    0 0.1875rem 0.4375rem #0005;
+  --ad-shadow-glass-hover:
+    0 0 0.875rem rgb(from var(--ad-primary) r g b / 0.2), inset 0 0.0625rem 0.125rem rgb(from var(--ad-secondary-100) r g b / 0.22);
+  --ad-surface-ruby:
+    radial-gradient(ellipse at 35% 0, rgb(from var(--ad-primary-600) r g b / 0.25), transparent 70%) padding-box,
+    radial-gradient(ellipse at 100% 100%, rgb(from var(--ad-primary-600) r g b / 0.27), transparent 68%)
+      padding-box,
+    linear-gradient(140deg, var(--ad-primary-700), var(--ad-primary-900) 55%, var(--ad-primary-700)) padding-box,
+    linear-gradient(125deg, var(--ad-secondary-200), var(--ad-primary) 22%, var(--ad-primary-600) 58%, var(--ad-secondary))
+      border-box;
+  --ad-shadow-ruby:
+    inset 0 0.0625rem 0.125rem rgb(from var(--ad-neutral-200) r g b / 0.46), inset 0 0 0.9375rem rgb(from var(--ad-primary) r g b / 0.28),
+    0 0 0.3125rem rgb(from var(--ad-primary) r g b / 0.3), 0 0 1.1875rem rgb(from var(--ad-primary) r g b / 0.19);
+  --ad-surface-tile:
+    radial-gradient(ellipse at 52% 42%, rgb(from var(--ad-primary-700) r g b / 0.44), rgb(from var(--ad-primary-900) r g b / 0.2) 68%) padding-box,
+    linear-gradient(145deg, var(--ad-primary-900), var(--ad-primary-900) 69%, var(--ad-primary-900)) padding-box,
+    linear-gradient(135deg, var(--ad-primary), var(--ad-primary-700) 22%, var(--ad-primary-600) 68%, var(--ad-primary-700))
+      border-box;
+  --ad-shadow-tile:
+    inset 0 0 0.5625rem rgb(from var(--ad-primary) r g b / 0.14), inset 0 0.0625rem 0.0625rem rgb(from var(--ad-secondary) r g b / 0.17),
+    0 0 0.9375rem rgb(from var(--ad-primary) r g b / 0.16);
+  --ad-surface-input:
+    radial-gradient(ellipse at 75% 0, rgb(from var(--ad-primary-700) r g b / 0.06), transparent 70%) padding-box,
+    linear-gradient(135deg, var(--ad-neutral-900), var(--ad-neutral-900) 60%, var(--ad-neutral-850)) padding-box,
+    linear-gradient(125deg, var(--ad-primary), var(--ad-primary-600) 18%, var(--ad-primary-800) 49%, var(--ad-primary))
+      border-box;
+  --ad-shadow-input:
+    inset 0 0.0625rem 0.125rem rgb(from var(--ad-neutral-200) r g b / 0.13), inset 0 0 0.5rem rgb(from var(--ad-secondary-200) r g b / 0.02),
+    0 0.1875rem 0.4375rem #0005;
+  --ad-surface-dialog:
+    radial-gradient(ellipse at 80% 0, rgb(from var(--ad-primary-700) r g b / 0.25), transparent 70%), var(--ad-neutral-850);
+  --ad-shadow-dialog: 0 0 1.75rem rgb(from var(--ad-primary) r g b / 0.19), 0 2.1875rem 6.25rem #000b;
+
+  /* Adaptive geometry unit: preserves component proportions while scaling gently with the viewport. */
+  --ad-fluid-unit: clamp(0.052rem, 0.043rem + 0.045vw, 0.075rem);
+
+  /* Spacing scale used by Stack / Grid and other layout primitives. */
+  --ad-space-unit: clamp(0.21875rem, 0.18rem + 0.1vw, 0.28125rem);
+  --ad-space-1: calc(var(--ad-space-unit) * 1);
+  --ad-space-2: calc(var(--ad-space-unit) * 2);
+  --ad-space-3: calc(var(--ad-space-unit) * 3);
+  --ad-space-4: calc(var(--ad-space-unit) * 4);
+  --ad-space-5: calc(var(--ad-space-unit) * 5);
+  --ad-space-6: calc(var(--ad-space-unit) * 6);
+  --ad-space-8: calc(var(--ad-space-unit) * 8);
+  --ad-space-10: calc(var(--ad-space-unit) * 10);
+  --ad-space-12: calc(var(--ad-space-unit) * 12);
+
+  --ad-radius: clamp(0.6875rem, 0.58rem + 0.28vw, 0.9375rem);
+  --ad-radius-sm: calc(var(--ad-radius) * 0.6);
+  --ad-radius-lg: calc(var(--ad-radius) * 1.4);
+  --ad-radius-pill: 999rem;
+
+  /* Motion: one set of timings and curves, so every screen moves alike. */
+  --ad-duration-fast: 140ms;
+  --ad-duration-normal: 220ms;
+  --ad-duration-slow: 360ms;
+  --ad-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ad-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
+
+  /* Stacking layers for things floating over a screen. */
+  --ad-z-floating: 40;
+  --ad-z-overlay: 900;
+  --ad-z-toast: 1600;
+  --ad-z-system: 2100;
+  --ad-control-height: clamp(2.375rem, 2.15rem + 0.6vw, 2.875rem);
+  --ad-focus: var(--ad-secondary-100);
+  --ad-success: #11d6a4;
+  --ad-warning: #f0c16a;
+}
+
+/* Only a themed area takes the library's type and dark scheme; the host page keeps its own. */
+.ad-theme {
+  color-scheme: dark;
+  font-family: var(--ad-font-family-sans);
+}

package/dist/theme/typography.d.ts

@@ -0,0 +1,24 @@
+export declare const typography: {
+    readonly fontFamily: {
+        readonly sans: "var(--ad-font-family-sans)";
+        readonly mono: "var(--ad-font-family-mono)";
+    };
+    readonly size: {
+        readonly display: "var(--ad-font-size-display)";
+        readonly h1: "var(--ad-font-size-h1)";
+        readonly h2: "var(--ad-font-size-h2)";
+        readonly h3: "var(--ad-font-size-h3)";
+        readonly title: "var(--ad-font-size-title)";
+        readonly subtitle: "var(--ad-font-size-subtitle)";
+        readonly body: "var(--ad-font-size-body)";
+        readonly bodySmall: "var(--ad-font-size-body-sm)";
+        readonly label: "var(--ad-font-size-label)";
+        readonly caption: "var(--ad-font-size-caption)";
+    };
+    readonly weight: {
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+};

package/dist/tokens.css

@@ -0,0 +1 @@
+@import "./theme/tokens.css";

package/package.json

@@ -1,6 +1,85 @@
 {
   "name": "@neo-ui-kit/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.1",
+  "description": "NEO UI — React component library",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Pro100Dimka/adui.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/Pro100Dimka/adui#readme",
+  "bugs": {
+    "url": "https://github.com/Pro100Dimka/adui/issues"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./editor": {
+      "types": "./dist/editor.d.ts",
+      "import": "./dist/editor.js",
+      "default": "./dist/editor.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.js",
+      "default": "./dist/core.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./package.json": "./package.json",
+    "./components.css": "./dist/components.css",
+    "./fonts/melodix.css": "./dist/fonts/melodix.css",
+    "./router": {
+      "types": "./dist/router.d.ts",
+      "import": "./dist/router.js",
+      "default": "./dist/router.js"
+    },
+    "./forms": {
+      "types": "./dist/forms.d.ts",
+      "import": "./dist/forms.js",
+      "default": "./dist/forms.js"
+    }
+  },
+  "scripts": {
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json",
+    "build": "node scripts/build.mjs",
+    "prepublishOnly": "npm run typecheck && npm run build && npm test"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0 <20",
+    "react-dom": ">=18.2.0 <20"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@types/react-test-renderer": "^19.3.0",
+    "esbuild": "^0.25.12",
+    "react-test-renderer": "^19.3.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "private": false
+}