@nadicodeai/ui 9.2.1 → 10.0.0

package/docs/migration/10.0.0.md

@@ -0,0 +1,144 @@
+# Migrating to `@nadicodeai/ui` 10.0.0
+
+This release carries the nadicode design system settled in
+[the ADR](https://github.com/nadicodeai/nadicodeai/blob/main/docs/adr/2026-09-23-the-nadicode-design-system.md):
+the new logo and name, twelve type tokens named by role, two greens, one motion
+law, activity without spinners, the stepped dark ring, three Agent colours, and
+the website's page grammar retired. `@nadicodeai/ui` 10.0.0 requires
+`@nadicodeai/design-system` 10.0.0; the two packages are released in lockstep.
+The type renames are the largest break for consumers; start there.
+
+## Type tokens
+
+Twelve sizes named by the role they play, Geist and Geist Mono only. Strong is
+a weight, not a token: a 500 run of body copy is `body-md` with
+`font-weight: 500`. Rename the `.nc-type-*` class and the `--nc-type-*` tokens
+at every call site.
+
+| Removed | Use instead |
+| --- | --- |
+| `title-lg` | `display-md` |
+| `title-md` | `heading-lg` |
+| `title-sm` | `heading-md` |
+| `display-md` | `heading-md` |
+| `display-sm` | `heading-sm` |
+| `body-md-strong` | `body-md` plus `font-weight: 500` |
+| `body-sm-strong` | `body-sm` plus `font-weight: 500` |
+| `caption-strong` | `caption` plus `font-weight: 500` |
+| `button-lg` | `body-md` plus `font-weight: 500` |
+| `button-md` | `body-sm` plus `font-weight: 500` |
+| `caption-mono` | `label-mono` |
+
+`display-xl`, `display-lg`, `body-lg`, `body-md`, `body-sm`, `caption` and
+`code` keep their names. `display-md` is now 40/42 rather than 24/32, so a call
+site that used the old small display tier moves to `heading-md`. Tracking is a
+display-tier exception and nothing else: the three display sizes run from
+-0.035em at 72px to -0.025em at 40px, and every other tier is `0px`.
+
+## Colour tokens
+
+Two greens, and only two: `link` carries text, identity verde carries marks.
+
+| Removed | Use instead |
+| --- | --- |
+| `--nc-primary` | `--nc-identity-cobalto` for a brand mark, `--nc-link` for text, or the shadcn `--primary` role for the neutral action |
+| `--nc-dark-primary` | as above; the mode layer maps `--nc-identity-cobalto` in both themes |
+| `--nc-verde-vivo` | `--nc-identity-verde` |
+| `--nc-dark-verde-vivo` | `--nc-identity-verde` |
+
+The shadcn `primary` role is unchanged and still resolves to the neutral action
+family. `success` and `state-complete` are unchanged.
+
+## Motion tokens
+
+| Removed | Use instead |
+| --- | --- |
+| `--nc-duration-spin` | nothing; a busy spinner is not an Agent |
+| `--nc-duration-typing` | nothing; the typewriter line is retired |
+| `--nc-duration-shimmer` | nothing; the shimmer systems are retired |
+| `--nc-duration-pulse` | `--nc-duration-wait`, for the one waiting line |
+| `.nc-anim-typing`, `.nc-anim-pulse`, `.nc-anim-shimmer` | nothing; only Agents move on their own |
+
+One default transition in every product, `confirm` on `out-strong`, is declared
+once in the shipped `motion.css`. One reduced-motion policy replaces the
+per-component switches: movement stops and paint continues, so an overlay keeps
+its fade and only the transform or scale it would have travelled is dropped. A
+component that answered reduced motion with `motion-reduce:transition-none` on a
+paint-only transition should drop that class; one on a mixed transition should
+narrow to `motion-reduce:transition-opacity` instead.
+
+## Elevation
+
+In dark mode the four rungs step their ring: resting 12%, raised 16%, floating
+22%, modal 28% white, in place of one 18% ring on every rung. Light mode and the
+shadow falloff are unchanged, and the `nc-elevation-*` utilities are unchanged,
+so a consumer that uses the rung by name needs no edit.
+
+## Agent colours
+
+`agentOrbColors` is `cobalto`, `verde` and `arancio`, beside the inherited
+default. Rosso left the picker because it is exactly the error red, and a red
+Agent beside a red status badge read as a broken Agent. `agentOrbColorValues`
+and `agentOrbColorTokens` lose their `rosso` entry with it, so a caller that
+indexed either by a stored string must go through `resolveAgentOrb`, which maps
+a stored rosso, by name or by the `#d3302f` hex, to arancio. The retired
+spelling is exported as `retiredAgentOrbColorValues` for fixtures and tests.
+Nadia's ribbon keeps its rosso stripe.
+
+## Removed components
+
+| Removed | Use instead |
+| --- | --- |
+| `components/brand` (`BrandLockup`) | `BrandWordmark` |
+
+There is no lockup any more. The wordmark names the company in full and the n
+is already inside it, so a placement carrying `BrandMark` and `BrandWordmark`
+together draws the letter twice; pick the one form the space allows.
+`BrandMark` and `BrandWordmark` keep their props, and their default accessible
+name is now `nadicode`.
+
+## Removed assets
+
+The design system publishes seven files, as SVG and as transparent PNG, under
+the names the ADR gives them. Append `.png` to any route for the raster.
+
+| Removed | Use instead |
+| --- | --- |
+| `assets/logo-lockup`, `assets/logo-wordmark` | `assets/logo` |
+| `assets/logo-lockup-inverse`, `assets/logo-wordmark-inverse` | `assets/logo-white` |
+| `assets/logo-lockup-mono`, `assets/logo-wordmark-mono` | `assets/logo-one-ink` |
+| `assets/logo-mark` | `assets/mark` |
+| `assets/logo-mark-inverse` | `assets/mark-white` |
+| `assets/logo-mark-mono` | `assets/mark`; the n is one ink already |
+| `assets/logo-lockup-on-verde`, `assets/logo-mark-on-verde`, `assets/logo-wordmark-on-verde` | No replacement. The logo is never mounted on a verde field. |
+
+Added: `assets/logo-one-ink-white`, the one-ink wordmark on a dark ground, and
+`assets/app-icon`, the white n on the cobalto tile at 1024 for an application
+icon slot. The one-ink files exist for embossing, stamps and one-colour print,
+where a second colour cannot be laid down.
+
+`assets/logo-geometry` keeps its route and changes shape. `LogoPaints` is now a
+record of paint roles, `ink` for every stroked letter, `dot` for the dot over
+the i and `tile` for the icon's field, and a geometry that names a role the
+caller did not supply throws instead of rendering an unpainted shape.
+`resolveLogoGeometry` no longer takes `idPrefix`: the geometry emits no DOM id,
+so two logos on a page cannot collide. `logoLockupGeometry` is removed;
+`logoWordmarkGeometry` and `logoMarkGeometry` remain and `logoIconGeometry`
+is added.
+
+## Tokens
+
+| Added | Why |
+| --- | --- |
+| `--nc-logo-dot` | The dot's colour, #1e3cff, and the only token a consumer paints it with. |
+| `--nc-logo-dot` under `.dark` | #4d6bff, so the dot does not sink into black. |
+
+A consumer that painted the logo with `--nc-primary` moves to `--nc-logo-dot`.
+The generated mode layer flips it under any dark ancestor, so one rendered form
+serves both grounds.
+
+## The name
+
+The company is nadicode, lowercase. Package names and domains are unchanged;
+the accessible name of every shipped logo file and both React adapters is now
+`nadicode`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "9.2.1",
+  "version": "10.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,9 +20,9 @@
       "types": "./dist/agents.d.ts",
       "import": "./dist/agents.js"
     },
