@octanejs/shadcn 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Dominic Gannaway
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# @octanejs/shadcn
+
+shadcn/ui for the [octane](https://github.com/octanejs/octane) renderer — a port
+of the **Radix base** of [shadcn-ui/ui](https://github.com/shadcn-ui/ui) onto
+octane's hooks and native events, built on
+[`@octanejs/radix`](../radix).
+
+Upstream pin: `shadcn-ui/ui@4baadbc6` + CLI `shadcn@4.14.1`.
+
+## What ships
+
+- **40 component families (~185 exports)**: the full Tier-1 static set, all 24
+  radix-backed Tier-2 components, and the first Tier-3 composites (Sidebar with
+  `useSidebar`/`useIsMobile`, Field), plus `cn()` and the default neutral theme
+  tokens (`@octanejs/shadcn/theme.css`).
+- **Two consumption modes**: import from the package entry, or install
+  components AS SOURCE with the upstream shadcn CLI against the generated
+  registry (`registry/`, 47 items — `pnpm registry:build` / `registry:check`).
+- **Styling flavors**: components are migrating to the default-Tailwind
+  (utilities-inlined) flavor — class strings work against any Tailwind v4 build
+  with the shadcn theme tokens. The not-yet-migrated families still carry the
+  upstream `cn-*` semantic hooks and need a shadcn style sheet (e.g.
+  `style-nova`). `status.json` lists exactly which families are which.
+
+```tsx
+import { Button, Dialog, Tabs } from '@octanejs/shadcn';
+import '@octanejs/shadcn/theme.css';
+```
+
+Octane adaptations are uniform and documented per file: no `"use client"`,
+refs as props, native events (`onInput` per keystroke), `asChild` and Portal
+children composed as element descriptors, and children forwarding through the
+compiler's `{props.children}` lowering.
+
+## Evidence
+
+Behavioral (jsdom), SSR, hydration-adoption, and differential suites — the
+differential rig byte-compares fixtures against the vendored pinned upstream
+React sources running real `radix-ui`. The full ledger (supported surface,
+divergences, SSR status, flavor migration state) lives in
+[status.json](./status.json) and the generated
+[bindings status table](../../docs/bindings-status.md); scope and phase history
+in [docs/shadcn-port-plan.md](../../docs/shadcn-port-plan.md).

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@octanejs/shadcn",
+  "version": "0.0.1",
+  "license": "MIT",
+  "type": "module",
+  "engines": {
+    "node": ">=22"
+  },
+  "description": "shadcn/ui for the octane renderer — the Radix-base shadcn component distribution ported onto octane: cva-variant components preserving the upstream data-slot/class contract, built on @octanejs/radix, published as importable source with a shadcn-CLI-compatible registry planned.",
+  "author": {
+    "name": "Dominic Gannaway",
+    "email": "dg@domgan.com"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "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"
+  ],
+  "sideEffects": [
+    "./src/styles/theme.css"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./theme.css": "./src/styles/theme.css"
+  },
+  "dependencies": {
+    "@octanejs/lucide": "0.1.8",
+    "@octanejs/radix": "0.1.12",
+    "@octanejs/sonner": "0.1.8",
+    "class-variance-authority": "0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "3.6.0"
+  },
+  "peerDependencies": {
+    "octane": "0.1.16"
+  },
+  "devDependencies": {
+    "@tsrx/react": "^0.2.50",
+    "esbuild": "^0.28.1",
+    "lucide-react": "1.24.0",
+    "radix-ui": "^1.6.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "vitest": "^4.1.10",
+    "octane": "0.1.16"
+  },
+  "scripts": {
+    "test": "vitest run",
+    "registry:build": "node scripts/build-registry.mjs",
+    "registry:check": "node scripts/build-registry.mjs --check",
+    "typecheck": "node scripts/typecheck.mjs"
+  }
+}

package/src/hooks/use-mobile.ts

@@ -0,0 +1,23 @@
+// Ported from shadcn-ui/ui@4baadbc6517070ae8f8feb2c97037adc2b305544
+// apps/v4/registry/bases/radix/hooks/use-mobile.ts. React hooks map onto
+// octane's; the explicit `[]` dependency array is retained from upstream
+// (subscribe once on mount). SSR-safe: `window` is only touched in the effect.
+import { useEffect, useState } from 'octane';
+
+const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile() {
+	const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);
+
+	useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener('change', onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener('change', onChange);
+	}, []);
+
+	return !!isMobile;
+}

