@postxl/ui-components 1.5.0 → 1.5.1

package/dist/index.js

@@ -70,7 +70,7 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import useEmblaCarousel from "embla-carousel-react";
-import { BaselineIcon, BookmarkIcon, CalendarIcon as CalendarIcon$1, Check, CheckIcon as CheckIcon$1, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronRightIcon as ChevronRightIcon$1, ChevronUpIcon as ChevronUpIcon$1, CircleCheckIcon, CopyIcon, EraserIcon, EyeIcon, EyeOffIcon, FilterX, GlobeIcon, GripHorizontalIcon, HashIcon, ListChecksIcon, ListIcon, ListTreeIcon, MessageSquareIcon, MinusIcon, PanelLeftIcon, PanelRightIcon, PencilIcon, PinIcon, PinOffIcon, PlusIcon, SaveIcon, Settings2Icon, SquareIcon, TagIcon, TextInitialIcon, Trash2Icon, TrashIcon, XIcon } from "lucide-react";
+import { BaselineIcon, BookmarkIcon, CalendarIcon as CalendarIcon$1, Check, CheckIcon as CheckIcon$1, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronRightIcon as ChevronRightIcon$1, ChevronUpIcon as ChevronUpIcon$1, CircleCheckIcon, CopyIcon, DownloadIcon, EraserIcon, EyeIcon, EyeOffIcon, FilterX, GlobeIcon, GripHorizontalIcon, HashIcon, ListChecksIcon, ListIcon, ListTreeIcon, MessageSquareIcon, MinusIcon, PanelLeftIcon, PanelRightIcon, PencilIcon, PinIcon, PinOffIcon, PlusIcon, SaveIcon, Settings2Icon, SquareIcon, TagIcon, TextInitialIcon, Trash2Icon, TrashIcon, XIcon } from "lucide-react";
 import * as CollapsePrimitive from "@radix-ui/react-collapsible";
 import { Command as Command$1 } from "cmdk";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -3445,6 +3445,10 @@ function getColumnVariant(variant) {
 			icon: CalendarIcon$1,
 			label: "Date"
 		};
+		case "download-file": return {
+			icon: DownloadIcon,
+			label: "File download"
+		};
 		default: return null;
 	}
 }
@@ -4547,6 +4551,47 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 	});
 }
 
+//#endregion
+//#region src/data-grid/cell-variants/download-file-cell.tsx
+function DownloadFileCell({ cell, table, rowIndex, columnId, isEditing, isFocused, isSelected }) {
+	const cellOpts = cell.column.columnDef.meta?.cell;
+	const downloadCellOpts = cellOpts?.variant === "download-file" ? cellOpts : void 0;
+	const cellValue = cell.getValue();
+	const row = cell.row.original;
+	const resolvedUrl = downloadCellOpts?.getUrl?.(cellValue, row) ?? (typeof cellValue === "string" ? cellValue : void 0);
+	const resolvedFileName = typeof downloadCellOpts?.fileName === "function" ? downloadCellOpts.fileName(row, cellValue) : downloadCellOpts?.fileName;
+	const label = downloadCellOpts?.label ?? "Download";
+	return /* @__PURE__ */ jsx(DataGridCellWrapper, {
+		cell,
+		table,
+		rowIndex,
+		columnId,
+		isEditing,
+		isFocused,
+		isSelected,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "grid-cell-content",
+			className: "size-full overflow-hidden outline-none",
+			children: resolvedUrl ? /* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				variant: "ghost",
+				size: "sm",
+				className: "h-7 gap-1 px-2",
+				children: /* @__PURE__ */ jsxs("a", {
+					href: resolvedUrl,
+					download: resolvedFileName,
+					target: "_blank",
+					rel: "noreferrer",
+					children: [/* @__PURE__ */ jsx(DownloadIcon, { className: "size-3.5" }), label]
+				})
+			}) : /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			})
+		})
+	});
+}
+
 //#endregion
 //#region src/data-grid/cell-variants/gantt-cell.tsx
 function GanttCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSelected }) {
@@ -5584,6 +5629,15 @@ function DataGridCell({ cell, table }) {
 			isFocused,
 			isSelected
 		});
