@datum-cloud/datum-ui 0.3.0-alpha.ffa8392 → 0.4.0

package/dist/app-navigation-DsCKgfPe.mjs

@@ -0,0 +1,416 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as Icon } from "./icon-wrapper-BBK4z4tj.mjs";
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./collapsible-Dw71o2um.mjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, c as SidebarHeader, d as SidebarMenu, h as SidebarMenuItem, i as SidebarGroup, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, w as useSidebar } from "./sidebar-B3EV33mG.mjs";
+import { ChevronRight, ExternalLinkIcon } from "lucide-react";
+import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+
+//#region src/components/features/app-navigation/nav-menu.tsx
+const NAV_STYLES = {
+	menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-2 py-1 data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary",
+	disabled: "pointer-events-none opacity-50",
+	icon: "duration-300 transition-all",
+	iconSmall: "size-4 duration-300 transition-all"
+};
+function NavIcon({ icon: IconComponent, className, size = "default" }) {
+	if (!IconComponent) return null;
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: IconComponent,
+		className: cn(size === "small" ? NAV_STYLES.iconSmall : NAV_STYLES.icon, className)
+	});
+}
+NavIcon.displayName = "NavIcon";
+function NavSidebarMenuButton({ ref, item, isActive, disableTooltip, className, children, asChild, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarMenuButton, {
+		ref,
+		tooltip: disableTooltip ? void 0 : item.title,
+		isActive,
+		disabled: item.disabled,
+		asChild,
+		className: cn(NAV_STYLES.menuButton, item.disabled && NAV_STYLES.disabled, className),
+		...props,
+		children: asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(NavIcon, { icon: item.icon }), children] })
+	});
+}
+NavSidebarMenuButton.displayName = "NavSidebarMenuButton";
+function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp = "a", overrideState, itemClassName, disableTooltip, closeOnNavigation, ...props }) {
+	const pathname = currentPath;
+	const { state: sidebarState, isMobile, closeForNavigation, setOpen } = useSidebar();
+	const [openItems, setOpenItems] = useState({});
+	const isInitialMount = useRef(true);
+	const previousOpenItems = useRef({});
+	const previousPathname = useRef(pathname);
+	const state = overrideState ?? sidebarState;
+	const previousState = useRef(state);
+	useEffect(() => {
+		previousOpenItems.current = openItems;
+		if (isInitialMount.current) isInitialMount.current = false;
+	}, [openItems]);
+	useEffect(() => {
+		previousPathname.current = pathname;
+	}, [pathname]);
+	const activeNavItem = useCallback((item) => {
+		const normalize = (p) => {
+			let result = p.startsWith("/") ? p : `/${p}`;
+			if (result !== "/" && result.endsWith("/")) result = result.slice(0, -1);
+			return result;
+		};
+		const cleanCurrentPath = normalize(pathname);
+		if (!item.href) return false;
+		const cleanNavPath = normalize(item.href);
+		if (cleanNavPath === "/") return cleanCurrentPath === "/";
+		const hasActiveDescendant = (navItem) => {
+			if (!navItem.children || navItem.children.length === 0) return false;
+			return navItem.children.some((child) => {
+				if (!child.href) return hasActiveDescendant(child);
+				const cleanChildPath = normalize(child.href);
+				if (cleanCurrentPath === cleanChildPath || cleanCurrentPath.startsWith(`${cleanChildPath}/`)) return true;
+				return hasActiveDescendant(child);
+			});
+		};
+		if ((item.children || []).length > 0) {
+			if (hasActiveDescendant(item)) return false;
+			return cleanCurrentPath === cleanNavPath;
+		}
+		const isExcluded = item.excludePaths?.some((excludePath) => {
+			const cleanExcludePath = normalize(excludePath);
+			return cleanCurrentPath === cleanExcludePath || cleanCurrentPath.startsWith(`${cleanExcludePath}/`);
+		}) ?? false;
+		const isDirectMatch = cleanCurrentPath === cleanNavPath || !isExcluded && cleanCurrentPath.startsWith(`${cleanNavPath}/`);
+		const isTabChildMatch = item.tabChildLinks?.some((childPath) => {
+			const cleanChildPath = normalize(childPath);
+			return cleanCurrentPath === cleanChildPath || cleanCurrentPath.startsWith(`${cleanChildPath}/`);
+		}) ?? false;
+		return isDirectMatch || isTabChildMatch;
+	}, [pathname]);
+	const hasActiveDescendant = useCallback((item) => {
+		if (activeNavItem(item)) return true;
+		if (item.children) return item.children.some((child) => hasActiveDescendant(child));
+		return false;
+	}, [activeNavItem]);
+	const findItemByHref = useCallback((href, items) => {
+		for (const item of items) {
+			if (item.href === href) return item;
+			if (item.children) {
+				const found = findItemByHref(href, item.children);
+				if (found) return found;
+			}
+		}
+		return null;
+	}, []);
+	useEffect(() => {
+		if (previousState.current === "expanded" && state === "collapsed") setOpenItems((prev) => {
+			const newOpenItems = {};
+			Object.keys(prev).forEach((itemHref) => {
+				const item = findItemByHref(itemHref, items);
+				if (item && hasActiveDescendant(item)) newOpenItems[itemHref] = true;
+			});
+			return newOpenItems;
+		});
+		previousState.current = state;
+	}, [
+		state,
+		items,
+		hasActiveDescendant,
+		findItemByHref
+	]);
+	const toggleItem = (itemId) => {
+		setOpenItems((prev) => ({
+			...prev,
+			[itemId]: !prev[itemId]
+		}));
+	};
+	const handleNavigation = useCallback(() => {
+		if (closeOnNavigation && !isMobile) closeForNavigation();
+	}, [
+		closeOnNavigation,
+		isMobile,
+		closeForNavigation
+	]);
+	const renderNavItem = (item, level = 0) => {
+		if ("hidden" in item && item.hidden) return null;
+		const itemKey = `${item.title}-${item.href || ""}-${level}`;
+		if ("type" in item && item.type === "group") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(SidebarGroup, {
+			className: "mb-2 p-0! px-2",
+			children: [item.title && /* @__PURE__ */ jsx(SidebarGroupLabel, {
+				className: "lowercase group-data-[state=collapsed]:hidden first-letter:uppercase",
+				children: item.title
+			}), /* @__PURE__ */ jsx(SidebarGroupContent, {
+				className: "flex flex-col gap-1",
+				children: (item.children || []).map((child) => renderNavItem(child, level + 1))
+			})]
+		}), /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2 hidden group-data-[state=collapsed]:block" })] }, itemKey);
+		const isActive = activeNavItem(item);
+		const pathnameExistInDropdowns = item.children?.filter((dropdownItem) => pathname.includes(dropdownItem.href)) || [];
+		const hasChildren = (item.children || []).length > 0;
+		const isOpen = openItems[item.href] !== void 0 ? openItems[item.href] : Boolean(pathnameExistInDropdowns.length);
+		const hasActiveChild = pathnameExistInDropdowns.length > 0;
+		if (state === "collapsed" && !isMobile && level <= 2 && hasChildren) return /* @__PURE__ */ jsxs(Fragment, { children: [
+			item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-1" }),
+			/* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col px-2",
+				children: [/* @__PURE__ */ jsx(NavSidebarMenuButton, {
+					item,
+					isActive,
+					disableTooltip,
+					className: itemClassName,
+					onClick: () => {
+						setOpen(true);
+						if (item.href) setOpenItems((prev) => ({
+							...prev,
+							[item.href]: true
+						}));
+					}
+				}), hasActiveChild && /* @__PURE__ */ jsx(motion.div, {
+					variants: {
+						hidden: { opacity: 0 },
+						visible: {
+							opacity: 1,
+							transition: {
+								staggerChildren: .05,
+								delayChildren: .1
+							}
+						}
+					},
+					initial: "hidden",
+					animate: "visible",
+					className: "flex flex-col gap-0.5",
+					children: item.children?.map((subItem) => {
+						const isSubItemActive = activeNavItem(subItem);
+						return /* @__PURE__ */ jsx(motion.div, {
+							variants: {
+								hidden: { opacity: 0 },
+								visible: {
+									opacity: 1,
+									transition: {
+										duration: .2,
+										ease: "easeOut"
+									}
+								}
+							},
+							children: /* @__PURE__ */ jsx(SidebarMenuButton, {
+								tooltip: subItem.title,
+								isActive: isSubItemActive,
+								className: "h-6 p-0 group-data-[collapsible=icon]:h-6! group-data-[collapsible=icon]:p-0!",
+								asChild: true,
+								children: /* @__PURE__ */ jsx(LinkComp, {
+									className: "flex items-center justify-center",
+									...LinkComp === "a" ? { href: subItem.href || "" } : { to: subItem.href || "" },
+									onClick: () => {
+										handleNavigation();
+									},
+									children: /* @__PURE__ */ jsx("span", { className: cn("size-1 rounded-full", isSubItemActive ? "bg-primary" : "bg-sidebar-primary-foreground") })
+								})
+							})
+						}, `collapsed-dot-${subItem.href}-${level}`);
+					})
+				})]
+			}) }),
+			item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
+		] }, itemKey);
+		if (hasChildren && level <= 3) return /* @__PURE__ */ jsxs(Fragment, { children: [
+			item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
+			/* @__PURE__ */ jsx(SidebarMenu, {
+				className: "px-2",
+				children: /* @__PURE__ */ jsx(Collapsible, {
+					asChild: true,
+					open: isOpen,
+					onOpenChange: (open) => {
+						if (item.href) setOpenItems((prev) => ({
+							...prev,
+							[item.href]: open
+						}));
+					},
+					className: "group/collapsible",
+					children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+						asChild: true,
+						className: "w-full",
+						children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
+							item,
+							isActive,
+							disableTooltip,
+							className: itemClassName,
+							children: [/* @__PURE__ */ jsx("span", { children: item.title }), /* @__PURE__ */ jsx(Icon, {
+								icon: ChevronRight,
+								className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
+							})]
+						})
+					}), /* @__PURE__ */ jsx(CollapsibleContent, {
+						className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
+						children: /* @__PURE__ */ jsx("div", {
+							style: {
+								minHeight: 0,
+								overflow: "hidden"
+							},
+							children: /* @__PURE__ */ jsx(motion.div, {
+								variants: {
+									hidden: { opacity: 0 },
+									visible: {
+										opacity: 1,
+										transition: {
+											staggerChildren: .05,
+											delayChildren: .1
+										}
+									}
+								},
+								initial: isInitialMount.current || previousOpenItems.current[item.href] === openItems[item.href] && previousState.current === state && previousPathname.current === pathname && !hasActiveChild ? "visible" : "hidden",
+								animate: isOpen ? "visible" : "hidden",
+								children: /* @__PURE__ */ jsx(SidebarMenuSub, {
+									className: cn(level >= 1 ? "mr-0 pr-[.1rem]" : "", level === 2 ? "pl-4" : "", level === 3 ? "pl-6" : "", "mr-0 gap-0.5 pr-0"),
+									children: item.children?.map((subItem, index) => /* @__PURE__ */ jsx(motion.div, {
+										variants: {
+											hidden: { opacity: 0 },
+											visible: {
+												opacity: 1,
+												transition: {
+													duration: .2,
+													ease: "easeOut"
+												}
+											}
+										},
+										children: renderNavItem(subItem, level + 1)
+									}, `${subItem.href}-${level}-${index}`))
+								})
+							}, `collapsible-${item.href}-${isOpen}`)
+						})
+					})] })
+				}, `collapsed-item-drop-down-item-${item.title}-${level}`)
+			}),
+			item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
+		] }, itemKey);
+		const renderCollapsible = (currentItem, currentLevel) => {
+			const currentItemIsActive = activeNavItem(currentItem);
+			const currentItemPathnameExistInDropdowns = currentItem.children?.filter((dropdownItem) => pathname.includes(dropdownItem.href)) || [];
+			return /* @__PURE__ */ jsx(Collapsible, {
+				asChild: true,
+				open: openItems[currentItem.href] || Boolean(currentItemPathnameExistInDropdowns.length),
+				onOpenChange: (open) => {
+					if (currentItem.href) setOpenItems((prev) => ({
+						...prev,
+						[currentItem.href]: open
+					}));
+				},
+				className: "group/collapsible",
+				children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+					asChild: true,
+					className: "w-full",
+					children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
+						item: currentItem,
+						isActive: currentItemIsActive,
+						disableTooltip,
+						className: itemClassName,
+						children: [/* @__PURE__ */ jsx("span", { children: currentItem.title }), /* @__PURE__ */ jsx(Icon, {
+							icon: ChevronRight,
+							className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
+						})]
+					})
+				}), /* @__PURE__ */ jsx(CollapsibleContent, {
+					className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
+					children: /* @__PURE__ */ jsx("div", {
+						style: {
+							minHeight: 0,
+							overflow: "hidden"
+						},
+						children: /* @__PURE__ */ jsx(SidebarMenuSub, {
+							className: cn(currentLevel >= 1 ? "mr-0 pr-[.1rem]" : "", "gap-0.5"),
+							children: currentItem.children?.map((subItem) => renderNavItem(subItem, currentLevel + 1))
+						})
+					})
+				})] }, `collapsible-sidebar-${currentItem.title}-${currentLevel}`)
+			}, `collapsed-item-drop-down-item-${currentItem.title}-${currentLevel}`);
+		};
+		if (level <= 2 && hasChildren) return /* @__PURE__ */ jsxs(Fragment, { children: [
+			item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
+			/* @__PURE__ */ jsx(SidebarMenu, {
+				className: "px-2",
+				children: renderCollapsible(item, level)
+			}),
+			item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
+		] }, itemKey);
+		return /* @__PURE__ */ jsxs(Fragment, { children: [
+			item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
+			/* @__PURE__ */ jsx(SidebarMenu, {
+				className: cn(`level_${level} px-2`),
+				children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(NavSidebarMenuButton, {
+					asChild: true,
+					item,
+					isActive: isActive && !hasActiveChild,
+					disableTooltip,
+					onClick: () => hasChildren && toggleItem(item.href),
+					className: cn(level >= 1 && "h-6", itemClassName),
+					children: item.type === "externalLink" ? /* @__PURE__ */ jsxs("a", {
+						href: item.href || "",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [item?.icon && /* @__PURE__ */ jsx(Icon, {
+								icon: item.icon,
+								className: "size-4 transition-all duration-300"
+							}), /* @__PURE__ */ jsx("span", { children: item.title })]
+						}), /* @__PURE__ */ jsx(Icon, {
+							icon: ExternalLinkIcon,
+							className: "ml-auto size-4"
+						})]
+					}) : /* @__PURE__ */ jsxs(LinkComp, {
+						...LinkComp === "a" ? { href: item.href || "" } : { to: item.href || "" },
+						onClick: handleNavigation,
+						onMouseEnter: () => item.onPrefetch?.(),
+						children: [item?.icon && /* @__PURE__ */ jsx(Icon, {
+							icon: item.icon,
+							className: "text-sidebar-primary transition-all duration-300"
+						}), /* @__PURE__ */ jsx("span", { children: item.title })]
+					})
+				}) })
+			}),
+			item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
+		] }, itemKey);
+	};
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		"data-sidebar": "menu",
+		className: cn("flex h-full w-full min-w-0 flex-col gap-0.5 py-2", className),
+		...props,
+		children: (items || []).map((item) => renderNavItem(item))
+	});
+}
+NavMenu.displayName = "NavMenu";
+
+//#endregion
+//#region src/components/features/app-navigation/app-navigation.tsx
+function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, ...props }) {
+	const { setOpen } = useSidebar();
+	useEffect(() => {
+		if (defaultOpen === false) setOpen(false);
+	}, [defaultOpen, setOpen]);
+	return /* @__PURE__ */ jsx(Sidebar, {
+		collapsible: props.collapsible ?? "offcanvas",
+		...props,
+		children: /* @__PURE__ */ jsxs(SidebarContent, {
+			className: "gap-0",
+			children: [
+				title && /* @__PURE__ */ jsx(SidebarHeader, {
+					className: "px-4 pt-4 pb-0",
+					children: title
+				}),
+				navItems.length > 0 && /* @__PURE__ */ jsx(NavMenu, {
+					className: "h-fit py-2",
+					items: navItems,
+					currentPath,
+					linkComponent,
+					closeOnNavigation
+				}),
+				props.collapsible !== "none" && /* @__PURE__ */ jsx(SidebarFooter, {
+					className: "mt-auto p-2",
+					children: /* @__PURE__ */ jsx(SidebarTrigger, {})
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { NavMenu as n, AppNavigation as t };

package/dist/autocomplete/index.mjs

@@ -1,7 +1,7 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../dialog-Bm4trnic.mjs";
-import "../command-DQlO6uTL.mjs";
-import "../popover-CYzXdp9q.mjs";
-import { t as Autocomplete } from "../autocomplete-e33EmvBu.mjs";
+import "../utils-DJboNGQM.mjs";
+import "../dialog-DdrHeboM.mjs";
+import "../command-DVroicgn.mjs";
+import "../popover-ugw5MpuT.mjs";
+import { t as Autocomplete } from "../autocomplete-DRB_kSVx.mjs";
 
 export { Autocomplete };

package/dist/{autocomplete-e33EmvBu.mjs → autocomplete-DRB_kSVx.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DQlO6uTL.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-CYzXdp9q.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-CbxcjyHV.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DVroicgn.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-ugw5MpuT.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-8IWX_1Ga.mjs";
 import { CheckIcon, ChevronDown } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/avatar/index.mjs

@@ -0,0 +1,4 @@
+import "../utils-DJboNGQM.mjs";
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "../avatar-DyLq0xkt.mjs";
+
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/avatar-DyLq0xkt.mjs

@@ -0,0 +1,30 @@
+import { t as cn } from "./utils-DJboNGQM.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+
+//#region ../shadcn/ui/avatar.tsx
+const Avatar = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		"data-slot": "avatar",
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		...props
+	});
+};
+const AvatarImage = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full", className),
+		...props
+	});
+};
+const AvatarFallback = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
+		...props
+	});
+};
+
+//#endregion
+export { AvatarFallback as n, AvatarImage as r, Avatar as t };

