@datum-cloud/datum-ui 0.3.2-dev.5bd364b → 0.5.0

package/dist/{radio-group-B9Hm77LQ.mjs → radio-group-CiITR0LO.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as cn$1 } from "./utils-C8KwMfT_.mjs";
 import { CircleIcon } from "lucide-react";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-
 //#region ../shadcn/ui/radio-group.tsx
 function RadioGroup$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
@@ -25,7 +24,6 @@ function RadioGroupItem$1({ className, ...props }) {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/base/radio-group/radio-group.tsx
 function RadioGroup({ ref, className, ...props }) {
@@ -44,6 +42,5 @@ function RadioGroupItem({ ref, className, ...props }) {
 	});
 }
 RadioGroupItem.displayName = "RadioGroupItem";
-
 //#endregion
-export { RadioGroupItem as n, RadioGroup as t };
+export { RadioGroupItem as n, RadioGroup as t };

package/dist/select/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-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-CwVIFWFO.mjs";
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+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-CiLR_DiQ.mjs";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/{select-CwVIFWFO.mjs → select-CiLR_DiQ.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as cn$1 } from "./utils-C8KwMfT_.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
 const Select$1 = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
@@ -92,7 +91,6 @@ const SelectScrollDownButton$1 = ({ className, ...props }) => {
 		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
 	});
 };
-
 //#endregion
 //#region src/components/base/select/select.tsx
 const Select = Select$1;
@@ -161,6 +159,5 @@ 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 };
+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,4 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { t as Separator } from "../separator-T2ppyD-8.mjs";
-
-export { Separator };
+import { t as Separator } from "../separator-DXVTncCK.mjs";
+export { Separator };

package/dist/{separator-T2ppyD-8.mjs → separator-DXVTncCK.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-
 //#region ../shadcn/ui/separator.tsx
 const Separator = ({ className, orientation = "horizontal", decorative = true, ...props }) => {
 	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
@@ -13,6 +12,5 @@ const Separator = ({ className, orientation = "horizontal", decorative = true, .
 		...props
 	});
 };
-
 //#endregion
-export { Separator as t };
+export { Separator as t };

package/dist/sheet/index.mjs

@@ -1,5 +1,3 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "../sheet-Cemwh78x.mjs";
-import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-mx5XjyEY.mjs";
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger };
+import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "../sheet-Di3b-oPu.mjs";
+import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-BzXksqYY.mjs";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger };

package/dist/{sheet-mx5XjyEY.mjs → sheet-BzXksqYY.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as CloseIcon } from "./close.icon-CMNMoXM_.mjs";
-import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger, t as Sheet$1 } from "./sheet-Cemwh78x.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as CloseIcon } from "./close.icon-HCfS4Y-N.mjs";
+import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger, t as Sheet$1 } from "./sheet-Di3b-oPu.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
 const SheetClose = SheetPrimitive.Close;
 function SheetOverlay({ className, ...props }) {
@@ -40,6 +39,5 @@ const Sheet = Object.assign(Sheet$1, {
 	Title: SheetTitle,
 	Description: SheetDescription
 });
-
 //#endregion
-export { SheetOverlay as i, SheetClose as n, SheetContent as r, Sheet as t };
+export { SheetOverlay as i, SheetClose as n, SheetContent as r, Sheet as t };

package/dist/{sheet-Cemwh78x.mjs → sheet-Di3b-oPu.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-C8KwMfT_.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
 const Sheet = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
@@ -72,6 +71,5 @@ const 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 };
+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,10 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../separator-T2ppyD-8.mjs";
-import "../button-AzpnV-WB.mjs";
-import "../input-DuyjEKEW.mjs";
-import "../sheet-Cemwh78x.mjs";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-BW76ss_f.mjs";
-import "../skeleton-CkE23wsL.mjs";
-import "../tooltip-U3XxlW4l.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 };
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-BnhnjvfO.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 };

package/dist/{sidebar-BW76ss_f.mjs → sidebar-BnhnjvfO.mjs}

