@datum-cloud/datum-ui 3.7.1 → 3.8.0

package/dist/app-navigation/index.mjs

@@ -1,3 +1,3 @@
 import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-DWnxQWQ8.mjs";
-import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-Bcx7hr9L.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-DyNZwlSG.mjs";
 export { AppNavigation, NavMenu, NavMenuItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, findItemByHref, hasActiveDescendant, isNavItemActive, normalizePath, useSidebar };

package/dist/{app-navigation-Bcx7hr9L.mjs → app-navigation-DyNZwlSG.mjs}

@@ -1,12 +1,12 @@
 import { c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-DWnxQWQ8.mjs";
 import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { n as EASE } from "./motion-DOrRbLmy.mjs";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.mjs";
 import { t as Icon } from "./icon-wrapper-CIk2th6R.mjs";
 import { ChevronRight, ExternalLinkIcon } from "lucide-react";
 import { createContext, memo, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "motion/react";
+import { Content, Root, Trigger } from "@radix-ui/react-collapsible";
 // src/components/features/app-navigation/nav-menu/active-path.ts
 /**
 * Pure active-path predicates for the nav menu.
@@ -284,7 +284,7 @@ function NavCollapsibleItem({ item, level }) {
 		item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
 		/* @__PURE__ */ jsx(SidebarMenu, {
 			className: rowInsetFor(level),
-			children: /* @__PURE__ */ jsx(Collapsible, {
+			children: /* @__PURE__ */ jsx(Root, {
 				asChild: true,
 				open: panelOpen,
 				onOpenChange: (open) => {
@@ -304,7 +304,7 @@ function NavCollapsibleItem({ item, level }) {
 				className: "group/collapsible",
 				children: /* @__PURE__ */ jsxs(SidebarMenuItem, {
 					className: NAV_STYLES.menuItem,
-					children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+					children: [/* @__PURE__ */ jsx(Trigger, {
 						asChild: true,
 						className: "w-full",
 						children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
@@ -328,7 +328,7 @@ function NavCollapsibleItem({ item, level }) {
 								})
 							]
 						})
-					}), /* @__PURE__ */ jsx(CollapsibleContent, {
+					}), /* @__PURE__ */ jsx(Content, {
 						className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden group-data-[collapsible=icon]:hidden",
 						children: /* @__PURE__ */ jsx("div", {
 							style: {

package/dist/assistant/index.mjs

@@ -2,10 +2,11 @@ import { t as Tooltip } from "../tooltip-OIySjJWW.mjs";
 import { t as Icon } from "../icon-wrapper-CIk2th6R.mjs";
 import { t as cn } from "../utils-CTIuhCOs.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-CjgTr8Ab.mjs";
-import { t as Button } from "../button-Dj6cKrWj.mjs";
+import { t as CopyStateIcon } from "../copy-state-icon-DMvXXsZm.mjs";
+import { t as Button } from "../button-Cn4KagBO.mjs";
 import { n as EASE, t as DURATION } from "../motion-DOrRbLmy.mjs";
 import { t as Dialog } from "../dialog-C8RXIQYm.mjs";
-import { Archive, ArchiveRestore, ArrowDown, ArrowRight, ArrowUp, Box, Brain, Check, ChevronDown, ClipboardList, Clock, Code, Copy, Database, Download, Globe, Laptop, Link, MapPin, MessagesSquare, Mic, MicOff, Network, PanelLeft, Plus, RotateCw, Send, Server, Shield, Split, Square, SquarePen, Trash2, X } from "lucide-react";
+import { Archive, ArchiveRestore, ArrowDown, ArrowRight, ArrowUp, Box, Brain, Check, ChevronDown, ClipboardList, Clock, Code, Database, Download, Globe, Laptop, Link, MapPin, MessagesSquare, Mic, MicOff, Network, PanelLeft, Plus, RotateCw, Send, Server, Shield, Split, Square, SquarePen, Trash2, X } from "lucide-react";
 import { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
@@ -843,12 +844,12 @@ function MessageActions({ msg }) {
 				onClick: handleCopy,
 				"aria-label": "Copy message",
 				className: "hover:text-foreground rounded p-1 transition-colors",
-				children: copied ? /* @__PURE__ */ jsx(Icon, {
-					icon: Check,
-					className: "size-3.5"
-				}) : /* @__PURE__ */ jsx(Icon, {
-					icon: Copy,
-					className: "size-3.5"
+				children: /* @__PURE__ */ jsx(CopyStateIcon, {
+					copied,
+					className: "size-3.5",
+					size: 16,
+					strokeWidth: 1,
+					absoluteStrokeWidth: true
 				})
 			})
 		}), /* @__PURE__ */ jsx(Tooltip, {

package/dist/autocomplete/index.mjs

@@ -1 +1 @@
-export { t as Autocomplete } from "../autocomplete-fSSmRLYK.mjs";
+export { t as Autocomplete } from "../autocomplete-D0zAcT78.mjs";

package/dist/{autocomplete-fSSmRLYK.mjs → autocomplete-D0zAcT78.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { n as OptionList, t as useOptionPicker } from "./use-option-picker-CBMU72LU.mjs";
+import { n as OptionList, t as useOptionPicker } from "./use-option-picker-DXY2SNnT.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-DJYd8lOK.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-JvB8IQo3.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-DP0pvHuG.mjs";
 import { ChevronDown } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/autosearch/index.mjs

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-CTIuhCOs.mjs";
-import { t as Button } from "../button-Dj6cKrWj.mjs";
+import { t as Button } from "../button-Cn4KagBO.mjs";
 import { t as Input } from "../input-DsT5qkJn.mjs";
-import { n as OptionList, t as useOptionPicker } from "../use-option-picker-CBMU72LU.mjs";
+import { n as OptionList, t as useOptionPicker } from "../use-option-picker-DXY2SNnT.mjs";
 import { t as ResponsivePopover } from "../responsive-popover-DJYd8lOK.mjs";
 import { t as Tooltip } from "../tooltip-OIySjJWW.mjs";
 import { AlertCircle, Loader2, X } from "lucide-react";

package/dist/badge/index.mjs

@@ -1 +1,182 @@
-export { t as Badge, n as badgeVariants } from "../badge-D7A6GfWn.mjs";
+import { t as cn } from "../utils-CTIuhCOs.mjs";
+import { cva } from "class-variance-authority";
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/components/base/badge/badge.tsx
+/**
+* Datum Badge Component
+* Similar to Button component but with badge-specific styling
+* Supports types: primary, secondary, tertiary, quaternary, warning, danger, success
+* Supports themes: solid, outline, light
+*/
+const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-all focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+	variants: {
+		type: {
+			primary: "",
+			secondary: "",
+			tertiary: "",
+			quaternary: "",
+			info: "",
+			warning: "",
+			danger: "",
+			success: "",
+			muted: ""
+		},
+		theme: {
+			solid: "",
+			outline: "border",
+			light: "border-transparent"
+		}
+	},
+	compoundVariants: [
+		{
+			type: "primary",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-primary)] text-[var(--color-badge-primary-foreground)]"
+		},
+		{
+			type: "primary",
+			theme: "outline",
+			className: "border-[var(--color-badge-primary)] text-[var(--color-badge-primary)] dark:border-[var(--color-badge-primary)] dark:text-[var(--color-badge-primary)]"
+		},
+		{
+			type: "primary",
+			theme: "light",
+			className: "text-[var(--color-badge-primary)] bg-[var(--color-badge-primary)]/10 dark:text-[var(--color-badge-primary)] dark:bg-[var(--color-badge-primary)]/20"
+		},
+		{
+			type: "secondary",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-secondary)] text-[var(--color-badge-secondary-foreground)]"
+		},
+		{
+			type: "secondary",
+			theme: "outline",
+			className: "border-[var(--color-badge-secondary)] text-[var(--color-badge-secondary)] dark:border-[var(--color-badge-secondary)] dark:text-[var(--color-badge-secondary)]"
+		},
+		{
+			type: "secondary",
+			theme: "light",
+			className: "text-[var(--color-badge-secondary)] bg-[var(--color-badge-secondary)]/20 dark:text-[var(--color-badge-secondary)] dark:bg-[var(--color-badge-secondary)]/20"
+		},
+		{
+			type: "tertiary",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-tertiary)] text-[var(--color-badge-tertiary-foreground)]"
+		},
+		{
+			type: "tertiary",
+			theme: "outline",
+			className: "border-[var(--color-badge-tertiary)] text-[var(--color-badge-tertiary)] dark:border-[var(--color-badge-tertiary)] dark:text-[var(--color-badge-tertiary)]"
+		},
+		{
+			type: "tertiary",
+			theme: "light",
+			className: "text-[var(--color-badge-tertiary)] bg-[var(--color-badge-tertiary)]/20 dark:text-[var(--color-badge-tertiary)] dark:bg-[var(--color-badge-tertiary)]/20"
+		},
+		{
+			type: "quaternary",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-quaternary)] text-[var(--color-badge-quaternary-foreground)]"
+		},
+		{
+			type: "quaternary",
+			theme: "outline",
+			className: "border-[var(--color-badge-quaternary)] text-[var(--color-badge-quaternary-foreground)] dark:border-[var(--color-badge-quaternary)] dark:text-[var(--color-badge-quaternary-foreground)]"
+		},
+		{
+			type: "quaternary",
+			theme: "light",
+			className: "text-[var(--color-badge-quaternary-foreground)] bg-[var(--color-badge-quaternary)]/20 dark:text-[var(--color-badge-quaternary-foreground)] dark:bg-[var(--color-badge-quaternary)]/20"
+		},
+		{
+			type: "info",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-info)] text-[var(--color-badge-info-foreground)]"
+		},
+		{
+			type: "info",
+			theme: "outline",
+			className: "border-[var(--color-badge-info)] text-[var(--color-badge-info)] dark:border-[var(--color-badge-info)] dark:text-[var(--color-badge-info)]"
+		},
+		{
+			type: "info",
+			theme: "light",
+			className: "text-[var(--color-badge-info)] bg-[var(--color-badge-info)]/20 dark:text-[var(--color-badge-info)] dark:bg-[var(--color-badge-info)]/20"
+		},
+		{
+			type: "warning",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-warning)] text-[var(--color-badge-warning-foreground)]"
+		},
+		{
+			type: "warning",
+			theme: "outline",
+			className: "border-[var(--color-badge-warning)] text-[var(--color-badge-warning)] dark:border-[var(--color-badge-warning)] dark:text-[var(--color-badge-warning)]"
+		},
+		{
+			type: "warning",
+			theme: "light",
+			className: "text-[var(--color-badge-warning)] bg-[var(--color-badge-warning)]/20 dark:text-[var(--color-badge-warning)] dark:bg-[var(--color-badge-warning)]/20"
+		},
+		{
+			type: "danger",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-danger)] text-[var(--color-badge-danger-foreground)]"
+		},
+		{
+			type: "danger",
+			theme: "outline",
+			className: "border-[var(--color-badge-danger)] text-[var(--color-badge-danger)] dark:border-[var(--color-badge-danger)] dark:text-[var(--color-badge-danger)]"
+		},
+		{
+			type: "danger",
+			theme: "light",
+			className: "text-[var(--color-badge-danger)] bg-[var(--color-badge-danger)]/20 dark:text-[var(--color-badge-danger)] dark:bg-[var(--color-badge-danger)]/20"
+		},
+		{
+			type: "success",
+			theme: "solid",
+			className: "border-transparent bg-[var(--color-badge-success)] text-[var(--color-badge-success-foreground)]"
+		},
+		{
+			type: "success",
+			theme: "outline",
+			className: "border-[var(--color-badge-success)] text-[var(--color-badge-success)] dark:border-[var(--color-badge-success)] dark:text-[var(--color-badge-success)]"
+		},
+		{
+			type: "success",
+			theme: "light",
+			className: "text-[var(--color-badge-success)] bg-[var(--color-badge-success)]/20 dark:text-[var(--color-badge-success)] dark:bg-[var(--color-badge-success)]/20"
+		},
+		{
+			type: "muted",
+			theme: "solid",
+			className: "border-transparent text-[var(--color-badge-muted-foreground)]  bg-[var(--color-badge-muted)] dark:border-[var(--color-badge-muted)]/20 dark:text-[var(--color-badge-muted)] dark:bg-[var(--color-badge-muted)]/20"
+		},
+		{
+			type: "muted",
+			theme: "outline",
+			className: "border-[var(--color-badge-muted)] text-[var(--color-badge-muted)] dark:border-[var(--color-badge-muted)] dark:text-[var(--color-badge-muted)]"
+		},
+		{
+			type: "muted",
+			theme: "light",
+			className: "text-[var(--muted-foreground)] bg-[var(--muted-foreground)]/15 dark:text-[var(--color-badge-muted)] dark:bg-[var(--color-badge-muted)]/20"
+		}
+	],
+	defaultVariants: {
+		type: "muted",
+		theme: "solid"
+	}
+});
+function Badge({ className, type, theme, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(badgeVariants({
+			type,
+			theme
+		}), className),
+		...props
+	});
+}
+export { Badge, badgeVariants };

