@datum-cloud/datum-ui 1.3.2 → 1.4.0

package/dist/{sidebar-DPQbMC3f.mjs → sidebar-Df6Po0K8.mjs}

@@ -1,11 +1,11 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as Separator } from "./separator-BONRV3sq.mjs";
+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-DBzgl-pN.mjs";
-import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-CIdmO-NE.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-BhatUaar.mjs";
 import { t as Skeleton } from "./skeleton-DFExK4GX.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-BqrOCH8l.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
 import * as React from "react";
@@ -27,13 +27,14 @@ function useIsMobile() {
 	return !!isMobile;
 }
 //#endregion
-//#region src/components/base/sidebar/sidebar.tsx
+//#region src/components/base/sidebar/context.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
 const SIDEBAR_WIDTH = "13rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const LG_BREAKPOINT = 1024;
 const SidebarContext = React.createContext(null);
 function useSidebar() {
 	const context = React.use(SidebarContext);
@@ -50,7 +51,12 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	const userClosedSidebarRef = React.useRef(false);
 	const [_open, _setOpen] = React.useState(defaultOpen);
 	const open = openProp ?? _open;
-	const LG_BREAKPOINT = 1024;
+	const setOpen = React.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+	}, [setOpenProp, open]);
 	React.useLayoutEffect(() => {
 		if (isMobile) {
 			_setOpen(false);
@@ -65,18 +71,13 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		const mql = window.matchMedia(`(min-width: ${LG_BREAKPOINT}px)`);
 		const onChange = () => {
 			if (window.innerWidth >= LG_BREAKPOINT) {
-				if (!userClosedSidebarRef.current) _setOpen(true);
-			} else _setOpen(false);
+				if (!userClosedSidebarRef.current) setOpen(true);
+			} else setOpen(false);
 		};
 		mql.addEventListener("change", onChange);
 		return () => mql.removeEventListener("change", onChange);
-	}, [isMobile]);
-	const setOpen = React.useCallback((value) => {
-		const openState = typeof value === "function" ? value(open) : value;
-		if (setOpenProp) setOpenProp(openState);
-		else _setOpen(openState);
-		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-	}, [setOpenProp, open]);
+	}, [isMobile, setOpen]);
+	const effectiveOpen = open || expandOnHover && isHovered;
 	const handleMouseEnter = React.useCallback(() => {
 		if (!expandOnHover) return;
 		if (hoverLockRef.current) return;
@@ -94,7 +95,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 			setOpenMobile((current) => !current);
 			return;
 		}
-		const newState = !open;
+		const newState = !effectiveOpen;
 		if (!newState) userClosedSidebarRef.current = true;
 		else userClosedSidebarRef.current = false;
 		setOpen(newState);
@@ -105,7 +106,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	}, [
 		isMobile,
 		setOpen,
-		open,
+		effectiveOpen,
 		setOpenMobile,
 		expandOnHover
 	]);
@@ -150,7 +151,6 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		window.addEventListener("keydown", handleKeyDown);
 		return () => window.removeEventListener("keydown", handleKeyDown);
 	}, [toggleSidebar]);
-	const effectiveOpen = open || expandOnHover && isHovered;
 	const state = effectiveOpen ? "expanded" : "collapsed";
 	return /* @__PURE__ */ jsx(SidebarContext, {
 		value: React.useMemo(() => ({
@@ -202,6 +202,168 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		})
 	});
 }