package/dist/avatar-stack/index.mjs

@@ -1,5 +1,6 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../tooltip-CbCWKEzu.mjs";
-import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-Ci0cnjxv.mjs";
+import "../utils-DJboNGQM.mjs";
+import "../avatar-DyLq0xkt.mjs";
+import "../tooltip-CuX2jQA9.mjs";
+import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-BT0dBswq.mjs";
 
 export { AvatarStack, avatarStackVariants };

package/dist/{avatar-stack-Ci0cnjxv.mjs → avatar-stack-BT0dBswq.mjs}

@@ -1,35 +1,10 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
-import { t as Tooltip } from "./tooltip-CbCWKEzu.mjs";
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "./avatar-DyLq0xkt.mjs";
+import { t as Tooltip } from "./tooltip-CuX2jQA9.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
-//#region ../shadcn/ui/avatar.tsx
-const Avatar = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
-		"data-slot": "avatar",
-		className: cn$1("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
-		...props
-	});
-};
-const AvatarImage = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
-		"data-slot": "avatar-image",
-		className: cn$1("aspect-square size-full", className),
-		...props
-	});
-};
-const AvatarFallback = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
-		"data-slot": "avatar-fallback",
-		className: cn$1("bg-muted flex size-full items-center justify-center rounded-full", className),
-		...props
-	});
-};
-
-//#endregion
 //#region src/components/features/avatar-stack/avatar-stack.tsx
 const avatarStackVariants = cva("flex", {
 	variants: {

package/dist/badge/index.mjs

@@ -1,3 +1,3 @@
-import { n as badgeVariants, t as Badge } from "../badge-bFgeYceE.mjs";
+import { n as badgeVariants, t as Badge } from "../badge-BgFj4Nsc.mjs";
 
 export { Badge, badgeVariants };

package/dist/breadcrumb/index.mjs

@@ -1,4 +1,4 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-BGYJgom_.mjs";
+import "../utils-DJboNGQM.mjs";
+import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-CJNaYyk1.mjs";
 
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/{breadcrumb-BGYJgom_.mjs → breadcrumb-CJNaYyk1.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-DJboNGQM.mjs";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/button/index.mjs

@@ -1,4 +1,4 @@
-import { n as buttonVariants, t as Button } from "../button-C1wRfGtT.mjs";
-import { t as LinkButton } from "../link-button-TIF2Zdrk.mjs";
+import { n as buttonVariants, t as Button } from "../button-0N61fmAR.mjs";
+import { t as LinkButton } from "../link-button-Cby0p4LW.mjs";
 
 export { Button, LinkButton, buttonVariants };

package/dist/{button-C1wRfGtT.mjs → button-0N61fmAR.mjs}

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

package/dist/{button-AzpnV-WB.mjs → button-D6AORsOz.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-DJboNGQM.mjs";
 import { cva } from "class-variance-authority";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/button-group/index.mjs

@@ -1,5 +1,5 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../separator-T2ppyD-8.mjs";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-C1IB2K5s.mjs";
+import "../utils-DJboNGQM.mjs";
+import "../separator-BzyALya2.mjs";
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-BDk8btAy.mjs";
 
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/{button-group-C1IB2K5s.mjs → button-group-BDk8btAy.mjs}

@@ -1,5 +1,5 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
-import { t as Separator } from "./separator-T2ppyD-8.mjs";
+import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as Separator } from "./separator-BzyALya2.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";

package/dist/calendar/index.mjs

@@ -1,5 +1,5 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../button-AzpnV-WB.mjs";
-import { n as CalendarDayButton, t as Calendar } from "../calendar-DlIHeWb0.mjs";
+import "../utils-DJboNGQM.mjs";
+import "../button-D6AORsOz.mjs";
+import { n as CalendarDayButton, t as Calendar } from "../calendar-BtfraIvX.mjs";
 
 export { Calendar, CalendarDayButton };

package/dist/{calendar-DlIHeWb0.mjs → calendar-BtfraIvX.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants, t as Button } from "./button-AzpnV-WB.mjs";
-import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
+import { n as buttonVariants, t as Button } from "./button-D6AORsOz.mjs";
+import { t as Icon } from "./icon-wrapper-BBK4z4tj.mjs";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{calendar-date-picker-BBAg78Lg.mjs → calendar-date-picker-B9mxJM7f.mjs}

@@ -1,8 +1,8 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Button } from "./button-AzpnV-WB.mjs";
-import { t as Calendar$1 } from "./calendar-DlIHeWb0.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-CYzXdp9q.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-BznmyqBr.mjs";
+import { t as Button } from "./button-D6AORsOz.mjs";
+import { t as Calendar$1 } from "./calendar-BtfraIvX.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-ugw5MpuT.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-BZOKWjlH.mjs";
 import { cva } from "class-variance-authority";
 import { CalendarIcon, X } from "lucide-react";
 import * as React$1 from "react";
@@ -36,7 +36,7 @@ const multiSelectVariants = cva("flex font-normal shadow-none items-center justi
 	} },
 	defaultVariants: { variant: "default" }
 });
