@nadicodeai/ui 0.4.0 → 0.4.1

package/dist/lib/slot.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Slot: {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLElement>>;
+};
+export { Slot };
+//# sourceMappingURL=slot.d.ts.map

package/dist/lib/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/lib/slot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,QAAA,MAAM,IAAI;;mBAjBG,KAAK,CAAC,SAAS;;CAmB3B,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/lib/slot.js

@@ -0,0 +1,17 @@
+"use client";
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+const SlotRoot = React.forwardRef(({ children, ...slotProps }, forwardedRef) => {
+    const isElement = React.isValidElement(children);
+    return useRender({
+        enabled: isElement,
+        render: isElement ? children : undefined,
+        ref: forwardedRef,
+        props: slotProps,
+    });
+});
+SlotRoot.displayName = "Slot";
+const Slot = {
+    Root: SlotRoot,
+};
+export { Slot };

package/docs/agents/nadicodeai-ui.md

@@ -217,7 +217,7 @@ npx shadcn@latest add @ai-elements/message --dry-run
 
 `info --json` is the project-aware source for `tailwindVersion`, `base`,
 `iconLibrary`, aliases, `resolvedPaths`, and configured registries. Current
-package context should report Tailwind v4, radix base primitives, lucide icons,
+package context should report Tailwind v4, Base UI primitives, lucide icons,
 source paths under `src/*`, and configured `@shadcn`/`@ai-elements` registry
 access. Use `search` to find current registry items, `docs` to fetch component
 documentation and example/API links, `view` to inspect item contents, and

package/docs/migration/base-ui-migration.md

@@ -0,0 +1,49 @@
+# Base UI Migration
+
+`@nadicodeai/ui` now uses Base UI as its active shadcn primitive base.
+
+Current invariants:
+
+- `components.json` uses `base-nova`, and `npx shadcn@latest info --json` should report `base: "base"`.
+- Package source must not import `radix-ui`, `@radix-ui/*`, or `vaul`. `cmdk` is the one allowed carrier: shadcn's stock base-nova `command` still ships on it, and the package uses that stock registry item instead of a local rewrite, accepting cmdk's transitive Radix internals the same way shadcn does.
+- `@nadicodeai/ui/package.json` must not depend on `radix-ui`, `@radix-ui/react-use-controllable-state`, or `vaul`.
+- Website and portal Next config must optimize `@base-ui/react`, not `radix-ui`.
+- Existing public `asChild` usage is preserved through package-local adapters that translate to Base UI `render`.
+- Accordion and ToggleGroup preserve the previous single-string public API while feeding Base UI its array-shaped value model.
+- AI Elements use the package-local `useControllableState` helper instead of Radix's hook.
+
+## Migration Catalog
+
+Direct Base-backed shadcn replacements:
+
+- `accordion`, `alert-dialog`, `aspect-ratio`, `avatar`, `checkbox`, `collapsible`, `context-menu`, `dialog`, `drawer`, `dropdown-menu`, `hover-card`, `label`, `menubar`, `navigation-menu`, `popover`, `progress`, `radio-group`, `scroll-area`, `select`, `separator`, `sheet`, `slider`, `switch`, `tabs`, `toggle`, `toggle-group`, and `tooltip`.
+
+Manual compatibility helpers:
+
+- `src/lib/base-render.tsx` translates historical `asChild` usage to Base UI `render`.
+- `src/lib/slot.tsx` replaces Radix Slot for wrapper-only components, built on Base UI's `useRender` (the same mechanism stock base-nova wrapper items use).
+- `button`, `badge`, `breadcrumb`, `button-group`, `form`, `item`, and `sidebar` preserve package APIs while removing Radix Slot.
+- `direction` keeps the old `dir` prop and maps it to Base UI's `direction` prop.
+
+Removed non-shadcn Radix carriers:
+
+- `command` stays on the stock base-nova registry item, which ships on `cmdk` (shadcn has not migrated Command off cmdk; a local rewrite was reverted in review because it regressed cmdk's filtering and group accessibility).
+- `drawer` replaces `vaul` with Base UI Drawer.
+- AI Elements replace `@radix-ui/react-use-controllable-state` with `src/hooks/use-controllable-state.ts`.
+
+AI Elements using the local controlled/uncontrolled helper:
+
+- `chain-of-thought`
+- `mic-selector`
+- `reasoning`
+- `stack-trace`
+- `transcription`
+- `voice-selector`
+
+Verification:
+
+```bash
+npm run build -w @nadicodeai/ui
+npm run test -w @nadicodeai/ui
+rg 'radix-ui|@radix-ui|vaul' @nadicodeai/ui/src @nadicodeai/ui/package.json website/next.config.ts portal/next.config.ts
+```

package/llms.txt

@@ -20,7 +20,7 @@ Runtime imports:
 - AI Elements subpath: `import { Message } from "@nadicodeai/ui/components/ai-elements/message";`
 
 Component surface:
-- shadcn source components are shipped from `@nadicodeai/ui/components/*`.
+- shadcn source components are shipped from `@nadicodeai/ui/components/*`; the active primitive base is Base UI.
 - Vercel AI Elements source components are shipped from `@nadicodeai/ui/components/ai-elements/*`.
 - React adapters over design-system grammar and assets ship from component subpaths.
 - Reusable marketing/section compositions belong in this package.
@@ -66,7 +66,7 @@ shadcn / AI Elements discovery:
 - Use live MCP/CLI discovery from `@nadicodeai/ui`; do not maintain a committed upstream registry inventory, snapshot, or inventory update script.
 - Codex MCP setup when supported: `npx shadcn@latest mcp init --client codex`.
 - CLI fallbacks: `npx shadcn@latest info --json`, `npx shadcn@latest search @shadcn -q "select" --json`, `npx shadcn@latest search @ai-elements -q "message" --json`, `npx shadcn@latest docs button select dialog --json`, `npx shadcn@latest view @shadcn/button`, `npx shadcn@latest add @shadcn/button --dry-run`, `npx shadcn@latest add @ai-elements/message --dry-run`.
-- Use `info --json` for aliases, Tailwind version, base primitive library, icon library, source paths, and configured registries. Use `search`, `docs`, and `view` before adding source; use `add --dry-run` or `add --diff` before changing files.
+- Use `info --json` for aliases, Tailwind version, base primitive library, icon library, source paths, and configured registries. It should report Base UI, not Radix. Use `search`, `docs`, and `view` before adding source; use `add --dry-run` or `add --diff` before changing files.
 
 Agent references shipped in this package:
 - `AGENTS.md`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -49,8 +49,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "0.4.0",
-    "@radix-ui/react-use-controllable-state": "^1.2.3",
+    "@nadicodeai/design-system": "0.4.1",
     "@rive-app/react-webgl2": "^4.29.1",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
@@ -68,7 +67,6 @@
     "media-chrome": "^4.19.2",
     "motion": "^12.40.0",
     "nanoid": "^5.1.15",
-    "radix-ui": "^1.6.0",
     "react-day-picker": "^10.0.1",
     "react-hook-form": "^7.80.0",
     "react-jsx-parser": "^2.4.1",
@@ -79,8 +77,7 @@
     "streamdown": "^2.5.0",
     "tailwind-merge": "^3.0.0",
     "tokenlens": "^1.3.1",
-    "use-stick-to-bottom": "^1.1.6",
-    "vaul": "^1.1.2"
+    "use-stick-to-bottom": "^1.1.6"
   },
   "peerDependencies": {
     "@tailwindcss/postcss": "^4.3.1",