@@ -1,17 +1,16 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Separator } from "./separator-T2ppyD-8.mjs";
-import { t as Button } from "./button-AzpnV-WB.mjs";
-import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
-import { t as Input } from "./input-fzXBheCN.mjs";
-import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-Cemwh78x.mjs";
-import { t as Skeleton } from "./skeleton-CkE23wsL.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-U3XxlW4l.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Separator } from "./separator-DXVTncCK.mjs";
+import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
+import { t as Input } from "./input-FKGqZypx.mjs";
+import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-Di3b-oPu.mjs";
+import { t as Skeleton } from "./skeleton-BKl4mfJt.mjs";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-Cruvl5F6.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
@@ -27,7 +26,6 @@ function useIsMobile() {
 	}, []);
 	return !!isMobile;
 }
-
 //#endregion
 //#region src/components/base/sidebar/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
@@ -87,10 +85,9 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	}, [expandOnHover]);
 	const handleMouseLeave = React$1.useCallback(() => {
 		if (!expandOnHover) return;
-		const delay = expandBehavior === "overlay" ? 200 : 300;
 		hoverTimeoutRef.current = setTimeout(() => {
 			setIsHovered(false);
-		}, delay);
+		}, expandBehavior === "overlay" ? 200 : 300);
 	}, [expandOnHover, expandBehavior]);
 	const toggleSidebar = React$1.useCallback(() => {
 		if (isMobile) {
@@ -531,6 +528,5 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
 		...props
 	});
 }
-
 //#endregion
-export { SidebarTrigger as C, SidebarSeparator as S, SidebarMenuSub as _, SidebarGroupAction as a, SidebarProvider as b, SidebarHeader as c, SidebarMenu as d, SidebarMenuAction as f, SidebarMenuSkeleton as g, SidebarMenuItem as h, SidebarGroup as i, SidebarInput as l, SidebarMenuButton as m, SidebarContent as n, SidebarGroupContent as o, SidebarMenuBadge as p, SidebarFooter as r, SidebarGroupLabel as s, Sidebar as t, SidebarInset as u, SidebarMenuSubButton as v, useSidebar as w, SidebarRail as x, SidebarMenuSubItem as y };
+export { SidebarTrigger as C, SidebarSeparator as S, SidebarMenuSub as _, SidebarGroupAction as a, SidebarProvider as b, SidebarHeader as c, SidebarMenu as d, SidebarMenuAction as f, SidebarMenuSkeleton as g, SidebarMenuItem as h, SidebarGroup as i, SidebarInput as l, SidebarMenuButton as m, SidebarContent as n, SidebarGroupContent as o, SidebarMenuBadge as p, SidebarFooter as r, SidebarGroupLabel as s, Sidebar as t, SidebarInset as u, SidebarMenuSubButton as v, useSidebar as w, SidebarRail as x, SidebarMenuSubItem as y };

package/dist/skeleton/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../skeleton-CkE23wsL.mjs";
-import { t as Skeleton } from "../skeleton-DZ31pU4B.mjs";
-
-export { Skeleton };
+import { t as Skeleton } from "../skeleton-D1MUhAVo.mjs";
+export { Skeleton };

package/dist/{skeleton-CkE23wsL.mjs → skeleton-BKl4mfJt.mjs}