package/src/index.ts

@@ -0,0 +1,263 @@
+// @octanejs/shadcn — shadcn/ui (Radix base) for the octane renderer.
+//
+// Upstream pin: shadcn-ui/ui@4baadbc6517070ae8f8feb2c97037adc2b305544 (main,
+// 2026-07-24) + CLI shadcn@4.14.1. Components are authored in `.tsrx` so the
+// octane compiler owns templates and hook slots; the cva variant maps, class
+// strings, and data-slot attributes are preserved byte-for-byte from the
+// pinned upstream sources (the public styling contract). See
+// docs/shadcn-port-plan.md.
+export { cn } from './lib/utils';
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './ui/accordion.tsrx';
+export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants } from './ui/alert.tsrx';
+export {
+	AlertDialog,
+	AlertDialogAction,
+	AlertDialogCancel,
+	AlertDialogContent,
+	AlertDialogDescription,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogMedia,
+	AlertDialogOverlay,
+	AlertDialogPortal,
+	AlertDialogTitle,
+	AlertDialogTrigger,
+} from './ui/alert-dialog.tsrx';
+export { AspectRatio } from './ui/aspect-ratio.tsrx';
+export {
+	Avatar,
+	AvatarImage,
+	AvatarFallback,
+	AvatarBadge,
+	AvatarGroup,
+	AvatarGroupCount,
+} from './ui/avatar.tsrx';
+export { Badge, badgeVariants, type BadgeProps } from './ui/badge.tsrx';
+export {
+	Breadcrumb,
+	BreadcrumbList,
+	BreadcrumbItem,
+	BreadcrumbLink,
+	BreadcrumbPage,
+	BreadcrumbSeparator,
+	BreadcrumbEllipsis,
+} from './ui/breadcrumb.tsrx';
+export { Button, buttonVariants, type ButtonProps } from './ui/button.tsrx';
+export { Checkbox } from './ui/checkbox.tsrx';
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './ui/collapsible.tsrx';
+export {
+	ContextMenu,
+	ContextMenuTrigger,
+	ContextMenuContent,
+	ContextMenuItem,
+	ContextMenuCheckboxItem,
+	ContextMenuRadioItem,
+	ContextMenuLabel,
+	ContextMenuSeparator,
+	ContextMenuShortcut,
+	ContextMenuGroup,
+	ContextMenuPortal,
+	ContextMenuSub,
+	ContextMenuSubContent,
+	ContextMenuSubTrigger,
+	ContextMenuRadioGroup,
+} from './ui/context-menu.tsrx';
+export {
+	Dialog,
+	DialogClose,
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogOverlay,
+	DialogPortal,
+	DialogTitle,
+	DialogTrigger,
+} from './ui/dialog.tsrx';
+export {
+	DropdownMenu,
+	DropdownMenuPortal,
+	DropdownMenuTrigger,
+	DropdownMenuContent,
+	DropdownMenuGroup,
+	DropdownMenuLabel,
+	DropdownMenuItem,
+	DropdownMenuCheckboxItem,
+	DropdownMenuRadioGroup,
+	DropdownMenuRadioItem,
+	DropdownMenuSeparator,
+	DropdownMenuShortcut,
+	DropdownMenuSub,
+	DropdownMenuSubTrigger,
+	DropdownMenuSubContent,
+} from './ui/dropdown-menu.tsrx';
+export {
+	Card,
+	CardHeader,
+	CardFooter,
+	CardTitle,
+	CardAction,
+	CardDescription,
+	CardContent,
+} from './ui/card.tsrx';
+export {
+	Empty,
+	EmptyHeader,
+	EmptyTitle,
+	EmptyDescription,
+	EmptyContent,
+	EmptyMedia,
+	emptyMediaVariants,
+} from './ui/empty.tsrx';
+export {
+	Field,
+	FieldContent,
+	FieldDescription,
+	FieldError,
+	FieldGroup,
+	FieldLabel,
+	FieldLegend,
+	FieldSeparator,
+	FieldSet,
+	FieldTitle,
+} from './ui/field.tsrx';
+export { HoverCard, HoverCardTrigger, HoverCardContent } from './ui/hover-card.tsrx';
+export { useIsMobile } from './hooks/use-mobile';
+export { Input, type InputProps } from './ui/input.tsrx';
+export {
+	Item,
+	ItemMedia,
+	ItemContent,
+	ItemActions,
+	ItemGroup,
+	ItemSeparator,
+	ItemTitle,
+	ItemDescription,
+	ItemHeader,
+	ItemFooter,
+	itemVariants,
+	itemMediaVariants,
+} from './ui/item.tsrx';
+export { Kbd, KbdGroup } from './ui/kbd.tsrx';
+export { Label } from './ui/label.tsrx';
+export {
+	Menubar,
+	MenubarPortal,
+	MenubarMenu,
+	MenubarTrigger,
+	MenubarContent,
+	MenubarGroup,
+	MenubarSeparator,
+	MenubarLabel,
+	MenubarItem,
+	MenubarShortcut,
+	MenubarCheckboxItem,
+	MenubarRadioGroup,
+	MenubarRadioItem,
+	MenubarSub,
+	MenubarSubTrigger,
+	MenubarSubContent,
+} from './ui/menubar.tsrx';
+export { NativeSelect, NativeSelectOption, NativeSelectOptGroup } from './ui/native-select.tsrx';
+export {
+	NavigationMenu,
+	NavigationMenuList,
+	NavigationMenuItem,
+	NavigationMenuContent,
+	NavigationMenuTrigger,
+	NavigationMenuLink,
+	NavigationMenuIndicator,
+	NavigationMenuViewport,
+	navigationMenuTriggerStyle,
+} from './ui/navigation-menu.tsrx';
+export {
+	Pagination,
+	PaginationContent,
+	PaginationEllipsis,
+	PaginationItem,
+	PaginationLink,
+	PaginationNext,
+	PaginationPrevious,
+} from './ui/pagination.tsrx';
+export {
+	Popover,
+	PopoverAnchor,
+	PopoverContent,
+	PopoverDescription,
+	PopoverHeader,
+	PopoverTitle,
+	PopoverTrigger,
+} from './ui/popover.tsrx';
+export { Progress } from './ui/progress.tsrx';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group.tsrx';
+export { ScrollArea, ScrollBar } from './ui/scroll-area.tsrx';
+export {
+	Select,
+	SelectContent,
+	SelectGroup,
+	SelectItem,
+	SelectLabel,
+	SelectScrollDownButton,
+	SelectScrollUpButton,
+	SelectSeparator,
+	SelectTrigger,
+	SelectValue,
+} from './ui/select.tsrx';
+export { Separator } from './ui/separator.tsrx';
+export {
+	Sheet,
+	SheetTrigger,
+	SheetClose,
+	SheetContent,
+	SheetHeader,
+	SheetFooter,
+	SheetTitle,
+	SheetDescription,
+} from './ui/sheet.tsrx';
+export {
+	Sidebar,
+	SidebarContent,
+	SidebarFooter,
+	SidebarGroup,
+	SidebarGroupAction,
+	SidebarGroupContent,
+	SidebarGroupLabel,
+	SidebarHeader,
+	SidebarInput,
+	SidebarInset,
+	SidebarMenu,
+	SidebarMenuAction,
+	SidebarMenuBadge,
+	SidebarMenuButton,
+	SidebarMenuItem,
+	SidebarMenuSkeleton,
+	SidebarMenuSub,
+	SidebarMenuSubButton,
+	SidebarMenuSubItem,
+	SidebarProvider,
+	SidebarRail,
+	SidebarSeparator,
+	SidebarTrigger,
+	useSidebar,
+} from './ui/sidebar.tsrx';
+export { Slider } from './ui/slider.tsrx';
+export { Skeleton } from './ui/skeleton.tsrx';
+export { Toaster } from './ui/sonner.tsrx';
+export { Spinner } from './ui/spinner.tsrx';
+export { Switch } from './ui/switch.tsrx';
+export {
+	Table,
+	TableHeader,
+	TableBody,
+	TableFooter,
+	TableHead,
+	TableRow,
+	TableCell,
+	TableCaption,
+} from './ui/table.tsrx';
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants } from './ui/tabs.tsrx';
+export { Textarea } from './ui/textarea.tsrx';
+export { Toggle, toggleVariants } from './ui/toggle.tsrx';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.tsrx';
+export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.tsrx';

