@datum-cloud/datum-ui 3.7.0 → 3.8.0

package/dist/select/index.mjs

@@ -1,2 +1 @@
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-D4pk9e2d.mjs";
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+export { t as Select, n as SelectContent, r as SelectGroup, i as SelectItem, a as SelectLabel, o as SelectScrollDownButton, s as SelectScrollUpButton, c as SelectSeparator, l as SelectTrigger, u as SelectValue } from "../select-DemYhwnG.mjs";

package/dist/{select-D4pk9e2d.mjs → select-DemYhwnG.mjs}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { a as SelectLabel$1, c as SelectSeparator$1, i as SelectItem$1, l as SelectTrigger$1, n as SelectContent$1, o as SelectScrollDownButton$1, r as SelectGroup$1, s as SelectScrollUpButton$1, t as Select$1, u as SelectValue$1 } from "./select-daE2Nn0Z.mjs";
+import { a as SelectLabel$1, c as SelectSeparator$1, i as SelectItem$1, l as SelectTrigger$1, n as SelectContent$1, o as SelectScrollDownButton$1, r as SelectGroup$1, s as SelectScrollUpButton$1, t as Select$1, u as SelectValue$1 } from "./select-jgK6wyXj.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/base/select/select.tsx
+// src/components/base/select/select.tsx
 const Select = Select$1;
 const SelectValue = SelectValue$1;
 function SelectGroup({ ref, className, ...props }) {
@@ -69,5 +69,4 @@ function SelectScrollDownButton({ ref, className, ...props }) {
 	});
 }
 SelectScrollDownButton.displayName = "SelectScrollDownButton";
-//#endregion
 export { SelectLabel as a, SelectSeparator as c, SelectItem as i, SelectTrigger as l, SelectContent as n, SelectScrollDownButton as o, SelectGroup as r, SelectScrollUpButton as s, Select as t, SelectValue as u };

package/dist/{select-daE2Nn0Z.mjs → select-jgK6wyXj.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
-//#region ../shadcn/ui/select.tsx
+// ../shadcn/ui/select.tsx
 function Select({ ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
 		"data-slot": "select",
@@ -90,5 +90,4 @@ function SelectScrollDownButton({ className, ...props }) {
 		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
 	});
 }
-//#endregion
 export { SelectLabel as a, SelectSeparator as c, SelectItem as i, SelectTrigger as l, SelectContent as n, SelectScrollDownButton as o, SelectGroup as r, SelectScrollUpButton as s, Select as t, SelectValue as u };

package/dist/separator/index.mjs

@@ -1,2 +1 @@
-import { t as Separator } from "../separator-vbPD_WFQ.mjs";
-export { Separator };
+export { t as Separator } from "../separator-DNiiN2BN.mjs";

package/dist/{separator-vbPD_WFQ.mjs → separator-DNiiN2BN.mjs}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-//#region ../shadcn/ui/separator.tsx
+// ../shadcn/ui/separator.tsx
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
 	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
 		"data-slot": "separator-root",
@@ -12,5 +12,4 @@ function Separator({ className, orientation = "horizontal", decorative = true, .
 		...props
 	});
 }
-//#endregion
 export { Separator as t };

package/dist/settings-nav/index.mjs

@@ -1,2 +1 @@
-import { n as SettingsNavItem, r as SettingsNavLabel, t as SettingsNav } from "../settings-nav-Hf3GrCGv.mjs";
-export { SettingsNav, SettingsNavItem, SettingsNavLabel };
+export { t as SettingsNav, n as SettingsNavItem, r as SettingsNavLabel } from "../settings-nav-CCZdPD-x.mjs";

