@octanejs/shadcn 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/shadcn",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -19,9 +19,6 @@
     "url": "git+https://github.com/octanejs/octane.git",
     "directory": "packages/shadcn"
   },
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
   "files": [
     "src",
     "README.md"
@@ -30,19 +27,99 @@
     "./src/styles/theme.css"
   ],
   "exports": {
-    ".": "./src/index.ts",
+    "./Accordion": "./src/bases/radix/ui/accordion.tsrx",
+    "./AlertDialog": "./src/bases/radix/ui/alert-dialog.tsrx",
+    "./Alert": "./src/bases/radix/ui/alert.tsrx",
+    "./AspectRatio": "./src/bases/radix/ui/aspect-ratio.tsrx",
+    "./Avatar": "./src/bases/radix/ui/avatar.tsrx",
+    "./Badge": "./src/bases/radix/ui/badge.tsrx",
+    "./Breadcrumb": "./src/bases/radix/ui/breadcrumb.tsrx",
+    "./Button": "./src/bases/radix/ui/button.tsrx",
+    "./Card": "./src/bases/radix/ui/card.tsrx",
+    "./Checkbox": "./src/bases/radix/ui/checkbox.tsrx",
+    "./Collapsible": "./src/bases/radix/ui/collapsible.tsrx",
+    "./ContextMenu": "./src/bases/radix/ui/context-menu.tsrx",
+    "./Dialog": "./src/bases/radix/ui/dialog.tsrx",
+    "./DropdownMenu": "./src/bases/radix/ui/dropdown-menu.tsrx",
+    "./Empty": "./src/bases/radix/ui/empty.tsrx",
+    "./Field": "./src/bases/radix/ui/field.tsrx",
+    "./HoverCard": "./src/bases/radix/ui/hover-card.tsrx",
+    "./Input": "./src/bases/radix/ui/input.tsrx",
+    "./Item": "./src/bases/radix/ui/item.tsrx",
+    "./Kbd": "./src/bases/radix/ui/kbd.tsrx",
+    "./Label": "./src/bases/radix/ui/label.tsrx",
+    "./Menubar": "./src/bases/radix/ui/menubar.tsrx",
+    "./NativeSelect": "./src/bases/radix/ui/native-select.tsrx",
+    "./NavigationMenu": "./src/bases/radix/ui/navigation-menu.tsrx",
+    "./Pagination": "./src/bases/radix/ui/pagination.tsrx",
+    "./Popover": "./src/bases/radix/ui/popover.tsrx",
+    "./Progress": "./src/bases/radix/ui/progress.tsrx",
+    "./RadioGroup": "./src/bases/radix/ui/radio-group.tsrx",
+    "./ScrollArea": "./src/bases/radix/ui/scroll-area.tsrx",
+    "./Select": "./src/bases/radix/ui/select.tsrx",
+    "./Separator": "./src/bases/radix/ui/separator.tsrx",
+    "./Sheet": "./src/bases/radix/ui/sheet.tsrx",
+    "./Sidebar": "./src/bases/radix/ui/sidebar.tsrx",
+    "./Skeleton": "./src/bases/radix/ui/skeleton.tsrx",
+    "./Slider": "./src/bases/radix/ui/slider.tsrx",
+    "./Sonner": "./src/bases/radix/ui/sonner.tsrx",
+    "./Spinner": "./src/bases/radix/ui/spinner.tsrx",
+    "./Switch": "./src/bases/radix/ui/switch.tsrx",
+    "./Table": "./src/bases/radix/ui/table.tsrx",
+    "./Tabs": "./src/bases/radix/ui/tabs.tsrx",
+    "./Textarea": "./src/bases/radix/ui/textarea.tsrx",
+    "./ToggleGroup": "./src/bases/radix/ui/toggle-group.tsrx",
+    "./Toggle": "./src/bases/radix/ui/toggle.tsrx",
+    "./Tooltip": "./src/bases/radix/ui/tooltip.tsrx",
+    "./react-aria/Accordion": "./src/bases/react-aria/ui/accordion.tsrx",
+    "./react-aria/AlertDialog": "./src/bases/react-aria/ui/alert-dialog.tsrx",
+    "./react-aria/Alert": "./src/bases/react-aria/ui/alert.tsrx",
+    "./react-aria/AspectRatio": "./src/bases/react-aria/ui/aspect-ratio.tsrx",
+    "./react-aria/Avatar": "./src/bases/react-aria/ui/avatar.tsrx",
+    "./react-aria/Badge": "./src/bases/react-aria/ui/badge.tsrx",
+    "./react-aria/Breadcrumb": "./src/bases/react-aria/ui/breadcrumb.tsrx",
+    "./react-aria/Button": "./src/bases/react-aria/ui/button.tsrx",
+    "./react-aria/Card": "./src/bases/react-aria/ui/card.tsrx",
+    "./react-aria/Checkbox": "./src/bases/react-aria/ui/checkbox.tsrx",
+    "./react-aria/Collapsible": "./src/bases/react-aria/ui/collapsible.tsrx",
+    "./react-aria/Dialog": "./src/bases/react-aria/ui/dialog.tsrx",
+    "./react-aria/Empty": "./src/bases/react-aria/ui/empty.tsrx",
+    "./react-aria/Field": "./src/bases/react-aria/ui/field.tsrx",
+    "./react-aria/Input": "./src/bases/react-aria/ui/input.tsrx",
+    "./react-aria/Item": "./src/bases/react-aria/ui/item.tsrx",
+    "./react-aria/Kbd": "./src/bases/react-aria/ui/kbd.tsrx",
+    "./react-aria/Label": "./src/bases/react-aria/ui/label.tsrx",
+    "./react-aria/NativeSelect": "./src/bases/react-aria/ui/native-select.tsrx",
+    "./react-aria/Pagination": "./src/bases/react-aria/ui/pagination.tsrx",
+    "./react-aria/Popover": "./src/bases/react-aria/ui/popover.tsrx",
+    "./react-aria/RadioGroup": "./src/bases/react-aria/ui/radio-group.tsrx",
+    "./react-aria/ScrollArea": "./src/bases/react-aria/ui/scroll-area.tsrx",
+    "./react-aria/Separator": "./src/bases/react-aria/ui/separator.tsrx",
+    "./react-aria/Sheet": "./src/bases/react-aria/ui/sheet.tsrx",
+    "./react-aria/Skeleton": "./src/bases/react-aria/ui/skeleton.tsrx",
+    "./react-aria/Slider": "./src/bases/react-aria/ui/slider.tsrx",
+    "./react-aria/Spinner": "./src/bases/react-aria/ui/spinner.tsrx",
+    "./react-aria/Switch": "./src/bases/react-aria/ui/switch.tsrx",
+    "./react-aria/Table": "./src/bases/react-aria/ui/table.tsrx",
+    "./react-aria/Tabs": "./src/bases/react-aria/ui/tabs.tsrx",
+    "./react-aria/Textarea": "./src/bases/react-aria/ui/textarea.tsrx",
+    "./react-aria/Toggle": "./src/bases/react-aria/ui/toggle.tsrx",
+    "./cn": "./src/lib/utils.ts",
+    "./types": "./src/lib/types.ts",
+    "./hooks/use-mobile": "./src/hooks/use-mobile.ts",
     "./theme.css": "./src/styles/theme.css"
   },
   "dependencies": {
     "class-variance-authority": "0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "3.6.0",
-    "@octanejs/lucide": "0.1.16",
-    "@octanejs/radix": "0.1.20",
-    "@octanejs/sonner": "0.1.16"
+    "@octanejs/aria": "0.0.16",
+    "@octanejs/lucide": "0.1.17",
+    "@octanejs/radix": "0.1.21",
+    "@octanejs/sonner": "0.1.17"
   },
   "peerDependencies": {
-    "octane": "0.1.21"
+    "octane": "0.1.22"
   },
   "devDependencies": {
     "@tsrx/react": "^0.2.56",
@@ -52,7 +129,7 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "vitest": "^4.1.10",
-    "octane": "0.1.21"
+    "octane": "0.1.22"
   },
   "scripts": {
     "test": "vitest run",

package/src/{ui → bases/radix/ui}/accordion.tsrx

@@ -9,7 +9,7 @@ import { Accordion as AccordionPrimitive } from '@octanejs/radix';
 import { ChevronDownIcon, ChevronUpIcon } from '@octanejs/lucide';
 import type { OctaneNode } from 'octane';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/alert-dialog.tsrx

@@ -6,7 +6,7 @@
 import { createElement, type OctaneNode } from 'octane';
 import { AlertDialog as AlertDialogPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { Button, type ButtonProps } from './button.tsrx';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;

package/src/{ui → bases/radix/ui}/alert.tsrx

@@ -2,8 +2,8 @@
 // cva strings verbatim. Pure template JSX (no consumer-children interleave).
 import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from '../lib/utils';
-import type { DivProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { DivProps } from '../../../lib/types';
 
 export const alertVariants = cva(
 	'group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*=\'size-\'])]:size-4',

package/src/{ui → bases/radix/ui}/avatar.tsrx

@@ -3,7 +3,7 @@
 // @octanejs/radix; pure template JSX.
 import { Avatar as AvatarPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/badge.tsrx

@@ -4,8 +4,8 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Slot } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
-import type { HostProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { HostProps } from '../../../lib/types';
 
 export const badgeVariants = cva(
 	'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!',

package/src/{ui → bases/radix/ui}/breadcrumb.tsrx

@@ -7,7 +7,7 @@ import { Slot } from '@octanejs/radix';
 import { ChevronRightIcon, MoreHorizontalIcon } from '@octanejs/lucide';
 import { createElement, type OctaneNode } from 'octane';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/button.tsrx

@@ -7,8 +7,8 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Slot } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
-import type { HostProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { HostProps } from '../../../lib/types';
 
 export const buttonVariants = cva(
 	'group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',

package/src/{ui → bases/radix/ui}/card.tsrx

@@ -1,7 +1,7 @@
 // Default-Tailwind (package canonical) card — user-supplied flavor, class strings verbatim (uses the
 // --card-spacing custom-property pattern and the nova cn-font-heading hook).
-import { cn } from '../lib/utils';
-import type { DivProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { DivProps } from '../../../lib/types';
 
 type Props = DivProps;
 

package/src/{ui → bases/radix/ui}/checkbox.tsrx

@@ -6,7 +6,7 @@
 import { Checkbox as CheckboxPrimitive } from '@octanejs/radix';
 import { CheckIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface CheckboxProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/context-menu.tsrx

@@ -8,7 +8,7 @@ import { createElement, type OctaneNode } from 'octane';
 import { ContextMenu as ContextMenuPrimitive } from '@octanejs/radix';
 import { CheckIcon, ChevronRightIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/dialog.tsrx

@@ -9,7 +9,7 @@ import { createElement, type OctaneNode } from 'octane';
 import { Dialog as DialogPrimitive } from '@octanejs/radix';
 import { XIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { Button } from './button.tsrx';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;

package/src/{ui → bases/radix/ui}/dropdown-menu.tsrx

@@ -8,7 +8,7 @@ import { createElement, type OctaneNode } from 'octane';
 import { DropdownMenu as DropdownMenuPrimitive } from '@octanejs/radix';
 import { CheckIcon, ChevronRightIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/empty.tsrx

@@ -3,7 +3,7 @@
 // as a <div> (typed as "p") — both preserved as-is.
 import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type DivProps = { className?: string } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/field.tsrx

@@ -6,7 +6,7 @@
 import { createElement, useMemo, type OctaneNode } from 'octane';
 import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { Label } from './label.tsrx';
 import { Separator } from './separator.tsrx';
 

package/src/{ui → bases/radix/ui}/hover-card.tsrx

@@ -10,7 +10,7 @@
 import { createElement } from 'octane';
 import { HoverCard as HoverCardPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export function HoverCard(props: Record<string, unknown>) @{
 	<HoverCardPrimitive.Root data-slot="hover-card" {...props} />

package/src/{ui → bases/radix/ui}/input.tsrx

@@ -1,7 +1,7 @@
 // Default-Tailwind (package canonical) input — user-supplied flavor, class string verbatim.
 // OCTANE DIVERGENCE: per-keystroke handling is the native onInput event.
-import { cn } from '../lib/utils';
-import type { HostProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { HostProps } from '../../../lib/types';
 
 export interface InputProps extends HostProps<'input'> {}
 

package/src/{ui → bases/radix/ui}/item.tsrx

@@ -4,7 +4,7 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Slot } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { Separator } from './separator.tsrx';
 
 type DivProps = { className?: string } & Record<string, unknown>;

package/src/{ui → bases/radix/ui}/kbd.tsrx

@@ -1,8 +1,8 @@
 // Ported from shadcn-ui/ui@4baadbc6517070ae8f8feb2c97037adc2b305544
 // apps/v4/registry/bases/radix/ui/kbd.tsx. Note: upstream renders KbdGroup as
 // a <kbd> host too — preserved as-is.
-import { cn } from '../lib/utils';
-import type { HostProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { HostProps } from '../../../lib/types';
 
 export interface KbdProps extends HostProps<'kbd'> {}
 

package/src/{ui → bases/radix/ui}/label.tsrx

@@ -3,7 +3,7 @@
 // dropped — octane has no RSC axis).
 import { Label as LabelPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface LabelProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/menubar.tsrx

@@ -8,7 +8,7 @@ import { createElement, type OctaneNode } from 'octane';
 import { Menubar as MenubarPrimitive } from '@octanejs/radix';
 import { CheckIcon, ChevronRightIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/native-select.tsrx

@@ -5,7 +5,7 @@
 // <select> and the chevron keep their fixed classes.
 import { ChevronDownIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface NativeSelectProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/navigation-menu.tsrx

@@ -7,7 +7,7 @@ import { cva } from 'class-variance-authority';
 import { NavigationMenu as NavigationMenuPrimitive } from '@octanejs/radix';
 import { ChevronDownIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/pagination.tsrx

@@ -6,7 +6,7 @@
 import { createElement, type OctaneNode } from 'octane';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { Button, type ButtonProps } from './button.tsrx';
 
 type Props = { className?: string } & Record<string, unknown>;

package/src/{ui → bases/radix/ui}/popover.tsrx

@@ -10,7 +10,7 @@
 import { createElement } from 'octane';
 import { Popover as PopoverPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/progress.tsrx

@@ -5,7 +5,7 @@
 // Root, whose role/aria-valuemax/data-state contract comes from its defaults.
 import { Progress as ProgressPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface ProgressProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/radio-group.tsrx

@@ -4,7 +4,7 @@
 import { RadioGroup as RadioGroupPrimitive } from '@octanejs/radix';
 import { CircleIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/scroll-area.tsrx

@@ -5,7 +5,7 @@
 import type { OctaneNode } from 'octane';
 import { ScrollArea as ScrollAreaPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/select.tsrx

@@ -7,7 +7,7 @@ import { createElement, type OctaneNode } from 'octane';
 import { Select as SelectPrimitive } from '@octanejs/radix';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/separator.tsrx

@@ -3,7 +3,7 @@
 // is dropped — octane has no RSC axis).
 import { Separator as SeparatorPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface SeparatorProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/sheet.tsrx

@@ -8,7 +8,7 @@ import { createElement, type OctaneNode } from 'octane';
 import { Dialog as SheetPrimitive } from '@octanejs/radix';
 import { XIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { Button } from './button.tsrx';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;

package/src/{ui → bases/radix/ui}/sidebar.tsrx

@@ -18,8 +18,8 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { Slot } from '@octanejs/radix';
 import { PanelLeftIcon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
-import { useIsMobile } from '../hooks/use-mobile';
+import { cn } from '../../../lib/utils';
+import { useIsMobile } from '../../../hooks/use-mobile';
 import { Button } from './button.tsrx';
 import { Input } from './input.tsrx';
 import { Separator } from './separator.tsrx';

package/src/{ui → bases/radix/ui}/skeleton.tsrx

@@ -1,7 +1,7 @@
 // Default-Tailwind flavor (package canonical) — utilities-inlined upstream styling.
 // apps/v4/registry/bases/radix/ui/skeleton.tsx.
-import { cn } from '../lib/utils';
-import type { HostProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { HostProps } from '../../../lib/types';
 
 export interface SkeletonProps extends HostProps<'div'> {}
 

package/src/{ui → bases/radix/ui}/slider.tsrx

@@ -9,7 +9,7 @@
 import { createElement, useMemo } from 'octane';
 import { Slider as SliderPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface SliderProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/spinner.tsrx

@@ -6,7 +6,7 @@
 // @octanejs/lucide. Other icon libraries are a registry-emit concern.
 import { Loader2Icon } from '@octanejs/lucide';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface SpinnerProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/switch.tsrx

@@ -3,7 +3,7 @@
 // @octanejs/radix; pure template JSX.
 import { Switch as SwitchPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface SwitchProps extends Record<string, unknown> {
 	className?: string;

package/src/{ui → bases/radix/ui}/table.tsrx

@@ -2,7 +2,7 @@
 // apps/v4/registry/bases/radix/ui/table.tsx (the `"use client"` directive is
 // dropped — octane has no RSC axis). Table renders inside the upstream
 // table-container wrapper div.
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 // Multi-host family (div/table/thead/tbody/tr/th/td/caption): no single host
 // prop table applies, so the shared alias stays structural.

package/src/{ui → bases/radix/ui}/tabs.tsrx

@@ -4,7 +4,7 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Tabs as TabsPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/{ui → bases/radix/ui}/textarea.tsrx

@@ -3,8 +3,8 @@
 //
 // OCTANE DIVERGENCE: per-keystroke handling is the native `onInput` event, not
 // a synthetic `onChange`; native `change` keeps its commit-on-blur meaning.
-import { cn } from '../lib/utils';
-import type { HostProps } from '../lib/types';
+import { cn } from '../../../lib/utils';
+import type { HostProps } from '../../../lib/types';
 
 export interface TextareaProps extends HostProps<'textarea'> {}
 

package/src/{ui → bases/radix/ui}/toggle-group.tsrx

@@ -10,7 +10,7 @@ import { createContext, createElement, useContext, type OctaneNode } from 'octan
 import { type VariantProps } from 'class-variance-authority';
 import { ToggleGroup as ToggleGroupPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 import { toggleVariants } from './toggle.tsrx';
 
 const ToggleGroupContext = createContext<

package/src/{ui → bases/radix/ui}/toggle.tsrx

@@ -4,7 +4,7 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Toggle as TogglePrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export const toggleVariants = cva(
 	'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',

package/src/{ui → bases/radix/ui}/tooltip.tsrx

@@ -10,7 +10,7 @@
 import { createElement, type OctaneNode } from 'octane';
 import { Tooltip as TooltipPrimitive } from '@octanejs/radix';
 
-import { cn } from '../lib/utils';
+import { cn } from '../../../lib/utils';
 
 export interface TooltipProviderProps extends Record<string, unknown> {
 	delayDuration?: number;