@@ -1,6 +1,5 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../shadcn/ui/skeleton.tsx
 function Skeleton({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -8,6 +7,5 @@ function Skeleton({ className, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { Skeleton as t };
+export { Skeleton as t };

package/dist/{skeleton-DZ31pU4B.mjs → skeleton-D1MUhAVo.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Skeleton$1 } from "./skeleton-CkE23wsL.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Skeleton$1 } from "./skeleton-BKl4mfJt.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/base/skeleton/skeleton.tsx
 /**
 * Datum Skeleton component – extends shadcn Skeleton with Datum-specific styling.
@@ -23,6 +22,5 @@ function Skeleton({ ref, className, ...props }) {
 	});
 }
 Skeleton.displayName = "Skeleton";
-
 //#endregion
-export { Skeleton as t };
+export { Skeleton as t };

package/dist/spinner/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { t as Spinner } from "../spinner-earfjpJs.mjs";
-
-export { Spinner };
+import { t as Spinner } from "../spinner-OyOf9-Yu.mjs";
+export { Spinner };

package/dist/{spinner-earfjpJs.mjs → spinner-OyOf9-Yu.mjs}

@@ -1,7 +1,6 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { Loader2Icon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../shadcn/ui/spinner.tsx
 function Spinner({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Loader2Icon, {
@@ -11,6 +10,5 @@ function Spinner({ className, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { Spinner as t };
+export { Spinner as t };

package/dist/{spinner.icon-Bg8zgGh0.mjs → spinner.icon-C-vjSM6o.mjs}

@@ -1,7 +1,6 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/icons/spinner.icon.tsx
 const spinnerVariants = cva("animate-spin", {
 	variants: { size: {
@@ -45,6 +44,5 @@ function SpinnerIcon({ size, className, trackClassName = "text-border", indicato
 		})]
 	});
 }
-
 //#endregion
-export { SpinnerIcon as t };
+export { SpinnerIcon as t };

package/dist/stepper/index.mjs

@@ -1,5 +1,321 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../button-AzpnV-WB.mjs";
-import { t as defineStepper } from "../stepper-CZeks9Ex.mjs";
-
-export { defineStepper };
+import { t as cn } from "../cn-D2KYQ917.mjs";
+import { t as Button } from "../button-D3RrsMfQ.mjs";
+import { cva } from "class-variance-authority";
+import * as React$1 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/stepper.tsx
+const StepperContext = React$1.createContext(null);
+function useStepperProvider() {
+	const context = React$1.use(StepperContext);
+	if (!context) throw new Error("useStepper must be used within a StepperProvider.");
+	return context;
+}
+const classForNavigationList = cva("flex gap-2", { variants: { variant: {
+	horizontal: "flex-row items-center justify-between",
+	vertical: "flex-col",
+	circle: "flex-row items-center justify-between"
+} } });
+const classForSeparator = cva([
+	"bg-muted",
+	"data-[state=completed]:bg-primary data-[disabled]:opacity-50",
+	"transition-all duration-300 ease-in-out"
+], { variants: {
+	orientation: {
+		horizontal: "h-0.5 flex-1",
+		vertical: "h-full w-0.5"
+	},
+	labelOrientation: { vertical: "absolute left-[calc(50%+30px)] right-[calc(-50%+20px)] top-5 block shrink-0" }
+} });
+function defineStepper(...steps) {
+	const { Scoped, useStepper, steps: stepList, Stepper: StepperizePrimitives } = Stepperize.defineStepper(...steps);
+	const StepperContainer = ({ children, className, ...props }) => {
+		const methods = useStepper();
+		return /* @__PURE__ */ jsx("div", {
+			"date-component": "stepper",
+			className: cn("w-full", className),
+			...props,
+			children: typeof children === "function" ? children({ methods }) : children
+		});
+	};
+	return {
+		steps: stepList,
+		useStepper,
+		Stepper: {
+			...StepperizePrimitives,
+			Provider: ({ variant = "horizontal", labelOrientation = "horizontal", tracking = false, children, className, ...props }) => {
+				return /* @__PURE__ */ jsx(StepperContext, {
+					value: {
+						variant,
+						labelOrientation,
+						tracking
+					},
+					children: /* @__PURE__ */ jsx(Scoped, {
+						initialStep: props.initialStep,
+						initialMetadata: props.initialMetadata,
+						children: /* @__PURE__ */ jsx(StepperContainer, {
+							className,
+							...props,
+							children
+						})
+					})
+				});
+			},
+			Navigation: ({ children, "aria-label": ariaLabel = "Stepper Navigation", ...props }) => {
+				const { variant } = useStepperProvider();
+				return /* @__PURE__ */ jsx("nav", {
+					"date-component": "stepper-navigation",
+					"aria-label": ariaLabel,
+					role: "tablist",
+					...props,
+					children: /* @__PURE__ */ jsx("ol", {
+						"date-component": "stepper-navigation-list",
+						className: classForNavigationList({ variant }),
+						children
+					})
+				});
+			},
+			Step: ({ children, className, icon, ...props }) => {
+				const { variant, labelOrientation } = useStepperProvider();
+				const stepper = useStepper();
+				const steps = stepList;
+				const stepIndex = stepper.lookup.getIndex(props.of);
+				const step = steps[stepIndex];
+				const currentIndex = stepper.lookup.getIndex(stepper.state.current.data.id);
+				const isLast = stepper.lookup.getLast().id === props.of;
+				const isActive = stepper.state.current.data.id === props.of;
+				const dataState = getStepState(currentIndex, stepIndex);
+				const childMap = useStepChildren(children);
+				const title = childMap.get("title");
+				const description = childMap.get("description");
+				const panel = childMap.get("panel");
+				if (variant === "circle") return /* @__PURE__ */ jsxs("li", {
+					"date-component": "stepper-step",
+					className: cn("flex shrink-0 items-center gap-4 rounded-md transition-colors", className),
+					children: [/* @__PURE__ */ jsx(CircleStepIndicator, {
+						currentStep: stepIndex + 1,
+						totalSteps: steps.length
+					}), /* @__PURE__ */ jsxs("div", {
+						"date-component": "stepper-step-content",
+						className: "flex flex-col items-start gap-1",
+						children: [title, description]
+					})]
+				});
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsxs("li", {
+						"date-component": "stepper-step",
+						className: cn([
+							"group peer relative flex items-center gap-2",
+							"data-[variant=vertical]:flex-row",
+							"data-[label-orientation=vertical]:w-full",
+							"data-[label-orientation=vertical]:flex-col",
+							"data-[label-orientation=vertical]:justify-center"
+						]),
+						"data-variant": variant,
+						"data-label-orientation": labelOrientation,
+						"data-state": dataState,
+						"data-disabled": props.disabled,
+						children: [
+							/* @__PURE__ */ jsx(Button, {
+								id: `step-${step.id}`,
+								"date-component": "stepper-step-indicator",
+								type: "button",
+								role: "tab",
+								tabIndex: dataState !== "inactive" ? 0 : -1,
+								className: cn("rounded-full", className),
+								variant: dataState !== "inactive" ? "default" : "secondary",
+								size: "icon",
+								"aria-controls": `step-panel-${props.of}`,
+								"aria-current": isActive ? "step" : void 0,
+								"aria-posinset": stepIndex + 1,
+								"aria-setsize": steps.length,
+								"aria-selected": isActive,
+								onKeyDown: (e) => onStepKeyDown(e, stepper.lookup.getNext(props.of), stepper.lookup.getPrev(props.of)),
+								...props,
+								children: icon ?? stepIndex + 1
+							}),
+							variant === "horizontal" && labelOrientation === "vertical" && /* @__PURE__ */ jsx(StepperSeparator, {
+								orientation: "horizontal",
+								labelOrientation,
+								isLast,
+								state: dataState,
+								disabled: props.disabled
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								"date-component": "stepper-step-content",
+								className: "flex flex-col items-start",
+								children: [title, description]
+							})
+						]
+					}),
+					variant === "horizontal" && labelOrientation === "horizontal" && /* @__PURE__ */ jsx(StepperSeparator, {
+						orientation: "horizontal",
+						isLast,
+						state: dataState,
+						disabled: props.disabled
+					}),
+					variant === "vertical" && /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-4",
+						children: [!isLast && /* @__PURE__ */ jsx("div", {
+							className: "flex justify-center ps-[calc(var(--spacing)_*_4.5_-_1px)]",
+							children: /* @__PURE__ */ jsx(StepperSeparator, {
+								orientation: "vertical",
+								isLast,
+								state: dataState,
+								disabled: props.disabled
+							})
+						}), /* @__PURE__ */ jsx("div", {
+							className: "my-3 flex-1 ps-4",
+							children: panel
+						})]
+					})
+				] });
+			},
+			Title,
+			Description,
+			Panel: ({ children, asChild, ...props }) => {
+				const Comp = asChild ? Slot : "div";
+				const { tracking } = useStepperProvider();
+				return /* @__PURE__ */ jsx(Comp, {
+					"date-component": "stepper-step-panel",
+					ref: (node) => scrollIntoStepperPanel(node, tracking),
+					...props,
+					children
+				});
+			},
+			Controls: ({ children, className, asChild, ...props }) => {
+				return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+					"date-component": "stepper-controls",
+					className: cn("flex justify-end gap-4", className),
+					...props,
+					children
+				});
+			}
+		}
+	};
+}
+function Title({ children, className, asChild, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "h4", {
+		"date-component": "stepper-step-title",
+		className: cn("text-base font-medium", className),
+		...props,
+		children
+	});
+}
+function Description({ children, className, asChild, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
+		"date-component": "stepper-step-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props,
+		children
+	});
+}
+function StepperSeparator({ orientation, isLast, labelOrientation, state, disabled }) {
+	if (isLast) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"date-component": "stepper-separator",
+		"data-orientation": orientation,
+		"data-state": state,
+		"data-disabled": disabled,
+		role: "separator",
+		tabIndex: -1,
+		className: classForSeparator({
+			orientation,
+			labelOrientation
+		})
+	});
+}
+function CircleStepIndicator({ currentStep, totalSteps, size = 80, strokeWidth = 6 }) {
+	const radius = (size - strokeWidth) / 2;
+	const circumference = radius * 2 * Math.PI;
+	const dashOffset = circumference - circumference * (currentStep / totalSteps * 100) / 100;
+	return /* @__PURE__ */ jsxs("div", {
+		"date-component": "stepper-step-indicator",
+		role: "progressbar",
+		"aria-valuenow": currentStep,
+		"aria-valuemin": 1,
+		"aria-valuemax": totalSteps,
+		tabIndex: -1,
+		className: "relative inline-flex items-center justify-center",
+		children: [/* @__PURE__ */ jsxs("svg", {
+			width: size,
+			height: size,
+			children: [
+				/* @__PURE__ */ jsx("title", { children: "Step Indicator" }),
+				/* @__PURE__ */ jsx("circle", {
+					cx: size / 2,
+					cy: size / 2,
+					r: radius,
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth,
+					className: "text-muted-foreground"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: size / 2,
+					cy: size / 2,
+					r: radius,
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth,
+					strokeDasharray: circumference,
+					strokeDashoffset: dashOffset,
+					className: "text-primary transition-all duration-300 ease-in-out",
+					transform: `rotate(-90 ${size / 2} ${size / 2})`
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "text-sm font-medium",
+				"aria-live": "polite",
+				children: [
+					currentStep,
+					" ",
+					"of",
+					totalSteps
+				]
+			})
+		})]
+	});
+}
+function scrollIntoStepperPanel(node, tracking) {
+	if (tracking) node?.scrollIntoView({
+		behavior: "smooth",
+		block: "center"
+	});
+}
+function useStepChildren(children) {
+	return React$1.useMemo(() => extractChildren(children), [children]);
+}
+function extractChildren(children) {
+	const childrenArray = React$1.Children.toArray(children);
+	const map = /* @__PURE__ */ new Map();
+	for (const child of childrenArray) if (React$1.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) {
+	const { key } = e;
+	const directions = {
+		next: ["ArrowRight", "ArrowDown"],
+		prev: ["ArrowLeft", "ArrowUp"]
+	};
+	if (directions.next.includes(key) || directions.prev.includes(key)) {
+		const direction = directions.next.includes(key) ? "next" : "prev";
+		const step = direction === "next" ? nextStep : prevStep;
+		if (!step) return;
+		const stepElement = document.getElementById(`step-${step.id}`);
+		if (!stepElement) return;
+		if (stepElement.parentElement?.getAttribute("data-state") !== "inactive" || direction === "prev") stepElement.focus();
+	}
+}
+function getStepState(currentIndex, stepIndex) {
+	if (currentIndex === stepIndex) return "active";
+	if (currentIndex > stepIndex) return "completed";
+	return "inactive";
+}
+//#endregion
+export { defineStepper };

package/dist/switch/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { t as Switch } from "../switch-Cn9IM2gC.mjs";
-
-export { Switch };
+import { t as Switch } from "../switch-DQJQhPIQ.mjs";
+export { Switch };