@nadicodeai/ui 10.1.0 → 12.1.0

package/AGENTS.md

@@ -1,29 +1,44 @@
 # @nadicodeai/ui
 
-Shared React components, primitives, Agent interfaces, and page compositions.
-Source lives in `src/`; consumers receive `dist/` through `package.json`
-exports.
+Shared React components, primitives, the Agent conversation interface, and
+product compositions. Source lives in `src/`; consumers receive `dist/` through
+`package.json` exports.
 
-- Component changes and admission: `docs/contract.md`.
-- Consumer setup: `docs/consuming-cross-repo.md`.
-- Tokens, CSS, motion, and assets: `../design-system/DESIGN.md`.
-- Agent identity, the orbs and their stored appearance: `docs/agent-orb.md`.
-- System activity indicators: `docs/activity.md`.
-- `ModelIdentity`, the adapter over `ModelMark`: `docs/model-identity.md`.
-- Icons as SVG files, for a consumer without React: `docs/icon-assets.md`.
-- Shared compositions and whether a component is package or app owned:
-  `docs/product-compositions.md`, `docs/component-classification.md`.
-- Shell skeletons, plugin, installer, automation and settings sections:
-  `docs/product-sections.md`.
-- What belongs in this package and what belongs in a product: `docs/contract.md`,
-  "Placement". Nadia's entry screen is the worked example that moved out.
-- Package releases: `../../docs/agents/publish.md`.
+Every design rule a component follows is in `../design-system/DESIGN.md`:
+tokens, roles, materials, glass, motion, status, activity, Agent orbs, marks and
+the component rules in its "Components" section. This file holds only how the
+package is kept.
 
-`npm run dev -w @nadicodeai/ui` watches source and refreshes `dist/`;
-`build:dev` refreshes it once. Remaining commands live in `package.json`;
-validation policy is in `../../docs/agents/develop.md`.
+- **Styling.** A component uses the semantic roles and the generated tokens, and
+  nothing else: no raw colour, no `dark:` utility, no mode branch, no second
+  token vocabulary. A new value is added to `DESIGN.md` first.
+- **Placement.** This package holds what at least two products use; what one
+  product alone needs lives in that product. A component admitted without a
+  consumer, or left unconsumed after the migration it was built for, is removed.
+- **Boundaries.** The package owns presentation. Apps own routing, auth, data,
+  server actions, runtime adapters, permissions and copy. Apps change a
+  component's appearance only through its typed variants and slots; a new
+  appearance is added here.
+- **Source.** Components stay flat under `src/components/`; reviewed registry
+  source sits in `src/internal/` and is not a public namespace. Base UI is the
+  primitive base: no Radix or vaul, and `cmdk` only for the stock Command. A
+  shadcn block named in a task (`dashboard-01`, `login-02`) is used as that
+  registry item. Auth screens start from their shadcn block in the app; this
+  package ships no auth abstraction.
+- **Agents.** `@nadicodeai/ui/agents` re-exports assistant-ui and our reviewed
+  compositions; `@nadicodeai/ui/agent-orb` is the React-free entry a native
+  startup screen paints an orb with before React loads.
+- **Brand marks** are generated, never drawn or edited by hand: add a brand to
+  the allow-list in `scripts/build-brand-icons.mjs` and run
+  `npm run generate:brand-icons -w @nadicodeai/ui`. Every upstream travels with
+  its licence in `LICENSES/` and `NOTICE`.
+- **Charts** are stock shadcn registry items; the deliberate deviations are held
+  by `tests/guards/chart-kit.test.ts`. A chart the kit lacks is pulled from
+  `https://ui.shadcn.com/r/styles/new-york-v4/<name>.json`.
+- **Releases.** A change to anything the package ships bumps both packages in
+  lockstep: `../../docs/agents/publish.md`.
 
-When a brand-icon or model-maker allow-list changes, run
-`generate:brand-icons`.
-Use current shadcn or assistant-ui discovery for their components;
-`--overwrite` requires authorization to replace the affected component.
+`npm run dev -w @nadicodeai/ui` watches source and refreshes `dist/`;
+`build:dev` refreshes it once. Validation policy is in
+`../../docs/agents/develop.md`. Use current shadcn or assistant-ui discovery for
+their components; `--overwrite` requires authorization to replace a component.