package/dist/button/index.mjs

@@ -1,3 +1,3 @@
-import { n as buttonVariants, t as Button } from "../button-Dj6cKrWj.mjs";
-import { t as LinkButton } from "../button-BU8TEbJ5.mjs";
+import { n as buttonVariants, t as Button } from "../button-Cn4KagBO.mjs";
+import { t as LinkButton } from "../button-IK-Lnu_9.mjs";
 export { Button, LinkButton, buttonVariants };

package/dist/{button-Dj6cKrWj.mjs → button-Cn4KagBO.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { t as SpinnerIcon } from "./spinner.icon-D0SKuGFG.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-BiUnMAxw.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{button-BU8TEbJ5.mjs → button-IK-Lnu_9.mjs}

@@ -1,4 +1,4 @@
-import { n as buttonVariants, r as getIconOnlyClass } from "./button-Dj6cKrWj.mjs";
+import { n as buttonVariants, r as getIconOnlyClass } from "./button-Cn4KagBO.mjs";
 import { t as cn } from "./utils-CTIuhCOs.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{calendar-date-picker-BUwgVaI1.mjs → calendar-date-picker-CknZM6a2.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-BS1V4IS5.mjs";
-import { a as DateRangePicker } from "./picker-C0h30DHf.mjs";
+import { a as DateRangePicker } from "./picker-DC3GErYg.mjs";
 import { jsx } from "react/jsx-runtime";
 // src/components/features/calendar-date-picker/calendar-date-picker.tsx
 /**

package/dist/card/index.mjs

@@ -1 +1 @@
-export { n as Card, r as CardAction, i as CardContent, u as CardDescription, a as CardField, o as CardFieldLabel, s as CardFieldValue, c as CardFooter, l as CardHeader, t as CardSaveBar, d as CardTitle } from "../card-save-bar-0XDpAJo_.mjs";
+export { n as Card, r as CardAction, i as CardContent, u as CardDescription, a as CardField, o as CardFieldLabel, s as CardFieldValue, c as CardFooter, l as CardHeader, t as CardSaveBar, d as CardTitle } from "../card-save-bar-Te8jf-ie.mjs";

package/dist/{card-save-bar-0XDpAJo_.mjs → card-save-bar-Te8jf-ie.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { t as Button } from "./button-Dj6cKrWj.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/checkbox/index.mjs

@@ -1 +1 @@
-export { t as Checkbox } from "../checkbox-CNljVnKj.mjs";
+export { t as Checkbox } from "../checkbox-BAo5sbHk.mjs";

package/dist/checkbox-BAo5sbHk.mjs

@@ -0,0 +1,84 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { n as EASE, t as DURATION } from "./motion-DOrRbLmy.mjs";
+import { t as useControllableState } from "./use-controllable-state-DLeVgbAb.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+// src/components/base/checkbox/checkbox.tsx
+const CHECK_PATH = "M20 6 9 17l-5-5";
+const DASH_PATH = "M5 12h14";
+/**
+* One stroke of the indicator. Drawn on with `pathLength` when it appears and
+* faded out (faster) when it leaves. Under reduced motion the stroke is not
+* drawn, only faded, since the draw reads as movement.
+*/
+function IndicatorMark({ d, visible, reduceMotion }) {
+	return /* @__PURE__ */ jsx(motion.path, {
+		d,
+		initial: false,
+		animate: visible ? {
+			pathLength: 1,
+			opacity: 1
+		} : {
+			pathLength: reduceMotion ? 1 : 0,
+			opacity: 0
+		},
+		transition: visible ? {
+			pathLength: {
+				duration: reduceMotion ? 0 : .2,
+				ease: EASE.out
+			},
+			opacity: { duration: reduceMotion ? DURATION.fast : .05 }
+		} : {
+			duration: .1,
+			ease: EASE.out
+		}
+	});
+}
+/**
+* Checkbox renders the Radix primitive directly rather than wrapping the
+* shadcn one, so the indicator can stay mounted and animate out as well as in.
+* The shadcn base stays untouched and can be regenerated from upstream.
+*
+* The checked state is mirrored here (controlled or not) because Motion needs
+* it in JS to drive the check mark.
+*/
+function Checkbox({ ref, className, checked: checkedProp, defaultChecked, onCheckedChange, ...props }) {
+	const [checked, setChecked] = useControllableState(checkedProp, defaultChecked ?? false, onCheckedChange);
+	const reduceMotion = Boolean(useReducedMotion());
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		ref,
+		"data-slot": "checkbox",
+		checked,
+		onCheckedChange: setChecked,
+		className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[background-color,border-color,box-shadow,transform] duration-[var(--duration-fast)] ease-out active:scale-[0.92] disabled:active:scale-100", className),
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			forceMount: true,
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current",
+			children: /* @__PURE__ */ jsxs("svg", {
+				"aria-hidden": true,
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: "size-3.5",
+				children: [/* @__PURE__ */ jsx(IndicatorMark, {
+					d: CHECK_PATH,
+					visible: checked === true,
+					reduceMotion
+				}), /* @__PURE__ */ jsx(IndicatorMark, {
+					d: DASH_PATH,
+					visible: checked === "indeterminate",
+					reduceMotion
+				})]
+			})
+		})
+	});
+}
+Checkbox.displayName = "Checkbox";
+export { Checkbox as t };

