@postxl/ui-components 1.0.3 → 1.2.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ArrowLeftIcon, ArrowRightIcon, CalendarIcon, CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, CopyIcon, Cross1Icon, Cross2Icon, DotFilledIcon, DotsHorizontalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, DragHandleDots2Icon, DragHandleHorizontalIcon, EnterFullScreenIcon, EraserIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon, TrashIcon } from "@radix-ui/react-icons";
+import { ArrowLeftIcon, ArrowRightIcon, CalendarIcon, CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, Cross1Icon, Cross2Icon, DotFilledIcon, DotsHorizontalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, DragHandleDots2Icon, EnterFullScreenIcon, MagnifyingGlassIcon } from "@radix-ui/react-icons";
 import * as React$46 from "react";
 import * as React$45 from "react";
 import * as React$44 from "react";
@@ -57,7 +57,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, CalendarIcon as CalendarIcon$1, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpIcon as ChevronUpIcon$1, EyeOffIcon, HashIcon, ListChecksIcon, ListIcon, PanelLeftIcon, PinIcon, PinOffIcon, SquareIcon, TextInitialIcon, XIcon } from "lucide-react";
+import { BaselineIcon, CalendarIcon as CalendarIcon$1, CheckIcon as CheckIcon$1, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronUpIcon as ChevronUpIcon$1, CopyIcon, CrossIcon, EraserIcon, EyeOffIcon, FilterX, GripHorizontalIcon, HashIcon, ListChecksIcon, ListIcon, PanelLeftIcon, PinIcon, PinOffIcon, PlusIcon, Settings2Icon, SquareIcon, TextInitialIcon, 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";
@@ -1347,6 +1347,15 @@ const ContextMenuShortcut = ({ className,...props }) => {
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
+//#endregion
+//#region src/skeleton/skeleton.tsx
+function Skeleton({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-md bg-primary/10", className),
+		...props
+	});
+}
+
 //#endregion
 //#region src/dropdown-menu/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {
@@ -1774,7 +1783,7 @@ const GanttTimerangePicker = ({ initialDateFrom, initialDateTo, onRangeChange, t
 			children: /* @__PURE__ */ jsx(Button, {
 				size: "iconSm",
 				variant: "extraGhost2",
-				children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-3" })
+				children: /* @__PURE__ */ jsx(CalendarIcon$1, { className: "size-3" })
 			})
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			align: "start",
@@ -1792,7 +1801,7 @@ const GanttTimerangePicker = ({ initialDateFrom, initialDateTo, onRangeChange, t
 						onClick: () => {
 							setIsOpen(false);
 						},
-						children: /* @__PURE__ */ jsx(Cross2Icon, { className: "size-5" })
+						children: /* @__PURE__ */ jsx(CrossIcon, { className: "size-5" })
 					})]
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -2435,13 +2444,19 @@ const DataGridRow = React$30.memo(DataGridRowImpl, (prev, next) => {
 	const nextHasFocus = next.focusedCell?.rowIndex === nextRowIndex;
 	if (prevHasFocus !== nextHasFocus) return false;
 	if (nextHasFocus && prevHasFocus) {
-		const prevFocusedCol = prev.focusedCell?.columnId;
-		const nextFocusedCol = next.focusedCell?.columnId;
-		if (prevFocusedCol !== nextFocusedCol) return false;
+		if (prev.focusedCell?.columnId !== next.focusedCell?.columnId) return false;
 	}
-	return next.rowVirtualizer.isScrolling;
+	const prevHasEditing = prev.editingCell?.rowIndex === prevRowIndex;
+	const nextHasEditing = next.editingCell?.rowIndex === nextRowIndex;
+	if (prevHasEditing !== nextHasEditing) return false;
+	if (nextHasEditing && prevHasEditing) {
+		if (prev.editingCell?.columnId !== next.editingCell?.columnId) return false;
+	}
+	if (prev.selectionSize !== next.selectionSize) return false;
+	if (prev.visibleColumnIds !== next.visibleColumnIds) return false;
+	return true;
 });
-function DataGridRowImpl({ row, virtualRowIndex, rowVirtualizer, rowMapRef, rowHeight, focusedCell, ref, className,...props }) {
+function DataGridRowImpl({ row, virtualRowIndex, virtualStart, rowVirtualizer, rowMapRef, rowHeight, focusedCell, editingCell: _editingCell, selectionSize: _selectionSize, visibleColumnIds: _visibleColumnIds, ref, className,...props }) {
 	const rowRef = useComposedRefs(ref, (node) => {
 		if (node && typeof virtualRowIndex !== "undefined") {
 			rowVirtualizer.measureElement(node);
@@ -2458,7 +2473,10 @@ function DataGridRowImpl({ row, virtualRowIndex, rowVirtualizer, rowMapRef, rowH
 		ref: rowRef,
 		tabIndex: -1,
 		className: cn("absolute flex w-full border-b h-[calc(var(--data-grid-line-height)*(var(--line-count))+12px)]", className),
-		style: { "--line-count": `${getLineCount(rowHeight)}` },
+		style: {
+			"--line-count": `${getLineCount(rowHeight)}`,
+			transform: `translateY(${virtualStart}px)`
+		},
 		...props,
 		children: row.getVisibleCells().map((cell, colIndex) => {
 			const isCellFocused = focusedCell?.rowIndex === virtualRowIndex && focusedCell?.columnId === cell.column.id;
@@ -2483,33 +2501,7 @@ function DataGridRowImpl({ row, virtualRowIndex, rowVirtualizer, rowMapRef, rowH
 }
 
 //#endregion
-//#region src/input/input.tsx
-const inputVariants = cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-	variants: { variant: {
-		default: "h-9 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-		simple: "h-8"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function Input({ className, type, variant, __e2e_test_id__, onEnter,...props }) {
-	return /* @__PURE__ */ jsx("input", {
-		type,
-		"data-slot": "input",
-		className: cn(inputVariants({
-			variant,
-			className
-		})),
-		"data-test-id": __e2e_test_id__,
-		onKeyDown: (e) => {
-			props.onKeyDown?.(e);
-			if (e.key === "Enter") onEnter?.();
-		},
-		...props
-	});
-}
-
-//#endregion
-//#region src/data-grid/hooks/use-callback-ref.ts
+//#region src/hooks/use-callback-ref.ts
 /**
 * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx
 */
@@ -2526,7 +2518,7 @@ function useCallbackRef(callback) {
 }
 
 //#endregion
-//#region src/data-grid/hooks/use-debounced-callback.ts
+//#region src/hooks/use-debounced-callback.ts
 function useDebouncedCallback(callback, delay) {
 	const handleCallback = useCallbackRef(callback);
 	const debounceTimerRef = React$28.useRef(0);
@@ -2538,6 +2530,32 @@ function useDebouncedCallback(callback, delay) {
 	return setValue;
 }
 
+//#endregion
+//#region src/input/input.tsx
+const inputVariants = cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: { variant: {
+		default: "h-9 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+		simple: "h-8"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Input({ className, type, variant, __e2e_test_id__, onEnter,...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn(inputVariants({
+			variant,
+			className
+		})),
+		"data-test-id": __e2e_test_id__,
+		onKeyDown: (e) => {
+			props.onKeyDown?.(e);
+			if (e.key === "Enter") onEnter?.();
+		},
+		...props
+	});
+}
+
 //#endregion
 //#region src/data-grid/data-grid-search.tsx
 const DataGridSearch = React$27.memo(DataGridSearchImpl, (prev, next) => {
@@ -2627,7 +2645,7 @@ function DataGridSearchImpl({ searchMatches, matchIndex, searchOpen, onSearchOpe
 						onClick: onNavigateToPrevMatch,
 						onPointerDown: onPrevMatchPointerDown,
 						disabled: searchMatches.length === 0,
-						children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+						children: /* @__PURE__ */ jsx(ChevronUpIcon$1, {})
 					}),
 					/* @__PURE__ */ jsx(Button, {
 						"aria-label": "Next match",
@@ -2637,7 +2655,7 @@ function DataGridSearchImpl({ searchMatches, matchIndex, searchOpen, onSearchOpe
 						onClick: onNavigateToNextMatch,
 						onPointerDown: onNextMatchPointerDown,
 						disabled: searchMatches.length === 0,
-						children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+						children: /* @__PURE__ */ jsx(ChevronDownIcon$1, {})
 					}),
 					/* @__PURE__ */ jsx(Button, {
 						"aria-label": "Close search",
@@ -2645,7 +2663,7 @@ function DataGridSearchImpl({ searchMatches, matchIndex, searchOpen, onSearchOpe
 						size: "icon",
 						className: "size-7",
 						onClick: onClose,
-						children: /* @__PURE__ */ jsx(Cross2Icon, {})
+						children: /* @__PURE__ */ jsx(CrossIcon, {})
 					})
 				]
 			})]
@@ -2668,6 +2686,14 @@ function DataGrid({ dataGridRef, headerRef, rowMapRef, footerRef, table, rowVirt
 	const meta = table.options.meta;
 	const rowHeight = meta?.rowHeight ?? "short";
 	const focusedCell = meta?.focusedCell ?? null;
+	const editingCell = meta?.editingCell ?? null;
+	const selectionSize = meta?.selectionState?.selectedCells?.size ?? 0;
+	const visibleColumnIds = table.getVisibleLeafColumns().map((c) => c.id).join(",");
+	const prevVisibleColumnIdsRef = React$26.useRef(visibleColumnIds);
+	if (prevVisibleColumnIdsRef.current !== visibleColumnIds) {
+		rowMapRef.current.clear();
+		prevVisibleColumnIdsRef.current = visibleColumnIds;
+	}
 	const onGridContextMenu = React$26.useCallback((event) => {
 		event.preventDefault();
 	}, []);
@@ -2749,16 +2775,31 @@ function DataGrid({ dataGridRef, headerRef, rowMapRef, footerRef, table, rowVirt
 						"data-slot": "grid-body",
 						className: "relative grid",
 						style: { height: `${rowVirtualizer.getTotalSize()}px` },
-						children: rowVirtualizer.getVirtualIndexes().map((virtualRowIndex) => {
-							const row = rows[virtualRowIndex];
-							if (!row) return null;
+						children: rowVirtualizer.getVirtualItems().map((virtualItem) => {
+							const row = rows[virtualItem.index];
+							if (!row) return /* @__PURE__ */ jsx("div", {
+								className: "absolute flex items-center w-full border-b",
+								style: {
+									height: virtualItem.size,
+									transform: `translateY(${virtualItem.start}px)`
+								},
+								children: table.getVisibleLeafColumns().map((col) => /* @__PURE__ */ jsx("div", {
+									className: "px-3",
+									style: { width: `calc(var(--col-${col.id}-size) * 1px)` },
+									children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" })
+								}, col.id))
+							}, `skeleton-${virtualItem.index}`);
 							return /* @__PURE__ */ jsx(DataGridRow, {
 								row,
 								rowMapRef,
-								virtualRowIndex,
+								virtualRowIndex: virtualItem.index,
+								virtualStart: virtualItem.start,
 								rowVirtualizer,
 								rowHeight,
-								focusedCell
+								focusedCell,
+								editingCell,
+								selectionSize,
+								visibleColumnIds
 							}, row.id);
 						})
 					}),
@@ -3067,12 +3108,16 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 	const [value, setValue] = React$23.useState(parseToLocalDate(initialValue));
 	const [open, setOpen] = React$23.useState(false);
 	const containerRef = React$23.useRef(null);
+	const hasStoppedRef = React$23.useRef(false);
 	const meta = table.options.meta;
 	const prevInitialValueRef = React$23.useRef(initialValue);
 	if (initialValue !== prevInitialValueRef.current) {
 		prevInitialValueRef.current = initialValue;
 		setValue(parseToLocalDate(initialValue));
 	}
+	React$23.useEffect(() => {
+		if (isEditing) hasStoppedRef.current = false;
+	}, [isEditing]);
 	const onDateSelect = React$23.useCallback((date) => {
 		if (!date) return;
 		setValue(date);
@@ -3081,6 +3126,7 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 			columnId,
 			value: formatDateToISOString(date)
 		});
+		hasStoppedRef.current = true;
 		setOpen(false);
 		meta?.onCellEditingStop?.();
 	}, [
@@ -3090,16 +3136,22 @@ function DateCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isSel
 	]);
 	const onOpenChange = React$23.useCallback((isOpen) => {
 		setOpen(isOpen);
-		if (!isOpen && isEditing) meta?.onCellEditingStop?.();
+		if (!isOpen && isEditing && !hasStoppedRef.current) {
+			hasStoppedRef.current = true;
+			meta?.onCellEditingStop?.();
+		}
 	}, [isEditing, meta]);
 	const onWrapperKeyDown = React$23.useCallback((event) => {
 		if (isEditing) {
 			if (event.key === "Escape") {
 				event.preventDefault();
+				hasStoppedRef.current = true;
 				setValue(parseToLocalDate(initialValue));
 				setOpen(false);
+				meta?.onCellEditingStop?.();
 			} else if (event.key === "Tab") {
 				event.preventDefault();
+				hasStoppedRef.current = true;
 				setOpen(false);
 				meta?.onCellEditingStop?.({ direction: event.shiftKey ? "left" : "right" });
 			}
@@ -3227,6 +3279,7 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 	const [open, setOpen] = React$21.useState(false);
 	const textareaRef = React$21.useRef(null);
 	const containerRef = React$21.useRef(null);
+	const hasSubmittedRef = React$21.useRef(false);
 	const meta = table.options.meta;
 	const sideOffset = -(containerRef.current?.clientHeight ?? 0);
 	const prevInitialValueRef = React$21.useRef(initialValue);
@@ -3234,6 +3287,9 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		prevInitialValueRef.current = initialValue;
 		setValue(initialValue ?? "");
 	}
+	React$21.useEffect(() => {
+		if (isEditing) hasSubmittedRef.current = false;
+	}, [isEditing]);
 	const debouncedSave = useDebouncedCallback((newValue) => {
 		meta?.onDataUpdate?.({
 			rowIndex,
@@ -3242,6 +3298,8 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		});
 	}, 300);
 	const onSave = React$21.useCallback(() => {
+		if (hasSubmittedRef.current) return;
+		hasSubmittedRef.current = true;
 		if (value !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
 			columnId,
@@ -3257,6 +3315,8 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		columnId
 	]);
 	const onCancel = React$21.useCallback(() => {
+		if (hasSubmittedRef.current) return;
+		hasSubmittedRef.current = true;
 		setValue(initialValue ?? "");
 		meta?.onDataUpdate?.({
 			rowIndex,
@@ -3278,7 +3338,8 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 	}, [debouncedSave]);
 	const onOpenChange = React$21.useCallback((isOpen) => {
 		setOpen(isOpen);
-		if (!isOpen) {
+		if (!isOpen && !hasSubmittedRef.current) {
+			hasSubmittedRef.current = true;
 			if (value !== initialValue) meta?.onDataUpdate?.({
 				rowIndex,
 				columnId,
@@ -3305,9 +3366,11 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		if (isEditing && !open) {
 			if (event.key === "Escape") {
 				event.preventDefault();
+				hasSubmittedRef.current = true;
 				meta?.onCellEditingStop?.();
 			} else if (event.key === "Tab") {
 				event.preventDefault();
+				hasSubmittedRef.current = true;
 				if (value !== initialValue) meta?.onDataUpdate?.({
 					rowIndex,
 					columnId,
@@ -3336,6 +3399,8 @@ function LongTextCell({ cell, table, rowIndex, columnId, isFocused, isEditing, i
 		event.stopPropagation();
 	}, [onCancel, onSave]);
 	const onTextareaBlur = React$21.useCallback(() => {
+		if (hasSubmittedRef.current) return;
+		hasSubmittedRef.current = true;
 		if (value !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
 			columnId,
@@ -3413,8 +3478,28 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 	const inputRef = React$20.useRef(null);
 	const meta = table.options.meta;
 	const cellOpts = cell.column.columnDef.meta?.cell;
-	const options = cellOpts?.variant === "multi-select" ? cellOpts.options : [];
 	const sideOffset = -(containerRef.current?.clientHeight ?? 0);
+	const arrayOptions = cellOpts?.variant === "multi-select" ? cellOpts.options : void 0;
+	const optionsMap = cellOpts?.variant === "multi-select" ? cellOpts.optionsMap : void 0;
+	const arrayOptionsLabelMap = React$20.useMemo(() => arrayOptions ? new Map(arrayOptions.map((opt) => [opt.value, opt.label])) : null, [arrayOptions]);
+	const getLabel = React$20.useCallback((val) => {
+		if (optionsMap) return optionsMap.get(val) ?? val;
+		if (arrayOptionsLabelMap) return arrayOptionsLabelMap.get(val) ?? val;
+		return val;
+	}, [optionsMap, arrayOptionsLabelMap]);
+	const options = React$20.useMemo(() => {
+		if (!isEditing) return [];
+		if (arrayOptions) return arrayOptions;
+		if (optionsMap) return Array.from(optionsMap.entries()).map(([id, label]) => ({
+			value: id,
+			label
+		}));
+		return [];
+	}, [
+		isEditing,
+		arrayOptions,
+		optionsMap
+	]);
 	if (prevCellIdRef.current !== cellId) {
 		prevCellIdRef.current = cellId;
 		setSelectedValues(cellValue);
@@ -3523,7 +3608,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 	React$20.useEffect(() => {
 		if (open && inputRef.current) setTimeout(() => inputRef.current?.focus(), 0);
 	}, [open]);
-	const displayLabels = selectedValues.map((val) => options.find((opt) => opt.value === val)?.label ?? val).filter(Boolean);
+	const displayLabels = selectedValues.map(getLabel).filter(Boolean);
 	const rowHeight = table.options.meta?.rowHeight ?? "short";
 	const lineCount = getLineCount(rowHeight);
 	const maxVisibleBadgeCount = lineCount * 3;
@@ -3555,23 +3640,19 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 					className: "[&_[data-slot=command-input-wrapper]]:h-auto [&_[data-slot=command-input-wrapper]]:border-none [&_[data-slot=command-input-wrapper]]:p-0 [&_[data-slot=command-input-wrapper]_svg]:hidden",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex min-h-9 flex-wrap items-center gap-1 border-b px-3 py-1.5",
-						children: [selectedValues.map((value) => {
-							const option = options.find((opt) => opt.value === value);
-							const label = option?.label ?? value;
-							return /* @__PURE__ */ jsxs(Badge, {
-								variant: "secondary",
-								className: "h-5 gap-1 px-1.5 text-xs",
-								children: [label, /* @__PURE__ */ jsx("button", {
-									type: "button",
-									onClick: (event) => removeValue(value, event),
-									onPointerDown: (event) => {
-										event.preventDefault();
-										event.stopPropagation();
-									},
-									children: /* @__PURE__ */ jsx(Cross2Icon, { className: "size-3" })
-								})]
-							}, value);
-						}), /* @__PURE__ */ jsx(CommandInput, {
+						children: [selectedValues.map((value) => /* @__PURE__ */ jsxs(Badge, {
+							variant: "secondary",
+							className: "h-5 gap-1 px-1.5 text-xs",
+							children: [getLabel(value), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: (event) => removeValue(value, event),
+								onPointerDown: (event) => {
+									event.preventDefault();
+									event.stopPropagation();
+								},
+								children: /* @__PURE__ */ jsx(CrossIcon, { className: "size-3" })
+							})]
+						}, value)), /* @__PURE__ */ jsx(CommandInput, {
 							ref: inputRef,
 							value: searchValue,
 							onValueChange: setSearchValue,
@@ -3592,7 +3673,7 @@ function MultiSelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing
 										onSelect: () => onValueChange(option.value),
 										children: [/* @__PURE__ */ jsx("div", {
 											className: cn("flex size-4 items-center justify-center rounded-sm border border-border", isSelected$1 ? "bg-accent-foreground text-secondary" : "opacity-50 [&_svg]:invisible"),
-											children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
+											children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "size-3" })
 										}), /* @__PURE__ */ jsx("span", { children: option.label })]
 									}, option.value);
 								})
@@ -3638,7 +3719,12 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 	const isEditable = editableResolver(cell.row.original);
 	const { min, max, step, prefix = "", suffix = "", fallbackValue = "" } = cellOptions?.variant === "number" ? cellOptions : {};
 	const [editValue, setEditValue] = React$19.useState(initialValue !== null && initialValue !== void 0 ? String(initialValue) : "");
+	const hasSubmittedRef = React$19.useRef(false);
+	React$19.useEffect(() => {
+		if (isEditing) hasSubmittedRef.current = false;
+	}, [isEditing]);
 	const onBlur = React$19.useCallback(() => {
+		if (hasSubmittedRef.current) return;
 		const numValue = editValue === "" ? null : Number(editValue);
 		if (numValue !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
@@ -3660,6 +3746,7 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		return editValue === "" ? null : Number(editValue);
 	}, [editValue]);
 	const saveAndStop = React$19.useCallback((options) => {
+		hasSubmittedRef.current = true;
 		const numValue = parseNumValue();
 		if (numValue !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
@@ -3683,10 +3770,16 @@ function NumberCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 			saveAndStop({ direction: event.shiftKey ? "left" : "right" });
 		} else if (event.key === "Escape") {
 			event.preventDefault();
+			hasSubmittedRef.current = true;
 			setEditValue(initialValue !== null && initialValue !== void 0 ? String(initialValue) : "");
 			inputRef.current?.blur();
+			meta?.onCellEditingStop?.();
 		}
-	}, [saveAndStop, initialValue]);
+	}, [
+		saveAndStop,
+		initialValue,
+		meta
+	]);
 	const handleFocusedKeyDown = React$19.useCallback((event) => {
 		if (!isEditable) return;
 		if (event.key === "Backspace") setEditValue("");
@@ -3777,9 +3870,34 @@ function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 	const inputRef = React$17.useRef(null);
 	const meta = table.options.meta;
 	const cellOpts = cell.column.columnDef.meta?.cell;
-	const options = cellOpts?.variant === "select" ? cellOpts.options : [];
 	const hasSearch = (cellOpts?.variant === "select" && cellOpts?.hasSearch) ?? false;
 	const sideOffset = -(inputRef.current?.clientHeight ?? 0);
+	const arrayOptions = cellOpts?.variant === "select" ? cellOpts.options : void 0;
+	const optionsMap = cellOpts?.variant === "select" ? cellOpts.optionsMap : void 0;
+	const arrayOptionsLabelMap = React$17.useMemo(() => arrayOptions ? new Map(arrayOptions.map((opt) => [opt.value, opt.label])) : null, [arrayOptions]);
+	const displayLabel = React$17.useMemo(() => {
+		if (!value) return value;
+		if (optionsMap) return optionsMap.get(value) ?? value;
+		if (arrayOptionsLabelMap) return arrayOptionsLabelMap.get(value) ?? value;
+		return value;
+	}, [
+		value,
+		optionsMap,
+		arrayOptionsLabelMap
+	]);
+	const options = React$17.useMemo(() => {
+		if (!isEditing) return [];
+		if (arrayOptions) return arrayOptions;
+		if (optionsMap) return Array.from(optionsMap.entries()).map(([id, label]) => ({
+			value: id,
+			label
+		}));
+		return [];
+	}, [
+		isEditing,
+		arrayOptions,
+		optionsMap
+	]);
 	const onValueChange = React$17.useCallback((newValue) => {
 		setValue(newValue);
 		meta?.onDataUpdate?.({
@@ -3832,7 +3950,6 @@ function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 		meta?.searchOpen,
 		meta?.isScrolling
 	]);
-	const displayLabel = options.find((opt) => opt.value === value)?.label ?? value;
 	let editingContent;
 	if (hasSearch) editingContent = /* @__PURE__ */ jsxs(Popover, {
 		open,
@@ -3860,7 +3977,7 @@ function SelectCell({ cell, table, rowIndex, columnId, isFocused, isEditing, isS
 					onSelect: () => {
 						onValueChange(option.value);
 					},
-					children: [/* @__PURE__ */ jsx("span", { children: option.label }), value === option.value ? /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto h-4 w-4" }) : null]
+					children: [/* @__PURE__ */ jsx("span", { children: option.label }), value === option.value ? /* @__PURE__ */ jsx(CheckIcon$1, { className: "ml-auto h-4 w-4" }) : null]
 				}, option.value)) })
 			] }) })
 		})]
@@ -3910,6 +4027,7 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 	const [value, setValue] = React$16.useState(initialValue);
 	const inputRef = React$16.useRef(null);
 	const containerRef = React$16.useRef(null);
+	const hasSubmittedRef = React$16.useRef(false);
 	const meta = table.options.meta;
 	const colMeta = cell.column.columnDef.meta;
 	const editableResolver = React$16.useMemo(() => {
@@ -3918,7 +4036,11 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 		return typeof v === "function" ? v : () => Boolean(v);
 	}, [colMeta?.editable]);
 	const isEditable = editableResolver(cell.row.original);
+	React$16.useEffect(() => {
+		if (isEditing) hasSubmittedRef.current = false;
+	}, [isEditing]);
 	const onBlur = React$16.useCallback(() => {
+		if (hasSubmittedRef.current) return;
 		const currentValue = inputRef.current?.value ?? "";
 		if (currentValue !== initialValue) meta?.onDataUpdate?.({
 			rowIndex,
@@ -3938,6 +4060,7 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 	const handleEditingKeyDown = React$16.useCallback((event) => {
 		if (event.key === "Enter") {
 			event.preventDefault();
+			hasSubmittedRef.current = true;
 			const currentValue = inputRef.current?.value ?? "";
 			if (currentValue !== initialValue) meta?.onDataUpdate?.({
 				rowIndex,
@@ -3947,6 +4070,7 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 			meta?.onCellEditingStop?.({ moveToNextRow: true });
 		} else if (event.key === "Tab") {
 			event.preventDefault();
+			hasSubmittedRef.current = true;
 			const currentValue = inputRef.current?.value ?? "";
 			if (currentValue !== initialValue) meta?.onDataUpdate?.({
 				rowIndex,
@@ -3956,8 +4080,10 @@ function ShortTextCell({ cell, table, rowIndex, columnId, isEditing, isFocused,
 			meta?.onCellEditingStop?.({ direction: event.shiftKey ? "left" : "right" });
 		} else if (event.key === "Escape") {
 			event.preventDefault();
+			hasSubmittedRef.current = true;
 			setValue(initialValue);
 			inputRef.current?.blur();
+			meta?.onCellEditingStop?.();
 		}
 	}, [
 		initialValue,
@@ -4270,7 +4396,7 @@ function DataGridViewMenu({ table,...props }) {
 			variant: "outline",
 			size: "sm",
 			className: "ml-auto hidden h-8 font-normal lg:flex",
-			children: [/* @__PURE__ */ jsx(MixerHorizontalIcon, { className: "text-muted-foreground" }), "View"]
+			children: [/* @__PURE__ */ jsx(Settings2Icon, { className: "text-muted-foreground" }), "View"]
 		})
 	}), /* @__PURE__ */ jsxs(PopoverContent, {
 		className: cn("w-56 p-0 m-4 mt-0", isDragging ? "cursor-grabbing" : ""),
@@ -4308,13 +4434,13 @@ function DataGridViewMenu({ table,...props }) {
 									startPointerDrag(e, column.id);
 								},
 								className: cn("size-4 text-muted-foreground", searchQuery.trim() !== "" && "opacity-10", searchQuery.trim() === "" && (isDragging ? "cursor-grabbing" : "cursor-grab")),
-								children: /* @__PURE__ */ jsx(DragHandleHorizontalIcon, {})
+								children: /* @__PURE__ */ jsx(GripHorizontalIcon, {})
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "truncate",
 								children: column.columnDef.meta?.label ?? column.id
 							}),
-							/* @__PURE__ */ jsx(CheckIcon, { className: cn(
+							/* @__PURE__ */ jsx(CheckIcon$1, { className: cn(
 								"ml-auto size-4 shrink-0",
 								// Visible columns show the check; non-hideable columns show a muted check
 								isHideable ? column.getIsVisible() ? "opacity-100" : "opacity-0" : "opacity-50 text-muted-foreground"
@@ -4363,7 +4489,7 @@ function useStore(store, selector) {
 	const getSnapshot = React$14.useCallback(() => selector(store.getState()), [store, selector]);
 	return React$14.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
-function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRowsDelete: onRowsDeleteProp, onCellFocus: onCellFocusProp, rowHeight: rowHeightProp = DEFAULT_ROW_HEIGHT, overscan = OVERSCAN, initialState, autoFocus = false, enableColumnSelection = false, enableSearch = false,...dataGridProps }) {
+function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRowsDelete: onRowsDeleteProp, onCellFocus: onCellFocusProp, rowHeight: rowHeightProp = DEFAULT_ROW_HEIGHT, overscan = OVERSCAN, initialState, autoFocus = false, enableColumnSelection = false, enableSearch = false, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, onLoadMore, loadMoreThreshold = 25, totalRowCount,...dataGridProps }) {
 	const dataGridRef = React$14.useRef(null);
 	const tableRef = React$14.useRef(null);
 	const rowVirtualizerRef = React$14.useRef(null);
@@ -5225,10 +5351,17 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		enableSearch
 	]);
 	const onSortingChange = React$14.useCallback((updater) => {
-		const currentState = store.getState();
-		const newSorting = typeof updater === "function" ? updater(currentState.sorting) : updater;
-		store.setState("sorting", newSorting);
-	}, [store]);
+		if (manualSorting && externalOnSortingChange) externalOnSortingChange(updater);
+		else {
+			const currentState = store.getState();
+			const newSorting = typeof updater === "function" ? updater(currentState.sorting) : updater;
+			store.setState("sorting", newSorting);
+		}
+	}, [
+		store,
+		manualSorting,
+		externalOnSortingChange
+	]);
 	const onRowSelectionChange = React$14.useCallback((updater) => {
 		const currentState = store.getState();
 		const newRowSelection = typeof updater === "function" ? updater(currentState.rowSelection) : updater;
@@ -5292,15 +5425,17 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		minSize: MIN_COLUMN_SIZE,
 		maxSize: MAX_COLUMN_SIZE
 	}), []);
+	const effectiveSorting = manualSorting && externalSorting ? externalSorting : sorting;
 	const tableOptions = React$14.useMemo(() => ({
 		...dataGridPropsRef.current,
 		data,
 		columns,
 		defaultColumn,
 		initialState: mergedInitialState,
+		manualSorting,
 		state: {
 			...dataGridPropsRef.current.state,
-			sorting,
+			sorting: effectiveSorting,
 			rowSelection
 		},
 		onRowSelectionChange,
@@ -5342,7 +5477,8 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 		columns,
 		defaultColumn,
 		mergedInitialState,
-		sorting,
+		effectiveSorting,
+		manualSorting,
 		rowSelection,
 		onRowSelectionChange,
 		onSortingChange,
@@ -5375,6 +5511,7 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 	const table = useReactTable(tableOptions);
 	if (!tableRef.current) tableRef.current = table;
 	const columnSizing = table.getState().columnSizing;
+	const columnVisibility = table.getState().columnVisibility;
 	const columnSizeVars = React$14.useMemo(() => {
 		const headers = table.getFlatHeaders();
 		const colSizes = {};
@@ -5385,9 +5522,15 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			colSizes[`--col-${header.column.id}-size`] = colSize;
 		}
 		return colSizes;
-	}, [table, columnSizing]);
+	}, [
+		table,
+		columnSizing,
+		columnVisibility
+	]);
+	const loadedRowCount = table.getRowModel().rows.length;
+	const virtualizerRowCount = totalRowCount ?? loadedRowCount;
 	const rowVirtualizer = useVirtualizer({
-		count: table.getRowModel().rows.length,
+		count: virtualizerRowCount,
 		getScrollElement: () => dataGridRef.current,
 		estimateSize: () => rowHeightValue,
 		overscan,
@@ -5398,9 +5541,12 @@ function useDataGrid({ columns, data, onDataChange, onRowAdd: onRowAddProp, onRo
 			if (virtualizerIsScrolling !== currentIsScrolling) store.setState("isScrolling", virtualizerIsScrolling);
 			const virtualItems = instance.getVirtualItems();
 			if (virtualItems.length === 0) return;
+			if (onLoadMore) {
+				const lastVirtualItem = virtualItems.at(-1);
+				if (lastVirtualItem && lastVirtualItem.index >= loadedRowCount - loadMoreThreshold) onLoadMore();
+			}
 			requestAnimationFrame(() => {
 				for (const virtualRow of virtualItems) {
-					if (!virtualRow) continue;
 					const rowRef = rowMapRef.current.get(virtualRow.index);
 					if (rowRef) rowRef.style.transform = `translateY(${virtualRow.start}px)`;
 				}
@@ -6690,13 +6836,132 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
 }
 
 //#endregion
-//#region src/skeleton/skeleton.tsx
-function Skeleton({ className,...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("animate-pulse rounded-md bg-primary/10", className),
-		...props
+//#region src/slicer/slicer.tsx
+function Slicer({ filterValues, selectedValues, onChange, title, isLoading = false, optionsHeight = 200, className, defaultCollapsed = false }) {
+	const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+	const [searchQuery, setSearchQuery] = useState("");
+	const filteredOptions = useMemo(() => {
+		if (!searchQuery) return filterValues;
+		const lowerQuery = searchQuery.toLowerCase();
+		return filterValues.filter((option) => option.label.toLowerCase().includes(lowerQuery));
+	}, [filterValues, searchQuery]);
+	const areAllSelected = filterValues.length > 0 && filterValues.every((option) => selectedValues.has(option.value));
+	const areAllFilteredSelected = filteredOptions.length > 0 && filteredOptions.every((option) => selectedValues.has(option.value));
+	const isAnyFilteredSelected = filteredOptions.some((option) => selectedValues.has(option.value));
+	const handleClear = () => {
+		onChange([]);
+	};
+	const handleSelectAll = () => {
+		let newVals = [];
+		if (searchQuery.length > 0) {
+			const newSelected = new Set(selectedValues);
+			if (areAllFilteredSelected) filteredOptions.forEach((o) => newSelected.delete(o.value));
+			else filteredOptions.forEach((o) => newSelected.add(o.value));
+			newVals = Array.from(newSelected);
+		} else if (areAllSelected) newVals = [];
+		else newVals = filterValues.map((o) => o.value);
+		onChange(newVals);
+	};
+	const handleOptionToggle = (optionValue, checked) => {
+		const newSelected = new Set(selectedValues);
+		if (checked) newSelected.add(optionValue);
+		else newSelected.delete(optionValue);
+		onChange(Array.from(newSelected));
+	};
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("flex flex-col overflow-hidden w-56 rounded shadow-sm shrink-0", className),
+		children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "px-2 py-0 pt-2 flex space-y-0 border-b border-border bg-muted/50 relative min-h-9",
+			children: [
+				/* @__PURE__ */ jsx(CardTitle, {
+					className: "text-base font-semibold",
+					children: title
+				}),
+				!isCollapsed && /* @__PURE__ */ jsx(Input, {
+					className: "border-none shadow-none rounded-sm text-sm p-0 h-6.5",
+					variant: "simple",
+					placeholder: "Search...",
+					value: searchQuery,
+					onChange: (e) => setSearchQuery(e.target.value)
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "iconSm",
+					onClick: () => {
+						if (!isCollapsed) setSearchQuery("");
+						setIsCollapsed(!isCollapsed);
+					},
+					title: isCollapsed ? "Expand slicer" : "Collapse slicer",
+					className: "size-7 absolute top-1 right-9 text-muted-foreground",
+					children: /* @__PURE__ */ jsx(ChevronUpIcon$1, { className: cn(isCollapsed && "rotate-180") })
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "iconSm",
+					disabled: selectedValues.size === 0,
+					onClick: handleClear,
+					title: "Clear filter",
+					className: "size-7 absolute top-1 right-1 text-muted-foreground",
+					children: /* @__PURE__ */ jsx(FilterX, {})
+				})
+			]
+		}), !isCollapsed && /* @__PURE__ */ jsxs(CardContent, {
+			className: "p-1 flex flex-col",
+			children: [/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "xs",
+				className: "w-full justify-start px-2 py-1 rounded-sm text-sm font-normal",
+				onClick: handleSelectAll,
+				children: searchQuery.length > 0 ? /* @__PURE__ */ jsx(Checkbox, {
+					readOnly: true,
+					checked: isAnyFilteredSelected,
+					disabled: filteredOptions.length === 0,
+					label: "Select Search Results",
+					className: "pointer-events-none",
+					checkboxSize: "sm",
+					variant: areAllFilteredSelected ? "simple" : "default",
+					iconStyle: areAllFilteredSelected ? "simple" : "solo",
+					checkIcon: areAllFilteredSelected ? "check" : "square"
+				}) : /* @__PURE__ */ jsx(Checkbox, {
+					readOnly: true,
+					checked: selectedValues.size > 0,
+					disabled: filterValues.length === 0,
+					label: "Select All",
+					className: "pointer-events-none",
+					checkboxSize: "sm",
+					variant: areAllSelected ? "simple" : "default",
+					iconStyle: areAllSelected ? "simple" : "solo",
+					checkIcon: areAllSelected ? "check" : "square"
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: `px-2 py-1 h-(--optionsHeight) shrink-0 overflow-auto`,
+				style: { "--optionsHeight": `${optionsHeight}px` },
+				children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: "flex size-full items-center justify-center text-sm",
+					children: filterValues.length === 0 ? "No options available" : "No results found"
+				}) : /* @__PURE__ */ jsx(Fragment, { children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-full" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-3/4" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5/6" })
+				] }) : /* @__PURE__ */ jsx(Fragment, { children: filteredOptions.map((option) => /* @__PURE__ */ jsx(SlicerItem, {
+					option,
+					isSelected: selectedValues.has(option.value),
+					onToggle: handleOptionToggle
+				}, option.value)) }) })
+			})]
+		})]
 	});
 }
+const SlicerItem = ({ option, isSelected, onToggle }) => {
+	return /* @__PURE__ */ jsx(Checkbox, {
+		checked: isSelected,
+		onChange: (e) => onToggle(option.value, e.target.checked),
+		checkIcon: "check",
+		checkboxSize: "sm",
+		className: cn("whitespace-nowrap py-px text-sm", !option.hasMatches && "opacity-50", (option.value == "" || option.value == null || option.value == void 0) && "italic"),
+		label: option.label
+	}, option.value);
+};
 
 //#endregion
 //#region src/slider/slider.tsx
@@ -6886,5 +7151,5 @@ const ToggleGroupItem = React$1.forwardRef(({ className, children, variant, size
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 //#endregion
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, 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, ComboboxDemo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteDialog, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, CommandPaletteShortcut, CommandSeparator, CommandShortcut, 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, 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, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GanttCell, GanttTimeline, GanttTimerangePicker, HeaderComponents, HoverCard, HoverCardContent, HoverCardTrigger, Input, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ReactNodeCell, ResizableHandle, ResizablePanel, ResizablePanelGroup, 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, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, checkboxVariants, cn, commandInputVariants, getCellKey, getCommonPinningStyles, getLineCount, getRowHeightValue, isoToLocalDate, knobVariants, navigationMenuTriggerStyle, parseCellKey, sliderVariants, toast, toggleVariants, useCallbackRef, useDataGrid, useDebouncedCallback, useIsMobile, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, 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, ComboboxDemo, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteDialog, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, CommandPaletteShortcut, CommandSeparator, CommandShortcut, 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, 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, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, GanttCell, GanttTimeline, GanttTimerangePicker, HeaderComponents, HoverCard, HoverCardContent, HoverCardTrigger, Input, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ReactNodeCell, ResizableHandle, ResizablePanel, ResizablePanelGroup, 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, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slicer, Slider, Spinner, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, checkboxVariants, cn, commandInputVariants, getCellKey, getCommonPinningStyles, getLineCount, getRowHeightValue, isoToLocalDate, knobVariants, navigationMenuTriggerStyle, parseCellKey, sliderVariants, toast, toggleVariants, useCallbackRef, useDataGrid, useDebouncedCallback, useIsMobile, useSidebar };
 //# sourceMappingURL=index.js.map