package/README.md

@@ -1,152 +1,87 @@
 # @nadicodeai/ui
 
-Shared React UI for nadicode ecosystem apps, authored as shadcn-style source
-and published as a built package.
-
-The package exports ESM JavaScript, TypeScript declarations, and the Tailwind v4
-entry stylesheet needed by consuming apps. It is intentionally coupled to
-`@nadicodeai/design-system`: the design-system package owns brand tokens,
-framework-agnostic geometry, fonts, assets, and CSS components; this package owns
-React components and reusable section compositions on those tokens. Shared
-product compositions ship when their source, public subpath export, contract,
-and tests exist together.
-
-The package ships:
-
-- shadcn source components under `@nadicodeai/ui/components/*`, backed by Base UI primitives where a headless primitive is needed
-- the Agent UI interface at `@nadicodeai/ui/agents`
-- React adapters over the design-system grammar and assets
-- reusable marketing/section compositions
-- presentational product components for shared application surfaces
-- package-local agent guidance: `AGENTS.md`, `docs/contract.md`, and
-  `docs/migration/`
-
-The package surface is source-backed and flat under `src/components/`. Reviewed
-third-party registry source stays under `src/internal/` and is not a package
-namespace. Do not document folders or package namespaces that do not exist.
-Do not add top-level exports for recipes, blocks, agent, or terminal groupings
-until a concrete package API decision adds source, built files, docs, and tests
-together. Routes, persistence, auth behavior, server state, runtime adapters,
-and app-owned product features/use cases stay in consuming apps such as
-`apps/website/`, `apps/portal/`, and sibling Nadia apps. The package contract owns the
-admission boundary; this README does not maintain a second rule set.
+nadicode's React components, published as a built package: shadcn components on
+Base UI, the chart kit, the Agent conversation interface, and the product
+compositions the website, the Portal and Nadia share. They build on
+`@nadicodeai/design-system`, whose `DESIGN.md` is the design system and its only
+design authority.
 
 ## Install
 
-Follow [`docs/consuming-cross-repo.md`](docs/consuming-cross-repo.md). It owns the
-install command, exact-version policy, peer requirements, dependency boundary,
-and separate-asset exception. The package is scoped for public npm registry
-publishing.
+Pin an exact version, never `latest` or a range:
 
-## CSS
-
-The package exposes one complete React stylesheet. Follow
-[`docs/consuming-cross-repo.md`](docs/consuming-cross-repo.md) for the complete
-consumer setup contract.
-
-Component styling rules live in [`docs/contract.md`](docs/contract.md). That
-contract owns token-only styling, canonical role use, and the ban on
-component-local dark implementations. This README does not
-restate those rules.
-
-## Imports
-
-Prefer direct subpath imports in app code:
-
-```tsx
-import { Button } from "@nadicodeai/ui/components/button";
-import { Thread } from "@nadicodeai/ui/agents";
+```bash
+npm view @nadicodeai/ui version
+npm install @nadicodeai/ui@<exact-version> react@^19 react-dom@^19 tailwindcss@^4 @tailwindcss/postcss@^4
 ```
 
-The root export is available for tooling and DX, but direct component subpaths
-keep package use explicit and friendly to bundlers.
+The package installs its exact `@nadicodeai/design-system` and its Agent UI
+implementation. Import conversation presentation, runtimes, providers and hooks
+from `@nadicodeai/ui/agents`, never from assistant-ui directly. Declare
+`@nadicodeai/design-system` yourself only for a separate public API of it, such
+as its static CSS or its asset files, pinned to the version the installed UI
+release requires (`npm view @nadicodeai/ui@<version> dependencies`).
 
-Product components use the same public component subpaths:
+## Stylesheet
 
-```tsx
-import { DashboardShell } from "@nadicodeai/ui/components/dashboard-shell";
-import { Thread } from "@nadicodeai/ui/agents";
-```
+An application this design system styles whole imports one stylesheet, once, at
+its root:
 
-## Discover components
-
-The component inventory is generated from source instead of maintained in
-prose. In this repository, `src/components/**/*.tsx` owns the module set;
-`src/index.ts` owns the barrel. `package.json` exposes
-that source-backed surface through `./components/*`, and the build writes the
-consumer view to `dist/components/**/*.d.ts`.
-
-Use the source tree while maintaining this package. In an installed package,
-use its `package.json` exports and generated declarations for current subpaths,
-exports, and prop types.
+```ts
+import "@nadicodeai/ui/globals.css";
+```
 
-## Product components
+It composes Tailwind v4, shadcn, the complete design-system CSS and the brand
+typeface; add no other font loader for Geist, and no design-system stylesheet
+beside it. A host that runs Tailwind over base styles of its own imports
+`@nadicodeai/design-system/css/host` and then `@nadicodeai/ui/components.css`
+instead, keeping its own shadcn roles.
 
-[`docs/contract.md`](docs/contract.md) owns the package/consumer boundary,
-admission rules, and accessibility invariants. Current modules are discovered
-from source and package exports, not from prose. assistant-ui runtime ownership
-and migration readiness live in the linked package docs; this README does not
-summarize them.
+## Lint
 
-System activity is `PendingLabel`, `WaitingLine`, `Progress` and `Skeleton`.
-See [`docs/activity.md`](docs/activity.md) for which wait takes which, the
-one-second delay, accessibility and usage examples.
+The package exports the rules this repository uses. Add them after the
+framework and TypeScript configs:
 
-## Registry maintenance
+```js
+import nadicodeai from "@nadicodeai/ui/eslint";
 
