@nadicodeai/ui 0.4.1 → 0.5.0

package/dist/hooks/use-mobile.js

@@ -1,4 +1,3 @@
-"use client";
 import * as React from "react";
 const MOBILE_BREAKPOINT = 768;
 export function useIsMobile() {

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

@@ -5,11 +5,11 @@
 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.
+- Package source must not import `radix-ui`, `@radix-ui/*`, or `vaul`.
+- `cmdk` is allowed only for the stock shadcn Command component while the current `base-nova` registry declares it.
 - `@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.
+- Public shadcn primitive usage follows the current Base UI registry API. Base UI composition uses `render`; do not add package-local `asChild` adapters for registry-owned primitives.
 - AI Elements use the package-local `useControllableState` helper instead of Radix's hook.
 
 ## Migration Catalog
@@ -18,16 +18,13 @@ 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:
+Package-owned 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.
+- Wrapper-only components (`badge`, `breadcrumb`, `button-group`, `item`, `sidebar`, `form`) compose through Base UI's `useRender`/`mergeProps` directly; the transitional `src/lib/slot.tsx` and `src/lib/base-render.tsx` shims are removed.
 
 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).
+- `command` stays backed by shadcn's stock `cmdk` implementation while the `base-nova` registry declares that dependency.
 - `drawer` replaces `vaul` with Base UI Drawer.
 - AI Elements replace `@radix-ui/react-use-controllable-state` with `src/hooks/use-controllable-state.ts`.
 
@@ -40,6 +37,33 @@ AI Elements using the local controlled/uncontrolled helper:
 - `transcription`
 - `voice-selector`
 
+## Breaking in 0.5.0
+
+`@nadicodeai/ui@0.5.0` removes the Radix-era compatibility layer that 0.4.x
+carried. Consumers upgrading from 0.4.x must migrate:
+
+- `asChild` is removed on every primitive (Button, triggers, closes, menu
+  items). Use Base UI's `render` prop instead; when the rendered element is
+  not a native `<button>`, also pass `nativeButton={false}` (for example
+  `<Button nativeButton={false} render={<a href="…" />}>`).
+- `DropdownMenuItem` / `ContextMenuItem` / `MenubarItem` no longer accept
+  `onSelect`. Use `onClick`, and `closeOnClick={false}` to keep the menu open
+  (replaces the `onSelect` + `event.preventDefault()` pattern).
+- `PromptInputActionAddScreenshot`'s `onSelect` prop is renamed `onClick`.
+- `Accordion` and `ToggleGroup` drop `type="single" | "multiple"` and string
+  values. Values are always arrays; pass `multiple` for multi-select.
+- `TooltipProvider` drops the `delayDuration` alias — use `delay`. HoverCard
+  open/close delays live on `HoverCardTrigger` (`delay` / `closeDelay`), not
+  the root.
+- `Drawer` drops the vaul-era `direction` / `activeSnapPoint` /
+  `setActiveSnapPoint` aliases — use Base UI's `swipeDirection` /
+  `snapPoint` / `onSnapPointChange`.
+- `DirectionProvider` drops the `dir` alias — use `direction`.
+- `NavigationMenuViewport` and `PopoverAnchor` are no longer exported; they
+  have no stock base-nova equivalent.
+- `CollapsibleContent` / disclosure panels drop the `forceMount` alias — use
+  Base UI's `keepMounted`.
+
 Verification:
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "0.4.1",
+    "@nadicodeai/design-system": "0.5.0",
     "@rive-app/react-webgl2": "^4.29.1",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
@@ -67,6 +67,7 @@
     "media-chrome": "^4.19.2",
     "motion": "^12.40.0",
     "nanoid": "^5.1.15",
+    "next-themes": "^0.4.6",
     "react-day-picker": "^10.0.1",
     "react-hook-form": "^7.80.0",
     "react-jsx-parser": "^2.4.1",

package/dist/lib/base-render.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-type AsChildProps = {
-    asChild?: boolean;
-    children?: React.ReactNode;
-    render?: unknown;
-};
-type WithoutAsChild<T> = Omit<T, "asChild">;
-declare function withAsChildRender<T extends AsChildProps>({ asChild, children, render, ...props }: T): WithoutAsChild<T>;
-type WithAsChild<T> = T & {
-    asChild?: boolean;
-};
-export { withAsChildRender };
-export type { WithAsChild };
-//# sourceMappingURL=base-render.d.ts.map

package/dist/lib/base-render.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-render.d.ts","sourceRoot":"","sources":["../../src/lib/base-render.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;AAE3C,iBAAS,iBAAiB,CAAC,CAAC,SAAS,YAAY,EAAE,EACjD,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAavB;AAED,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/lib/base-render.js

@@ -1,16 +0,0 @@
-"use client";
-import * as React from "react";
-function withAsChildRender({ asChild, children, render, ...props }) {
-    if (asChild && React.isValidElement(children)) {
-        return {
-            ...props,
-            render: render ?? children,
-        };
-    }
-    return {
-        ...props,
-        children,
-        render,
-    };
-}
-export { withAsChildRender };

package/dist/lib/slot.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"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 };