package/dist/{settings-nav-Hf3GrCGv.mjs → settings-nav-CCZdPD-x.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region src/components/base/settings-nav/settings-nav.tsx
+// src/components/base/settings-nav/settings-nav.tsx
 /**
 * Compact inset settings navigation for configuration pages.
 *
@@ -90,5 +90,4 @@ function SettingsNavItem({ className, variant, asChild = false, icon, active = f
 		children: content
 	});
 }
-//#endregion
 export { SettingsNavItem as n, SettingsNavLabel as r, SettingsNav as t };

package/dist/sheet/index.mjs

@@ -1,3 +1,3 @@
-import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "../sheet-DXCZyMHI.mjs";
-import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-DHn6C_rs.mjs";
+import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "../sheet-DYPtVIb2.mjs";
+import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-DEpEJ_Rk.mjs";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger };

package/dist/{sheet-DHn6C_rs.mjs → sheet-DEpEJ_Rk.mjs}

@@ -1,10 +1,10 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as CloseIcon } from "./close.icon-DdXKQ4m0.mjs";
-import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger, t as Sheet$1 } from "./sheet-DXCZyMHI.mjs";
+import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger, t as Sheet$1 } from "./sheet-DYPtVIb2.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as CloseIcon } from "./close.icon-BCPmH4nN.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-//#region src/components/base/sheet/sheet.tsx
+// src/components/base/sheet/sheet.tsx
 const SheetClose = SheetPrimitive.Close;
 function SheetOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
@@ -39,5 +39,4 @@ const Sheet = Object.assign(Sheet$1, {
 	Title: SheetTitle,
 	Description: SheetDescription
 });
-//#endregion
 export { SheetOverlay as i, SheetClose as n, SheetContent as r, Sheet as t };

package/dist/{sheet-DXCZyMHI.mjs → sheet-DYPtVIb2.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { XIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-//#region ../shadcn/ui/sheet.tsx
+// ../shadcn/ui/sheet.tsx
 function Sheet({ ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
 		"data-slot": "sheet",
@@ -71,5 +71,4 @@ function SheetDescription({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { SheetHeader as a, SheetFooter as i, SheetContent as n, SheetTitle as o, SheetDescription as r, SheetTrigger as s, Sheet as t };

package/dist/sidebar/index.mjs

@@ -1,2 +1 @@
-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-sbqOOFii.mjs";
-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 };
+export { t as Sidebar, n as SidebarContent, r as SidebarFooter, y as SidebarGroup, b as SidebarGroupAction, x as SidebarGroupContent, S as SidebarGroupLabel, i as SidebarHeader, a as SidebarInput, o as SidebarInset, u as SidebarMenu, d as SidebarMenuAction, f as SidebarMenuBadge, p as SidebarMenuButton, m as SidebarMenuItem, h as SidebarMenuSkeleton, g as SidebarMenuSub, _ as SidebarMenuSubButton, v as SidebarMenuSubItem, C as SidebarProvider, s as SidebarRail, c as SidebarSeparator, l as SidebarTrigger, w as useSidebar } from "../sidebar-DWnxQWQ8.mjs";

package/dist/{sidebar-sbqOOFii.mjs → sidebar-DWnxQWQ8.mjs}

@@ -1,17 +1,17 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Separator } from "./separator-vbPD_WFQ.mjs";
-import { t as Button } from "./button-CsdF61EI.mjs";
-import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
-import { t as Input } from "./input-j4tbmYYz.mjs";
-import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-DXCZyMHI.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
-import { t as Skeleton } from "./skeleton-DFExK4GX.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as Separator } from "./separator-DNiiN2BN.mjs";
+import { t as Button } from "./button-C57mkFkS.mjs";
+import { t as Icon } from "./icon-wrapper-CIk2th6R.mjs";
+import { t as Input } from "./input-DsT5qkJn.mjs";
+import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-DYPtVIb2.mjs";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-OIySjJWW.mjs";
+import { t as Skeleton } from "./skeleton-CDPoo7-M.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region ../shadcn/hooks/use-mobile.ts
+// ../shadcn/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
 	const [isMobile, setIsMobile] = React.useState(void 0);
@@ -26,8 +26,7 @@ function useIsMobile() {
 	}, []);
 	return !!isMobile;
 }
-//#endregion
-//#region src/components/base/sidebar/context.tsx
+// src/components/base/sidebar/context.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;
 const SIDEBAR_WIDTH = "13rem";
@@ -219,8 +218,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		})
 	});
 }
-//#endregion
-//#region src/components/base/sidebar/group.tsx
+// src/components/base/sidebar/group.tsx
 function SidebarGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-group",
@@ -253,8 +251,7 @@ function SidebarGroupContent({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
-//#region src/components/base/sidebar/menu.tsx
+// src/components/base/sidebar/menu.tsx
 function SidebarMenu({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-slot": "sidebar-menu",
@@ -388,8 +385,7 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
 		...props
 	});
 }
-//#endregion
-//#region src/components/base/sidebar/shell.tsx
+// src/components/base/sidebar/shell.tsx
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile, expandBehavior, showBackdrop, forceClose } = useSidebar();
 	const sidebarRef = React.useRef(null);
@@ -582,5 +578,4 @@ function SidebarContent({ className, onMouseEnter, onMouseLeave, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { SidebarProvider as C, SidebarGroupLabel as S, SidebarMenuSubButton as _, SidebarInput as a, SidebarGroupAction as b, SidebarSeparator as c, SidebarMenuAction as d, SidebarMenuBadge as f, SidebarMenuSub as g, SidebarMenuSkeleton as h, SidebarHeader as i, SidebarTrigger as l, SidebarMenuItem as m, SidebarContent as n, SidebarInset as o, SidebarMenuButton as p, SidebarFooter as r, SidebarRail as s, Sidebar as t, SidebarMenu as u, SidebarMenuSubItem as v, useSidebar as w, SidebarGroupContent as x, SidebarGroup as y };

package/dist/skeleton/index.mjs

@@ -1,8 +1,8 @@
-import { t as cn } from "../utils-Bu32wN-x.mjs";
-import { t as Skeleton$1 } from "../skeleton-DFExK4GX.mjs";
+import { t as Skeleton$1 } from "../skeleton-CDPoo7-M.mjs";
+import { t as cn } from "../utils-CTIuhCOs.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/base/skeleton/skeleton.tsx
+// src/components/base/skeleton/skeleton.tsx
 /**
 * Datum Skeleton component – extends shadcn Skeleton with Datum-specific styling.
 *
@@ -22,5 +22,4 @@ function Skeleton({ ref, className, ...props }) {
 	});
 }
 Skeleton.displayName = "Skeleton";
-//#endregion
 export { Skeleton };

package/dist/{skeleton-DFExK4GX.mjs → skeleton-CDPoo7-M.mjs}

@@ -1,11 +1,10 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region ../shadcn/ui/skeleton.tsx
+// ../shadcn/ui/skeleton.tsx
 function Skeleton({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("bg-muted animate-pulse rounded-md", className),
 		...props
 	});
 }
-//#endregion
 export { Skeleton as t };

package/dist/spinner/index.mjs

@@ -1,2 +1 @@
-import { t as Spinner } from "../spinner-C5Xv-i2C.mjs";
-export { Spinner };
+export { t as Spinner } from "../spinner-DSlDJdWl.mjs";

package/dist/spinner-DSlDJdWl.mjs

@@ -0,0 +1,23 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-BiUnMAxw.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/base/spinner/spinner.tsx
+/**
+* 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.
+*/
+function Spinner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SpinnerIcon, {
+		role: "status",
+		"aria-label": "Loading",
+		size: null,
+		indicatorClassName: "",
+		className: cn("text-primary size-4", className),
+		...props
+	});
+}
+export { Spinner as t };

