@datum-cloud/datum-ui 0.3.0-alpha.ffa8392 → 0.3.2-dev.5bd364b

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

@@ -2,425 +2,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 { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./collapsible-Dw71o2um.mjs";
-import { t as Input } from "./input-D241oNEm.mjs";
-import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-b9V9soz8.mjs";
-import { t as Skeleton } from "./skeleton-D3qW_KvG.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-CbCWKEzu.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 { cva } from "class-variance-authority";
-import { ChevronRight, ExternalLinkIcon, PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
+import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
 import * as React$1 from "react";
-import { Fragment, useCallback, useEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-import { motion } from "motion/react";
 
-//#region src/components/features/sidebar/nav-main.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 NavMain({ 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))
-	});
-}
-NavMain.displayName = "NavMain";
-
-//#endregion
-//#region src/components/features/sidebar/app-sidebar.tsx
-function AppSidebar({ 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(NavMain, {
-					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
 //#region ../shadcn/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
@@ -438,7 +29,7 @@ function useIsMobile() {
 }
 
 //#endregion
-//#region src/components/features/sidebar/sidebar.tsx
+//#region src/components/base/sidebar/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
 const SIDEBAR_WIDTH = "13rem";
@@ -942,4 +533,4 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
 }
 
 //#endregion
-export { SidebarTrigger as C, NavMain as E, SidebarSeparator as S, AppSidebar as T, 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,4 +1,5 @@
 import "../utils-Bfgoe-Gm.mjs";
-import { t as Skeleton } from "../skeleton-D3qW_KvG.mjs";
+import "../skeleton-CkE23wsL.mjs";
+import { t as Skeleton } from "../skeleton-DZ31pU4B.mjs";
 
 export { Skeleton };

package/dist/skeleton-DZ31pU4B.mjs

@@ -0,0 +1,28 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as Skeleton$1 } from "./skeleton-CkE23wsL.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 as t };

package/dist/spinner/index.mjs

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

package/dist/stepper/index.mjs

@@ -1,5 +1,5 @@
 import "../utils-Bfgoe-Gm.mjs";
 import "../button-AzpnV-WB.mjs";
-import { t as defineStepper } from "../stepper-B07hPGG7.mjs";
+import { t as defineStepper } from "../stepper-CZeks9Ex.mjs";
 
 export { defineStepper };

package/dist/styles/root.css

@@ -22,6 +22,9 @@
 /* Figma design tokens — source of truth */
 @import './tokens/figma-tokens.css';
 
+/* Animation utilities required by shadcn component transitions */
+@import 'tw-animate-css';
+
 /* Shadcn/ui base variables and component styles */
 @import './shadcn/shadcn.css';
 

package/dist/switch/index.mjs

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

package/dist/table/index.mjs

@@ -1,4 +1,4 @@
 import "../utils-Bfgoe-Gm.mjs";
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../table-fZEvpdD-.mjs";
+import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../table-Dpzh0VPK.mjs";
 
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/tabs/index.mjs

@@ -1,3 +1,3 @@
-import { a as TabsTrigger, i as TabsList, n as TabsContent, r as TabsLinkTrigger, t as Tabs } from "../tabs-B7cW59gB.mjs";
+import { a as TabsTrigger, i as TabsList, n as TabsContent, r as TabsLinkTrigger, t as Tabs } from "../tabs-OYVCDOif.mjs";
 
 export { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger };

package/dist/tag-input/index.mjs

@@ -1,5 +1,5 @@
 import "../utils-Bfgoe-Gm.mjs";
-import "../input-C-ZmsHkk.mjs";
-import { t as TagsInput } from "../tag-input-BI8IRBDH.mjs";
+import "../input-DuyjEKEW.mjs";
+import { t as TagsInput } from "../tag-input-DorFQ9bA.mjs";
 
 export { TagsInput };

package/dist/{tag-input-BI8IRBDH.mjs → tag-input-DorFQ9bA.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
 import { t as Badge } from "./badge-bFgeYceE.mjs";
 import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
-import { t as Input } from "./input-D241oNEm.mjs";
+import { t as Input } from "./input-fzXBheCN.mjs";
 import { X } from "lucide-react";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/task-queue/index.mjs

@@ -1,7 +1,7 @@
 import "../utils-Bfgoe-Gm.mjs";
-import "../dialog-Bm4trnic.mjs";
-import "../table-fZEvpdD-.mjs";
-import "../tooltip-CbCWKEzu.mjs";
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-D6k067_W.mjs";
+import "../dialog-DXBaT9gA.mjs";
+import "../tooltip-U3XxlW4l.mjs";
+import "../table-Dpzh0VPK.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-DtS0IKci.mjs";
 
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{task-queue-dropdown-D6k067_W.mjs → task-queue-dropdown-DtS0IKci.mjs}

@@ -3,10 +3,10 @@ import { t as Badge } from "./badge-bFgeYceE.mjs";
 import { t as SpinnerIcon } from "./spinner.icon-Bg8zgGh0.mjs";
 import { t as Button } from "./button-C1wRfGtT.mjs";
 import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
-import { t as Dialog } from "./dialog-B2EZJW-q.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "./table-fZEvpdD-.mjs";
-import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-CbCWKEzu.mjs";
-import { h as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "./dropdown-DLZXinlT.mjs";
+import { t as Dialog } from "./dialog-bnMMf9GD.mjs";
+import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-U3XxlW4l.mjs";
+import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "./table-Dpzh0VPK.mjs";
+import { h as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "./dropdown-Dgm_b6Mm.mjs";
 import { Ban, CheckCircle2, CircleAlert, CircleCheck, CornerDownRightIcon, FileIcon, ListTodo, X, XCircle } from "lucide-react";
 import { createContext, use, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/textarea/index.mjs

@@ -1,5 +1,5 @@
 import "../utils-Bfgoe-Gm.mjs";
-import "../textarea-BSkDKiej.mjs";
-import { t as Textarea } from "../textarea-BZ85VFsJ.mjs";
+import "../textarea-QYRcDEpK.mjs";
+import { t as Textarea } from "../textarea-KZUKGHlO.mjs";
 
 export { Textarea };

package/dist/{textarea-BZ85VFsJ.mjs → textarea-KZUKGHlO.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Textarea$1 } from "./textarea-BSkDKiej.mjs";
+import { t as Textarea$1 } from "./textarea-QYRcDEpK.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{to-api-format-CXQ7knV4.mjs → to-api-format-CzPt5UAX.mjs}

@@ -3,9 +3,9 @@ import { t as Button } from "./button-C1wRfGtT.mjs";
 import { t as Separator } from "./separator-T2ppyD-8.mjs";
 import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
 import { t as Calendar$1 } from "./calendar-DlIHeWb0.mjs";
-import { t as Input } from "./input-D241oNEm.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 Input } from "./input-fzXBheCN.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-Ds9624qY.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CwVIFWFO.mjs";
 import { Calendar, CalendarIcon, Globe, X } from "lucide-react";
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/toast/index.mjs

@@ -1,3 +1,3 @@
-import { n as Toaster, r as toast, t as useToast } from "../use-toast-BLBGnOC3.mjs";
+import { n as Toaster, r as toast, t as useToast } from "../use-toast-DBmysDS6.mjs";
 
 export { Toaster, toast, useToast };

package/dist/tooltip/index.mjs

@@ -1,4 +1,4 @@
 import "../utils-Bfgoe-Gm.mjs";
-import { t as Tooltip } from "../tooltip-CbCWKEzu.mjs";
+import { t as Tooltip } from "../tooltip-U3XxlW4l.mjs";
 
 export { Tooltip };

package/dist/{use-copy-to-clipboard-CC2hhyYI.mjs → use-copy-to-clipboard-C9cT2Qb-.mjs}

@@ -1,4 +1,4 @@
-import { r as toast } from "./use-toast-BLBGnOC3.mjs";
+import { r as toast } from "./use-toast-DBmysDS6.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/hooks/use-copy-to-clipboard.ts