package/dist/collapsible/index.mjs

@@ -1,6 +1 @@
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-// ../shadcn/ui/collapsible.tsx
-const Collapsible = CollapsiblePrimitive.Root;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+export { t as Collapsible, n as CollapsibleContent, r as CollapsibleTrigger } from "../collapsible-B-KP3JZ-.mjs";

package/dist/collapsible-B-KP3JZ-.mjs

@@ -0,0 +1,104 @@
+import { n as EASE, t as DURATION } from "./motion-DOrRbLmy.mjs";
+import { t as useControllableState } from "./use-controllable-state-DLeVgbAb.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+// src/components/base/collapsible/collapsible.tsx
+/**
+* Open state, mirrored from the root so `CollapsibleContent` can drive Motion.
+* `null` means the content sits under a bare Radix root rather than ours, and
+* falls back to Radix's own mount/unmount with no animation.
+*/
+const CollapsibleOpenContext = React.createContext(null);
+function Collapsible({ ref, open: openProp, defaultOpen, onOpenChange, ...props }) {
+	const [open, setOpen] = useControllableState(openProp, defaultOpen ?? false, onOpenChange);
+	return /* @__PURE__ */ jsx(CollapsibleOpenContext, {
+		value: open,
+		children: /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+			ref,
+			"data-slot": "collapsible",
+			open,
+			onOpenChange: setOpen,
+			...props
+		})
+	});
+}
+Collapsible.displayName = "Collapsible";
+const CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+const OPEN = {
+	height: {
+		duration: DURATION.medium,
+		ease: EASE.out
+	},
+	opacity: {
+		duration: DURATION.medium,
+		ease: EASE.out
+	}
+};
+const CLOSE = {
+	height: {
+		duration: .2,
+		ease: EASE.out
+	},
+	opacity: {
+		duration: .12,
+		ease: EASE.out
+	}
+};
+/**
+* Collapsible content that animates its height and opacity with Motion.
+*
+* The node stays mounted. Radix would unmount it on close and drive the height
+* from a measured CSS variable, which restarts from zero if the user toggles
+* mid-animation and can measure 0px inside scroll containers. Motion animates
+* to and from `height: auto` instead and retargets smoothly when interrupted.
+* While closed the content is `inert`, so it is out of the tab order and the
+* accessibility tree just as an unmounted node would be.
+*
+* Under reduced motion the height changes instantly and only the fade remains.
+*/
+function CollapsibleContent({ ref, className, children, ...props }) {
+	const open = React.use(CollapsibleOpenContext);
+	const reduceMotion = Boolean(useReducedMotion());
+	const [settledClosed, setSettledClosed] = React.useState(open === false);
+	if (open && settledClosed) setSettledClosed(false);
+	if (open === null || props.asChild) return /* @__PURE__ */ jsx(CollapsiblePrimitive.Content, {
+		ref,
+		"data-slot": "collapsible-content",
+		className,
+		...props,
+		children
+	});
+	const transition = open ? OPEN : CLOSE;
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Content, {
+		ref,
+		forceMount: true,
+		hidden: !open && settledClosed,
+		asChild: true,
+		...props,
+		children: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "collapsible-content",
+			initial: false,
+			animate: {
+				height: open ? "auto" : 0,
+				opacity: open ? 1 : 0
+			},
+			transition: reduceMotion ? {
+				...transition,
+				height: { duration: 0 }
+			} : transition,
+			onAnimationComplete: () => {
+				if (!open) setSettledClosed(true);
+			},
+			inert: !open,
+			style: { overflow: "hidden" },
+			children: /* @__PURE__ */ jsx("div", {
+				className,
+				children
+			})
+		})
+	});
+}
+CollapsibleContent.displayName = "CollapsibleContent";
+export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible as t };

