@postxl/ui-components 1.5.0 → 1.5.2

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";
@@ -2488,6 +2488,12 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 		return typeof v === "function" ? v : () => v;
 	}, [colCellMeta?.className]);
 	const colCellClassName = classNameResolver(rowOriginal);
+	const rowClassNameMeta = meta?.rowClassName;
+	const rowCellClassName = React$44.useMemo(() => {
+		if (!rowClassNameMeta) return void 0;
+		if (typeof rowClassNameMeta === "function") return rowClassNameMeta(cell.row);
+		return rowClassNameMeta;
+	}, [rowClassNameMeta, cell.row]);
 	const isSearchMatch = meta?.getIsSearchMatch?.(rowIndex, columnId) ?? false;
 	const isActiveSearchMatch = meta?.getIsActiveSearchMatch?.(rowIndex, columnId) ?? false;
 	const onClick = React$44.useCallback((event) => {
@@ -2588,7 +2594,7 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 			"text-left": align === "left",
 			"text-right": align === "right",
 			"text-center": align === "center"
-		}, {
+		}, rowCellClassName, colCellClassName, {
 			"ring-1 ring-foreground ring-inset dark:ring-secondary-foreground": isFocused,
 			"bg-yellow-100 dark:bg-yellow-900/30": isSearchMatch && !isActiveSearchMatch,
 			"bg-orange-200 dark:bg-orange-900/50": isActiveSearchMatch,
@@ -2599,7 +2605,7 @@ function DataGridCellWrapper({ cell, table, rowIndex, columnId, isEditing, isFoc
 			"**:data-[slot=grid-cell-content]:line-clamp-3": !isEditing && rowHeight === "tall",
 			"**:data-[slot=grid-cell-content]:line-clamp-4": !isEditing && rowHeight === "extra-tall",
 			"relative overflow-visible": !!overlayContent
-		}, colCellClassName, className),
+		}, className),
 		onClick,
 		onContextMenu,
 		onDoubleClick,
@@ -3445,6 +3451,10 @@ function getColumnVariant(variant) {
 			icon: CalendarIcon$1,
 			label: "Date"
 		};
+		case "download-file": return {
+			icon: DownloadIcon,
+			label: "File download"
+		};
 		default: return null;
 	}
 }
