@datum-cloud/datum-ui 1.3.2 → 1.4.0

package/dist/app-navigation-D2EAiTGO.mjs

@@ -1,482 +0,0 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./collapsible-BeCdkxTJ.mjs";
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, c as SidebarHeader, d as SidebarMenu, g as SidebarMenuSkeleton, 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-DPQbMC3f.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, activeClassName, 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, isActive && activeClassName),
-		...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, activeItemClassName, 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,
-					activeClassName: activeItemClassName,
-					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, {
-						className: "[&>*:first-child]:w-full",
-						children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-							asChild: true,
-							className: "w-full",
-							children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
-								item,
-								isActive,
-								disableTooltip,
-								className: itemClassName,
-								activeClassName: activeItemClassName,
-								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, {
-					className: "[&>*:first-child]:w-full",
-					children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-						asChild: true,
-						className: "w-full",
-						children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
-							item: currentItem,
-							isActive: currentItemIsActive,
-							disableTooltip,
-							className: itemClassName,
-							activeClassName: activeItemClassName,
-							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, {
-					className: "[&>*:first-child]:w-full",
-					children: /* @__PURE__ */ jsx(NavSidebarMenuButton, {
-						asChild: true,
-						item,
-						isActive: isActive && !hasActiveChild,
-						disableTooltip,
-						onClick: () => hasChildren && toggleItem(item.href),
-						className: cn(level >= 1 && "h-6", itemClassName),
-						activeClassName: activeItemClassName,
-						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
-/** Skeleton that mirrors the project nav layout: Home, separator, 6 items, separator, Project Settings */
-function NavSkeleton() {
-	return /* @__PURE__ */ jsxs("ul", {
-		className: "flex h-full w-full min-w-0 flex-col gap-0.5 py-2",
-		"data-sidebar": "menu",
-		children: [
-			/* @__PURE__ */ jsx(SidebarMenu, {
-				className: "px-2",
-				children: /* @__PURE__ */ jsx(SidebarMenuItem, {
-					className: "[&>*:first-child]:w-full",
-					children: /* @__PURE__ */ jsx(SidebarMenuSkeleton, {
-						showIcon: true,
-						className: "bg-sidebar-accent/60 h-8 rounded-xl **:data-[sidebar=menu-skeleton-text]:max-w-12"
-					})
-				})
-			}),
-			/* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
-			[
-				1,
-				2,
-				3,
-				4,
-				5,
-				6
-			].map((i) => /* @__PURE__ */ jsx(SidebarMenu, {
-				className: "px-2",
-				children: /* @__PURE__ */ jsx(SidebarMenuItem, {
-					className: "[&>*:first-child]:w-full",
-					children: /* @__PURE__ */ jsx(SidebarMenuSkeleton, {
-						showIcon: true,
-						className: "h-8 rounded-xl"
-					})
-				})
-			}, i)),
-			/* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
-			/* @__PURE__ */ jsx(SidebarMenu, {
-				className: "px-2",
-				children: /* @__PURE__ */ jsx(SidebarMenuItem, {
-					className: "[&>*:first-child]:w-full",
-					children: /* @__PURE__ */ jsx(SidebarMenuSkeleton, {
-						showIcon: true,
-						className: "h-8 rounded-xl [&_[data-sidebar=menu-skeleton-text]]:max-w-28"
-					})
-				})
-			})
-		]
-	});
-}
-function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, loading = false, itemClassName, activeItemClassName, ...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
-				}),
-				loading ? /* @__PURE__ */ jsx(SidebarGroup, {
-					className: "mb-2 p-0! px-0",
-					children: /* @__PURE__ */ jsx(SidebarGroupContent, {
-						className: "flex flex-col gap-0 py-0",
-						children: /* @__PURE__ */ jsx(NavSkeleton, {})
-					})
-				}) : navItems.length > 0 && /* @__PURE__ */ jsx(NavMenu, {
-					className: "h-fit py-2",
-					items: navItems,
-					currentPath,
-					linkComponent,
-					closeOnNavigation,
-					itemClassName,
-					activeItemClassName
-				}),
-				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/avatar-DbTh2mk4.mjs

@@ -1,28 +0,0 @@
-import { t as cn } from "./utils-Bu32wN-x.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/calendar-BQF1XDjq.mjs

@@ -1,77 +0,0 @@
-import { t as Calendar } from "./calendar-ByqfbFGx.mjs";
-import { A as zonedDateToIso, F as isDateBearingMode, R as useDateConstraints, k as isoToZonedDate, w as usePickerContext } from "./default-footer-DzYzX_OT.mjs";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/features/picker/components/calendar.tsx
-/**
-* Override the base Calendar's default `w-fit` root so the calendar fills the
-* mobile sheet width (cells flex via the underlying day-picker) and reverts to
-* intrinsic width on `md` and above.
-*/
-const CALENDAR_RESPONSIVE_CLASSNAMES = { root: "w-full md:w-fit" };
-function PickerCalendar({ numberOfMonths = 1, className, minDate, maxDate, disablePast, disableFuture }) {
-	const { mode, timezone, state, actions } = usePickerContext();
-	const { effectiveMinDate, effectiveMaxDate, isDateDisabled } = useDateConstraints({
-		minDate,
-		maxDate,
-		disablePast,
-		disableFuture
-	});
-	if (!isDateBearingMode(mode)) return null;
-	const month = state.monthFrom ?? (() => {
-		if (mode === "date" && state.pendingValue instanceof Date) return state.pendingValue;
-		if (mode === "datetime" && typeof state.pendingValue === "string") return isoToZonedDate(state.pendingValue, timezone);
-	})();
-	if (mode === "date-range" || mode === "date-range-time" || mode === "datetime-range") {
-		const v = state.pendingValue;
-		return /* @__PURE__ */ jsx(Calendar, {
-			mode: "range",
-			selected: v ? mode === "date-range" ? {
-				from: v.from,
-				to: v.to
-			} : {
-				from: isoToZonedDate(v.from, timezone),
-				to: isoToZonedDate(v.to, timezone)
-			} : void 0,
-			onSelect: (range) => {
-				if (!range?.from || !range?.to) return;
-				if (mode === "date-range") actions.setRange({
-					from: range.from,
-					to: range.to
-				});
-				else actions.setDatetimeRange({
-					from: zonedDateToIso(range.from, timezone),
-					to: zonedDateToIso(range.to, timezone)
-				});
-			},
-			defaultMonth: month,
-			month,
-			onMonthChange: actions.setMonthFrom,
-			numberOfMonths,
-			disabled: isDateDisabled,
-			startMonth: effectiveMinDate,
-			endMonth: effectiveMaxDate,
-			className,
-			classNames: CALENDAR_RESPONSIVE_CLASSNAMES
-		});
-	}
-	return /* @__PURE__ */ jsx(Calendar, {
-		mode: "single",
-		selected: state.pendingValue instanceof Date ? state.pendingValue : mode === "datetime" && typeof state.pendingValue === "string" ? isoToZonedDate(state.pendingValue, timezone) : void 0,
-		onSelect: (d) => {
-			if (!d) return;
-			if (mode === "date") actions.setSingleDate(d);
-			else if (mode === "datetime") actions.setSingleDatetime(zonedDateToIso(d, timezone));
-		},
-		defaultMonth: month,
-		month,
-		onMonthChange: actions.setMonthFrom,
-		disabled: isDateDisabled,
-		startMonth: effectiveMinDate,
-		endMonth: effectiveMaxDate,
-		className,
-		classNames: CALENDAR_RESPONSIVE_CLASSNAMES
-	});
-}
-PickerCalendar.displayName = "Picker.Calendar";
-//#endregion
-export { PickerCalendar as t };