+//#endregion
+//#region src/components/base/sidebar/group.tsx
+function SidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		...props
+	});
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		"data-slot": "sidebar-group-label",
+		"data-sidebar": "group-label",
+		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-[cubic-bezier(0.25,0.1,0.25,1)] focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+		...props
+	});
+}
+function SidebarGroupAction({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		"data-slot": "sidebar-group-action",
+		"data-sidebar": "group-action",
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+function SidebarGroupContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/base/sidebar/menu.tsx
+function SidebarMenu({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-1", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+}
+const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar data-[active=true]:text-sidebar-primary data-[state=open]:hover:bg-sidebar data-[state=open]:hover:text-sidebar-primary group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "",
+			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
+	const Comp = asChild ? Slot : "button";
+	const { isMobile, state } = useSidebar();
+	const button = /* @__PURE__ */ jsx(Comp, {
+		"data-slot": "sidebar-menu-button",
+		"data-sidebar": "menu-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+	if (!tooltip) return button;
+	const tooltipMessage = typeof tooltip === "string" || React.isValidElement(tooltip) || typeof tooltip === "object" && "message" in tooltip ? typeof tooltip === "string" || React.isValidElement(tooltip) ? tooltip : tooltip.message : null;
+	const tooltipProps = typeof tooltip === "object" && "message" in tooltip ? {
+		side: tooltip.side,
+		align: tooltip.align
+	} : {};
+	return /* @__PURE__ */ jsx(Tooltip, {
+		message: tooltipMessage,
+		side: "right",
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		...tooltipProps,
+		children: button
+	});
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		"data-slot": "sidebar-menu-action",
+		"data-sidebar": "menu-action",
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
+		...props
+	});
+}
+function SidebarMenuBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+	const [width, setWidth] = React.useState("66%");
+	React.useEffect(() => {
+		setWidth(`${Math.floor(Math.random() * 40) + 50}%`);
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "sidebar-menu-skeleton",
+		"data-sidebar": "menu-skeleton",
+		className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+		...props,
+		children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
+			className: "size-4 rounded-md",
+			"data-sidebar": "menu-skeleton-icon"
+		}), /* @__PURE__ */ jsx(Skeleton, {
+			className: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			style: { "--skeleton-width": width }
+		})]
+	});
+}
+function SidebarMenuSub({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu-sub",
+		"data-sidebar": "menu-sub",
+		className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col px-2.5", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+function SidebarMenuSubItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-sub-item",
+		"data-sidebar": "menu-sub-item",
+		className: cn("group/menu-sub-item relative", className),
+		...props
+	});
+}
+function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		"data-slot": "sidebar-menu-sub-button",
+		"data-sidebar": "menu-sub-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/base/sidebar/shell.tsx
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile, handleMouseEnter, handleMouseLeave, expandBehavior, showBackdrop, forceClose } = useSidebar();
 	const sidebarRef = React.useRef(null);
@@ -234,7 +396,6 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
 		open: openMobile,
 		onOpenChange: setOpenMobile,
-		...props,
 		children: /* @__PURE__ */ jsxs(SheetContent, {
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
@@ -247,7 +408,8 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 				className: "sr-only",
 				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
 			}), /* @__PURE__ */ jsx("div", {
-				className: "flex h-full w-full flex-col",
+				className: cn("flex h-full w-full flex-col", className),
+				...props,
 				children
 			})]
 		})
@@ -373,160 +535,5 @@ function SidebarContent({ className, ...props }) {
 		...props
 	});
 }