package/dist/spinner.icon-BiUnMAxw.mjs

@@ -0,0 +1,104 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+// src/components/icons/spinner.icon.tsx
+const spinnerVariants = cva("shrink-0", {
+	variants: { size: {
+		"xs": "size-3",
+		"sm": "size-4",
+		"md": "size-6",
+		"lg": "size-8",
+		"xl": "size-10",
+		"2xl": "size-12",
+		"3xl": "size-14",
+		"4xl": "size-16",
+		"5xl": "size-18",
+		"6xl": "size-20",
+		"7xl": "size-22",
+		"8xl": "size-24",
+		"9xl": "size-26"
+	} },
+	defaultVariants: { size: "md" }
+});
+/** Seconds per full turn. Quick enough that waiting feels shorter. */
+const REVOLUTION = .8;
+const CENTER = 32;
+const RADIUS = 29;
+/**
+* The indicator: an arc running clockwise from 12 o'clock. Its tail sits at
+* the top and its head at the far end, so the head leads as the spinner turns.
+*/
+const ARC_DEGREES = 150;
+const ARC_END = {
+	x: CENTER + RADIUS * Math.sin(ARC_DEGREES * Math.PI / 180),
+	y: CENTER - RADIUS * Math.cos(ARC_DEGREES * Math.PI / 180)
+};
+const ARC_PATH = `M ${CENTER} 3 A ${RADIUS} ${RADIUS} 0 0 1 ${ARC_END.x} ${ARC_END.y}`;
+/** Track opacity when it follows the indicator colour. */
+const TRACK_OPACITY = .18;
+/**
+* A loading spinner: a faint full-circle track with an arc that fades from a
+* transparent tail to a solid, rounded head, turning clockwise.
+*
+* The rotation runs through Motion as a full `transform` keyframe animation,
+* which Motion hands to the Web Animations API. That keeps it on the
+* compositor, so the spinner stays smooth while the main thread is busy doing
+* whatever the user is waiting for. It keeps spinning under reduced motion:
+* it is essential loading feedback, not decoration.
+*/
+function SpinnerIcon({ size, className, trackClassName, indicatorClassName = "text-primary", ...props }) {
+	const gradientId = `spinner-tail-${React.useId().replace(/[^\w-]/g, "")}`;
+	return /* @__PURE__ */ jsx(motion.svg, {
+		viewBox: "0 0 64 64",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"data-slot": "spinner",
+		className: cn(spinnerVariants({ size }), className),
+		animate: { transform: ["rotate(0deg)", "rotate(360deg)"] },
+		transition: {
+			duration: REVOLUTION,
+			ease: "linear",
+			repeat: Infinity
+		},
+		...props,
+		children: /* @__PURE__ */ jsxs("g", {
+			className: indicatorClassName,
+			children: [
+				/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+					id: gradientId,
+					gradientUnits: "userSpaceOnUse",
+					x1: CENTER,
+					y1: 3,
+					x2: ARC_END.x,
+					y2: ARC_END.y,
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "currentColor",
+						stopOpacity: "0"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "currentColor"
+					})]
+				}) }),
+				/* @__PURE__ */ jsx("circle", {
+					cx: CENTER,
+					cy: CENTER,
+					r: RADIUS,
+					stroke: "currentColor",
+					strokeWidth: "5",
+					opacity: trackClassName ? void 0 : TRACK_OPACITY,
+					className: trackClassName
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: ARC_PATH,
+					stroke: `url(#${gradientId})`,
+					strokeWidth: "5",
+					strokeLinecap: "round"
+				})
+			]
+		})
+	});
+}
+export { SpinnerIcon as t };