-    "./activity": {
-      "types": "./dist/activity.d.ts",
-      "import": "./dist/activity.js"
+    "./agent-orb": {
+      "types": "./dist/agent-orb.d.ts",
+      "import": "./dist/agent-orb.js"
     },
     "./hooks": {
       "types": "./dist/hooks/index.d.ts",
@@ -43,7 +43,9 @@
     "./components/*": {
       "types": "./dist/components/*.d.ts",
       "import": "./dist/components/*.js"
-    }
+    },
+    "./assets/brand/index.json": "./dist/assets/brand/index.json",
+    "./assets/brand/*": "./dist/assets/brand/*"
   },
   "files": [
     "dist",
@@ -70,7 +72,7 @@
     "@assistant-ui/react": "0.15.21",
     "@assistant-ui/react-markdown": "0.14.16",
     "@base-ui/react": "^1.8.0",
-    "@nadicodeai/design-system": "9.2.1",
+    "@nadicodeai/design-system": "10.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -89,7 +91,6 @@
     "tailwind-merge": "^3.7.0",
     "thinking-orbs": "0.3.1",
     "tw-animate-css": "^1.4.0",
-    "tw-shimmer": "0.4.13",
     "zustand": "^5.0.14"
   },
   "peerDependencies": {

package/dist/activity.d.ts

@@ -1,2 +0,0 @@
-export { mountActivityOrb, type ActivityKind, type ActivityOrbSize } from "./internal/activity-orb.js";
-//# sourceMappingURL=activity.d.ts.map

package/dist/activity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity.d.ts","sourceRoot":"","sources":["../src/activity.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/activity.js

@@ -1,2 +0,0 @@
-// The same activity renderer for native startup HTML, before React is loaded.
-export { mountActivityOrb } from "./internal/activity-orb.js";

package/dist/components/activity-orb.d.ts

@@ -1,21 +0,0 @@
-import { type CSSProperties } from "react";
-import { type ActivityKind, type ActivityOrbSize } from "../internal/activity-orb.js";
-export type { ActivityKind, ActivityOrbSize } from "../internal/activity-orb.js";
-export type ActivityOrbProps = {
-    activity: ActivityKind;
-    className?: string;
-    style?: CSSProperties;
-    /** Freeze the animation for a preview or a user-controlled motion pause. */
-    paused?: boolean;
-    /** 20 inline, 64 within a region, 88 on an application's entry screen. */
-    size?: ActivityOrbSize;
-} & ({
-    decorative: true;
-    label?: never;
-} | {
-    decorative?: false;
-    label: string;
-});
-/** The shared system-activity family. The consumer owns the actual operation. */
-export declare function ActivityOrb({ activity, className, decorative, label, paused, size, style, ...props }: ActivityOrbProps): import("react").JSX.Element;
-//# sourceMappingURL=activity-orb.d.ts.map

package/dist/components/activity-orb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-orb.d.ts","sourceRoot":"","sources":["../../src/components/activity-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAoB,MAAM,yBAAyB,CAAC;AAGpG,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,CAAC;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElF,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,KAAK,EACL,MAAc,EACd,IAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmClB"}

package/dist/components/activity-orb.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { mountActivityOrb } from "../internal/activity-orb.js";
-import { cn } from "../lib/utils.js";
-/** The shared system-activity family. The consumer owns the actual operation. */
-export function ActivityOrb({ activity, className, decorative = false, label, paused = false, size = 20, style, ...props }) {
-    const canvas = useRef(null);
-    const renderer = useRef(null);
-    const initiallyPaused = useRef(paused);
-    useEffect(() => {
-        if (!canvas.current)
-            return;
-        const mounted = mountActivityOrb(canvas.current, activity, size, initiallyPaused.current);
-        renderer.current = mounted;
-        return () => {
-            mounted.destroy();
-            renderer.current = null;
-        };
-    }, [activity, size]);
-    useEffect(() => {
-        initiallyPaused.current = paused;
-        renderer.current?.setPaused(paused);
-    }, [activity, paused, size]);
-    return (_jsx("canvas", { ...props, "aria-hidden": decorative || undefined, "aria-label": decorative ? undefined : label, className: cn("inline-block shrink-0 align-middle", className), "data-activity": activity, "data-slot": "activity-orb", height: size, ref: canvas, role: decorative ? undefined : "img", style: { ...style, height: size, width: size }, width: size, children: decorative ? null : label }));
-}

package/dist/components/benefits-bento.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-type BenefitItem = {
-    title: string;
-    body: string;
-};
-declare function BenefitsBento({ kicker, title, body, image, benefits, ...props }: React.ComponentProps<"div"> & {
-    kicker: string;
-    title: string;
-    body: string;
-    image: React.ReactNode;
-    benefits: BenefitItem[];
-}): React.JSX.Element;
-export { BenefitsBento };
-export type { BenefitItem };
-//# sourceMappingURL=benefits-bento.d.ts.map

package/dist/components/benefits-bento.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"benefits-bento.d.ts","sourceRoot":"","sources":["../../src/components/benefits-bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB,qBAuBA;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/benefits-bento.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bento, BentoItem } from "./bento.js";
-function BenefitsBento({ kicker, title, body, image, benefits, ...props }) {
-    return (_jsx("div", { "data-slot": "benefits-bento", ...props, children: _jsxs(Bento, { columns: 2, children: [_jsx(BentoItem, { flush: true, stretch: true, children: image }), _jsxs(BentoItem, { children: [_jsx("p", { className: "nc-type-caption-mono text-muted-foreground uppercase", children: kicker }), _jsx("h2", { className: "nc-type-title-md text-foreground", children: title }), _jsx("p", { className: "nc-type-body-md text-[var(--nc-body)]", children: body }), _jsx("div", { className: "grid gap-4 pt-2 sm:grid-cols-2", children: benefits.map((benefit) => (_jsxs("div", { className: "grid gap-1", children: [_jsx("h3", { className: "nc-type-body-md-strong text-foreground", children: benefit.title }), _jsx("p", { className: "nc-type-body-sm text-[var(--nc-body)]", children: benefit.body })] }, benefit.title))) })] })] }) }));
-}
-export { BenefitsBento };

package/dist/components/bento.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-/**
- * bento — NadicodeAI's bordered marketing grid grammar.
- *
- * This is the reusable shadcn-style source component for bento sections. The
- * grid owns seams once (`gap-px bg-border`, via `SeamGrid` with no `surface`);
- * cells are borderless fills. Pages choose content and spans, not border math.
- *
- * `tone="night"` renders the always-dark V5 bento: rather than a `dark:` utility
- * (forbidden) it sets the `dark` ancestor class on the grid root, so the seam
- * (`bg-border`), the `bg-card` cell fills, and the `BentoIndex`/`BentoTitle`/
- * `BentoBody` roles all resolve to their dark values. Only standard shadcn role
- * utilities are composed. Token-only.
- */
-declare const spanClasses: Record<number, string>;
-declare const columnClasses: Record<number, string>;
-declare function Bento({ className, height, columns, tone, ...props }: React.ComponentProps<"div"> & {
-    height?: "auto" | "primary" | "secondary";
-    columns?: keyof typeof columnClasses;
-    tone?: "canvas" | "night";
-}): React.JSX.Element;
-declare function BentoItem({ className, span, surface, flush, stretch, hover, ...props }: React.ComponentProps<"div"> & {
-    span?: keyof typeof spanClasses;
-    surface?: "card" | "soft" | "transparent";
-    flush?: boolean;
-    stretch?: boolean;
-    hover?: boolean;
-}): React.JSX.Element;
-declare function BentoIndex({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function BentoTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
-declare function BentoBody({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function BentoCopy({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function BentoMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function BentoDemo({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function BentoDivider({ label, className, ...props }: React.ComponentProps<"div"> & {
-    label?: string;
-}): React.JSX.Element;
-export { Bento, BentoItem, BentoIndex, BentoTitle, BentoBody, BentoCopy, BentoMedia, BentoDemo, BentoDivider, };
-//# sourceMappingURL=bento.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bento.d.ts","sourceRoot":"","sources":["../../src/components/bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAavC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKzC,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,MAAe,EACf,OAAY,EACZ,IAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B,qBAkBA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,IAAI,EACJ,OAAgB,EAChB,KAAa,EACb,OAAe,EACf,KAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,qBAoBA;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQtE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAQpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAItE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,qBAUlD;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,GACb,CAAC"}

package/dist/components/bento.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-import { SeamGrid } from "./seam-grid.js";
-/**
- * bento — NadicodeAI's bordered marketing grid grammar.
- *
- * This is the reusable shadcn-style source component for bento sections. The
- * grid owns seams once (`gap-px bg-border`, via `SeamGrid` with no `surface`);
- * cells are borderless fills. Pages choose content and spans, not border math.
- *
- * `tone="night"` renders the always-dark V5 bento: rather than a `dark:` utility
- * (forbidden) it sets the `dark` ancestor class on the grid root, so the seam
- * (`bg-border`), the `bg-card` cell fills, and the `BentoIndex`/`BentoTitle`/
- * `BentoBody` roles all resolve to their dark values. Only standard shadcn role
- * utilities are composed. Token-only.
- */
-const spanClasses = {
-    1: "lg:col-span-1",
-    2: "lg:col-span-2",
-    3: "lg:col-span-3",
-    4: "lg:col-span-4",
-    5: "lg:col-span-5",
-    6: "lg:col-span-6",
-    7: "lg:col-span-7",
-    8: "lg:col-span-8",
-    9: "lg:col-span-9",
-    10: "lg:col-span-10",
-    11: "lg:col-span-11",
-    12: "lg:col-span-12",
-};
-const columnClasses = {
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-3",
-    4: "grid-cols-1 md:grid-cols-4",
-    12: "grid-cols-1 lg:grid-cols-12",
-};
-function Bento({ className, height = "auto", columns = 12, tone = "canvas", ...props }) {
-    return (_jsx(SeamGrid, { "data-slot": "bento", "data-height": height, "data-tone": tone, className: cn("items-stretch", 
-        // always-dark V5 bento: flip roles via the ancestor class, not `dark:`.
-        tone === "night" && "dark", columnClasses[columns], height === "primary" && "lg:h-[var(--nc-h-bento-primary)]", height === "secondary" && "lg:h-[var(--nc-h-bento-secondary)]", className), ...props }));
-}
-function BentoItem({ className, span, surface = "card", flush = false, stretch = false, hover = false, ...props }) {
-    return (_jsx("div", { "data-slot": "bento-item", "data-surface": surface, className: cn("nc-panel-cell relative min-w-0 overflow-hidden", span ? spanClasses[span] : null, surface === "card" && "bg-card", 
-        // `muted` (== canvas-soft) flips with any `.dark` ancestor.
-        surface === "soft" && "bg-muted", 
-        // V5 hover surface shift: card fill lifts toward the muted role.
-        hover && "transition-colors hover:bg-muted", flush && "!p-0", stretch && "items-stretch ![align-content:stretch] ![grid-template-rows:minmax(0,1fr)]", className), ...props }));
-}
-function BentoIndex({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "bento-index", className: cn("nc-type-caption-mono text-primary", className), ...props }));
-}
-function BentoTitle({ className, ...props }) {
-    return (_jsx("h3", { "data-slot": "bento-title", className: cn("nc-type-body-md-strong text-foreground", className), ...props }));
-}
-function BentoBody({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "bento-body", className: cn("nc-type-body-sm text-muted-foreground", className), ...props }));
-}
-function BentoCopy({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "bento-copy", className: cn("relative z-10 grid gap-4", className), ...props }));
-}
-function BentoMedia({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "bento-media", className: cn("grid min-h-0 items-stretch", className), ...props }));
-}
-function BentoDemo({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "bento-demo", className: cn("grid min-h-0 items-stretch", className), ...props }));
-}
-function BentoDivider({ label, className, ...props }) {
-    return (_jsx("div", { "data-slot": "bento-divider", className: cn("grid bg-card", className), ...props, children: _jsx("div", { className: "nc-dotted-field grid min-h-[calc(var(--nc-h-bento-strip)*2)] place-items-center bg-card", children: label ? (_jsx("span", { className: "nc-type-caption-mono text-muted-foreground uppercase", children: label })) : null }) }));
-}
-export { Bento, BentoItem, BentoIndex, BentoTitle, BentoBody, BentoCopy, BentoMedia, BentoDemo, BentoDivider, };