package/src/lib/types.ts

@@ -0,0 +1,10 @@
+// Host-element prop bases for the ported components. Octane exposes the same
+// per-tag prop tables React does (`JSX.IntrinsicElements`), so a component that
+// spreads onto a `<button>` types its rest props as that tag's real props —
+// misspellings and wrong-typed handlers are caught at the call site.
+import type { JSX } from 'octane/jsx-runtime';
+
+export type HostProps<T extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[T];
+
+/** Props for a component whose host is a `<div>` (the common wrapper shape). */
+export type DivProps = HostProps<'div'>;

package/src/lib/utils.ts

@@ -0,0 +1,8 @@
+// Ported from shadcn-ui/ui@4baadbc6517070ae8f8feb2c97037adc2b305544
+// apps/v4/registry/bases/radix/lib/utils.ts — unchanged (framework-free).
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}

package/src/styles/theme.css

@@ -0,0 +1,104 @@
+/*
+ * shadcn default theme tokens (neutral base color) for octane apps.
+ * Ported from shadcn-ui/ui@4baadbc6517070ae8f8feb2c97037adc2b305544
+ * apps/v4/app/globals.css (:root / .dark blocks) — values unchanged; the
+ * site-only tokens (--surface, --code-*, --selection*) and the Tailwind-scale
+ * chart references are omitted: --chart-1..5 get concrete oklch values here
+ * because this file must stand alone without a Tailwind build.
+ *
+ * Dark mode follows the upstream contract: a `.dark` class on an ancestor
+ * overrides the same custom properties.
+ */
+:root {
+	--radius: 0.625rem;
+	--background: oklch(1 0 0);
+	--foreground: oklch(0% 0 0);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0% 0 0);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0% 0 0);
+	--primary: oklch(0% 0 0);
+	--primary-foreground: oklch(0.985 0 0);
+	--secondary: oklch(0.97 0 0);
+	--secondary-foreground: oklch(0.205 0 0);
+	--muted: oklch(0.97 0 0);
+	--muted-foreground: oklch(0.556 0 0);
+	--accent: oklch(0.97 0 0);
+	--accent-foreground: oklch(0.205 0 0);
+	--destructive: oklch(0.577 0.245 27.325);
+	--destructive-foreground: oklch(0.97 0.01 17);
+	--border: oklch(0.922 0 0);
+	--input: oklch(0.922 0 0);
+	--ring: oklch(0.708 0 0);
+	--chart-1: oklch(0.809 0.096 251.813);
+	--chart-2: oklch(0.623 0.214 259.815);
+	--chart-3: oklch(0.546 0.245 262.881);
+	--chart-4: oklch(0.488 0.243 264.376);
+	--chart-5: oklch(0.424 0.199 265.638);
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0% 0 0);
+	--sidebar-primary: oklch(0.205 0 0);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.97 0 0);
+	--sidebar-accent-foreground: oklch(0.205 0 0);
+	--sidebar-border: oklch(0.922 0 0);
+	--sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+	--background: oklch(0.145 0 0);
+	--foreground: oklch(0.985 0 0);
+	--card: oklch(0.205 0 0);
+	--card-foreground: oklch(0.985 0 0);
+	--popover: oklch(0.205 0 0);
+	--popover-foreground: oklch(0.985 0 0);
+	--primary: oklch(0.922 0 0);
+	--primary-foreground: oklch(0.205 0 0);
+	--secondary: oklch(0.269 0 0);
+	--secondary-foreground: oklch(0.985 0 0);
+	--muted: oklch(0.269 0 0);
+	--muted-foreground: oklch(0.708 0 0);
+	--accent: oklch(0.371 0 0);
+	--accent-foreground: oklch(0.985 0 0);
+	--destructive: oklch(0.704 0.191 22.216);
+	--destructive-foreground: oklch(0.58 0.22 27);
+	--border: oklch(1 0 0 / 10%);
+	--input: oklch(1 0 0 / 15%);
+	--ring: oklch(0.556 0 0);
+	--chart-1: oklch(0.809 0.096 251.813);
+	--chart-2: oklch(0.623 0.214 259.815);
+	--chart-3: oklch(0.546 0.245 262.881);
+	--chart-4: oklch(0.488 0.243 264.376);
+	--chart-5: oklch(0.424 0.199 265.638);
+	--sidebar: oklch(0.205 0 0);
+	--sidebar-foreground: oklch(0.985 0 0);
+	--sidebar-primary: oklch(0.488 0.243 264.376);
+	--sidebar-primary-foreground: oklch(0.985 0 0);
+	--sidebar-accent: oklch(0.269 0 0);
+	--sidebar-accent-foreground: oklch(0.985 0 0);
+	--sidebar-border: oklch(1 0 0 / 10%);
+	--sidebar-ring: oklch(0.439 0 0);
+}
+
+/*
+ * The three semantic hooks that survive in otherwise utilities-inlined
+ * components, because they appear verbatim in the upstream sources: upstream
+ * defines them in its style layer, so a package that ships those class strings
+ * must ship their definitions too or they are inert. Kept framework-free (no
+ * Tailwind @apply) so this file stands alone.
+ */
+.cn-font-heading {
+	font-family: var(--font-heading, inherit);
+}
+
+/* Directional icons (chevrons, arrows) mirror in RTL. */
+[dir='rtl'] .cn-rtl-flip {
+	transform: scaleX(-1);
+}
+
+/* Sonner's toast host: the Toaster wrapper tags every toast with this class so
+ * consumers have one stable selector; the toast's own visual styling comes
+ * from sonner and the theme tokens above. */
+.cn-toast {
+	border-radius: calc(var(--radius) * 0.8);
+}

