@octanejs/shadcn 0.0.37 → 0.0.39

package/src/bases/base-ui/ui/switch.tsrx

@@ -16,7 +16,7 @@
 // rather than upstream's Base UI source.
 import { Switch as SwitchPrimitive } from '@octanejs/base-ui/switch';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 
 export interface SwitchProps extends Record<string, unknown> {
 	className?: string;

package/src/bases/base-ui/ui/table.tsrx

@@ -7,7 +7,7 @@
 // `data-[state=selected]` on the row is written by the CONSUMER — a data-table library setting
 // selection state — not emitted by anything underneath, so unlike checkbox or toggle it is not a
 // Radix-ism that needs translating.
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 
 // 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/bases/base-ui/ui/tabs.tsrx

@@ -2,17 +2,8 @@
 // class strings verbatim. Runs on @octanejs/base-ui's `Tabs`, which was ported for this family:
 // Root / List / Tab / Panel.
 //
-// ONE DEPARTURE FROM THE SOURCE, FORCED BY A VERSION SKEW. Upstream writes its orientation variants
-// as `data-horizontal:` / `data-vertical:` — bare attributes. The pinned @octanejs/base-ui (v1.6.0)
-// converts the orientation state to `data-orientation="horizontal" | "vertical"` instead, so those
-// utilities would match nothing: the root would never switch to a column, and every
-// `group-data-horizontal/tabs:` and `group-data-vertical/tabs:` selector on the trigger would be
-// dead. They are written as `data-[orientation=…]:` here.
-//
-// This is the SAME skew the slider hit, and it is not a porting mistake in either layer — shadcn's
-// Base UI sources target a newer Base UI than the pin this package binds. The primitive stays
-// faithful to its pin; the adaptation belongs here. When the binding moves to a release that emits
-// the bare attributes, these revert to upstream's spelling.
+// Base UI 1.8 emits `data-orientation="horizontal" | "vertical"`, so orientation
+// selectors target the attribute value on the root, list, trigger, and panel.
 //
 // `data-active` on the trigger needs no such treatment: the pin emits it exactly as upstream's
 // classes expect (verified by rendering).
@@ -21,11 +12,11 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Tabs as TabsPrimitive } from '@octanejs/base-ui/tabs';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 
-type Props = { className?: string } & Record<string, unknown>;
+type StyledProps<P> = Omit<P, 'className'> & { className?: string };
 
-export interface TabsProps extends Props {
+export interface TabsProps extends StyledProps<TabsPrimitive.Root.Props> {
 	orientation?: 'horizontal' | 'vertical';
 }
 
@@ -54,7 +45,7 @@ export const tabsListVariants = cva(
 	},
 );
 