package/dist/components/glyph-spinner.d.ts

@@ -1,10 +0,0 @@
-type SpinnerName = "braille" | "braillewave" | "dna" | "scan" | "rain" | "scanline" | "pulse" | "snake" | "sparkle" | "cascade" | "columns" | "orbit" | "breathe" | "waverows" | "checkerboard" | "helix" | "fillsweep" | "diagswipe";
-interface GlyphSpinnerProps {
-    ariaLabel?: string;
-    className?: string;
-    spinner?: SpinnerName;
-}
-declare function GlyphSpinner({ ariaLabel, className, spinner, }: GlyphSpinnerProps): import("react").JSX.Element;
-export { GlyphSpinner };
-export type { SpinnerName };
-//# sourceMappingURL=glyph-spinner.d.ts.map

package/dist/components/glyph-spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"glyph-spinner.d.ts","sourceRoot":"","sources":["../../src/components/glyph-spinner.tsx"],"names":[],"mappings":"AAKA,KAAK,WAAW,GACZ,SAAS,GACT,aAAa,GACb,KAAK,GACL,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,cAAc,GACd,OAAO,GACP,WAAW,GACX,WAAW,CAAC;AAuFhB,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AACD,iBAAS,YAAY,CAAC,EACpB,SAAqB,EACrB,SAAS,EACT,OAAmB,GACpB,EAAE,iBAAiB,+BAwBnB;AACD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/glyph-spinner.js