+		case "download-file": return /* @__PURE__ */ jsx(DownloadFileCell, {
+			cell,
+			table,
+			rowIndex,
+			columnId,
+			isEditing,
+			isFocused,
+			isSelected
+		});
 		case "react-node": return /* @__PURE__ */ jsx(ReactNodeCell, {
 			cell,
 			table,
@@ -9020,13 +9074,12 @@ const SIDEBAR_MAX_WIDTH = 600;
 * Internal store context. Exported for use by `Sidebar` component in the same
 * package to build per-sidebar resize contexts.
 */
-const SidebarStoreContext = React$13.createContext(null);
+const SidebarContext = React$13.createContext(null);
 /**
 * Context that identifies which sidebar a component belongs to.
 * Set by `<Sidebar sidebarId="...">`, consumed by `useSidebar()`.
 */
 const SidebarIdContext = React$13.createContext("default");
-const SidebarResizeContext = React$13.createContext(null);
 /**
 * Returns the state and controls for a specific sidebar.
 *
@@ -9034,7 +9087,7 @@ const SidebarResizeContext = React$13.createContext(null);
 *   `SidebarIdContext` (set by the parent `<Sidebar>`), then to `"default"`.
 */
 function useSidebar(sidebarId) {
-	const store = React$13.useContext(SidebarStoreContext);
+	const store = React$13.useContext(SidebarContext);
 	const ctxId = React$13.useContext(SidebarIdContext);
 	const id = sidebarId ?? ctxId;
 	if (!store) throw new Error("useSidebar must be used within a SidebarProvider.");
@@ -9042,6 +9095,9 @@ function useSidebar(sidebarId) {
 	const openMobile = store.mobileStates[id] ?? false;
 	const width = store.widthStates[id];
 	const { isMobile, isResizing } = store;
+	const registry = store.sidebarRegistry[id];
+	const minWidth = registry?.minWidth ?? store.providerMinWidth;
+	const maxWidth = registry?.maxWidth ?? store.providerMaxWidth;
 	const setOpen = React$13.useCallback((value) => store.setOpen(id, value), [store.setOpen, id]);
 	const setOpenMobile = React$13.useCallback((value) => store.setOpenMobile(id, value), [store.setOpenMobile, id]);
 	const setWidth = React$13.useCallback((value) => store.setWidth(id, value), [store.setWidth, id]);
@@ -9060,7 +9116,9 @@ function useSidebar(sidebarId) {
 		toggleSidebar,
 		width,
 		setWidth,
-		isResizing
+		isResizing,
+		minWidth,
+		maxWidth
 	}), [
 		state,
 		open,
@@ -9071,9 +9129,22 @@ function useSidebar(sidebarId) {
 		toggleSidebar,
 		width,
 		setWidth,
-		isResizing
+		isResizing,
+		minWidth,
+		maxWidth
 	]);
 }
+/**
+* Returns a list of all registered sidebars with their IDs and sides.
+*/
+function useRegisteredSidebars() {
+	const store = React$13.useContext(SidebarContext);
+	if (!store) throw new Error("useRegisteredSidebars must be used within a SidebarProvider.");
+	return React$13.useMemo(() => Object.entries(store.sidebarRegistry).map(([sidebarId, entry]) => ({
+		sidebarId,
+		side: entry.side
+	})), [store.sidebarRegistry]);
+}
 function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, width: widthProp, onWidthChange, minWidth = SIDEBAR_MIN_WIDTH, maxWidth = SIDEBAR_MAX_WIDTH, storageKey, defaultOpenSidebars, defaultWidths, keyboardShortcuts, className, style, children,...props }) {
 	const isMobile = useIsMobile();
 	const [isResizing, setIsResizing] = React$13.useState(false);
@@ -9162,11 +9233,21 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 			[id]: width
 		}));
 	}, [onWidthChange]);