-function SidebarGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-group",
-		"data-sidebar": "group",
-		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-		...props
-	});
-}
-function SidebarGroupLabel({ className, asChild = false, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		"data-slot": "sidebar-group-label",
-		"data-sidebar": "group-label",
-		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-[cubic-bezier(0.25,0.1,0.25,1)] focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
-		...props
-	});
-}
-function SidebarGroupAction({ className, asChild = false, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		"data-slot": "sidebar-group-action",
-		"data-sidebar": "group-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
-		...props
-	});
-}
-function SidebarGroupContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-group-content",
-		"data-sidebar": "group-content",
-		className: cn("w-full text-sm", className),
-		...props
-	});
-}
-function SidebarMenu({ className, ...props }) {
-	return /* @__PURE__ */ jsx("ul", {
-		"data-slot": "sidebar-menu",
-		"data-sidebar": "menu",
-		className: cn("flex w-full min-w-0 flex-col gap-1", className),
-		...props
-	});
-}
-function SidebarMenuItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		"data-slot": "sidebar-menu-item",
-		"data-sidebar": "menu-item",
-		className: cn("group/menu-item relative", className),
-		...props
-	});
-}
-const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar data-[active=true]:text-sidebar-primary data-[state=open]:hover:bg-sidebar data-[state=open]:hover:text-sidebar-primary group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
-	variants: {
-		variant: {
-			default: "",
-			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-		},
-		size: {
-			default: "h-8 text-sm",
-			sm: "h-7 text-xs",
-			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
-	const Comp = asChild ? Slot : "button";
-	const { isMobile, state } = useSidebar();
-	const button = /* @__PURE__ */ jsx(Comp, {
-		"data-slot": "sidebar-menu-button",
-		"data-sidebar": "menu-button",
-		"data-size": size,
-		"data-active": isActive,
-		className: cn(sidebarMenuButtonVariants({
-			variant,
-			size
-		}), className),
-		...props
-	});
-	if (!tooltip) return button;
-	const tooltipMessage = typeof tooltip === "string" || React.isValidElement(tooltip) || typeof tooltip === "object" && "message" in tooltip ? typeof tooltip === "string" || React.isValidElement(tooltip) ? tooltip : tooltip.message : null;
-	const tooltipProps = typeof tooltip === "object" && "message" in tooltip ? {
-		side: tooltip.side,
-		align: tooltip.align
-	} : {};
-	return /* @__PURE__ */ jsx(Tooltip, {
-		message: tooltipMessage,
-		side: "right",
-		align: "center",
-		hidden: state !== "collapsed" || isMobile,
-		...tooltipProps,
-		children: button
-	});
-}
-function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		"data-slot": "sidebar-menu-action",
-		"data-sidebar": "menu-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
-		...props
-	});
-}
-function SidebarMenuBadge({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-menu-badge",
-		"data-sidebar": "menu-badge",
-		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
-		...props
-	});
-}
-function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-	const width = React.useMemo(() => {
-		return `${Math.floor(Math.random() * 40) + 50}%`;
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "sidebar-menu-skeleton",
-		"data-sidebar": "menu-skeleton",
-		className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
-		...props,
-		children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
-			className: "size-4 rounded-md",
-			"data-sidebar": "menu-skeleton-icon"
-		}), /* @__PURE__ */ jsx(Skeleton, {
-			className: "h-4 max-w-(--skeleton-width) flex-1",
-			"data-sidebar": "menu-skeleton-text",
-			style: { "--skeleton-width": width }
-		})]
-	});
-}
-function SidebarMenuSub({ className, ...props }) {
-	return /* @__PURE__ */ jsx("ul", {
-		"data-slot": "sidebar-menu-sub",
-		"data-sidebar": "menu-sub",
-		className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col px-2.5", "group-data-[collapsible=icon]:hidden", className),
-		...props
-	});
-}
-function SidebarMenuSubItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		"data-slot": "sidebar-menu-sub-item",
-		"data-sidebar": "menu-sub-item",
-		className: cn("group/menu-sub-item relative", className),
-		...props
-	});
-}
-function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
-		"data-slot": "sidebar-menu-sub-button",
-		"data-sidebar": "menu-sub-button",
-		"data-size": size,
-		"data-active": isActive,
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
-		...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 { 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,2 +1,26 @@
-import { t as Skeleton } from "../skeleton-CGU89HPB.mjs";
+import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { t as Skeleton$1 } from "../skeleton-DFExK4GX.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.
+*
+* Wraps the shadcn Skeleton so you can add custom base styles here and pass
+* additional className for overrides. All standard div props are supported.
+*
+* @example
+* ```tsx
+* <Skeleton className="h-4 w-48" />
+* <Skeleton className="h-8 w-full rounded-lg" />
+* ```
+*/
+function Skeleton({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(Skeleton$1, {
+		className: cn("bg-muted-foreground/10 animate-pulse rounded-md", className),
+		...props
+	});
+}
+Skeleton.displayName = "Skeleton";
+//#endregion
 export { Skeleton };

package/dist/{spinner.icon-DSvVwPjx.mjs → spinner.icon-BYUMQ8H-.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/icons/spinner.icon.tsx

package/dist/stepper/index.mjs

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