@@ -1,101 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { cn } from "../lib/utils.js";
-const FRAMES_BY_NAME = {
-    braille: {
-        frames: ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"],
-        interval: 80,
-    },
-    braillewave: {
-        frames: ["⠁", "⠂", "⠄", "⡀", "⢀", "⠠", "⠐", "⠈"],
-        interval: 100,
-    },
-    dna: {
-        frames: ["⠋", "⠉", "⠙", "⠚", "⠒", "⠂", "⠂", "⠒", "⠲", "⠴", "⠤", "⠄"],
-        interval: 80,
-    },
-    scan: {
-        frames: ["⠀", "⡇", "⣿", "⢸", "⠀", "⠀", "⠀", "⠀", "⠀", "⠀"],
-        interval: 70,
-    },
-    rain: {
-        frames: ["⢁", "⠂", "⠄", "⡈", "⠐", "⠠", "⢁", "⠂", "⠄", "⡈", "⠐", "⠠"],
-        interval: 100,
-    },
-    scanline: { frames: ["⠉", "⠓", "⠦", "⣄", "⠦", "⠓"], interval: 120 },
-    pulse: { frames: ["⠀", "⠰", "⢾", "⣏", "⡁"], interval: 180 },
-    snake: {
-        frames: ["⣁", "⣉", "⡉", "⠉", "⠈", "⠀", "⠐", "⠒", "⠖", "⠶", "⠦", "⠤", "⠠", "⠀", "⢀", "⣀"],
-        interval: 80,
-    },
-    sparkle: { frames: ["⡡", "⠊", "⢔", "⡁", "⢔", "⠨"], interval: 150 },
-    cascade: {
-        frames: ["⠀", "⠀", "⠁", "⠋", "⠞", "⡴", "⣠", "⢀", "⠀", "⠀", "⠀", "⠀", "⠀", "⠀"],
-        interval: 60,
-    },
-    columns: {
-        frames: [
-            "⡀",
-            "⡄",
-            "⡆",
-            "⡇",
-            "⣇",
-            "⣧",
-            "⣷",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⣿",
-            "⠀",
-        ],
-        interval: 60,
-    },
-    orbit: { frames: ["⠃", "⠉", "⠘", "⠰", "⢠", "⣀", "⡄", "⠆"], interval: 100 },
-    breathe: {
-        frames: ["⠀", "⠂", "⠌", "⡑", "⢕", "⢝", "⣫", "⣟", "⣿", "⣟", "⣫", "⢝", "⢕", "⡑", "⠌", "⠂", "⠀"],
-        interval: 100,
-    },
-    waverows: {
-        frames: ["⠖", "⡠", "⣠", "⣄", "⠢", "⠙", "⠉", "⠊", "⠜", "⡤", "⣀", "⢤", "⠣", "⠑", "⠉", "⠋"],
-        interval: 90,
-    },
-    checkerboard: { frames: ["⢕", "⡪", "⢊", "⡡"], interval: 250 },
-    helix: {
-        frames: ["⢌", "⣉", "⣉", "⡱", "⢎", "⣉", "⣉", "⡱", "⢎", "⣉", "⣉", "⡱", "⢎", "⣉", "⣉", "⡱"],
-        interval: 80,
-    },
-    fillsweep: {
-        frames: ["⣀", "⣤", "⣶", "⣿", "⣿", "⣿", "⣶", "⣤", "⣀", "⠀", "⠀"],
-        interval: 100,
-    },
-    diagswipe: {
-        frames: ["⠁", "⠋", "⠟", "⡿", "⣿", "⣿", "⣿", "⣿", "⣾", "⣴", "⣠", "⢀", "⠀", "⠀", "⠀", "⠀"],
-        interval: 60,
-    },
-};
-function GlyphSpinner({ ariaLabel = "Loading", className, spinner = "braille", }) {
-    const spin = FRAMES_BY_NAME[spinner];
-    const [frame, setFrame] = useState(0);
-    useEffect(() => {
-        setFrame(0);
-        const id = window.setInterval(() => setFrame((value) => (value + 1) % spin.frames.length), spin.interval);
-        return () => window.clearInterval(id);
-    }, [spin]);
-    return (_jsx("span", { "aria-label": ariaLabel, className: cn("inline-flex items-center justify-center font-mono leading-none tabular-nums", className), "data-slot": "glyph-spinner", role: "status", children: spin.frames[frame] }));
-}
-export { GlyphSpinner };