-Use shadcn MCP or the CLI for live discovery and registry maintenance while
-working in this package. Do not maintain a committed upstream registry inventory,
-registry snapshot, or inventory update script in `@nadicodeai/ui`; the source
-files and package exports are the committed surface.
+export default [...nadicodeai.configs["flat/strict"]];
+```
 
-From `@nadicodeai/ui`, Codex-capable environments can initialize the shadcn MCP
-client configuration when the local runtime supports MCP:
+They reject design values the installed design system does not define, raw
+colours, deep imports, native visible controls and appearance overrides on
+shared components.
 
-```bash
-npx shadcn@latest mcp init --client codex
-```
+## Imports
 
-When MCP is unavailable, use the CLI directly:
+Import each component from its subpath:
 
-```bash
-npx shadcn@latest info --json
-npx shadcn@latest search @shadcn -q "select" --json
-npx shadcn@latest docs button select dialog --json
-npx shadcn@latest view @shadcn/button
-npx shadcn@latest add @shadcn/button --dry-run
-npx assistant-ui@latest add thread --help
+```tsx
+import { Button } from "@nadicodeai/ui/components/button";
+import { BrandWordmark } from "@nadicodeai/ui/components/brand";
+import { Thread } from "@nadicodeai/ui/agents";
 ```
 
-`info --json` is the project-aware source of truth for aliases, Tailwind version,
-base primitive library, icon library, resolved source paths, and configured
-registries. The active primitive base is Base UI; do not add Radix or vaul to
-package source or dependencies. `cmdk` is present only for the stock shadcn
-Command component while the Base UI registry declares it. Use `search`, `docs`, and `view` to inspect current registry items
-before adding or refreshing source. Review `add --dry-run` or `add --diff`
-output before changing files, and do not use `--overwrite` unless the maintainer
-explicitly asks for an upstream refresh.
-
-## Forms
+`package.json` exports and the built declarations under `dist/components/` are
+the component inventory and the prop reference.
 
-Use one form model:
+Forms use one model: the controls (`Input`, `Select`, `Checkbox`…), the
+`Field` layout primitives, and `Form` for React Hook Form. There is no separate
+form-control family.
 
-- `Input`, `Textarea`, `Select`, `Checkbox`, and similar files are controls.
-- `FieldGroup`, `Field`, `FieldLabel`, `FieldDescription`, and `FieldError`
-  provide field layout and accessible label/error structure.
-- `Form`, `FormField`, `FormItem`, `FormControl`, `FormLabel`,
-  `FormDescription`, and `FormMessage` are the React Hook Form integration.
+## Icons as files
 
-Do not add or import a separate `FormInput`/`FormTextarea` control family. If a
-new input size or behavior is needed, add it to the canonical shadcn control or
-field primitive instead of creating a parallel form-control API.
+The same icons ship as SVG files for a consumer that renders without React:
 