@@ -4547,6 +4557,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 +5635,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,
@@ -6231,7 +6291,7 @@ function useStore$1(store, selector) {
 	const getSnapshot = React$22.useCallback(() => selector(store.getState()), [store, selector]);
 	return React$22.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
-function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRowsDelete: onRowsDeleteProp, onCellFocus: onCellFocusProp, onRowClick: onRowClickProp, highlightedRowIndex, rowHeight: rowHeightProp = DEFAULT_ROW_HEIGHT, overscan = OVERSCAN, initialState, autoFocus = false, enableColumnSelection = false, enableSearch = false, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, onLoadMore, loadMoreThreshold = 25, totalRowCount, persistColumnState = false,...dataGridProps }) {
+function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRowsDelete: onRowsDeleteProp, onCellFocus: onCellFocusProp, onRowClick: onRowClickProp, highlightedRowIndex, rowClassName, rowHeight: rowHeightProp = DEFAULT_ROW_HEIGHT, overscan = OVERSCAN, initialState, autoFocus = false, enableColumnSelection = false, enableSearch = false, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, onLoadMore, loadMoreThreshold = 25, totalRowCount, persistColumnState = false,...dataGridProps }) {
 	const dataGridRef = React$22.useRef(null);
 	const tableRef = React$22.useRef(null);
 	const rowVirtualizerRef = React$22.useRef(null);
@@ -6367,7 +6427,11 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 	}, [initialState, persistedState]);
 	const getNavigableColumnIds = React$22.useCallback(() => {
 		const t = tableRef.current;
-		if (t) return t.getVisibleLeafColumns().map((c) => c.id).filter((c) => !NON_NAVIGABLE_COLUMN_IDS.includes(c));
+		if (t) return [
+			...t.getLeftVisibleLeafColumns(),
+			...t.getCenterVisibleLeafColumns(),
+			...t.getRightVisibleLeafColumns()
+		].map((c) => c.id).filter((c) => !NON_NAVIGABLE_COLUMN_IDS.includes(c));
 		return columnIds.filter((c) => !NON_NAVIGABLE_COLUMN_IDS.includes(c));
 	}, [columnIds]);
 	const onDataUpdate = React$22.useCallback((updates) => {
@@ -7246,6 +7310,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			rowHeight,
 			isScrolling,
 			highlightedRowIndex,
+			rowClassName,
 			columnDefsVersion,
 			onRowClick: onRowClickProp,
 			getIsCellSelected,
@@ -7284,6 +7349,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		searchOpen,
 		isScrolling,
 		highlightedRowIndex,
+		rowClassName,
 		columnDefsVersion,
 		onRowClickProp,
 		getIsCellSelected,
@@ -9020,13 +9086,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 +9099,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 +9107,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 +9128,9 @@ function useSidebar(sidebarId) {
 		toggleSidebar,
 		width,
 		setWidth,
-		isResizing
+		isResizing,
+		minWidth,
+		maxWidth
 	}), [
 		state,
 		open,
@@ -9071,9 +9141,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 +9245,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 +9298,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 +9314,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 +9328,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 +9350,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 +9376,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 +9438,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 +9461,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 +9483,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 +9496,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 +9742,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 +9754,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 +9789,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 +9818,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,
@@ -9746,7 +9833,7 @@ function useSidebarTabs(side) {
 
 //#endregion
 //#region src/sidebar/sidebar-tab.tsx
-function SidebarTab({ side, id, icon, label, render, order }) {
+function SidebarTab({ side, id, icon, label, render, order, badge }) {
 	const ctx = React$10.useContext(SidebarTabsContext);
 	if (!ctx) throw new Error("SidebarTab must be used within a SidebarTabsProvider.");
 	const { register, unregister } = ctx;
@@ -9761,7 +9848,8 @@ function SidebarTab({ side, id, icon, label, render, order }) {
 			icon: iconRef.current,
 			label,
 			render: stableRender,
-			order
+			order,
+			badge
 		});
 		return () => unregister(side, id);
 	}, [
@@ -9769,18 +9857,19 @@ function SidebarTab({ side, id, icon, label, render, order }) {
 		id,
 		label,
 		order,
+		badge,
 		register,
 		unregister,
 		stableRender
 	]);
 	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 +9879,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 +9893,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 +9906,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 +9914,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 +9926,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 +9936,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") {
@@ -9869,14 +9953,20 @@ function HorizontalTabBar({ side, tabs, activeTabId, sidebarId }) {
 		children: tabs.map((tab) => {
 			const Icon = tab.icon;
 			const isActive = tab.id === activeTabId;
+			const badge = tab.badge;
 			return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ jsx("button", {
+				children: /* @__PURE__ */ jsxs("button", {
 					role: "tab",
 					"aria-selected": isActive,
-					className: cn("flex flex-1 items-center justify-center rounded-sm p-1.5 transition-colors", isActive ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+					className: cn("flex flex-1 items-center justify-center rounded-sm p-1.5 transition-colors cursor-pointer group/button", isActive ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground", badge && "pt-1"),
 					onClick: () => handleTabClick(tab.id),
-					children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+					children: [/* @__PURE__ */ jsx(Icon, { className: "size-4" }), badge && /* @__PURE__ */ jsx(Badge, {
+						size: "xs",
+						variant: badge.variant,
+						className: cn("ml-0.5 h-3.25 mb-1.25 px-1.5 group-hover/button:opacity-100 opacity-70 transition-opacity", isActive && "opacity-100", badge.className),
+						children: badge.label
+					})]
 				})
 			}), /* @__PURE__ */ jsx(TooltipContent, {
 				side: "bottom",
@@ -9885,9 +9975,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) => {
@@ -9903,14 +9993,20 @@ function VerticalTabBar({ side, tabs, activeTabId, sidebarId }) {
 		children: tabs.map((tab) => {
 			const Icon = tab.icon;
 			const isActive = tab.id === activeTabId;
+			const badge = tab.badge;
 			return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ jsx("button", {
+				children: /* @__PURE__ */ jsxs("button", {
 					role: "tab",
 					"aria-selected": isActive,
-					className: cn("size-9 flex items-center justify-center rounded-md transition-colors", isActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-muted-foreground hover:text-foreground hover:bg-sidebar-accent/50"),
+					className: cn("size-9 flex items-center justify-center rounded-md transition-colors cursor-pointer group/button", isActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-muted-foreground hover:text-foreground hover:bg-sidebar-accent/50"),
 					onClick: () => handleTabClick(tab.id),
-					children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+					children: [/* @__PURE__ */ jsx(Icon, { className: "size-4" }), badge && /* @__PURE__ */ jsx(Badge, {
+						size: "xs",
+						variant: badge.variant,
+						className: cn("ml-0.5 h-3.25 mb-1.25 px-1.5 group-hover/button:opacity-100 opacity-70 transition-opacity", isActive && "opacity-100", badge.className),
+						children: badge.label
+					})]
 				})
 			}), /* @__PURE__ */ jsx(TooltipContent, {
 				side: side === "left" ? "right" : "left",
@@ -11195,7 +11291,7 @@ const TreeBranch = ({ node, level, onNodeSelect, onGroupSelect, onToggleGroup, i
 	const hasChildren = node.children && node.children.length > 0;
 	if (!isGroup) return /* @__PURE__ */ jsxs("div", {
 		"data-test-id": `tree-node-${node.id}`,
-		className: cn("relative flex items-center gap-2 py-1.5 px-2 rounded-md cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors border border-transparent hover:border hover:border-(--discreet-border)", { "bg-primary text-primary-foreground hover:border hover:border-(--discreet-border)": selectedId === node.id }),
+		className: cn("relative flex items-center gap-2 py-1.5 px-2 rounded-md cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors border border-transparent hover:border hover:border-(--discreet-border)", node.className, { "bg-primary text-primary-foreground hover:border hover:border-(--discreet-border)": selectedId === node.id }),
 		style: { marginLeft: `${level * 24}px` },
 		onClick: () => onNodeSelect?.(node),
 		children: [
@@ -11213,7 +11309,7 @@ const TreeBranch = ({ node, level, onNodeSelect, onGroupSelect, onToggleGroup, i
 		"data-test-id": `tree-group-${node.id}`,
 		children: [/* @__PURE__ */ jsxs(AccordionTrigger, {
 			style: { "--margin-left": `calc(${level * 24 + 16}px - 16px)` },
-			className: cn("flex flex-1 overflow-hidden items-center gap-2 py-1.5 px-2 rounded-md ml-(--margin-left) hover:bg-accent hover:text-accent-foreground hover:no-underline transition-colors border border-transparent hover:border hover:border-(--discreet-border)", "[&>svg:last-child]:hidden", { "bg-primary text-primary-foreground": selectedId === node.id }),
+			className: cn("flex flex-1 overflow-hidden items-center gap-2 py-1.5 px-2 rounded-md ml-(--margin-left) hover:bg-accent hover:text-accent-foreground hover:no-underline transition-colors border border-transparent hover:border hover:border-(--discreet-border)", "[&>svg:last-child]:hidden", node.className, { "bg-primary text-primary-foreground": selectedId === node.id }),
 			children: [
 				/* @__PURE__ */ jsx(PlusIcon, {
 					"data-test-id": `tree-expand-${node.id}`,
@@ -11299,5 +11395,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