package/dist/components/nav-bar.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-/**
- * nav-bar — the fixed, always-dark glass navigation bar.
- *
- * A three-track grid (`1fr auto 1fr`): logo lockup leading, route links centered,
- * CTA cluster trailing. It is a PERMANENT dark glass bar regardless of the page
- * section it floats over, so the root carries its own `dark` ancestor class and
- * resolves every surface from semantic roles. `GlassControl` owns the complete
- * glass material; this component contributes only navigation layout.
- *
- * `position: fixed` pins it to the viewport top; the consuming page owns the top
- * padding that clears it. Below ~960px the centered links slot hides and the grid
- * collapses to logo + CTA.
- *
- * A11y: links/triggers expose a `--ring` focus outline; the consumer wraps this in
- * a `<nav aria-label>`. Token-only; the root sets its own `dark` class (an accepted
- * ancestor-class remap), never `dark:` utilities.
- */
-declare function NavBar({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function NavBarLogo({ className, ...props }: React.ComponentProps<"a">): React.JSX.Element;
-declare function NavBarLinks({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function NavBarCta({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { NavBar, NavBarLogo, NavBarLinks, NavBarCta };
-//# sourceMappingURL=nav-bar.d.ts.map

package/dist/components/nav-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAWrE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAexE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/nav-bar.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GlassControl } from "./glass-control.js";
-import { cn } from "../lib/utils.js";
-/**
- * nav-bar — the fixed, always-dark glass navigation bar.
- *
- * A three-track grid (`1fr auto 1fr`): logo lockup leading, route links centered,
- * CTA cluster trailing. It is a PERMANENT dark glass bar regardless of the page
- * section it floats over, so the root carries its own `dark` ancestor class and
- * resolves every surface from semantic roles. `GlassControl` owns the complete
- * glass material; this component contributes only navigation layout.
- *
- * `position: fixed` pins it to the viewport top; the consuming page owns the top
- * padding that clears it. Below ~960px the centered links slot hides and the grid
- * collapses to logo + CTA.
- *
- * A11y: links/triggers expose a `--ring` focus outline; the consumer wraps this in
- * a `<nav aria-label>`. Token-only; the root sets its own `dark` class (an accepted
- * ancestor-class remap), never `dark:` utilities.
- */
-function NavBar({ className, ...props }) {
-    return (_jsx(GlassControl, { "data-slot": "nav-bar", shape: "bar", className: cn("dark fixed inset-x-0 top-0 z-30 grid min-h-16 grid-cols-[1fr_auto] items-center gap-4 px-4 py-3 text-foreground sm:px-8 lg:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)]", className), ...props }));
-}
-function NavBarLogo({ className, ...props }) {
-    return (_jsx("a", { "data-slot": "nav-bar-logo", className: cn("inline-flex w-fit items-center gap-2.5 text-sm font-semibold text-foreground no-underline [&_img]:block [&_img]:h-7 [&_img]:w-auto [&_svg]:block [&_svg]:h-7 [&_svg]:w-auto", className), ...props }));
-}
-function NavBarLinks({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "nav-bar-links", className: cn("hidden items-center justify-center gap-1 text-sm text-muted-foreground lg:inline-flex", 
-        // each link reads as a flat pill with hover/focus affordance against the glass.
-        "[&_a]:rounded-sm [&_a]:px-3 [&_a]:py-2 [&_a]:text-inherit [&_a]:no-underline [&_a]:transition-colors", "[&_a:hover]:bg-accent [&_a:hover]:text-foreground", "[&_a[data-active]]:text-foreground", className), ...props }));
-}
-function NavBarCta({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "nav-bar-cta", className: cn("inline-flex items-center gap-3 justify-self-end", className), ...props }));
-}
-export { NavBar, NavBarLogo, NavBarLinks, NavBarCta };

package/dist/components/page-frame.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-/**
- * page-frame — React shell for the kept design-system page geometry.
- *
- * The design-system owns the frame, row, lane, side-fill, rail, and marker CSS.
- * This component gives website pages a small React vocabulary so they do not
- * hand-author the same structure for every section. It intentionally does not
- * replace the geometry layer; it only composes the approved classes.
- */
-declare function PageSystem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function PageFrame({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-type PageMarkerPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
-type PageRowProps = React.ComponentProps<"section"> & {
-    lane?: "active" | "full";
-    laneClassName?: string;
-    sideFills?: boolean;
-    marker?: PageMarkerPosition;
-};
-declare function PageRow({ lane, laneClassName, sideFills, marker, className, children, ...props }: PageRowProps): React.JSX.Element;
-declare function PageLane({ lane, className, ...props }: React.ComponentProps<"div"> & {
-    lane?: "active" | "full";
-}): React.JSX.Element;
-declare function PageSideFill({ side, className, ...props }: React.ComponentProps<"div"> & {
-    side: "start" | "end";
-}): React.JSX.Element;
-declare function PageMarker({ position, className, ...props }: React.ComponentProps<"span"> & {
-    position: PageMarkerPosition;
-}): React.JSX.Element;
-export { PageSystem, PageFrame, PageRow, PageLane, PageSideFill, PageMarker };
-//# sourceMappingURL=page-frame.d.ts.map

package/dist/components/page-frame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-frame.d.ts","sourceRoot":"","sources":["../../src/components/page-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AAEH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAItE;AAED,KAAK,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEpF,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,iBAAS,OAAO,CAAC,EACf,IAAe,EACf,aAAa,EACb,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,qBAad;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;CAAE,qBAS5D;AAED,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,qBAIzD;AAED,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,qBASjE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}