@nadicodeai/ui 4.0.2 → 4.0.4

package/AGENTS.md

@@ -1,30 +1,19 @@
 # @nadicodeai/ui
 
-The `@nadicodeai/ui` npm workspace: the shared React UI package, with shadcn primitives on Base UI, the `@nadicodeai/ui/agents` interface, section compositions and product components. Source in `src/`, published from `dist/`. Read `docs/contract.md` before changing the library.
+Shared React components, primitives, Agent interfaces, and page compositions.
+Source lives in `src/`; consumers receive `dist/` through `package.json`
+exports.
 
-## Commands
+- Component changes and admission: `docs/contract.md`.
+- Consumer setup: `docs/consuming-cross-repo.md`.
+- Tokens, CSS, motion, and assets: `../design-system/DESIGN.md`.
+- Agent visuals: `docs/agent-visual.md`.
+- Package releases: `../../docs/agents/publish.md`.
 
-| Command | When |
-| --- | --- |
-| `npm run check -w @nadicodeai/ui` then `npm run test -w @nadicodeai/ui` | Before pushing; `test` builds `dist`, then runs the guards and the jsdom accessibility tier |
-| `npm run dev -w @nadicodeai/ui` | Watch `src/`, refresh `dist/` |
-| `npm run build:dev -w @nadicodeai/ui` | One-shot incremental `dist/` refresh |
-| `npm run build -w @nadicodeai/ui` | Emit `dist/` before packing or app builds |
-| `npm run generate:brand-icons -w @nadicodeai/ui` | After editing the allow-list in `scripts/build-brand-icons.mjs` |
-| `npm pack --dry-run -w @nadicodeai/ui` | What consumers receive, after a surface, export, CSS or docs change |
+`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`.
 
-## Routing
-
-| Topic | Path |
-| --- | --- |
-| Design-language terms | `../design-system/CONTEXT.md` |
-| Invariants, component admission, section vocabulary, consumer boundary | `docs/contract.md` |
-| Third-party brand marks | [Admission Rules](docs/contract.md#admission-rules); the NadicodeAI logo is `BrandLockup`, `BrandMark`, `BrandWordmark` |
-| Consumer installation and stylesheet setup | `docs/consuming-cross-repo.md` |
-| Tokens, modes, themes, cascade, the public stylesheet | `../design-system/DESIGN.md` and `../design-system/AGENTS.md` |
-| Motion | `../design-system/DESIGN.md`, `src/lib/motion.ts`, then the `product-design` skill |
-| Which component subpaths exist | `package.json` `exports`; the `./components/*` wildcard over `src/components/` is the whole surface |
-| shadcn and assistant-ui discovery | the live CLIs `npx shadcn@latest` and `npx assistant-ui@latest`; `--overwrite` needs a maintainer ask |
-| Releasing and publishing | `../../docs/agents/publish.md` |
-| Website page assembly | `../../apps/website/AGENTS.md`. Portal screens: `../../apps/portal/AGENTS.md` |
-| User-visible UI work | the `product-design` skill, loaded after this file |
+When the brand-icon 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.

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

@@ -1 +1 @@
-{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/components/brand.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CACnD,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AA6BF,iBAAS,SAAS,CAAC,EACjB,GAAkB,EAClB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAyBhB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAkB,EAClB,SAAS,EACT,KAAW,EACX,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAuBhB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAkB,EAClB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAoBhB;AAED,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/components/brand.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CACnD,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;CACpD,CAAC;AA6BF,iBAAS,SAAS,CAAC,EACjB,GAAkB,EAClB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBA6BhB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAkB,EAClB,SAAS,EACT,KAAW,EACX,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAuBhB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAkB,EAClB,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAoBhB;AAED,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/brand.js

@@ -24,9 +24,13 @@ function BrandMark({ alt = "NadicodeAI", className, width = 32, height = 32, dec
     // The canonical geometry contains a named clip reference. Scope it per
     // instance so nav + footer marks never emit duplicate DOM ids; useId is SSR-safe.
     const idPrefix = `mklip-${React.useId().replace(/[^a-zA-Z0-9]/g, "")}-`;
+    // The verde link is the brand anchor, `{colors.primary}`, never the shadcn
+    // `--primary` role: that role is the neutral action family, so painting the
+    // link with it turns the logo monochrome. The `.dark` remap flips
+    // `--nc-primary` under any dark ancestor, the always-dark nav included.
     const geometry = resolveLogoGeometry(logoMarkGeometry, {
         idPrefix,
-        paints: { ink: "currentColor", primary: "var(--primary)" },
+        paints: { ink: "currentColor", primary: "var(--nc-primary)" },
     });
     return (_jsx("svg", { "data-slot": "brand-mark", xmlns: "http://www.w3.org/2000/svg", viewBox: geometry.viewBox, width: width, height: height, className: cn("block size-6", className), ...accessibilityProps(alt), ...props, children: renderGeometryNodes(geometry.nodes) }));
 }
@@ -35,14 +39,14 @@ function BrandLockup({ alt = "NadicodeAI", className, width = 154, height = 32,
     const idPrefix = `lklip-${React.useId().replace(/[^a-zA-Z0-9]/g, "")}-`;
     const geometry = resolveLogoGeometry(logoLockupGeometry, {
         idPrefix,
-        paints: { ink: "currentColor", primary: "var(--primary)" },
+        paints: { ink: "currentColor", primary: "var(--nc-primary)" },
     });
     return (_jsx("svg", { "data-slot": "brand-lockup", xmlns: "http://www.w3.org/2000/svg", viewBox: geometry.viewBox, width: width, height: height, className: cn("block h-8 w-auto", className), ...accessibilityProps(alt), ...props, children: renderGeometryNodes(geometry.nodes) }));
 }
 function BrandWordmark({ alt = "NadicodeAI", className, width = 96, height = 30, decoding, ...props }) {
     void decoding;
     const geometry = resolveLogoGeometry(logoWordmarkGeometry, {
-        paints: { ink: "currentColor", primary: "var(--primary)" },
+        paints: { ink: "currentColor", primary: "var(--nc-primary)" },
     });
     return (_jsx("svg", { "data-slot": "brand-wordmark", xmlns: "http://www.w3.org/2000/svg", viewBox: geometry.viewBox, width: width, height: height, className: cn("block h-6 w-auto", className), ...accessibilityProps(alt), ...props, children: renderGeometryNodes(geometry.nodes) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -61,7 +61,7 @@
     "@assistant-ui/react": "0.15.1",
     "@assistant-ui/react-markdown": "0.14.8",
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "4.0.2",
+    "@nadicodeai/design-system": "4.0.4",
     "@paper-design/shaders": "0.0.78",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",