-function CalendarDatePicker({ ref, id = "calendar-date-picker", className, triggerClassName, date, closeOnSelect = false, numberOfMonths = 2, yearsRange = 10, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture = false, disablePast = false, maxRange, popoverClassName, ...props }) {
+function CalendarDatePicker({ ref, id = "calendar-date-picker", className, triggerClassName, date, closeOnSelect = false, numberOfMonths = 2, yearsRange = 10, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture = false, disablePast = false, maxRange, popoverClassName, disabled, ...props }) {
 	const [isPopoverOpen, setIsPopoverOpen] = React$1.useState(false);
 	const [selectedRange, setSelectedRange] = React$1.useState(numberOfMonths === 2 ? "This Year" : "Today");
 	const [monthFrom, setMonthFrom] = React$1.useState(date?.from);
@@ -428,6 +428,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
 				id: "date",
 				ref,
 				...props,
+				disabled,
 				className: cn("w-full", triggerClassName, multiSelectVariants({
 					variant,
 					className

package/dist/card/index.mjs

@@ -1,4 +1,4 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-3Kd0VdNf.mjs";
+import "../utils-DJboNGQM.mjs";
+import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-BiHXFt4s.mjs";
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/{card-3Kd0VdNf.mjs → card-BiHXFt4s.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn$1 } from "./utils-DJboNGQM.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";