package/dist/stepper/index.mjs

@@ -1,2 +1 @@
-import { t as defineStepper } from "../stepper-dNvkipop.mjs";
-export { defineStepper };
+export { t as defineStepper } from "../stepper-ZipxpzWY.mjs";

package/dist/{stepper-dNvkipop.mjs → stepper-ZipxpzWY.mjs}

@@ -1,11 +1,11 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-CsdF61EI.mjs";
+import { t as Button } from "./button-C57mkFkS.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as Stepperize from "@stepperize/react";
-//#region src/components/features/stepper/parts.tsx
+// src/components/features/stepper/parts.tsx
 const classForSeparator = cva([
 	"bg-muted",
 	"data-[state=completed]:bg-primary data-[disabled]:opacity-50",
@@ -103,8 +103,7 @@ function CircleStepIndicator({ currentStep, totalSteps, size = 80, strokeWidth =
 		})]
 	});
 }
-//#endregion
-//#region src/components/features/stepper/utils.ts
+// src/components/features/stepper/utils.ts
 function scrollIntoStepperPanel(node, tracking) {
 	if (tracking) node?.scrollIntoView({
 		behavior: "smooth",
@@ -117,9 +116,11 @@ function useStepChildren(children) {
 function extractChildren(children) {
 	const childrenArray = React.Children.toArray(children);
 	const map = /* @__PURE__ */ new Map();
-	for (const child of childrenArray) if (React.isValidElement(child)) if (child.type === Title) map.set("title", child);
-	else if (child.type === Description) map.set("description", child);
-	else map.set("panel", child);
+	for (const child of childrenArray) if (React.isValidElement(child)) {
+		if (child.type === Title) map.set("title", child);
+		else if (child.type === Description) map.set("description", child);
+		else map.set("panel", child);
+	}
 	return map;
 }
 function onStepKeyDown(e, nextStep, prevStep, instanceId) {
@@ -145,8 +146,7 @@ function getStepState(currentIndex, stepIndex) {
 	if (currentIndex > stepIndex) return "completed";
 	return "inactive";
 }
-//#endregion
-//#region src/components/features/stepper/stepper.tsx
+// src/components/features/stepper/stepper.tsx
 const StepperContext = React.createContext(null);
 function useStepperProvider() {
 	const context = React.use(StepperContext);
@@ -337,5 +337,4 @@ function defineStepper(...steps) {
 		}
 	};
 }
-//#endregion
 export { defineStepper as t };

package/dist/switch/index.mjs

@@ -1,2 +1 @@
-import { t as Switch } from "../switch-BaR-Vna4.mjs";
-export { Switch };
+export { t as Switch } from "../switch-IduVwiPZ.mjs";

package/dist/switch-IduVwiPZ.mjs

@@ -0,0 +1,114 @@
+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 { CheckIcon, XIcon } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+// src/components/base/switch/switch.tsx
+/** Thumb diameter in px (`size-5`). */
+const THUMB = 20;
+/** How far the thumb travels: the track's inner width (44 - 2px border) minus the thumb. */
+const TRAVEL = 22;
+/** How much the thumb widens while pressed, toward the side it will move to. */
+const STRETCH = 4;
+const THUMB_SPRING = {
+	type: "spring",
+	visualDuration: .22,
+	bounce: .15
+};
+const GLYPH_TRANSITION = {
+	duration: DURATION.fast,
+	ease: EASE.out
+};
+/**
+* Switch renders the Radix primitive directly rather than wrapping the shadcn
+* 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.
+*/
+function Switch({ ref, className, checked: checkedProp, defaultChecked, onCheckedChange, onPointerDown, onPointerUp, onPointerLeave, onPointerCancel, ...props }) {
+	const [checked, setChecked] = useControllableState(checkedProp, defaultChecked ?? false, onCheckedChange);
+	const [pressed, setPressed] = React.useState(false);
+	const reduceMotion = Boolean(useReducedMotion());
+	const stretch = pressed && !reduceMotion && !props.disabled ? STRETCH : 0;
+	const x = checked ? TRAVEL - stretch : 0;
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		ref,
+		"data-slot": "switch",
+		checked,
+		onCheckedChange: setChecked,
+		onPointerDown: (event) => {
+			onPointerDown?.(event);
+			if (event.button === 0) setPressed(true);
+		},
+		onPointerUp: (event) => {
+			onPointerUp?.(event);
+			setPressed(false);
+		},
+		onPointerLeave: (event) => {
+			onPointerLeave?.(event);
+			setPressed(false);
+		},
+		onPointerCancel: (event) => {
+			onPointerCancel?.(event);
+			setPressed(false);
+		},
+		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(motion.span, {
+				"data-slot": "switch-thumb",
+				initial: false,
+				animate: {
+					x,
+					width: THUMB + stretch
+				},
+				transition: reduceMotion ? { duration: 0 } : THUMB_SPRING,
+				className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground text-muted-foreground dark:data-[state=unchecked]:text-background dark:data-[state=checked]:text-primary pointer-events-none relative flex h-5 items-center justify-center rounded-full ring-0"),
+				children: [/* @__PURE__ */ jsx(motion.span, {
+					"aria-hidden": true,
+					className: "absolute flex",
+					initial: false,
+					animate: checked ? {
+						opacity: 0,
+						scale: reduceMotion ? 1 : .5
+					} : {
+						opacity: 1,
+						scale: 1
+					},
+					transition: GLYPH_TRANSITION,
+					children: /* @__PURE__ */ jsx(XIcon, {
+						"aria-hidden": true,
+						className: "size-3"
+					})
+				}), /* @__PURE__ */ jsx(motion.span, {
+					"aria-hidden": true,
+					className: "absolute flex",
+					initial: false,
+					animate: checked ? {
+						opacity: 1,
+						scale: 1
+					} : {
+						opacity: 0,
+						scale: reduceMotion ? 1 : .5
+					},
+					transition: GLYPH_TRANSITION,
+					children: /* @__PURE__ */ jsx(CheckIcon, {
+						"aria-hidden": true,
+						className: "size-3"
+					})
+				})]
+			})
+		})
+	});
+}
+Switch.displayName = "Switch";
+export { Switch as t };

package/dist/table/index.mjs

@@ -1,7 +1,7 @@
-import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { t as cn } from "../utils-CTIuhCOs.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region ../shadcn/ui/table.tsx
+// ../shadcn/ui/table.tsx
 function Table({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "table-container",
@@ -62,5 +62,4 @@ function TableCaption({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/tabs/index.mjs

@@ -1,10 +1,10 @@
-import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { t as cn } from "../utils-CTIuhCOs.mjs";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { motion } from "motion/react";
-//#region src/components/base/tabs/tabs.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+// src/components/base/tabs/tabs.tsx
 const TabsContext = React.createContext({
 	value: void 0,
 	indicatorId: "tabs"
@@ -103,5 +103,4 @@ function TabsLinkTrigger({ value, href, linkComponent: LinkComp = "a", children,
 		})
 	});
 }
-//#endregion
 export { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger };

package/dist/tag-input/index.mjs

@@ -1,2 +1 @@
-import { t as TagsInput } from "../tag-input-c9OvWTSe.mjs";
-export { TagsInput };
+export { t as TagsInput } from "../tag-input-a3ktkGrH.mjs";