-	const [sideMap, setSideMap] = React$13.useState({});
-	const registerSide = React$13.useCallback((id, side) => {
-		setSideMap((prev) => prev[id] === side ? prev : {
-			...prev,
-			[id]: side
+	const [sidebarRegistry, setSidebarRegistry] = React$13.useState({});
+	const registerSidebar = React$13.useCallback((id, config) => {
+		setSidebarRegistry((prev) => {
+			const existing = prev[id];
+			if (existing && existing.side === config.side && existing.minWidth === config.minWidth && existing.maxWidth === config.maxWidth) return prev;
+			return {
+				...prev,
+				[id]: config
+			};
+		});
+	}, []);
+	const unregisterSidebar = React$13.useCallback((id) => {
+		setSidebarRegistry((prev) => {
+			const { [id]: _,...rest } = prev;
+			return rest;
 		});
 	}, []);
 	const effectiveOpenStatesRef = React$13.useRef(effectiveOpenStates);
@@ -9205,11 +9286,12 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		openStates: effectiveOpenStates,
 		mobileStates,
 		widthStates: effectiveWidthStates,
-		sideMap,
+		sidebarRegistry,
 		setOpen,
 		setOpenMobile,
 		setWidth,
-		registerSide,
+		registerSidebar,
+		unregisterSidebar,
 		isMobile,
 		defaultOpen,
 		isResizing,
@@ -9220,11 +9302,12 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		effectiveOpenStates,
 		mobileStates,
 		effectiveWidthStates,
-		sideMap,
+		sidebarRegistry,
 		setOpen,
 		setOpenMobile,
 		setWidth,
-		registerSide,
+		registerSidebar,
+		unregisterSidebar,
 		isMobile,
 		defaultOpen,
 		isResizing,
@@ -9233,7 +9316,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	]);
 	const defaultWidth = effectiveWidthStates["default"];
 	const sidebarWidthValue = defaultWidth ? `${defaultWidth}px` : SIDEBAR_WIDTH;
-	return /* @__PURE__ */ jsx(SidebarStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
 		value: storeValue,
 		children: /* @__PURE__ */ jsx(TooltipProvider, {
 			delayDuration: 0,
@@ -9255,29 +9338,24 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 //#endregion
 //#region src/sidebar/sidebar.tsx
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", sidebarId = "default", minWidth, maxWidth, className, children,...props }) {
-	const { isMobile, state, openMobile, setOpenMobile, width, setWidth, isResizing } = useSidebar(sidebarId);
-	const store = React$12.useContext(SidebarStoreContext);
+	const { isMobile, state, openMobile, setOpenMobile, width, isResizing } = useSidebar(sidebarId);
+	const store = React$12.useContext(SidebarContext);
+	const storeRef = React$12.useRef(store);
+	storeRef.current = store;
+	const effectiveMinWidth = minWidth ?? store?.providerMinWidth ?? SIDEBAR_MIN_WIDTH;
+	const effectiveMaxWidth = maxWidth ?? store?.providerMaxWidth ?? SIDEBAR_MAX_WIDTH;
 	React$12.useEffect(() => {
-		store?.registerSide(sidebarId, side);
+		storeRef.current?.registerSidebar(sidebarId, {
+			side,
+			minWidth: effectiveMinWidth,
+			maxWidth: effectiveMaxWidth
+		});
+		return () => storeRef.current?.unregisterSidebar(sidebarId);
 	}, [
-		store,
 		sidebarId,
-		side
-	]);
-	const effectiveMinWidth = minWidth ?? store?.providerMinWidth ?? SIDEBAR_MIN_WIDTH;
-	const effectiveMaxWidth = maxWidth ?? store?.providerMaxWidth ?? SIDEBAR_MAX_WIDTH;
-	const resizeContextValue = React$12.useMemo(() => ({
-		onWidthChange: setWidth,
-		minWidth: effectiveMinWidth,
-		maxWidth: effectiveMaxWidth,
-		isResizing,
-		setIsResizing: store?.setIsResizing ?? (() => {})
-	}), [
-		setWidth,
+		side,
 		effectiveMinWidth,
-		effectiveMaxWidth,
-		isResizing,
-		store?.setIsResizing
+		effectiveMaxWidth
 	]);
 	const sidebarWidthValue = width ? `${width}px` : SIDEBAR_WIDTH;
 	const sidebarStyle = {
@@ -9286,10 +9364,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 	};
 	const wrappedChildren = /* @__PURE__ */ jsx(SidebarIdContext.Provider, {
 		value: sidebarId,
-		children: /* @__PURE__ */ jsx(SidebarResizeContext.Provider, {
-			value: resizeContextValue,
-			children
-		})
+		children
 	});
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar",
@@ -9351,10 +9426,10 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
 }
 function SidebarTrigger({ className, onClick, sidebarId, children,...props }) {
 	const { toggleSidebar } = useSidebar(sidebarId);
-	const store = React$12.useContext(SidebarStoreContext);
+	const store = React$12.useContext(SidebarContext);
 	const ctxId = React$12.useContext(SidebarIdContext);
 	const resolvedId = sidebarId ?? ctxId;
-	const side = store?.sideMap[resolvedId];
+	const side = store?.sidebarRegistry[resolvedId]?.side;
 	const Icon = side === "right" ? PanelRightIcon : PanelLeftIcon;
 	return /* @__PURE__ */ jsx(Button, {
 		"data-sidebar": "trigger",
@@ -9374,17 +9449,18 @@ function SidebarTrigger({ className, onClick, sidebarId, children,...props }) {
 	});
 }
 function SidebarRail({ className,...props }) {
-	const { toggleSidebar } = useSidebar();
-	const resizeCtx = React$12.useContext(SidebarResizeContext);
+	const { toggleSidebar, setWidth, minWidth, maxWidth } = useSidebar();
+	const store = React$12.useContext(SidebarContext);
 	const startXRef = React$12.useRef(0);
 	const hasDraggedRef = React$12.useRef(false);
-	const isResizable = !!resizeCtx?.onWidthChange;
+	const sidebarId = React$12.useContext(SidebarIdContext);
+	const isResizable = !!store?.sidebarRegistry[sidebarId];
 	const handleMouseDown = React$12.useCallback((e) => {
-		if (!isResizable || !resizeCtx) return;
+		if (!isResizable) return;
 		e.preventDefault();
 		startXRef.current = e.clientX;
 		hasDraggedRef.current = false;
-		resizeCtx.setIsResizing(true);
+		store?.setIsResizing(true);
 		const sidebarEl = e.target.closest("[data-slot=\"sidebar-container\"]");
 		const sidebarLeft = sidebarEl?.getBoundingClientRect().left ?? 0;
 		const side = e.target.closest("[data-side]")?.getAttribute("data-side");
@@ -9395,10 +9471,10 @@ function SidebarRail({ className,...props }) {
 				const sidebarRight = sidebarEl?.getBoundingClientRect().right ?? globalThis.innerWidth;
 				newWidth = sidebarRight - moveEvent.clientX;
 			} else newWidth = moveEvent.clientX - sidebarLeft;
-			if (newWidth >= resizeCtx.minWidth && newWidth <= resizeCtx.maxWidth) resizeCtx.onWidthChange?.(newWidth);
+			if (newWidth >= minWidth && newWidth <= maxWidth) setWidth(newWidth);
 		};
 		const handleMouseUp = () => {
-			resizeCtx.setIsResizing(false);
+			store?.setIsResizing(false);
 			document.removeEventListener("mousemove", handleMouseMove);
 			document.removeEventListener("mouseup", handleMouseUp);
 			document.body.style.cursor = "";
@@ -9408,7 +9484,13 @@ function SidebarRail({ className,...props }) {
 		document.addEventListener("mouseup", handleMouseUp);
 		document.body.style.cursor = "col-resize";
 		document.body.style.userSelect = "none";
-	}, [isResizable, resizeCtx]);
+	}, [
+		isResizable,
+		store,
+		setWidth,
+		minWidth,
+		maxWidth
+	]);
 	const handleClick = React$12.useCallback(() => {
 		if (hasDraggedRef.current) return;
 		toggleSidebar();
@@ -9648,14 +9730,8 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
 //#region src/sidebar/sidebar-tab-context-provider.tsx
 const SidebarTabsContext = React$11.createContext(null);
 function SidebarTabsProvider({ children }) {
-	const [tabsMap, setTabsMap] = React$11.useState({
-		left: new Map(),
-		right: new Map()
-	});
-	const [activeTab, setActiveTabState] = React$11.useState({
-		left: null,
-		right: null
-	});
+	const [tabsMap, setTabsMap] = React$11.useState({});
+	const [activeTab, setActiveTabState] = React$11.useState({});
 	const register = React$11.useCallback((side, tab) => {
 		setTabsMap((prev) => {
 			const next = new Map(prev[side]);
@@ -9666,7 +9742,7 @@ function SidebarTabsProvider({ children }) {
 			};
 		});
 		setActiveTabState((prev) => {
-			if (prev[side] === null) return {
+			if (prev[side] === void 0 || prev[side] === null) return {
 				...prev,
 				[side]: tab.id
 			};
@@ -9701,10 +9777,9 @@ function SidebarTabsProvider({ children }) {
 	}, []);
 	const sortedTabs = React$11.useMemo(() => {
 		const sort = (map) => [...map.values()].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-		return {
-			left: sort(tabsMap.left),
-			right: sort(tabsMap.right)
-		};
+		const result = {};
+		for (const [side, map] of Object.entries(tabsMap)) result[side] = sort(map);
+		return result;
 	}, [tabsMap]);
 	const value = React$11.useMemo(() => ({
 		tabs: sortedTabs,
@@ -9731,8 +9806,8 @@ function useSidebarTabs(side) {
 		if (side) ctx.setActiveTab(side, tabId);
 	}, [ctx.setActiveTab, side]);
 	const boundResult = React$11.useMemo(() => side ? {
-		tabs: ctx.tabs[side],
-		activeTab: ctx.activeTab[side],
+		tabs: ctx.tabs[side] ?? [],
+		activeTab: ctx.activeTab[side] ?? null,
 		setActiveTab: boundSetActiveTab
 	} : null, [
 		side,
@@ -9775,12 +9850,12 @@ function SidebarTab({ side, id, icon, label, render, order }) {
 	]);
 	return null;
 }
-function DynamicTabbedSidebar({ side, sidebarId, orientation = "horizontal", collapsible = "offcanvas", className,...sidebarProps }) {
+function DynamicTabbedSidebar({ side, orientation = "horizontal", collapsible = "offcanvas", className,...sidebarProps }) {
 	const ctx = React$10.useContext(SidebarTabsContext);
 	if (!ctx) throw new Error("DynamicTabbedSidebar must be used within a SidebarTabsProvider.");
 	const { setActiveTab } = ctx;
-	const tabs = ctx.tabs[side];
-	const activeTabId = ctx.activeTab[side];
+	const tabs = ctx.tabs[side] ?? [];
+	const activeTabId = ctx.activeTab[side] ?? null;
 	const activeTab = tabs.find((t) => t.id === activeTabId);
 	React$10.useEffect(() => {
 		if (tabs.length > 0 && tabs[0] && !activeTab) setActiveTab(side, tabs[0].id);
@@ -9790,12 +9865,11 @@ function DynamicTabbedSidebar({ side, sidebarId, orientation = "horizontal", col
 		side,
 		setActiveTab
 	]);
-	const effectiveSidebarId = sidebarId ?? side;
 	const isVertical = orientation === "vertical";
 	const effectiveCollapsible = isVertical && collapsible === "offcanvas" ? "icon" : collapsible;
 	return /* @__PURE__ */ jsxs(Sidebar, {
 		side,
-		sidebarId: effectiveSidebarId,
+		sidebarId: side,
 		collapsible: effectiveCollapsible,
 		className,
 		...sidebarProps,
@@ -9805,13 +9879,12 @@ function DynamicTabbedSidebar({ side, sidebarId, orientation = "horizontal", col
 			activeTabId,
 			activeTab,
 			isVertical,
-			sidebarId: effectiveSidebarId,
 			collapsible: effectiveCollapsible
 		}), /* @__PURE__ */ jsx(SidebarRail, {})]
 	});
 }
-function TabbedSidebarContent({ side, tabs, activeTabId, activeTab, isVertical, sidebarId, collapsible }) {
-	const { state } = useSidebar(sidebarId);
+function TabbedSidebarContent({ side, tabs, activeTabId, activeTab, isVertical, collapsible }) {
+	const { state } = useSidebar(side);
 	const isCollapsed = state === "collapsed";
 	const isIconCollapsible = collapsible === "icon";
 	if (isCollapsed && isIconCollapsible) return /* @__PURE__ */ jsx("div", {
@@ -9819,8 +9892,7 @@ function TabbedSidebarContent({ side, tabs, activeTabId, activeTab, isVertical,
 		children: /* @__PURE__ */ jsx(VerticalTabBar, {
 			side,
 			tabs,
-			activeTabId,
-			sidebarId
+			activeTabId
 		})
 	});
 	if (isVertical) return /* @__PURE__ */ jsxs("div", {
@@ -9828,8 +9900,7 @@ function TabbedSidebarContent({ side, tabs, activeTabId, activeTab, isVertical,
 		children: [/* @__PURE__ */ jsx(VerticalTabBar, {
 			side,
 			tabs,
-			activeTabId,
-			sidebarId
+			activeTabId
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex min-w-0 flex-1 flex-col",
 			children: /* @__PURE__ */ jsx(SidebarContent, { children: activeTab?.render() })
@@ -9841,8 +9912,7 @@ function TabbedSidebarContent({ side, tabs, activeTabId, activeTab, isVertical,
 			/* @__PURE__ */ jsx(HorizontalTabBar, {
 				side,
 				tabs,
-				activeTabId,
-				sidebarId
+				activeTabId
 			}),
 			tabs.length > 0 && /* @__PURE__ */ jsx(SidebarSeparator, {}),
 			/* @__PURE__ */ jsx("div", {
@@ -9852,9 +9922,9 @@ function TabbedSidebarContent({ side, tabs, activeTabId, activeTab, isVertical,
 		]
 	});
 }
-function HorizontalTabBar({ side, tabs, activeTabId, sidebarId }) {
+function HorizontalTabBar({ side, tabs, activeTabId }) {
 	const ctx = React$10.useContext(SidebarTabsContext);
-	const { state, toggleSidebar } = useSidebar(sidebarId ?? side);
+	const { state, toggleSidebar } = useSidebar(side);
 	if (tabs.length === 0) return null;
 	const handleTabClick = (tabId) => {
 		if (state === "collapsed") {
@@ -9885,9 +9955,9 @@ function HorizontalTabBar({ side, tabs, activeTabId, sidebarId }) {
 		})
 	}) });
 }
-function VerticalTabBar({ side, tabs, activeTabId, sidebarId }) {
+function VerticalTabBar({ side, tabs, activeTabId }) {
 	const ctx = React$10.useContext(SidebarTabsContext);
-	const { state, toggleSidebar } = useSidebar(sidebarId ?? side);
+	const { state, toggleSidebar } = useSidebar(side);
 	const isCollapsed = state === "collapsed";
 	if (tabs.length === 0) return null;
 	const handleTabClick = (tabId) => {
@@ -11299,5 +11369,5 @@ const TreeView = React$1.forwardRef(({ data, onNodeSelect, onGroupSelect, onTogg
 TreeView.displayName = "TreeView";
 
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, KanbanBoard as Board, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, CheckboxCell, Collapse, CollapseContent, CollapseTrigger, KanbanColumn as Column, KanbanColumnHandle as ColumnHandle, ComboboxDemo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteDialog, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, CommandPaletteShortcut, CommandSeparator, CommandShortcut, CommentCreate, CommentList, CommentThread, ContentFrame, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridCell, DataGridCellWrapper, DataGridColumnHeader, DataGridContextMenu, DataGridRow, DataGridSearch, DataGridViewMenu, DateCell, DatePickerDemo, DeferredInput, DeferredNumberInput, DeferredTextarea, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicTabbedSidebar, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GanttCell, GanttTimeline, GanttTimerangePicker, HeaderComponents, HierarchyCell, HierarchyItem, HoverCard, HoverCardContent, HoverCardTrigger, InfoCard, Input, KanbanItem as Item, KanbanItemHandle as ItemHandle, KanbanRoot as Kanban, KanbanBoard, KanbanColumn, KanbanColumnHandle, KanbanItem, KanbanItemHandle, KanbanOverlay, Label, Loader, LongTextCell, MarkValueRenderer, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, MultiSelectCell, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberCell, NumberInput, KanbanOverlay as Overlay, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ReactNodeCell, ResizableHandle, ResizablePanel, ResizablePanelGroup, KanbanRoot as Root, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollArea, ScrollBar, Select, SelectCell, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortTextCell, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdContext, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarResizeContext, SidebarSeparator, SidebarStoreContext, SidebarTab, SidebarTabsContext, SidebarTabsProvider, SidebarTrigger, Skeleton, Slicer, SlicerHierarchyItem, Slider, Spinner, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrev, StepperSeparator, StepperTitle, StepperTrigger, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TreeBranch, TreeView, badgeVariants, buildLabelMap, buttonVariants, checkboxVariants, cn, commandInputVariants, createSelectColumn, findOptionById, getAllDescendantIds, getAllDescendantValues, getAllIds, getAncestorIds, getCellKey, getCommonPinningStyles, getInitialExpandedIds, getLabelPath, getLineCount, getRowHeightValue, inputVariants, isoToLocalDate, knobVariants, matchesSearch, navigationMenuTriggerStyle, parseCellKey, sliderVariants, testId, toast, toggleVariants, useCallbackRef, useDataGrid, useDebouncedCallback, useIsMobile, useSidebar, useSidebarTabs, useStore as useStepper };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, KanbanBoard as Board, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, CheckboxCell, Collapse, CollapseContent, CollapseTrigger, KanbanColumn as Column, KanbanColumnHandle as ColumnHandle, ComboboxDemo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteDialog, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, CommandPaletteShortcut, CommandSeparator, CommandShortcut, CommentCreate, CommentList, CommentThread, ContentFrame, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridCell, DataGridCellWrapper, DataGridColumnHeader, DataGridContextMenu, DataGridRow, DataGridSearch, DataGridViewMenu, DateCell, DatePickerDemo, DeferredInput, DeferredNumberInput, DeferredTextarea, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicTabbedSidebar, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GanttCell, GanttTimeline, GanttTimerangePicker, HeaderComponents, HierarchyCell, HierarchyItem, HoverCard, HoverCardContent, HoverCardTrigger, InfoCard, Input, KanbanItem as Item, KanbanItemHandle as ItemHandle, KanbanRoot as Kanban, KanbanBoard, KanbanColumn, KanbanColumnHandle, KanbanItem, KanbanItemHandle, KanbanOverlay, Label, Loader, LongTextCell, MarkValueRenderer, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, MultiSelectCell, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberCell, NumberInput, KanbanOverlay as Overlay, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ReactNodeCell, ResizableHandle, ResizablePanel, ResizablePanelGroup, KanbanRoot as Root, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollArea, ScrollBar, Select, SelectCell, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortTextCell, Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdContext, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTab, SidebarTabsContext, SidebarTabsProvider, SidebarTrigger, Skeleton, Slicer, SlicerHierarchyItem, Slider, Spinner, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrev, StepperSeparator, StepperTitle, StepperTrigger, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TreeBranch, TreeView, badgeVariants, buildLabelMap, buttonVariants, checkboxVariants, cn, commandInputVariants, createSelectColumn, findOptionById, getAllDescendantIds, getAllDescendantValues, getAllIds, getAncestorIds, getCellKey, getCommonPinningStyles, getInitialExpandedIds, getLabelPath, getLineCount, getRowHeightValue, inputVariants, isoToLocalDate, knobVariants, matchesSearch, navigationMenuTriggerStyle, parseCellKey, sliderVariants, testId, toast, toggleVariants, useCallbackRef, useDataGrid, useDebouncedCallback, useIsMobile, useRegisteredSidebars, useSidebar, useSidebarTabs, useStore as useStepper };
 //# sourceMappingURL=index.js.map