-## Agent instructions
+| What | Path |
+| --- | --- |
+| Third-party brand marks | `@nadicodeai/ui/assets/brand/<slug>.svg` |
+| Their index, with each mark's aliases | `@nadicodeai/ui/assets/brand/index.json` |
+| Lucide under the house render, and the house's three icons | `@nadicodeai/design-system/icons/<name>.svg` |
 
-The npm package ships two agent-facing files on purpose: `AGENTS.md`, the
-package map and its rules, and `docs/contract.md`, the package contract. A
-consuming repository points its own agent map at
-`node_modules/@nadicodeai/ui/AGENTS.md`. They are packaged through npm `files`;
-they are not runtime module exports.
+To resolve an app name the way `AppMark` does, lowercase it and keep letters and
+digits, take an exact alias match, and otherwise the longest alias the name
+contains. A name that matches nothing has no mark: show its initial.
 
 ## Build
 
@@ -154,5 +89,4 @@ they are not runtime module exports.
 npm run build -w @nadicodeai/ui
 ```
 
-`package.json` owns the build and packed-file surface. Use `npm pack --dry-run`
-to inspect the consumer artifact rather than maintaining an output list here.
+`npm pack --dry-run -w @nadicodeai/ui` shows exactly what consumers receive.

package/dist/agent-orb.d.ts

@@ -1,3 +1,3 @@
-export { type AgentOrbFigure, type AgentOrbForm, type AgentOrbMountOptions, type AgentOrbPresence, type AgentOrbSize, mountAgentOrb, } from "./internal/agent-orb.js";
+export { type AgentOrbFigure, type AgentOrbForm, type AgentOrbMountOptions, type AgentOrbMotion, type AgentOrbPresence, type AgentOrbSize, mountAgentOrb, } from "./internal/agent-orb.js";
 export type { AgentOrbState } from "./internal/agent-orb-motion.js";
 //# sourceMappingURL=agent-orb.d.ts.map

package/dist/agent-orb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../src/agent-orb.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../src/agent-orb.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/assets/brand/index.json

@@ -1,5 +1,5 @@
 {
-  "$comment": "Generated by packages/ui/scripts/build-icon-assets.mjs. Each mark ships beside this file as <file>. `aliases` are the connector spellings @nadicodeai/ui resolves to the mark, squashed to letters and digits; see docs/icon-assets.md.",
+  "$comment": "Generated by packages/ui/scripts/build-icon-assets.mjs. Each mark ships beside this file as <file>. `aliases` are the connector spellings @nadicodeai/ui resolves to the mark, squashed to letters and digits; see the package README, \"Icons as files\".",
   "marks": [
     {
       "slug": "aionlabs",

package/dist/components/action-menu.js

@@ -4,5 +4,5 @@ import { EllipsisIcon } from "lucide-react";
 import { Button } from "./button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "./dropdown-menu.js";
 export function ActionMenu({ label, triggerId, children }) {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { id: triggerId, "aria-label": label, render: _jsx(Button, { variant: "ghost", size: "icon-sm" }), children: _jsx(EllipsisIcon, { "aria-hidden": "true" }) }), _jsx(DropdownMenuContent, { align: "end", children: children })] }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { id: triggerId, "aria-label": label, render: _jsx(Button, { variant: "ghost", size: "icon" }), children: _jsx(EllipsisIcon, { "aria-hidden": "true" }) }), _jsx(DropdownMenuContent, { align: "end", children: children })] }));
 }

package/dist/components/agent-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../src/components/agent-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAuD,MAAM,mBAAmB,CAAC;AAI9F,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAMF,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,+BAsChB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
+{"version":3,"file":"agent-card.d.ts","sourceRoot":"","sources":["../../src/components/agent-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAA0C,MAAM,mBAAmB,CAAC;AAGjF,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAMF,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,+BA8ChB;AAED,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/components/agent-card.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./card.js";
-import { Separator } from "./separator.js";
+import { Card, CardDescription, CardFooter, CardTitle } from "./card.js";
 import { cn } from "../lib/utils.js";
 function hasSlotContent(value) {
     return value !== null && value !== undefined && value !== false;
@@ -9,7 +8,6 @@ function AgentCard({ action, className, job, meta, name, status, visual, ...prop
     const hasStatus = hasSlotContent(status);
     const hasMeta = hasSlotContent(meta);
     const hasAction = hasSlotContent(action);
-    const hasFooter = hasStatus || hasMeta || hasAction;
-    return (_jsxs(Card, { className: cn("h-full", className), ...props, children: [_jsxs(CardHeader, { className: "relative min-h-40 pr-32", children: [_jsx(CardTitle, { className: "text-lg", children: name }), _jsx(CardDescription, { className: "max-w-sm leading-6", children: job }), _jsx("div", { className: "absolute top-5 right-5 size-24 overflow-hidden rounded-md", "data-slot": "agent-card-visual", children: visual })] }), hasFooter ? (_jsxs(CardContent, { className: "mt-auto grid gap-5", children: [_jsx(Separator, {}), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [hasStatus ? _jsx("div", { "data-slot": "agent-card-status", children: status }) : null, hasMeta ? (_jsx("div", { className: "min-w-0 flex-1", "data-slot": "agent-card-meta", children: meta })) : null, hasAction ? (_jsx("div", { className: "ml-auto", "data-slot": "agent-card-action", children: action })) : null] })] })) : null] }));
+    return (_jsxs(Card, { className: cn("h-full", className), ...props, children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-start gap-(--card-spacing) px-(--card-spacing)", children: [_jsx("div", { className: "grid size-24 place-items-center overflow-hidden", "data-slot": "agent-card-visual", children: visual }), _jsxs("div", { className: "grid min-w-0 content-start gap-nadicode-xs", children: [_jsx(CardTitle, { className: "leading-tight font-semibold", children: name }), _jsx(CardDescription, { className: "leading-snug", children: job }), hasStatus ? (_jsx("div", { className: "flex flex-wrap items-center gap-nadicode-xxs pt-nadicode-xxs", "data-slot": "agent-card-status", children: status })) : null] })] }), hasMeta || hasAction ? (_jsxs(CardFooter, { className: "mt-auto gap-nadicode-sm border-t py-nadicode-sm", children: [hasMeta ? (_jsx("div", { className: "min-w-0 flex-1 text-xs text-muted-foreground", "data-slot": "agent-card-meta", children: meta })) : null, hasAction ? (_jsx("div", { className: "ml-auto shrink-0", "data-slot": "agent-card-action", children: action })) : null] })) : null] }));
 }
 export { AgentCard };

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

@@ -1,9 +1,9 @@
 import { type CSSProperties } from "react";
 import { type AgentOrbFigure, type AgentOrbPresence, type AgentOrbSize } from "../internal/agent-orb.js";
-export type { AgentOrbFigure, AgentOrbForm, AgentOrbPresence, AgentOrbSize, } from "../internal/agent-orb.js";
+export type { AgentOrbFigure, AgentOrbForm, AgentOrbMotion, AgentOrbPresence, AgentOrbSize, } from "../internal/agent-orb.js";
 import type { AgentOrbState } from "../internal/agent-orb-motion.js";
 export type { AgentOrbState } from "../internal/agent-orb-motion.js";
-export type AgentOrbProps = {
+type AgentOrbBaseProps = {
     /** A chosen form, or `nadia`: her striped ribbon, whose colours are fixed. */
     form: AgentOrbFigure;
     /** The pigment of a chosen form; on Nadia, only her third, white stripe takes it. */
@@ -13,15 +13,21 @@ export type AgentOrbProps = {
     /** How loudly this one orb reads on its ground. `over-picture` sits on a photograph. */
     presence?: AgentOrbPresence;
     paused?: boolean;
-    state?: AgentOrbState;
     motionKey?: number;
     className?: string;
-} & ({
+};
+export type AgentOrbProps = AgentOrbBaseProps & ({
+    motion?: "status";
+    state?: AgentOrbState;
+} | {
+    motion: "ambient";
+    state?: never;
+}) & ({
     decorative: true;
     label?: never;
 } | {
     decorative?: false;
     label: string;
 });
-export declare function AgentOrb({ form, color, size, presence, paused, state, motionKey, decorative, label, className, }: AgentOrbProps): import("react").JSX.Element;
+export declare function AgentOrb({ form, color, size, presence, paused, state, motion, motionKey, decorative, label, className, }: AgentOrbProps): import("react").JSX.Element;
 //# sourceMappingURL=agent-orb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/components/agent-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG;IAC1B,8EAA8E;IAC9E,IAAI,EAAE,cAAc,CAAC;IACrB,qFAAqF;IACrF,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,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,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,IAAS,EACT,QAAkB,EAClB,MAAc,EACd,KAAc,EACd,SAAa,EACb,UAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,aAAa,+BAqDf"}
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/components/agent-orb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,YAAY,GACb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,KAAK,iBAAiB,GAAG;IACvB,8EAA8E;IAC9E,IAAI,EAAE,cAAc,CAAC;IACrB,qFAAqF;IACrF,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,qEAAqE;IACrE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACrF,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;AAEhF,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,IAAS,EACT,QAAkB,EAClB,MAAc,EACd,KAAc,EACd,MAAiB,EACjB,SAAa,EACb,UAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,aAAa,+BAwDf"}

package/dist/components/agent-orb.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { mountAgentOrb, } from "../internal/agent-orb.js";
 import { cn } from "../lib/utils.js";
-export function AgentOrb({ form, color, size = 32, presence = "plain", paused = false, state = "idle", motionKey = 0, decorative = false, label, className, }) {
+export function AgentOrb({ form, color, size = 32, presence = "plain", paused = false, state = "idle", motion = "status", motionKey = 0, decorative = false, label, className, }) {
     const canvas = useRef(null);
     const renderer = useRef(null);
     // A remount, from a changed form, size or presence, carries the current
@@ -13,28 +13,30 @@ export function AgentOrb({ form, color, size = 32, presence = "plain", paused =
     useEffect(() => {
         if (!canvas.current)
             return;
+        const behavior = motion === "ambient" ? { motion } : { motion, state: shown.current };
         const mounted = mountAgentOrb(canvas.current, {
             form,
             size,
             paused: pause.current,
-            state: shown.current,
             presence,
+            ...behavior,
         });
         renderer.current = mounted;
         return () => {
             mounted.destroy();
             renderer.current = null;
         };
-    }, [form, size, presence]);
+    }, [form, size, presence, motion]);
     useEffect(() => {
         pause.current = paused;
         renderer.current?.setPaused(paused);
     }, [paused]);
     useEffect(() => {
         shown.current = state;
-        renderer.current?.setState(state);
-    }, [state, motionKey]);
-    return (_jsx("canvas", { ref: canvas, "data-slot": "agent-orb", "data-form": form, "data-state": state, role: decorative ? undefined : "img", "aria-hidden": decorative || undefined, "aria-label": decorative ? undefined : label, className: cn("inline-block size-(--nc-agent-orb-size) shrink-0 align-middle", className), width: size, height: size, 
+        if (motion === "status")
+            renderer.current?.setState(state);
+    }, [state, motion, motionKey]);
+    return (_jsx("canvas", { ref: canvas, "data-slot": "agent-orb", "data-form": form, "data-state": state, "data-motion": motion, role: decorative ? undefined : "img", "aria-hidden": decorative || undefined, "aria-label": decorative ? undefined : label, className: cn("inline-block size-(--nc-agent-orb-size) shrink-0 align-middle", className), width: size, height: size, 
         // The size is a class, not an inline rule, so a caller that sizes the
         // orb from its layout overrides it; the engine then paints that box.
         style: { color, "--nc-agent-orb-size": `${size}px` }, children: decorative ? null : label }));

package/dist/components/alert.js

@@ -5,9 +5,9 @@ const alertVariants = cva("group/alert relative grid w-full gap-0.5 rounded-md b
     variants: {
         variant: {
             default: "bg-card text-card-foreground",
-            info: "bg-[var(--nc-info-soft)] text-[var(--nc-info-deep)] *:data-[slot=alert-description]:text-[var(--nc-info-deep)]",
-            warning: "bg-[var(--nc-warning-soft)] text-[var(--nc-warning-deep)] *:data-[slot=alert-description]:text-[var(--nc-warning-deep)]",
-            destructive: "bg-[var(--nc-error-soft)] text-[var(--nc-error-deep)] *:data-[slot=alert-description]:text-[var(--nc-error-deep)]",
+            info: "bg-info-soft text-info-soft-foreground *:data-[slot=alert-description]:text-info-soft-foreground",
+            warning: "bg-warning-soft text-warning-soft-foreground *:data-[slot=alert-description]:text-warning-soft-foreground",
+            destructive: "bg-destructive-soft text-destructive-soft-foreground *:data-[slot=alert-description]:text-destructive-soft-foreground",
         },
     },
     defaultVariants: {

package/dist/components/badge.js

@@ -7,7 +7,7 @@ const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-cent
         variant: {
             default: "bg-primary text-primary-foreground [a]:hover:bg-primary-hover",
             secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-accent",
-            destructive: "bg-[var(--nc-error-soft)] text-[var(--nc-error-deep)] [a]:hover:border-[var(--nc-error-deep)]",
+            destructive: "bg-destructive-soft text-destructive-soft-foreground [a]:hover:border-destructive-soft-foreground",
             outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
             ghost: "hover:bg-muted hover:text-muted-foreground",
             link: "text-primary underline-offset-4 hover:underline",
@@ -15,11 +15,11 @@ const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-cent
             // ground with its own deep label — so a status reads as one unit at
             // AA in both modes. They are variants, not call-site classes, because
             // repainting a primitive where it is used is forbidden.
-            gray: "bg-[var(--nc-canvas-soft-2)] text-[var(--nc-body)]",
-            green: "bg-[var(--nc-link-bg-soft)] text-[var(--nc-link-deep)]",
-            red: "bg-[var(--nc-error-soft)] text-[var(--nc-error-deep)]",
-            amber: "bg-[var(--nc-warning-soft)] text-[var(--nc-warning-deep)]",
-            blue: "bg-[var(--nc-info-soft)] text-[var(--nc-info-deep)]",
+            gray: "bg-accent text-muted-foreground",
+            green: "bg-success-soft text-success-soft-foreground",
+            red: "bg-destructive-soft text-destructive-soft-foreground",
+            amber: "bg-warning-soft text-warning-soft-foreground",
+            blue: "bg-info-soft text-info-soft-foreground",
         },
     },
     defaultVariants: {

package/dist/components/brand-field.d.ts

@@ -5,6 +5,8 @@ import * as React from "react";
  * It deliberately owns no interaction, state, or color variant: an identity
  * plane is a plane, not a control. Callers may add structural layout classes,
  * while the canonical black-and-white paint remains internal to the primitive.
+ * It is dark by nature, so it scopes `.dark` and every role and control inside
+ * takes its dark value in either theme.
  */
 declare function BrandField({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { BrandField };

package/dist/components/brand-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-field.d.ts","sourceRoot":"","sources":["../../src/components/brand-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"brand-field.d.ts","sourceRoot":"","sources":["../../src/components/brand-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/brand-field.js

@@ -6,8 +6,10 @@ import { cn } from "../lib/utils.js";
  * It deliberately owns no interaction, state, or color variant: an identity
  * plane is a plane, not a control. Callers may add structural layout classes,
  * while the canonical black-and-white paint remains internal to the primitive.
+ * It is dark by nature, so it scopes `.dark` and every role and control inside
+ * takes its dark value in either theme.
  */
 function BrandField({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "brand-field", className: cn(className, "bg-nc-identity-ink text-nc-identity-white"), ...props }));
+    return (_jsx("div", { "data-slot": "brand-field", className: cn(className, "dark bg-nc-identity-ink text-nc-identity-white"), ...props }));
 }
 export { BrandField };

package/dist/components/button.d.ts

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "brandGhost" | "brandSolid" | "destructive" | "onPrimary" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "brandGhost" | "brandSolid" | "destructive" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAwCnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAuCnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.js

@@ -6,19 +6,18 @@ const buttonVariants = cva("group/button inline-flex min-h-touch-target min-w-to
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
-            outline: "border-input bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-accent aria-expanded:bg-accent aria-expanded:text-accent-foreground",
+            outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+            secondary: "border-border bg-secondary text-secondary-foreground hover:bg-accent aria-expanded:bg-accent aria-expanded:text-accent-foreground",
             ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
             brandGhost: "text-nc-identity-white hover:bg-nc-identity-white/10 hover:text-nc-identity-white aria-expanded:bg-nc-identity-white/10 aria-expanded:text-nc-identity-white",
             brandSolid: "bg-nc-identity-white text-nc-identity-ink hover:bg-nc-identity-white/90 hover:text-nc-identity-ink active:bg-nc-identity-white/80 active:text-nc-identity-ink",
-            destructive: "bg-[var(--nc-error-soft)] text-[var(--nc-error-deep)] hover:border-[var(--nc-error-deep)]",
+            destructive: "bg-destructive-soft text-destructive-soft-foreground hover:border-destructive-soft-foreground",
             link: "text-primary underline-offset-4 hover:underline",
-            onPrimary: "bg-primary-foreground text-primary hover:bg-primary-foreground/90",
         },
         size: {
             default: "h-control-height gap-1.5 px-control-padding-inline has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
             xs: "h-6 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-            sm: "h-7 gap-1 px-control-padding-inline text-[0.8rem] in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+            sm: "h-7 gap-1 px-control-padding-inline text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
             lg: "h-9 gap-1.5 px-control-padding-inline has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
             icon: "size-control-height",
             "icon-xs": "size-6 in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",

package/dist/components/carousel.js

@@ -79,13 +79,13 @@ function CarouselItem({ className, ...props }) {
 }
 function CarouselPrevious({ className, variant = "outline", size = "icon-sm", ...props }) {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal"
+    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute touch-manipulation", orientation === "horizontal"
             ? "inset-y-0 -left-12 my-auto"
             : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
 }
 function CarouselNext({ className, variant = "outline", size = "icon-sm", ...props }) {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal"
+    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute touch-manipulation", orientation === "horizontal"
             ? "inset-y-0 -right-12 my-auto"
             : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ChevronRightIcon, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
 }

package/dist/components/chart-bar-horizontal.js

@@ -7,7 +7,7 @@ import { niceAxisMax, niceAxisTicks, niceStep } from "./chart-axis.js";
 import { CHART_LEGEND_CLASS, ChartCard, chartPlotClassName, defaultValueFormatter, } from "./chart-card.js";
 const POSITIVE_KEY = "__positive";
 const NEGATIVE_KEY = "__negative";
-const POSITIVE_BAR_COLOR = "var(--nc-success)";
+const POSITIVE_BAR_COLOR = "var(--success)";
 const NEGATIVE_BAR_COLOR = "var(--destructive)";
 function signedAxis(data, valueKey) {
     const values = data.flatMap((datum) => {

package/dist/components/chart.js

@@ -85,7 +85,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
         return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (_jsxs("div", { className: cn("grid min-w-32 items-start gap-1.5 rounded-md border-0 bg-popover px-nadicode-sm py-nadicode-filter-chip-gap text-xs text-popover-foreground nc-elevation-floating", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
+    return (_jsxs("div", { className: cn("grid min-w-32 items-start gap-1.5 rounded-md border-0 bg-popover px-nadicode-sm py-1.5 text-xs text-popover-foreground nc-elevation-floating", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
                     .filter((item) => item.type !== "none")
                     .map((item, index) => {
                     const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;

package/dist/components/command.js

@@ -9,7 +9,7 @@ function Command({ className, ...props }) {
     return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex size-full flex-col overflow-hidden rounded-md! nc-glass p-nadicode-xxs text-popover-foreground", className), ...props }));
 }
 function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) {
-    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("top-1/3 translate-y-0 overflow-hidden rounded-md! bg-transparent p-0", className), motion: "instant", showCloseButton: showCloseButton, children: children })] }));
+    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("top-1/3 translate-y-0 overflow-hidden rounded-md! bg-transparent p-0!", className), motion: "instant", showCloseButton: showCloseButton, children: children })] }));
 }
 function CommandInput({ className, ...props }) {
     return (_jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: _jsxs(InputGroup, { className: "h-control-height! rounded-md! border-input bg-background shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [_jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props }), _jsx(InputGroupAddon, { children: _jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })] }) }));