package/dist/components/base/checkbox/checkbox.d.ts

@@ -1,7 +1,15 @@
-import { Checkbox as ShadcnCheckbox } from '../../../_shadcn/ui/checkbox';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as React from 'react';
-declare function Checkbox({ ref, className, ...props }: React.ComponentProps<typeof ShadcnCheckbox> & {
-    ref?: React.RefObject<React.ElementRef<typeof ShadcnCheckbox> | null>;
+/**
+ * Checkbox renders the Radix primitive directly rather than wrapping the
+ * shadcn one, so the indicator can stay mounted and animate out as well as in.
+ * The shadcn base stays untouched and can be regenerated from upstream.
+ *
+ * The checked state is mirrored here (controlled or not) because Motion needs
+ * it in JS to drive the check mark.
+ */
+declare function Checkbox({ ref, className, checked: checkedProp, defaultChecked, onCheckedChange, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root> & {
+    ref?: React.RefObject<React.ElementRef<typeof CheckboxPrimitive.Root> | null>;
 }): React.JSX.Element;
 declare namespace Checkbox {
     var displayName: string;

package/dist/components/base/collapsible/collapsible.d.ts

@@ -0,0 +1,28 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as React from 'react';
+declare function Collapsible({ ref, open: openProp, defaultOpen, onOpenChange, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root> & {
+    ref?: React.RefObject<React.ElementRef<typeof CollapsiblePrimitive.Root> | null>;
+}): React.JSX.Element;
+declare namespace Collapsible {
+    var displayName: string;
+}
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Collapsible content that animates its height and opacity with Motion.
+ *
+ * The node stays mounted. Radix would unmount it on close and drive the height
+ * from a measured CSS variable, which restarts from zero if the user toggles
+ * mid-animation and can measure 0px inside scroll containers. Motion animates
+ * to and from `height: auto` instead and retargets smoothly when interrupted.
+ * While closed the content is `inert`, so it is out of the tab order and the
+ * accessibility tree just as an unmounted node would be.
+ *
+ * Under reduced motion the height changes instantly and only the fade remains.
+ */
+declare function CollapsibleContent({ ref, className, children, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content> & {
+    ref?: React.RefObject<React.ElementRef<typeof CollapsiblePrimitive.Content> | null>;
+}): React.JSX.Element;
+declare namespace CollapsibleContent {
+    var displayName: string;
+}
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/base/collapsible/index.d.ts

@@ -1 +1 @@
-export * from '../../../_shadcn/ui/collapsible';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';

package/dist/components/base/radio-group/radio-group.d.ts

@@ -1,13 +1,19 @@
-import { RadioGroup as ShadcnRadioGroup, RadioGroupItem as ShadcnRadioGroupItem } from '../../../_shadcn/ui/radio-group';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React from 'react';
-declare function RadioGroup({ ref, className, ...props }: React.ComponentProps<typeof ShadcnRadioGroup> & {
-    ref?: React.RefObject<React.ElementRef<typeof ShadcnRadioGroup> | null>;
+declare function RadioGroup({ ref, className, value: valueProp, defaultValue, onValueChange, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root> & {
+    ref?: React.RefObject<React.ElementRef<typeof RadioGroupPrimitive.Root> | null>;
 }): React.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }
-declare function RadioGroupItem({ ref, className, ...props }: React.ComponentProps<typeof ShadcnRadioGroupItem> & {
-    ref?: React.RefObject<React.ElementRef<typeof ShadcnRadioGroupItem> | null>;
+/**
+ * RadioGroupItem renders the Radix primitive directly (not the shadcn wrapper)
+ * so the dot can stay mounted and animate out as well as in. The dot pops in
+ * from half size with a small spring and fades out quickly when another option
+ * takes the selection. Under reduced motion it only fades.
+ */
+declare function RadioGroupItem({ ref, className, value, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
+    ref?: React.RefObject<React.ElementRef<typeof RadioGroupPrimitive.Item> | null>;
 }): React.JSX.Element;
 declare namespace RadioGroupItem {
     var displayName: string;

package/dist/components/base/spinner/index.d.ts

@@ -1 +1 @@
-export * from '../../../_shadcn/ui/spinner';
+export { Spinner } from './spinner';

package/dist/components/base/spinner/spinner.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+/**
+ * Standalone loading indicator, announced to assistive tech as a status.
+ *
+ * Built on `SpinnerIcon`. It differs in three ways: it is `size-4` unless a
+ * size class is passed, it carries `role="status"`, and its colour comes from
+ * `className` (default `text-primary`), so `<Spinner className="text-white" />`
+ * recolours the arc and its track together.
+ */
+declare function Spinner({ className, ...props }: React.ComponentProps<'svg'>): React.JSX.Element;
+export { Spinner };

package/dist/components/base/switch/switch.d.ts

@@ -5,8 +5,13 @@ import * as React from 'react';
  * one, because its state glyphs go inside the thumb. Building it here keeps the
  * shadcn base untouched, so that base can be regenerated from upstream without
  * losing anything of ours.
+ *
+ * Motion drives the thumb: it slides on a light spring, stretches while the
+ * pointer is held down (so the press registers before the release toggles it),
+ * and the on/off glyphs cross-fade. Under reduced motion the thumb moves
+ * instantly and only the glyphs fade.
  */
-declare function Switch({ ref, className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+declare function Switch({ ref, className, checked: checkedProp, defaultChecked, onCheckedChange, onPointerDown, onPointerUp, onPointerLeave, onPointerCancel, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
     ref?: React.RefObject<React.ElementRef<typeof SwitchPrimitive.Root> | null>;
 }): React.JSX.Element;
 declare namespace Switch {