package/src/ui/accordion.tsrx

@@ -0,0 +1,72 @@
+// App-owned accordion (the shadcn registry-mode ownership model): a custom
+// utilities-inlined flavor. Octane adaptations from the shared React source:
+// "use client" dropped, lucide-react → @octanejs/lucide, radix-ui →
+// @octanejs/radix. Children forwarding uses the compiler's `{props.children}`
+// lowering (the syntactic form is load-bearing — a destructured `children`
+// local is not recognized as a forwardable hole), so the markup reads exactly
+// like the React source.
+import { Accordion as AccordionPrimitive } from '@octanejs/radix';
+import { ChevronDownIcon, ChevronUpIcon } from '@octanejs/lucide';
+import type { OctaneNode } from 'octane';
+
+import { cn } from '../lib/utils';
+
+type Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;
+
+export function Accordion({ className, ...props }: Props) @{
+	<AccordionPrimitive.Root
+		data-slot="accordion"
+		className={cn('flex w-full flex-col', className)}
+		{...props}
+	/>
+}
+
+export function AccordionItem({ className, ...props }: Props) @{
+	<AccordionPrimitive.Item
+		data-slot="accordion-item"
+		className={cn('not-last:border-b', className)}
+		{...props}
+	/>
+}
+
+export function AccordionTrigger(props: Props) @{
+	const { className, children: _children, ...rest } = props;
+
+	<AccordionPrimitive.Header className="flex">
+		<AccordionPrimitive.Trigger
+			data-slot="accordion-trigger"
+			className={cn(
+				'group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground',
+				className,
+			)}
+			{...rest}
+		>
+			{props.children}
+			<ChevronDownIcon
+				data-slot="accordion-trigger-icon"
+				className="pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+			/>
+			<ChevronUpIcon
+				data-slot="accordion-trigger-icon"
+				className="pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+			/>
+		</AccordionPrimitive.Trigger>
+	</AccordionPrimitive.Header>
+}
+
+export function AccordionContent(props: Props) @{
+	const { className, children: _children, ...rest } = props;
+
+	<AccordionPrimitive.Content
+		data-slot="accordion-content"
+		className="overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up"
+		{...rest}
+	>
+		<div
+			className={cn(
+				'h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4',
+				className,
+			)}
+		>{props.children}</div>
+	</AccordionPrimitive.Content>
+}