-export interface TabsListProps extends Props {
+export interface TabsListProps extends StyledProps<TabsPrimitive.List.Props> {
 	variant?: VariantProps<typeof tabsListVariants>['variant'];
 }
 
@@ -67,7 +58,7 @@ export function TabsList({ className, variant = 'default', ...props }: TabsListP
 	/>
 }
 
-export function TabsTrigger({ className, ...props }: Props) @{
+export function TabsTrigger({ className, ...props }: StyledProps<TabsPrimitive.Tab.Props>) @{
 	<TabsPrimitive.Tab
 		data-slot="tabs-trigger"
 		className={cn(
@@ -81,7 +72,7 @@ export function TabsTrigger({ className, ...props }: Props) @{
 	/>
 }
 
-export function TabsContent({ className, ...props }: Props) @{
+export function TabsContent({ className, ...props }: StyledProps<TabsPrimitive.Panel.Props>) @{
 	<TabsPrimitive.Panel
 		data-slot="tabs-content"
 		className={cn('flex-1 text-sm outline-none', className)}

package/src/bases/base-ui/ui/textarea.tsrx

@@ -7,7 +7,7 @@
 //
 // Octane divergence (shadcn-native-input-events): 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 { cn } from 'cn';
 import type { HostProps } from '../../../lib/types';
 
 export function Textarea({ className, ...props }: HostProps<'textarea'>) @{

package/src/bases/base-ui/ui/toggle-group.tsrx

@@ -20,18 +20,14 @@
 // The pressed dialect is `data-pressed`, not radix's `data-[state=on]` — see toggle.tsrx, whose
 // `toggleVariants` this file reuses, so the two bases cannot drift apart.
 //
-// ToggleGroup is composed with createElement: the consumer's children must sit INSIDE the context
-// Provider, and opaque compiled .tsrx children can only flow through the props.children channel
-// (see breadcrumb.tsrx's comment).
-//
 // UNVERIFIED PROVENANCE: class strings come from this package's radix base rather than
 // transcribed from upstream's Base UI source.
-import { createContext, createElement, useContext, type OctaneNode } from 'octane';
+import { createContext, useContext, type CSSProperties, type OctaneNode } from 'octane';
 import { type VariantProps } from 'class-variance-authority';
 import { ToggleGroup as ToggleGroupPrimitive } from '@octanejs/base-ui/toggle-group';
 import { Toggle as TogglePrimitive } from '@octanejs/base-ui/toggle';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 import { toggleVariants } from './toggle.tsrx';
 
 const ToggleGroupContext = createContext<
@@ -65,32 +61,26 @@ export function ToggleGroup({
 	type,
 	children,
 	...props
-}: ToggleGroupProps) {
-	return createElement(
-		ToggleGroupPrimitive,
-		{
-			'data-slot': 'toggle-group',
-			'data-variant': variant,
-			'data-size': size,
-			'data-spacing': spacing,
-			// Forwarded to the primitive: it drives the arrow-key axis (a vertical group must
-			// ignore left/right and use up/down). The primitive also emits `data-orientation`
-			// itself, so unlike the radix base this is not set by hand.
-			orientation,
-			multiple: type === 'multiple',
-			style: { '--gap': spacing },
-			className: cn(
-				'group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs',
-				className,
-			),
-			...props,
-		},
-		createElement(
-			ToggleGroupContext.Provider,
-			{ value: { variant, size, spacing, orientation } },
-			children,
-		),
-	);
+}: ToggleGroupProps) @{
+	const style: CSSProperties & { '--gap': number } = { '--gap': spacing };
+	<ToggleGroupPrimitive
+		data-slot="toggle-group"
+		data-variant={variant}
+		data-size={size}
+		data-spacing={spacing}
+		orientation={orientation}
+		multiple={type === 'multiple'}
+		style={style}
+		className={cn(
+			'group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs',
+			className,
+		)}
+		{...props}
+	>
+		<ToggleGroupContext.Provider
+			value={{ variant, size, spacing, orientation }}
+		>{children}</ToggleGroupContext.Provider>
+	</ToggleGroupPrimitive>
 }
 
 export interface ToggleGroupItemProps extends Record<string, unknown> {

package/src/bases/base-ui/ui/toggle.tsrx

@@ -14,7 +14,7 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Toggle as TogglePrimitive } from '@octanejs/base-ui/toggle';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 
 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-pressed:bg-accent data-pressed:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',

package/src/bases/base-ui/ui/tooltip.tsrx

@@ -15,7 +15,7 @@
 import { createElement, Fragment, type OctaneNode } from 'octane';
 import { Tooltip as TooltipPrimitive } from '@octanejs/base-ui/tooltip';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 
 export interface TooltipProviderProps extends Record<string, unknown> {
 	delay?: number;
@@ -39,21 +39,23 @@ export interface TooltipContentProps extends Record<string, unknown> {
 	children?: OctaneNode;
 }
 
-export interface BaseUiPositioningProps {
-	/** Forwarded to the Positioner; see the note at the top of this file. */
-	side?: 'top' | 'right' | 'bottom' | 'left';
-	sideOffset?: number;
-	align?: 'start' | 'center' | 'end';
-	alignOffset?: number;
-	anchor?: unknown;
-	positionMethod?: 'absolute' | 'fixed';
-	collisionBoundary?: unknown;
-	collisionPadding?: unknown;
-	collisionAvoidance?: unknown;
-	arrowPadding?: number;
-	sticky?: boolean;
-	disableAnchorTracking?: boolean;
-}
+/** Props routed to the Positioner rather than the popup. */
+export type BaseUiPositioningProps =
+	Pick<
+		TooltipPrimitive.Positioner.Props,
+		| 'side'
+		| 'sideOffset'
+		| 'align'
+		| 'alignOffset'
+		| 'anchor'
+		| 'positionMethod'
+		| 'collisionBoundary'
+		| 'collisionPadding'
+		| 'collisionAvoidance'
+		| 'arrowPadding'
+		| 'sticky'
+		| 'disableAnchorTracking'
+	>;
 
 export function TooltipContent({
 	className,

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 import { Button, type ButtonProps } from './button.tsrx';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;

package/src/bases/radix/ui/alert.tsrx

@@ -2,7 +2,7 @@
 // cva strings verbatim. Pure template JSX (no consumer-children interleave).
 import { cva, type VariantProps } from 'class-variance-authority';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 import type { DivProps } from '../../../lib/types';
 
 export const alertVariants = cva(

package/src/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 'cn';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/bases/radix/ui/badge.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 'cn';
 import type { HostProps } from '../../../lib/types';
 
 export const badgeVariants = cva(

package/src/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 'cn';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/bases/radix/ui/button.tsrx

@@ -7,7 +7,7 @@
 import { cva, type VariantProps } from 'class-variance-authority';
 import { Slot } from '@octanejs/radix';
 
-import { cn } from '../../../lib/utils';
+import { cn } from 'cn';
 import type { HostProps } from '../../../lib/types';
 
 export const buttonVariants = cva(

package/src/bases/radix/ui/card.tsrx

@@ -1,6 +1,6 @@
 // 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 { cn } from 'cn';
 import type { DivProps } from '../../../lib/types';
 
 type Props = DivProps;

package/src/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 'cn';
 
 export interface CheckboxProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 import { Button } from './button.tsrx';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 
 type DivProps = { className?: string } & Record<string, unknown>;
 

package/src/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 'cn';
 import { Label } from './label.tsrx';
 import { Separator } from './separator.tsrx';
 

package/src/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 'cn';
 
 export function HoverCard(props: Record<string, unknown>) @{
 	<HoverCardPrimitive.Root data-slot="hover-card" {...props} />

package/src/bases/radix/ui/input.tsrx

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

package/src/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 'cn';
 import { Separator } from './separator.tsrx';
 
 type DivProps = { className?: string } & Record<string, unknown>;

package/src/bases/radix/ui/kbd.tsrx

@@ -1,7 +1,7 @@
 // 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 { cn } from 'cn';
 import type { HostProps } from '../../../lib/types';
 
 export interface KbdProps extends HostProps<'kbd'> {}

package/src/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 'cn';
 
 export interface LabelProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 
 export interface NativeSelectProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 import { Button, type ButtonProps } from './button.tsrx';
 
 type Props = { className?: string } & Record<string, unknown>;

package/src/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 'cn';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/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 'cn';
 
 export interface ProgressProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
 

package/src/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 'cn';
 
 export interface SeparatorProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 import { Button } from './button.tsrx';
 
 type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;

package/src/bases/radix/ui/sidebar.tsrx

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

package/src/bases/radix/ui/skeleton.tsrx

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

package/src/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 'cn';
 
 export interface SliderProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 export interface SpinnerProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 export interface SwitchProps extends Record<string, unknown> {
 	className?: string;

package/src/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 'cn';
 
 // 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/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 'cn';
 
 type Props = { className?: string } & Record<string, unknown>;
 

package/src/bases/radix/ui/textarea.tsrx

@@ -3,7 +3,7 @@
 //
 // Octane divergence (shadcn-native-input-events): 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 { cn } from 'cn';
 import type { HostProps } from '../../../lib/types';
 
 export interface TextareaProps extends HostProps<'textarea'> {}

package/src/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 'cn';
 import { toggleVariants } from './toggle.tsrx';
 
 const ToggleGroupContext = createContext<