@wordrhyme/auto-crud 1.3.0 → 1.3.2

package/dist/index.cjs

@@ -27,8 +27,8 @@ let lucide_react = require("lucide-react");
 lucide_react = __toESM(lucide_react);
 let __tanstack_react_table = require("@tanstack/react-table");
 __tanstack_react_table = __toESM(__tanstack_react_table);
-let __pixpilot_shadcn = require("@pixpilot/shadcn");
-__pixpilot_shadcn = __toESM(__pixpilot_shadcn);
+let __wordrhyme_shadcn = require("@wordrhyme/shadcn");
+__wordrhyme_shadcn = __toESM(__wordrhyme_shadcn);
 let clsx = require("clsx");
 clsx = __toESM(clsx);
 let tailwind_merge = require("tailwind-merge");
@@ -37,28 +37,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = __toESM(react_jsx_runtime);
 let nanoid = require("nanoid");
 nanoid = __toESM(nanoid);
-let __dnd_kit_core = require("@dnd-kit/core");
-__dnd_kit_core = __toESM(__dnd_kit_core);
-let __dnd_kit_modifiers = require("@dnd-kit/modifiers");
-__dnd_kit_modifiers = __toESM(__dnd_kit_modifiers);
-let __dnd_kit_sortable = require("@dnd-kit/sortable");
-__dnd_kit_sortable = __toESM(__dnd_kit_sortable);
-let __dnd_kit_utilities = require("@dnd-kit/utilities");
-__dnd_kit_utilities = __toESM(__dnd_kit_utilities);
-let __radix_ui_react_slot = require("@radix-ui/react-slot");
-__radix_ui_react_slot = __toESM(__radix_ui_react_slot);
-let react_dom = require("react-dom");
-react_dom = __toESM(react_dom);
-let __radix_ui_react_direction = require("@radix-ui/react-direction");
-__radix_ui_react_direction = __toESM(__radix_ui_react_direction);
+let __wordrhyme_shadcn_ui = require("@wordrhyme/shadcn-ui");
+__wordrhyme_shadcn_ui = __toESM(__wordrhyme_shadcn_ui);
 let zod = require("zod");
 zod = __toESM(zod);
 let __formily_core = require("@formily/core");
 __formily_core = __toESM(__formily_core);
-let __pixpilot_formily_shadcn = require("@pixpilot/formily-shadcn");
-__pixpilot_formily_shadcn = __toESM(__pixpilot_formily_shadcn);
-let __formily_react = require("@formily/react");
-__formily_react = __toESM(__formily_react);
+let __formily_reactive = require("@formily/reactive");
+__formily_reactive = __toESM(__formily_reactive);
+let __wordrhyme_formily_shadcn = require("@wordrhyme/formily-shadcn");
+__wordrhyme_formily_shadcn = __toESM(__wordrhyme_formily_shadcn);
 let sonner = require("sonner");
 sonner = __toESM(sonner);
 let __tanstack_react_query = require("@tanstack/react-query");
@@ -98,17 +86,17 @@ function DataTablePagination({ table, pageSizeOptions = [
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "whitespace-nowrap font-medium text-sm",
 						children: "Rows per page"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 						value: `${table.getState().pagination.pageSize}`,
 						onValueChange: (value) => {
 							table.setPageSize(Number(value));
 						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 							className: "h-8 w-18 data-size:h-8",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder: table.getState().pagination.pageSize })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, { placeholder: table.getState().pagination.pageSize })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectContent, {
 							side: "top",
-							children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+							children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 								value: `${pageSize}`,
 								children: pageSize
 							}, pageSize))
@@ -128,7 +116,7 @@ function DataTablePagination({ table, pageSizeOptions = [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex items-center space-x-2",
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							"aria-label": "Go to first page",
 							variant: "outline",
 							size: "icon",
@@ -137,7 +125,7 @@ function DataTablePagination({ table, pageSizeOptions = [
 							disabled: !table.getCanPreviousPage(),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsLeft, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							"aria-label": "Go to previous page",
 							variant: "outline",
 							size: "icon",
@@ -146,7 +134,7 @@ function DataTablePagination({ table, pageSizeOptions = [
 							disabled: !table.getCanPreviousPage(),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							"aria-label": "Go to next page",
 							variant: "outline",
 							size: "icon",
@@ -155,7 +143,7 @@ function DataTablePagination({ table, pageSizeOptions = [
 							disabled: !table.getCanNextPage(),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							"aria-label": "Go to last page",
 							variant: "outline",
 							size: "icon",
@@ -171,55 +159,6 @@ function DataTablePagination({ table, pageSizeOptions = [
 	});
 }
 
-//#endregion
-//#region src/components/ui/table.tsx
-function Table({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "table-container",
-		className: "relative w-full overflow-x-auto",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
-			"data-slot": "table",
-			className: cn("w-full caption-bottom text-sm", className),
-			...props
-		})
-	});
-}
-function TableHeader({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
-		"data-slot": "table-header",
-		className: cn("[&_tr]:border-b", className),
-		...props
-	});
-}
-function TableBody({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
-		"data-slot": "table-body",
-		className: cn("[&_tr:last-child]:border-0", className),
-		...props
-	});
-}
-function TableRow({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
-		"data-slot": "table-row",
-		className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
-		...props
-	});
-}
-function TableHead({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-		"data-slot": "table-head",
-		className: cn("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-		...props
-	});
-}
-function TableCell({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-		"data-slot": "table-cell",
-		className: cn("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-		...props
-	});
-}
-
 //#endregion
 //#region src/config/data-table.ts
 const dataTableConfig = {
@@ -452,17 +391,17 @@ function DataTable({ table, actionBar, children, className,...props }) {
 			children,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableHead, {
 					colSpan: header.colSpan,
 					style: { ...getColumnPinningStyle({ column: header.column }) },
 					children: header.isPlaceholder ? null : (0, __tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext())
-				}, header.id)) }, headerGroup.id)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
+				}, header.id)) }, headerGroup.id)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
 					"data-state": row.getIsSelected() && "selected",
-					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
+					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
 						style: { ...getColumnPinningStyle({ column: cell.column }) },
 						children: (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
 					}, cell.id))
-				}, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
+				}, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
 					colSpan: table.getAllColumns().length,
 					className: "h-24 text-center",
 					children: "No results."
@@ -916,7 +855,7 @@ function DataTableRangeFilter({ filter, column, inputId, onFilterUpdate, classNa
 		className: cn("flex w-full items-center gap-2", className),
 		...props,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 				id: `${inputId}-min`,
 				type: "number",
 				"aria-label": `${meta?.label} minimum value`,
@@ -935,7 +874,7 @@ function DataTableRangeFilter({ filter, column, inputId, onFilterUpdate, classNa
 				className: "sr-only shrink-0 text-muted-foreground",
 				children: "to"
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 				id: `${inputId}-max`,
 				type: "number",
 				"aria-label": `${meta?.label} maximum value`,
@@ -954,454 +893,6 @@ function DataTableRangeFilter({ filter, column, inputId, onFilterUpdate, classNa
 	});
 }
 
-//#endregion
-//#region src/components/ui/faceted.tsx
-const FacetedContext = react.createContext(null);
-function useFacetedContext(name) {
-	const context = react.useContext(FacetedContext);
-	if (!context) throw new Error(`\`${name}\` must be within Faceted`);
-	return context;
-}
-function Faceted(props) {
-	const { open: openProp, onOpenChange: onOpenChangeProp, value, onValueChange, children, multiple = false,...facetedProps } = props;
-	const [uncontrolledOpen, setUncontrolledOpen] = react.useState(false);
-	const isControlled = openProp !== void 0;
-	const open = isControlled ? openProp : uncontrolledOpen;
-	const onOpenChange = react.useCallback((newOpen) => {
-		if (!isControlled) setUncontrolledOpen(newOpen);
-		onOpenChangeProp?.(newOpen);
-	}, [isControlled, onOpenChangeProp]);
-	const onItemSelect = react.useCallback((selectedValue) => {
-		if (!onValueChange) return;
-		if (multiple) {
-			const currentValue = Array.isArray(value) ? value : [];
-			onValueChange(currentValue.includes(selectedValue) ? currentValue.filter((v) => v !== selectedValue) : [...currentValue, selectedValue]);
-		} else {
-			if (value === selectedValue) onValueChange(void 0);
-			else onValueChange(selectedValue);
-			requestAnimationFrame(() => onOpenChange(false));
-		}
-	}, [
-		multiple,
-		value,
-		onValueChange,
-		onOpenChange
-	]);
-	const contextValue = react.useMemo(() => ({
-		value,
-		onItemSelect,
-		multiple
-	}), [
-		value,
-		onItemSelect,
-		multiple
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetedContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Popover, {
-			open,
-			onOpenChange,
-			...facetedProps,
-			children
-		})
-	});
-}
-function FacetedTrigger(props) {
-	const { className, children,...triggerProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
-		...triggerProps,
-		className: cn("justify-between text-left", className),
-		children
-	});
-}
-function FacetedBadgeList(props) {
-	const { options = [], max = 2, placeholder = "Select options...", className, badgeClassName,...badgeListProps } = props;
-	const context = useFacetedContext("FacetedBadgeList");
-	const values = Array.isArray(context.value) ? context.value : [context.value].filter(Boolean);
-	const getLabel = react.useCallback((value) => {
-		return options.find((opt) => opt.value === value)?.label ?? value;
-	}, [options]);
-	if (!values || values.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		...badgeListProps,
-		className: "flex w-full items-center gap-1 text-muted-foreground",
-		children: [placeholder, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "ml-auto size-4 shrink-0 opacity-50" })]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...badgeListProps,
-		className: cn("flex flex-wrap items-center gap-1", className),
-		children: values.length > max ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
-			variant: "secondary",
-			className: cn("rounded-sm px-1 font-normal", badgeClassName),
-			children: [values.length, " selected"]
-		}) : values.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
-			variant: "secondary",
-			className: cn("rounded-sm px-1 font-normal", badgeClassName),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "truncate",
-				children: getLabel(value)
-			})
-		}, value))
-	});
-}
-function FacetedContent(props) {
-	const { className, children,...contentProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
-		...contentProps,
-		align: "start",
-		className: cn("w-[200px] origin-(--radix-popover-content-transform-origin) p-0", className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Command, { children })
-	});
-}
-const FacetedInput = __pixpilot_shadcn.CommandInput;
-const FacetedList = __pixpilot_shadcn.CommandList;
-const FacetedEmpty = __pixpilot_shadcn.CommandEmpty;
-const FacetedGroup = __pixpilot_shadcn.CommandGroup;
-function FacetedItem(props) {
-	const { value, onSelect, className, children,...itemProps } = props;
-	const context = useFacetedContext("FacetedItem");
-	const isSelected = context.multiple ? Array.isArray(context.value) && context.value.includes(value) : context.value === value;
-	const onItemSelect = react.useCallback((currentValue) => {
-		if (onSelect) onSelect(currentValue);
-		else if (context.onItemSelect) context.onItemSelect(currentValue);
-	}, [onSelect, context]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
-		value,
-		"aria-selected": isSelected,
-		"data-selected": isSelected,
-		className: cn("gap-2", className),
-		onSelect: () => onItemSelect(value),
-		...itemProps,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: cn("flex size-4 items-center justify-center rounded-sm border border-primary", isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "size-4" })
-		}), children]
-	});
-}
-
-//#endregion
-//#region src/lib/compose-refs.ts
-/**
-* Set a given ref to a given value
-* This utility takes care of different types of refs: callback refs and RefObject(s)
-*/
-function setRef(ref, value) {
-	if (typeof ref === "function") return ref(value);
-	if (ref !== null && ref !== void 0) ref.current = value;
-}
-/**
-* A utility to compose multiple refs together
-* Accepts callback refs and RefObject(s)
-*/
-function composeRefs(...refs) {
-	return (node) => {
-		let hasCleanup = false;
-		const cleanups = refs.map((ref) => {
-			const cleanup = setRef(ref, node);
-			if (!hasCleanup && typeof cleanup === "function") hasCleanup = true;
-			return cleanup;
-		});
-		if (hasCleanup) return () => {
-			for (let i = 0; i < cleanups.length; i++) {
-				const cleanup = cleanups[i];
-				if (typeof cleanup === "function") cleanup();
-				else setRef(refs[i], null);
-			}
-		};
-	};
-}
-/**
-* A custom hook that composes multiple refs
-* Accepts callback refs and RefObject(s)
-*/
-function useComposedRefs(...refs) {
-	return react.useCallback(composeRefs(...refs), refs);
-}
-
-//#endregion
-//#region src/components/ui/sortable.tsx
-const orientationConfig = {
-	vertical: {
-		modifiers: [__dnd_kit_modifiers.restrictToVerticalAxis, __dnd_kit_modifiers.restrictToParentElement],
-		strategy: __dnd_kit_sortable.verticalListSortingStrategy,
-		collisionDetection: __dnd_kit_core.closestCenter
-	},
-	horizontal: {
-		modifiers: [__dnd_kit_modifiers.restrictToHorizontalAxis, __dnd_kit_modifiers.restrictToParentElement],
-		strategy: __dnd_kit_sortable.horizontalListSortingStrategy,
-		collisionDetection: __dnd_kit_core.closestCenter
-	},
-	mixed: {
-		modifiers: [__dnd_kit_modifiers.restrictToParentElement],
-		strategy: void 0,
-		collisionDetection: __dnd_kit_core.closestCorners
-	}
-};
-const ROOT_NAME$1 = "Sortable";
-const CONTENT_NAME = "SortableContent";
-const ITEM_NAME$1 = "SortableItem";
-const ITEM_HANDLE_NAME = "SortableItemHandle";
-const OVERLAY_NAME = "SortableOverlay";
-const SortableRootContext = react.createContext(null);
-function useSortableContext(consumerName) {
-	const context = react.useContext(SortableRootContext);
-	if (!context) throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME$1}\``);
-	return context;
-}
-function SortableRoot(props) {
-	const { value, onValueChange, collisionDetection, modifiers, strategy, onMove, orientation = "vertical", flatCursor = false, getItemValue: getItemValueProp, accessibility, onDragStart: onDragStartProp, onDragEnd: onDragEndProp, onDragCancel: onDragCancelProp,...sortableProps } = props;
-	const id = react.useId();
-	const [activeId, setActiveId] = react.useState(null);
-	const sensors = (0, __dnd_kit_core.useSensors)((0, __dnd_kit_core.useSensor)(__dnd_kit_core.MouseSensor), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.TouchSensor), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.KeyboardSensor, { coordinateGetter: __dnd_kit_sortable.sortableKeyboardCoordinates }));
-	const config = react.useMemo(() => orientationConfig[orientation], [orientation]);
-	const getItemValue = react.useCallback((item) => {
-		if (typeof item === "object" && !getItemValueProp) throw new Error("getItemValue is required when using array of objects");
-		return getItemValueProp ? getItemValueProp(item) : item;
-	}, [getItemValueProp]);
-	const items = react.useMemo(() => {
-		return value.map((item) => getItemValue(item));
-	}, [value, getItemValue]);
-	const onDragStart = react.useCallback((event) => {
-		onDragStartProp?.(event);
-		if (event.activatorEvent.defaultPrevented) return;
-		setActiveId(event.active.id);
-	}, [onDragStartProp]);
-	const onDragEnd = react.useCallback((event) => {
-		onDragEndProp?.(event);
-		if (event.activatorEvent.defaultPrevented) return;
-		const { active, over } = event;
-		if (over && active.id !== over?.id) {
-			const activeIndex = value.findIndex((item) => getItemValue(item) === active.id);
-			const overIndex = value.findIndex((item) => getItemValue(item) === over.id);
-			if (onMove) onMove({
-				...event,
-				activeIndex,
-				overIndex
-			});
-			else onValueChange?.((0, __dnd_kit_sortable.arrayMove)(value, activeIndex, overIndex));
-		}
-		setActiveId(null);
-	}, [
-		value,
-		onValueChange,
-		onMove,
-		getItemValue,
-		onDragEndProp
-	]);
-	const onDragCancel = react.useCallback((event) => {
-		onDragCancelProp?.(event);
-		if (event.activatorEvent.defaultPrevented) return;
-		setActiveId(null);
-	}, [onDragCancelProp]);
-	const announcements = react.useMemo(() => ({
-		onDragStart({ active }) {
-			return `Grabbed sortable item "${active.id.toString()}". Current position is ${active.data.current?.sortable.index + 1} of ${value.length}. Use arrow keys to move, space to drop.`;
-		},
-		onDragOver({ active, over }) {
-			if (over) {
-				const overIndex = over.data.current?.sortable.index ?? 0;
-				const moveDirection = overIndex > (active.data.current?.sortable.index ?? 0) ? "down" : "up";
-				return `Sortable item "${active.id.toString()}" moved ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
-			}
-			return "Sortable item is no longer over a droppable area. Press escape to cancel.";
-		},
-		onDragEnd({ active, over }) {
-			const activeValue = active.id.toString();
-			if (over) return `Sortable item "${activeValue}" dropped at position ${(over.data.current?.sortable.index ?? 0) + 1} of ${value.length}.`;
-			return `Sortable item "${activeValue}" dropped. No changes were made.`;
-		},
-		onDragCancel({ active }) {
-			const activeIndex = active.data.current?.sortable.index ?? 0;
-			return `Sorting cancelled. Sortable item "${active.id.toString()}" returned to position ${activeIndex + 1} of ${value.length}.`;
-		},
-		onDragMove({ active, over }) {
-			if (over) {
-				const overIndex = over.data.current?.sortable.index ?? 0;
-				const moveDirection = overIndex > (active.data.current?.sortable.index ?? 0) ? "down" : "up";
-				return `Sortable item "${active.id.toString()}" is moving ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
-			}
-			return "Sortable item is no longer over a droppable area. Press escape to cancel.";
-		}
-	}), [value]);
-	const screenReaderInstructions = react.useMemo(() => ({ draggable: `
-        To pick up a sortable item, press space or enter.
-        While dragging, use the ${orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow"} keys to move the item.
-        Press space or enter again to drop the item in its new position, or press escape to cancel.
-      ` }), [orientation]);
-	const contextValue = react.useMemo(() => ({
-		id,
-		items,
-		modifiers: modifiers ?? config.modifiers,
-		strategy: strategy ?? config.strategy,
-		activeId,
-		setActiveId,
-		getItemValue,
-		flatCursor
-	}), [
-		id,
-		items,
-		modifiers,
-		strategy,
-		config.modifiers,
-		config.strategy,
-		activeId,
-		getItemValue,
-		flatCursor
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableRootContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_core.DndContext, {
-			collisionDetection: collisionDetection ?? config.collisionDetection,
-			modifiers: modifiers ?? config.modifiers,
-			sensors,
-			...sortableProps,
-			id,
-			onDragStart,
-			onDragEnd,
-			onDragCancel,
-			accessibility: {
-				announcements,
-				screenReaderInstructions,
-				...accessibility
-			}
-		})
-	});
-}
-const SortableContentContext = react.createContext(false);
-function SortableContent(props) {
-	const { strategy: strategyProp, asChild, withoutSlot, children, ref,...contentProps } = props;
-	const context = useSortableContext(CONTENT_NAME);
-	const ContentPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableContentContext.Provider, {
-		value: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_sortable.SortableContext, {
-			items: context.items,
-			strategy: strategyProp ?? context.strategy,
-			children: withoutSlot ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentPrimitive, {
-				"data-slot": "sortable-content",
-				...contentProps,
-				ref,
-				children
-			})
-		})
-	});
-}
-const SortableItemContext = react.createContext(null);
-function useSortableItemContext(consumerName) {
-	const context = react.useContext(SortableItemContext);
-	if (!context) throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME$1}\``);
-	return context;
-}
-function SortableItem(props) {
-	const { value, style, asHandle, asChild, disabled, className, ref,...itemProps } = props;
-	const inSortableContent = react.useContext(SortableContentContext);
-	const inSortableOverlay = react.useContext(SortableOverlayContext);
-	if (!inSortableContent && !inSortableOverlay) throw new Error(`\`${ITEM_NAME$1}\` must be used within \`${CONTENT_NAME}\` or \`${OVERLAY_NAME}\``);
-	if (value === "") throw new Error(`\`${ITEM_NAME$1}\` value cannot be an empty string`);
-	const context = useSortableContext(ITEM_NAME$1);
-	const id = react.useId();
-	const { attributes, listeners: listeners$1, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)({
-		id: value,
-		disabled
-	});
-	const composedRef = useComposedRefs(ref, (node) => {
-		if (disabled) return;
-		setNodeRef(node);
-		if (asHandle) setActivatorNodeRef(node);
-	});
-	const composedStyle = react.useMemo(() => {
-		return {
-			transform: __dnd_kit_utilities.CSS.Translate.toString(transform),
-			transition,
-			...style
-		};
-	}, [
-		transform,
-		transition,
-		style
-	]);
-	const itemContext = react.useMemo(() => ({
-		id,
-		attributes,
-		listeners: listeners$1,
-		setActivatorNodeRef,
-		isDragging,
-		disabled
-	}), [
-		id,
-		attributes,
-		listeners$1,
-		setActivatorNodeRef,
-		isDragging,
-		disabled
-	]);
-	const ItemPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableItemContext.Provider, {
-		value: itemContext,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemPrimitive, {
-			id,
-			"data-disabled": disabled,
-			"data-dragging": isDragging ? "" : void 0,
-			"data-slot": "sortable-item",
-			...itemProps,
-			...asHandle && !disabled ? attributes : {},
-			...asHandle && !disabled ? listeners$1 : {},
-			ref: composedRef,
-			style: composedStyle,
-			className: cn("focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", {
-				"touch-none select-none": asHandle,
-				"cursor-default": context.flatCursor,
-				"data-dragging:cursor-grabbing": !context.flatCursor,
-				"cursor-grab": !isDragging && asHandle && !context.flatCursor,
-				"opacity-50": isDragging,
-				"pointer-events-none opacity-50": disabled
-			}, className)
-		})
-	});
-}
-function SortableItemHandle(props) {
-	const { asChild, disabled, className, ref,...itemHandleProps } = props;
-	const context = useSortableContext(ITEM_HANDLE_NAME);
-	const itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
-	const isDisabled = disabled ?? itemContext.disabled;
-	const composedRef = useComposedRefs(ref, (node) => {
-		if (!isDisabled) return;
-		itemContext.setActivatorNodeRef(node);
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
-		type: "button",
-		"aria-controls": itemContext.id,
-		"data-disabled": isDisabled,
-		"data-dragging": itemContext.isDragging ? "" : void 0,
-		"data-slot": "sortable-item-handle",
-		...itemHandleProps,
-		...isDisabled ? {} : itemContext.attributes,
-		...isDisabled ? {} : itemContext.listeners,
-		ref: composedRef,
-		className: cn("select-none disabled:pointer-events-none disabled:opacity-50", context.flatCursor ? "cursor-default" : "cursor-grab data-dragging:cursor-grabbing", className),
-		disabled: isDisabled
-	});
-}
-const SortableOverlayContext = react.createContext(false);
-const dropAnimation = { sideEffects: (0, __dnd_kit_core.defaultDropAnimationSideEffects)({ styles: { active: { opacity: "0.4" } } }) };
-function SortableOverlay(props) {
-	const { container: containerProp, children,...overlayProps } = props;
-	const context = useSortableContext(OVERLAY_NAME);
-	const [mounted, setMounted] = react.useState(false);
-	react.useLayoutEffect(() => setMounted(true), []);
-	const container = containerProp ?? (mounted ? globalThis.document?.body : null);
-	if (!container) return null;
-	return react_dom.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_core.DragOverlay, {
-		dropAnimation,
-		modifiers: context.modifiers,
-		className: cn(!context.flatCursor && "cursor-grabbing"),
-		...overlayProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableOverlayContext.Provider, {
-			value: true,
-			children: context.activeId ? typeof children === "function" ? children({ value: context.activeId }) : children : null
-		})
-	}), container);
-}
-
 //#endregion
 //#region src/hooks/use-callback-ref.ts
 /**
@@ -1518,16 +1009,16 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 		window.addEventListener("keydown", onKeyDown);
 		return () => window.removeEventListener("keydown", onKeyDown);
 	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SortableRoot, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.Sortable, {
 		value: filters,
 		onValueChange: setFilters,
 		getItemValue: (item) => item.filterId,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 					variant: "outline",
 					size: "sm",
 					className: "font-normal",
@@ -1541,14 +1032,14 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListFilter, { className: "text-muted-foreground" }),
 						"Filter",
-						filters.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+						filters.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 							variant: "secondary",
 							className: "h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",
 							children: filters.length
 						})
 					]
 				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.PopoverContent, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.PopoverContent, {
 				"aria-describedby": descriptionId,
 				"aria-labelledby": labelId,
 				className: "flex w-full max-w-(--radix-popover-content-available-width) flex-col gap-3.5 p-4 sm:min-w-[380px]",
@@ -1566,7 +1057,7 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 							children: filters.length > 0 ? "Modify filters to refine your rows." : "Add filters to refine your rows."
 						})]
 					}),
-					filters.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableContent, {
+					filters.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableContent, {
 						asChild: true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							role: "list",
@@ -1585,13 +1076,13 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex w-full items-center gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							size: "sm",
 							className: "rounded",
 							ref: addButtonRef,
 							onClick: onFilterAdd,
 							children: "Add filter"
-						}), filters.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						}), filters.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							size: "sm",
 							className: "rounded",
@@ -1601,7 +1092,7 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 					})
 				]
 			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableOverlay, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableOverlay, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-2",
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-8 min-w-[72px] rounded-sm bg-primary/10" }),
@@ -1640,7 +1131,7 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 		onFilterRemove
 	]);
 	if (!column) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableItem, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableItem, {
 		value: filter.filterId,
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1655,20 +1146,20 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 					children: index$1 === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "text-muted-foreground text-sm",
 						children: "Where"
-					}) : index$1 === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+					}) : index$1 === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 						value: joinOperator,
 						onValueChange: (value) => setJoinOperator(value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 							"aria-label": "Select join operator",
 							"aria-controls": joinOperatorListboxId,
 							size: "sm",
 							className: "rounded lowercase",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder: joinOperator })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, { placeholder: joinOperator })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectContent, {
 							id: joinOperatorListboxId,
 							position: "popper",
 							className: "min-w-(--radix-select-trigger-width) lowercase",
-							children: dataTableConfig.joinOperators.map((joinOperator$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+							children: dataTableConfig.joinOperators.map((joinOperator$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 								value: joinOperator$1,
 								children: joinOperator$1
 							}, joinOperator$1))
@@ -1678,12 +1169,12 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 						children: joinOperator
 					})
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 					open: showFieldSelector,
 					onOpenChange: setShowFieldSelector,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 							"aria-controls": fieldListboxId,
 							variant: "outline",
 							size: "sm",
@@ -1693,11 +1184,11 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 								children: columns.find((column$1) => column$1.id === filter.id)?.columnDef.meta?.label ?? "Select field"
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "opacity-50" })]
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 						id: fieldListboxId,
 						align: "start",
 						className: "w-40 p-0",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: "Search fields..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: columns.map((column$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandInput, { placeholder: "Search fields..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: columns.map((column$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandItem, {
 							value: column$1.id,
 							onSelect: (value) => {
 								onFilterUpdate(filter.filterId, {
@@ -1715,7 +1206,7 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 						}, column$1.id)) })] })] })
 					})]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 					open: showOperatorSelector,
 					onOpenChange: setShowOperatorSelector,
 					value: filter.operator,
@@ -1723,17 +1214,17 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 						operator: value,
 						value: value === "isEmpty" || value === "isNotEmpty" ? "" : filter.value
 					}),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 						"aria-controls": operatorListboxId,
 						size: "sm",
 						className: "w-32 rounded lowercase",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "truncate",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder: filter.operator })
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, { placeholder: filter.operator })
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectContent, {
 						id: operatorListboxId,
-						children: filterOperators.map((operator) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+						children: filterOperators.map((operator) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 							value: operator.value,
 							className: "lowercase",
 							children: operator.label
@@ -1752,7 +1243,7 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 						setShowValueSelector
 					})
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 					"aria-controls": filterItemId,
 					variant: "outline",
 					size: "icon",
@@ -1760,9 +1251,9 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 					onClick: () => onFilterRemove(filter.filterId),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, {})
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableItemHandle, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableItemHandle, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 						variant: "outline",
 						size: "icon",
 						className: "size-8 rounded",
@@ -1792,7 +1283,7 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 				onFilterUpdate
 			});
 			const isNumber = filter.variant === "number" || filter.variant === "range";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 				id: inputId,
 				type: isNumber ? "number" : filter.variant,
 				"aria-label": `${columnMeta?.label} filter value`,
@@ -1807,24 +1298,24 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 		case "boolean": {
 			if (Array.isArray(filter.value)) return null;
 			const inputListboxId = `${inputId}-listbox`;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
 				value: filter.value,
 				onValueChange: (value) => onFilterUpdate(filter.filterId, { value }),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 					id: inputId,
 					"aria-controls": inputListboxId,
 					"aria-label": `${columnMeta?.label} boolean filter`,
 					size: "sm",
 					className: "w-full rounded",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder: filter.value ? "True" : "False" })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SelectContent, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, { placeholder: filter.value ? "True" : "False" })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SelectContent, {
 					id: inputListboxId,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 						value: "true",
 						children: "True"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 						value: "false",
 						children: "False"
 					})]
@@ -1834,8 +1325,9 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 		case "select":
 		case "multiSelect": {
 			const inputListboxId = `${inputId}-listbox`;
+			const optionList = columnMeta?.autoCrudFilterOptions ?? columnMeta?.options;
 			const multiple = filter.variant === "multiSelect";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Faceted, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.Faceted, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
 				value: multiple ? Array.isArray(filter.value) ? filter.value : [] : typeof filter.value === "string" ? filter.value : void 0,
@@ -1843,37 +1335,58 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 					onFilterUpdate(filter.filterId, { value });
 				},
 				multiple,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetedTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.FacetedTrigger, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 						id: inputId,
 						"aria-controls": inputListboxId,
 						"aria-label": `${columnMeta?.label} filter value${multiple ? "s" : ""}`,
 						variant: "outline",
 						size: "sm",
 						className: "w-full rounded font-normal",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetedBadgeList, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.FacetedBadgeList, {
 							options: columnMeta?.options,
 							placeholder: columnMeta?.placeholder ?? `Select option${multiple ? "s" : ""}...`
 						})
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FacetedContent, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.FacetedContent, {
 					id: inputListboxId,
 					className: "w-[200px]",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetedInput, {
+					commandProps: { shouldFilter: columnMeta?.autoCrudFilterShouldFilter },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.FacetedInput, {
 						"aria-label": `Search ${columnMeta?.label} options`,
-						placeholder: columnMeta?.placeholder ?? "Search options..."
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FacetedList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetedEmpty, { children: "No options found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetedGroup, { children: columnMeta?.options?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FacetedItem, {
-						value: option.value,
+						placeholder: columnMeta?.placeholder ?? "Search options...",
+						value: columnMeta?.autoCrudFilterSearchValue,
+						onValueChange: columnMeta?.autoCrudFilterOnSearch
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.FacetedList, {
+						onScroll: columnMeta?.autoCrudFilterOnPopupScroll,
 						children: [
-							option.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(option.icon, {}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: option.label }),
-							option.count && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "ml-auto font-mono text-xs",
-								children: option.count
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.FacetedEmpty, { children: "No options found." }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.FacetedGroup, { children: optionList?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.FacetedItem, {
+								value: option.value,
+								children: [
+									option.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(option.icon, {}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: option.label }),
+									option.count && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "ml-auto font-mono text-xs",
+										children: option.count
+									})
+								]
+							}, option.value)) }),
+							columnMeta?.autoCrudFilterLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.FacetedGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								role: "status",
+								"aria-live": "polite",
+								className: "py-2 text-center text-sm text-muted-foreground",
+								children: "Loading..."
+							}) }),
+							!columnMeta?.autoCrudFilterLoading && columnMeta?.autoCrudFilterHasMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								role: "status",
+								"aria-live": "polite",
+								className: "sr-only",
+								children: "Load more"
 							})
 						]
-					}, option.value)) })] })]
+					})]
 				})]
 			});
 		}
@@ -1885,12 +1398,12 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 			const endDate = dateValue[1] ? new Date(Number(dateValue[1])) : void 0;
 			const isSameDate = startDate && endDate && startDate.toDateString() === endDate.toDateString();
 			const displayValue = filter.operator === "isBetween" && dateValue.length === 2 && !isSameDate ? `${formatDate(startDate, { month: "short" })} - ${formatDate(endDate, { month: "short" })}` : startDate ? formatDate(startDate, { month: "short" }) : "Pick a date";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 						id: inputId,
 						"aria-controls": inputListboxId,
 						"aria-label": `${columnMeta?.label} date filter`,
@@ -1902,11 +1415,11 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 							children: displayValue
 						})]
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 					id: inputListboxId,
 					align: "start",
 					className: "w-auto p-0",
-					children: filter.operator === "isBetween" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+					children: filter.operator === "isBetween" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 						"aria-label": `Select ${columnMeta?.label} date range`,
 						autoFocus: true,
 						captionLayout: "dropdown",
@@ -1921,7 +1434,7 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 						onSelect: (date) => {
 							onFilterUpdate(filter.filterId, { value: date ? [(date.from?.getTime() ?? "").toString(), (date.to?.getTime() ?? "").toString()] : [] });
 						}
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 						"aria-label": `Select ${columnMeta?.label} date`,
 						autoFocus: true,
 						captionLayout: "dropdown",
@@ -1952,6 +1465,9 @@ function getOptionCommandValue(option) {
 		option.searchText
 	].filter(Boolean).join(" ");
 }
+function getColumnFilterOptions(column) {
+	return column.columnDef.meta?.autoCrudFilterOptions ?? column.columnDef.meta?.options;
+}
 function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = THROTTLE_MS$1, shallow = true, disabled,...props }) {
 	const id = react.useId();
 	const columnDefs = table.options.columns;
@@ -2037,6 +1553,12 @@ function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = T
 			onFilterRemove(filters[filters.length - 1]?.filterId ?? "");
 		}
 	}, [filters, onFilterRemove]);
+	const selectedColumnMeta = selectedColumn?.columnDef.meta;
+	const commandInputValue = selectedColumnMeta?.autoCrudFilterOnSearch !== void 0 ? selectedColumnMeta.autoCrudFilterSearchValue ?? "" : inputValue;
+	const onCommandInputValueChange = react.useCallback((value) => {
+		setInputValue(value);
+		selectedColumn?.columnDef.meta?.autoCrudFilterOnSearch?.(value);
+	}, [selectedColumn]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		role: "list",
 		className: "flex flex-wrap items-center gap-2",
@@ -2048,7 +1570,7 @@ function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = T
 				onFilterUpdate,
 				onFilterRemove
 			}, filter.filterId)),
-			filters.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			filters.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				"aria-label": "Reset all filters",
 				variant: "outline",
 				size: "icon",
@@ -2056,12 +1578,12 @@ function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = T
 				onClick: onFiltersReset,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 				open,
 				onOpenChange,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 						"aria-label": "Open filter command menu",
 						variant: "outline",
 						size: filters.length > 0 ? "icon" : "sm",
@@ -2071,36 +1593,55 @@ function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = T
 						disabled,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListFilter, { className: "text-muted-foreground" }), filters.length > 0 ? null : "Filter"]
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 					className: "w-full max-w-(--radix-popover-content-available-width) p-0",
 					...props,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Command, {
 						loop: true,
+						shouldFilter: selectedColumnMeta?.autoCrudFilterShouldFilter,
 						className: "[&_[cmdk-input-wrapper]_svg]:hidden",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandInput, {
 							ref: inputRef,
 							placeholder: selectedColumn ? selectedColumn.columnDef.meta?.label ?? selectedColumn.id : "Search fields...",
-							value: inputValue,
-							onValueChange: setInputValue,
+							value: commandInputValue,
+							onValueChange: onCommandInputValueChange,
 							onKeyDown: onInputKeyDown
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandList, { children: selectedColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [selectedColumn.columnDef.meta?.options && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No options found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterValueSelector, {
-							column: selectedColumn,
-							value: inputValue,
-							onSelect: (value) => onFilterAdd(selectedColumn, value)
-						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
-							value: column.id,
-							onSelect: () => {
-								setSelectedColumn(column);
-								setInputValue("");
-								requestAnimationFrame(() => {
-									inputRef.current?.focus();
-								});
-							},
-							children: [column.columnDef.meta?.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(column.columnDef.meta.icon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "truncate",
-								children: column.columnDef.meta?.label ?? column.id
-							})]
-						}, column.id)) })] }) })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandList, {
+							onScroll: selectedColumnMeta?.autoCrudFilterOnPopupScroll,
+							children: selectedColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								selectedColumn.columnDef.meta?.options && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No options found." }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterValueSelector, {
+									column: selectedColumn,
+									value: inputValue,
+									onSelect: (value) => onFilterAdd(selectedColumn, value)
+								}),
+								selectedColumnMeta?.autoCrudFilterLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									"aria-live": "polite",
+									className: "py-2 text-center text-sm text-muted-foreground",
+									children: "Loading..."
+								}) }),
+								!selectedColumnMeta?.autoCrudFilterLoading && selectedColumnMeta?.autoCrudFilterHasMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									"aria-live": "polite",
+									className: "sr-only",
+									children: "Load more"
+								})
+							] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandItem, {
+								value: column.id,
+								onSelect: () => {
+									setSelectedColumn(column);
+									setInputValue("");
+									requestAnimationFrame(() => {
+										inputRef.current?.focus();
+									});
+								},
+								children: [column.columnDef.meta?.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(column.columnDef.meta.icon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "truncate",
+									children: column.columnDef.meta?.label ?? column.id
+								})]
+							}, column.id)) })] })
+						})]
 					})
 				})]
 			})
@@ -2138,23 +1679,23 @@ function DataTableFilterItem({ filter, filterItemId, columns, onFilterUpdate, on
 			className: "flex h-8 items-center rounded-md bg-background",
 			onKeyDown: onItemKeyDown,
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 					open: showFieldSelector,
 					onOpenChange: setShowFieldSelector,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 							variant: "ghost",
 							size: "sm",
 							className: "rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",
 							children: [columnMeta?.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(columnMeta.icon, { className: "text-muted-foreground" }), columnMeta?.label ?? column.id]
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 						align: "start",
 						className: "w-48 p-0",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Command, {
 							loop: true,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: "Search fields..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: columns.map((column$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandInput, { placeholder: "Search fields..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: columns.map((column$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandItem, {
 								value: column$1.id,
 								onSelect: () => {
 									onFilterUpdate(filter.filterId, {
@@ -2177,7 +1718,7 @@ function DataTableFilterItem({ filter, filterItemId, columns, onFilterUpdate, on
 						})
 					})]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 					open: showOperatorSelector,
 					onOpenChange: setShowOperatorSelector,
 					value: filter.operator,
@@ -2185,13 +1726,13 @@ function DataTableFilterItem({ filter, filterItemId, columns, onFilterUpdate, on
 						operator: value,
 						value: value === "isEmpty" || value === "isNotEmpty" ? "" : filter.value
 					}),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 						"aria-controls": operatorListboxId,
 						className: "h-8 rounded-none border-r-0 px-2.5 lowercase data-size:h-8 [&_svg]:hidden",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder: filter.operator })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, { placeholder: filter.operator })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectContent, {
 						id: operatorListboxId,
-						children: filterOperators.map((operator) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+						children: filterOperators.map((operator) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 							className: "lowercase",
 							value: operator.value,
 							children: operator.label
@@ -2206,7 +1747,7 @@ function DataTableFilterItem({ filter, filterItemId, columns, onFilterUpdate, on
 					showValueSelector,
 					setShowValueSelector
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 					"aria-controls": filterItemId,
 					variant: "ghost",
 					size: "sm",
@@ -2220,17 +1761,17 @@ function DataTableFilterItem({ filter, filterItemId, columns, onFilterUpdate, on
 }
 function FilterValueSelector({ column, value, onSelect }) {
 	switch (column.columnDef.meta?.variant ?? "text") {
-		case "boolean": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandItem, {
+		case "boolean": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandItem, {
 			value: "true",
 			onSelect: () => onSelect("true"),
 			children: "True"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandItem, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandItem, {
 			value: "false",
 			onSelect: () => onSelect("false"),
 			children: "False"
 		})] });
 		case "select":
-		case "multiSelect": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: column.columnDef.meta?.options?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
+		case "multiSelect": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: getColumnFilterOptions(column)?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandItem, {
 			value: getOptionCommandValue(option),
 			onSelect: () => onSelect(option.value),
 			children: [
@@ -2246,7 +1787,7 @@ function FilterValueSelector({ column, value, onSelect }) {
 			]
 		}, option.value)) });
 		case "date":
-		case "dateRange": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+		case "dateRange": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 			autoFocus: true,
 			captionLayout: "dropdown",
 			mode: "single",
@@ -2255,7 +1796,7 @@ function FilterValueSelector({ column, value, onSelect }) {
 		});
 		default: {
 			const isEmpty = !value.trim();
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandItem, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandItem, {
 				value,
 				onSelect: () => onSelect(value),
 				disabled: isEmpty,
@@ -2291,7 +1832,7 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 				className: "size-full max-w-28 gap-0 **:data-[slot='range-min']:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"
 			});
 			const isNumber = filter.variant === "number" || filter.variant === "range";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 				id: inputId,
 				type: isNumber ? "number" : "text",
 				inputMode: isNumber ? "numeric" : void 0,
@@ -2303,22 +1844,22 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 		}
 		case "boolean": {
 			const inputListboxId = `${inputId}-listbox`;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
 				value: typeof filter.value === "string" ? filter.value : "true",
 				onValueChange: (value) => onFilterUpdate(filter.filterId, { value }),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 					id: inputId,
 					"aria-controls": inputListboxId,
 					className: "rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder: filter.value ? "True" : "False" })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SelectContent, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, { placeholder: filter.value ? "True" : "False" })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SelectContent, {
 					id: inputListboxId,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 						value: "true",
 						children: "True"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 						value: "false",
 						children: "False"
 					})]
@@ -2329,14 +1870,15 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 		case "multiSelect": {
 			const inputListboxId = `${inputId}-listbox`;
 			const options = column.columnDef.meta?.options ?? [];
+			const optionList = getColumnFilterOptions(column) ?? [];
 			const selectedValues = Array.isArray(filter.value) ? filter.value : [filter.value];
 			const selectedOptions = options.filter((option) => selectedValues.includes(option.value));
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 						id: inputId,
 						"aria-controls": inputListboxId,
 						variant: "ghost",
@@ -2353,25 +1895,50 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 							children: selectedOptions.length > 1 ? `${selectedOptions.length} selected` : selectedOptions[0]?.label
 						})] })
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 					id: inputListboxId,
 					align: "start",
 					className: "w-48 p-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: "Search options..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No options found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
-						value: getOptionCommandValue(option),
-						onSelect: () => {
-							const value = filter.variant === "multiSelect" ? selectedValues.includes(option.value) ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value] : option.value;
-							onFilterUpdate(filter.filterId, { value });
-						},
-						children: [
-							option.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(option.icon, {}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "truncate",
-								children: option.label
-							}),
-							filter.variant === "multiSelect" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: cn("ml-auto", selectedValues.includes(option.value) ? "opacity-100" : "opacity-0") })
-						]
-					}, option.value)) })] })] })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Command, {
+						shouldFilter: column.columnDef.meta?.autoCrudFilterShouldFilter,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandInput, {
+							placeholder: "Search options...",
+							value: column.columnDef.meta?.autoCrudFilterSearchValue,
+							onValueChange: column.columnDef.meta?.autoCrudFilterOnSearch
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandList, {
+							onScroll: column.columnDef.meta?.autoCrudFilterOnPopupScroll,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No options found." }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: optionList.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandItem, {
+									value: getOptionCommandValue(option),
+									onSelect: () => {
+										const value = filter.variant === "multiSelect" ? selectedValues.includes(option.value) ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value] : option.value;
+										onFilterUpdate(filter.filterId, { value });
+									},
+									children: [
+										option.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(option.icon, {}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "truncate",
+											children: option.label
+										}),
+										filter.variant === "multiSelect" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: cn("ml-auto", selectedValues.includes(option.value) ? "opacity-100" : "opacity-0") })
+									]
+								}, option.value)) }),
+								column.columnDef.meta?.autoCrudFilterLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									"aria-live": "polite",
+									className: "py-2 text-center text-sm text-muted-foreground",
+									children: "Loading..."
+								}) }),
+								!column.columnDef.meta?.autoCrudFilterLoading && column.columnDef.meta?.autoCrudFilterHasMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									role: "status",
+									"aria-live": "polite",
+									className: "sr-only",
+									children: "Load more"
+								})
+							]
+						})]
+					})
 				})]
 			});
 		}
@@ -2383,12 +1950,12 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 			const endDate = dateValue[1] ? new Date(Number(dateValue[1])) : void 0;
 			const isSameDate = startDate && endDate && startDate.toDateString() === endDate.toDateString();
 			const displayValue = filter.operator === "isBetween" && dateValue.length === 2 && !isSameDate ? `${formatDate(startDate, { month: "short" })} - ${formatDate(endDate, { month: "short" })}` : startDate ? formatDate(startDate, { month: "short" }) : "Pick date...";
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 						id: inputId,
 						"aria-controls": inputListboxId,
 						variant: "ghost",
@@ -2399,11 +1966,11 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 							children: displayValue
 						})]
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 					id: inputListboxId,
 					align: "start",
 					className: "w-auto p-0",
-					children: filter.operator === "isBetween" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+					children: filter.operator === "isBetween" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 						autoFocus: true,
 						captionLayout: "dropdown",
 						mode: "range",
@@ -2417,7 +1984,7 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 						onSelect: (date) => {
 							onFilterUpdate(filter.filterId, { value: date ? [(date.from?.getTime() ?? "").toString(), (date.to?.getTime() ?? "").toString()] : [] });
 						}
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 						autoFocus: true,
 						captionLayout: "dropdown",
 						mode: "single",
@@ -2495,16 +2062,16 @@ function DataTableSortList({ table, disabled,...props }) {
 		window.addEventListener("keydown", onKeyDown);
 		return () => window.removeEventListener("keydown", onKeyDown);
 	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SortableRoot, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.Sortable, {
 		value: sorting,
 		onValueChange: onSortingChange,
 		getItemValue: (item) => item.id,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 			open,
 			onOpenChange: setOpen,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 					variant: "outline",
 					size: "sm",
 					className: "font-normal",
@@ -2518,14 +2085,14 @@ function DataTableSortList({ table, disabled,...props }) {
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowDownUp, { className: "text-muted-foreground" }),
 						"Sort",
-						sorting.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+						sorting.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 							variant: "secondary",
 							className: "h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",
 							children: sorting.length
 						})
 					]
 				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.PopoverContent, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.PopoverContent, {
 				"aria-labelledby": labelId,
 				"aria-describedby": descriptionId,
 				className: "flex w-full max-w-(--radix-popover-content-available-width) flex-col gap-3.5 p-4 sm:min-w-[380px]",
@@ -2543,7 +2110,7 @@ function DataTableSortList({ table, disabled,...props }) {
 							children: sorting.length > 0 ? "Modify sorting to organize your rows." : "Add sorting to organize your rows."
 						})]
 					}),
-					sorting.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableContent, {
+					sorting.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableContent, {
 						asChild: true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							role: "list",
@@ -2560,14 +2127,14 @@ function DataTableSortList({ table, disabled,...props }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex w-full items-center gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							size: "sm",
 							className: "rounded",
 							ref: addButtonRef,
 							onClick: onSortAdd,
 							disabled: columns.length === 0,
 							children: "Add sort"
-						}), sorting.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						}), sorting.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							size: "sm",
 							className: "rounded",
@@ -2577,7 +2144,7 @@ function DataTableSortList({ table, disabled,...props }) {
 					})
 				]
 			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableOverlay, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableOverlay, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-2",
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-8 w-[180px] rounded-sm bg-primary/10" }),
@@ -2607,7 +2174,7 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 		showDirectionSelector,
 		onSortRemove
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableItem, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableItem, {
 		value: sort.id,
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2617,12 +2184,12 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 			className: "flex items-center gap-2",
 			onKeyDown: onItemKeyDown,
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, {
 					open: showFieldSelector,
 					onOpenChange: setShowFieldSelector,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 							id: fieldTriggerId,
 							"aria-controls": fieldListboxId,
 							variant: "outline",
@@ -2633,10 +2200,10 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 								children: columnLabels.get(sort.id)
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "opacity-50" })]
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 						id: fieldListboxId,
 						className: "w-(--radix-popover-trigger-width) p-0",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: "Search fields..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandItem, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandInput, { placeholder: "Search fields..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandItem, {
 							value: column.id,
 							onSelect: (value) => onSortUpdate(sort.id, { id: value }),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2646,26 +2213,26 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 						}, column.id)) })] })] })
 					})]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Select, {
 					open: showDirectionSelector,
 					onOpenChange: setShowDirectionSelector,
 					value: sort.desc ? "desc" : "asc",
 					onValueChange: (value) => onSortUpdate(sort.id, { desc: value === "desc" }),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectTrigger, {
 						"aria-controls": directionListboxId,
 						size: "sm",
 						className: "w-24 rounded",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, {})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectValue, {})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectContent, {
 						id: directionListboxId,
 						className: "min-w-(--radix-select-trigger-width)",
-						children: dataTableConfig.sortOrders.map((order) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+						children: dataTableConfig.sortOrders.map((order) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SelectItem, {
 							value: order.value,
 							children: order.label
 						}, order.value))
 					})]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 					"aria-controls": sortItemId,
 					variant: "outline",
 					size: "icon",
@@ -2673,9 +2240,9 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 					onClick: () => onSortRemove(sort.id),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, {})
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableItemHandle, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.SortableItemHandle, {
 					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 						variant: "outline",
 						size: "icon",
 						className: "size-8 shrink-0 rounded",
@@ -2691,9 +2258,9 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 //#region src/components/data-table/data-table-view-options.tsx
 function DataTableViewOptions({ table, disabled,...props }) {
 	const columns = react.useMemo(() => table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide()), [table]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			"aria-label": "Toggle columns",
 			role: "combobox",
 			variant: "outline",
@@ -2702,10 +2269,10 @@ function DataTableViewOptions({ table, disabled,...props }) {
 			disabled,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Settings2, { className: "text-muted-foreground" }), "View"]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 		className: "w-44 p-0",
 		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: "Search columns..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: "No columns found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Command, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandInput, { placeholder: "Search columns..." }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandEmpty, { children: "No columns found." }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.CommandGroup, { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.CommandItem, {
 			onSelect: () => column.toggleVisibility(!column.getIsVisible()),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "truncate",
@@ -2715,207 +2282,12 @@ function DataTableViewOptions({ table, disabled,...props }) {
 	})] });
 }
 
-//#endregion
-//#region src/components/ui/multi-combobox.tsx
-const DEFAULT_OPTIONS = [];
-const SCROLLABLE_COMMAND_GROUP_STYLE = {
-	maxHeight: "300px",
-	overscrollBehavior: "contain",
-	overflowX: "hidden",
-	overflowY: "auto"
-};
-function getWheelDeltaY(event) {
-	if (event.deltaMode === 1) return event.deltaY * 16;
-	if (event.deltaMode === 2) return event.deltaY * event.currentTarget.clientHeight;
-	return event.deltaY;
-}
-function handleScrollableCommandGroupWheel(event) {
-	const target = event.currentTarget;
-	if (target.scrollHeight <= target.clientHeight) return;
-	const maxScrollTop = target.scrollHeight - target.clientHeight;
-	const nextScrollTop = Math.max(0, Math.min(target.scrollTop + getWheelDeltaY(event), maxScrollTop));
-	if (nextScrollTop === target.scrollTop) return;
-	event.preventDefault();
-	event.stopPropagation();
-	target.scrollTop = nextScrollTop;
-}
-function collectSearchText(...parts) {
-	const texts = [];
-	for (const part of parts) {
-		if (!part) continue;
-		if (Array.isArray(part)) texts.push(...part.map(String));
-		else if (typeof part === "object") texts.push(...Object.values(part).filter(Boolean).map(String));
-		else texts.push(String(part));
-	}
-	return texts.join(" ");
-}
-function getOptionKeywords(option) {
-	return collectSearchText(typeof option.label === "string" || typeof option.label === "number" ? option.label : void 0, option.searchText, option.keywords).split(/\s+/).filter(Boolean);
-}
-function getOptionText(option) {
-	if (typeof option.label === "string" || typeof option.label === "number") return String(option.label);
-	return option.value;
-}
-function createNextValue(currentValue, optionValue, isSelected, selectionMode) {
-	if (selectionMode === "single") return isSelected ? [] : [optionValue];
-	return isSelected ? currentValue.filter((value) => value !== optionValue) : [...currentValue, optionValue];
-}
-function DefaultMultiComboboxTrigger({ open, selectedOptions, selectedValues, clearSelection, disabled, readOnly, placeholder, selectedText, className,...buttonProps }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
-		...buttonProps,
-		type: "button",
-		variant: "outline",
-		role: "combobox",
-		"aria-expanded": open,
-		disabled,
-		className: (0, __pixpilot_shadcn.cn)("w-full justify-between", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden",
-			children: selectedValues.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "truncate text-muted-foreground",
-				children: placeholder
-			}) : selectedOptions.length <= 2 ? selectedOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
-				variant: "secondary",
-				className: "max-w-[8rem] rounded-sm px-1 font-normal",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "truncate",
-					children: option.label
-				})
-			}, option.value)) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
-				variant: "secondary",
-				className: "rounded-sm px-1 font-normal",
-				children: [
-					selectedValues.length,
-					" ",
-					selectedText
-				]
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "ml-2 flex shrink-0 items-center gap-1",
-			children: [selectedValues.length > 0 && !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				role: "button",
-				"aria-label": "Clear selection",
-				tabIndex: 0,
-				className: "rounded-sm px-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-				onClick: clearSelection,
-				onKeyDown: (event) => {
-					if (event.key === "Enter" || event.key === " ") {
-						event.preventDefault();
-						clearSelection(event);
-					}
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-3" })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "h-4 w-4 opacity-50" })]
-		})]
-	});
-}
-const MultiCombobox = ({ value, defaultValue, onChange, options = DEFAULT_OPTIONS, placeholder = "Select options...", searchPlaceholder = "Search...", emptyText = "No options found.", clearText = "Clear selection", selectedText = "selected", selectionMode = "multiple", disabled, readOnly, className, contentClassName, triggerClassName, matchTriggerWidth = true, renderTrigger, filter,...commandProps }) => {
-	const [open, setOpen] = react.useState(false);
-	const [internalValue, setInternalValue] = react.useState(defaultValue ?? []);
-	const selectedValues = value ?? internalValue;
-	const selectedValueSet = react.useMemo(() => new Set(selectedValues), [selectedValues]);
-	const selectedOptions = react.useMemo(() => options.filter((option) => selectedValueSet.has(option.value)), [options, selectedValueSet]);
-	const commitChange = react.useCallback((nextValue) => {
-		if (value === void 0) setInternalValue(nextValue);
-		onChange?.(nextValue);
-	}, [onChange, value]);
-	const clearSelection = react.useCallback((event) => {
-		event?.preventDefault();
-		event?.stopPropagation();
-		if (readOnly) return;
-		commitChange([]);
-	}, [commitChange, readOnly]);
-	const onItemSelect = react.useCallback((option) => {
-		if (option.disabled || readOnly) return;
-		const isSelected = selectedValueSet.has(option.value);
-		commitChange(createNextValue(selectedValues, option.value, isSelected, selectionMode));
-		if (selectionMode === "single") setOpen(false);
-	}, [
-		commitChange,
-		readOnly,
-		selectedValues,
-		selectedValueSet,
-		selectionMode
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
-			asChild: true,
-			children: renderTrigger ? renderTrigger({
-				open,
-				selectedOptions,
-				selectedValues,
-				clearSelection,
-				disabled,
-				readOnly
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultMultiComboboxTrigger, {
-				open,
-				selectedOptions,
-				selectedValues,
-				clearSelection,
-				disabled,
-				readOnly,
-				placeholder,
-				selectedText,
-				className: triggerClassName
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
-			className: (0, __pixpilot_shadcn.cn)("w-full p-0", contentClassName),
-			style: matchTriggerWidth ? { width: "var(--radix-popover-trigger-width)" } : void 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, {
-				className,
-				filter,
-				...commandProps,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: searchPlaceholder }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, {
-					className: "max-h-full",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: emptyText }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, {
-							className: "max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden",
-							onWheelCapture: handleScrollableCommandGroupWheel,
-							style: SCROLLABLE_COMMAND_GROUP_STYLE,
-							children: options.map((option) => {
-								const isSelected = selectedValueSet.has(option.value);
-								const Icon = option.icon;
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandItem, {
-									value: option.value,
-									keywords: getOptionKeywords(option),
-									disabled: option.disabled,
-									onSelect: () => onItemSelect(option),
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: (0, __pixpilot_shadcn.cn)("flex size-4 items-center justify-center rounded-sm border border-primary", isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"),
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {})
-										}),
-										Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "size-4" }),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "truncate",
-											children: getOptionText(option)
-										}),
-										option.count !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "ml-auto font-mono text-xs",
-											children: option.count
-										})
-									]
-								}, option.value);
-							})
-						}),
-						selectedValues.length > 0 && !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandItem, {
-							onSelect: () => commitChange([]),
-							className: "justify-center text-center",
-							children: clearText
-						}) })] })
-					]
-				})]
-			})
-		})]
-	});
-};
-MultiCombobox.displayName = "MultiCombobox";
-
 //#endregion
 //#region src/components/auto-crud/auto-table-simple-filters.tsx
+function mergeSelectedFilterOptions(currentOptions, labelOptions, selectedValues) {
+	const currentValues = new Set(currentOptions.map((option) => option.value));
+	return [...labelOptions.filter((option) => selectedValues.includes(option.value) && !currentValues.has(option.value)), ...currentOptions];
+}
 function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilters, onFiltersChange, leading }) {
 	const columnDefs = table.options.columns;
 	const columns = react.useMemo(() => table.getAllColumns().filter((col) => col.getCanFilter()).sort((a, b) => {
@@ -3096,7 +2468,7 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 					case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: isHidden ? "hidden" : "",
 						"data-filter-item": true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 							placeholder: meta.placeholder ?? meta.label ?? column.id,
 							value: typeof value === "string" ? value : "",
 							onChange: (e) => updateFilter(column.id, e.target.value || void 0),
@@ -3104,17 +2476,27 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 						})
 					}, column.id);
 					case "select":
-					case "multiSelect": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: isHidden ? "hidden" : "",
-						"data-filter-item": true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SimpleFacetedFilter, {
-							title: meta.label ?? column.id,
-							options: meta.options ?? [],
-							multiple: meta.variant === "multiSelect",
-							value: Array.isArray(value) ? value : value ? [value] : [],
-							onChange: (v) => updateFilter(column.id, v.length ? v : void 0)
-						})
-					}, column.id);
+					case "multiSelect": {
+						const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+						const filterOptions = mergeSelectedFilterOptions(meta.autoCrudFilterOptions ?? meta.options ?? [], meta.options ?? [], selectedValues);
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: isHidden ? "hidden" : "",
+							"data-filter-item": true,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SimpleFacetedFilter, {
+								title: meta.label ?? column.id,
+								options: filterOptions,
+								multiple: meta.variant === "multiSelect",
+								value: selectedValues,
+								hasMore: meta.autoCrudFilterHasMore,
+								loading: meta.autoCrudFilterLoading,
+								searchValue: meta.autoCrudFilterSearchValue,
+								shouldFilter: meta.autoCrudFilterShouldFilter,
+								onChange: (v) => updateFilter(column.id, v.length ? v : void 0),
+								onPopupScroll: meta.autoCrudFilterOnPopupScroll,
+								onSearch: meta.autoCrudFilterOnSearch
+							})
+						}, column.id);
+					}
 					case "range": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: isHidden ? "hidden" : "",
 						"data-filter-item": true,
@@ -3140,7 +2522,7 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 					default: return null;
 				}
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				"data-filter-toggle": true,
 				variant: "ghost",
 				size: "icon",
@@ -3150,7 +2532,7 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 				"aria-expanded": expanded,
 				children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, { className: "size-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "size-4" })
 			}),
-			hasFilters && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+			hasFilters && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 				"data-filter-reset": true,
 				variant: "outline",
 				size: "sm",
@@ -3161,17 +2543,27 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 		]
 	});
 }
-function SimpleFacetedFilter({ title, options, multiple, value, onChange }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultiCombobox, {
-		value,
-		onChange,
+function SimpleFacetedFilter({ title, options, multiple, value, hasMore, loading, searchValue, shouldFilter, onChange, onPopupScroll, onSearch }) {
+	const onSelectChange = (nextValue) => {
+		onChange(Array.isArray(nextValue) ? nextValue : nextValue ? [nextValue] : []);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
+		mode: "searchable",
+		multiple: Boolean(multiple),
+		value: multiple ? value : value[0] ?? "",
+		onChange: onSelectChange,
 		options,
-		selectionMode: multiple ? "multiple" : "single",
 		searchPlaceholder: title,
+		hasMore,
+		loading,
+		searchValue,
+		shouldFilter,
+		onPopupScroll,
+		onSearch,
 		contentClassName: "w-50",
 		matchTriggerWidth: false,
 		clearText: "Clear filters",
-		renderTrigger: ({ selectedOptions, selectedValues, clearSelection }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		renderTrigger: ({ selectedOptions, selectedValues, clearSelection }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			variant: "outline",
 			size: "sm",
 			className: "border-dashed font-normal",
@@ -3191,22 +2583,22 @@ function SimpleFacetedFilter({ title, options, multiple, value, onChange }) {
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PlusCircle, {}),
 				title,
 				selectedValues.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 h-4"
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 						variant: "secondary",
 						className: "rounded-sm px-1 font-normal lg:hidden",
 						children: selectedValues.length
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "hidden items-center gap-1 lg:flex",
-						children: selectedValues.length > 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
+						children: selectedValues.length > 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
 							variant: "secondary",
 							className: "rounded-sm px-1 font-normal",
 							children: [selectedValues.length, " selected"]
-						}) : selectedOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+						}) : selectedOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 							variant: "secondary",
 							className: "rounded-sm px-1 font-normal",
 							children: option.label
@@ -3243,9 +2635,9 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 		setLocalRange(nextRange);
 		onChange(nextRange);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			variant: "outline",
 			size: "sm",
 			className: "border-dashed font-normal",
@@ -3265,7 +2657,7 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PlusCircle, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }),
 				value && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 h-4"
 					}),
@@ -3276,7 +2668,7 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 				] })
 			]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.PopoverContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.PopoverContent, {
 		align: "start",
 		className: "flex w-auto flex-col gap-4",
 		children: [
@@ -3287,14 +2679,14 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-4",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Label, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Label, {
 						htmlFor: `${id}-from`,
 						className: "sr-only",
 						children: "From"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 							id: `${id}-from`,
 							type: "number",
 							min,
@@ -3307,14 +2699,14 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 							children: unit
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Label, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Label, {
 						htmlFor: `${id}-to`,
 						className: "sr-only",
 						children: "To"
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 							id: `${id}-to`,
 							type: "number",
 							min,
@@ -3329,14 +2721,14 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Slider, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Slider, {
 				min,
 				max,
 				value: localRange,
 				onValueChange: (v) => setLocalRange(v),
 				onValueCommit: (v) => onChange(v)
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				variant: "outline",
 				size: "sm",
 				onClick: onReset,
@@ -3372,9 +2764,9 @@ function SimpleDateFilter({ title, multiple, value, onChange }) {
 		onChange(void 0);
 	};
 	const label = multiple ? fromDate && toDate ? `${formatDate(fromDate)} - ${formatDate(toDate)}` : fromDate ? formatDate(fromDate) : void 0 : fromDate ? formatDate(fromDate) : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			variant: "outline",
 			size: "sm",
 			className: "border-dashed font-normal",
@@ -3393,16 +2785,16 @@ function SimpleDateFilter({ title, multiple, value, onChange }) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XCircle, {})
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }),
-				label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+				label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 					orientation: "vertical",
 					className: "mx-0.5 h-4"
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })] })
 			]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 		className: "w-auto p-0",
 		align: "start",
-		children: multiple ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+		children: multiple ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 			autoFocus: true,
 			captionLayout: "dropdown",
 			mode: "range",
@@ -3456,7 +2848,7 @@ function SimpleDateFilter({ title, multiple, value, onChange }) {
 					return;
 				}
 			}
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 			captionLayout: "dropdown",
 			mode: "single",
 			selected: fromDate,
@@ -3465,386 +2857,6 @@ function SimpleDateFilter({ title, multiple, value, onChange }) {
 	})] });
 }
 
-//#endregion
-//#region src/hooks/use-isomorphic-layout-effect.ts
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
-
-//#endregion
-//#region src/hooks/use-as-ref.ts
-function useAsRef(props) {
-	const ref = react.useRef(props);
-	useIsomorphicLayoutEffect(() => {
-		ref.current = props;
-	});
-	return ref;
-}
-
-//#endregion
-//#region src/components/ui/action-bar.tsx
-const ROOT_NAME = "ActionBar";
-const GROUP_NAME = "ActionBarGroup";
-const ITEM_NAME = "ActionBarItem";
-const CLOSE_NAME = "ActionBarClose";
-const SEPARATOR_NAME = "ActionBarSeparator";
-const ITEM_SELECT = "actionbar.itemSelect";
-const ENTRY_FOCUS = "actionbarFocusGroup.onEntryFocus";
-const EVENT_OPTIONS = {
-	bubbles: false,
-	cancelable: true
-};
-function focusFirst(candidates, preventScroll = false) {
-	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-	for (const candidateRef of candidates) {
-		const candidate = candidateRef.current;
-		if (!candidate) continue;
-		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-		candidate.focus({ preventScroll });
-		if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-	}
-}
-function wrapArray(array, startIndex) {
-	return array.map((_, index$1) => array[(startIndex + index$1) % array.length]);
-}
-function getDirectionAwareKey(key, dir) {
-	if (dir !== "rtl") return key;
-	return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
-}
-const ActionBarContext = react.createContext(null);
-function useActionBarContext(consumerName) {
-	const context = react.useContext(ActionBarContext);
-	if (!context) throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
-	return context;
-}
-const FocusContext = react.createContext(null);
-function useFocusContext(consumerName) {
-	const context = react.useContext(FocusContext);
-	if (!context) throw new Error(`\`${consumerName}\` must be used within \`FocusProvider\``);
-	return context;
-}
-function ActionBar(props) {
-	const { open = false, onOpenChange, onEscapeKeyDown, side = "bottom", alignOffset = 0, align = "center", sideOffset = 16, portalContainer: portalContainerProp, dir: dirProp, orientation = "horizontal", loop = true, className, style, ref, asChild,...rootProps } = props;
-	const [mounted, setMounted] = react.useState(false);
-	const rootRef = react.useRef(null);
-	const composedRef = useComposedRefs(ref, rootRef);
-	const propsRef = useAsRef({
-		onEscapeKeyDown,
-		onOpenChange
-	});
-	const dir = (0, __radix_ui_react_direction.useDirection)(dirProp);
-	react.useLayoutEffect(() => {
-		setMounted(true);
-	}, []);
-	react.useEffect(() => {
-		if (!open) return;
-		const ownerDocument = rootRef.current?.ownerDocument ?? document;
-		function onKeyDown(event) {
-			if (event.key === "Escape") {
-				propsRef.current.onEscapeKeyDown?.(event);
-				if (!event.defaultPrevented) propsRef.current.onOpenChange?.(false);
-			}
-		}
-		ownerDocument.addEventListener("keydown", onKeyDown);
-		return () => ownerDocument.removeEventListener("keydown", onKeyDown);
-	}, [open, propsRef]);
-	const contextValue = react.useMemo(() => ({
-		onOpenChange,
-		dir,
-		orientation,
-		loop
-	}), [
-		onOpenChange,
-		dir,
-		orientation,
-		loop
-	]);
-	const portalContainer = portalContainerProp ?? (mounted ? globalThis.document?.body : null);
-	if (!portalContainer || !open) return null;
-	const RootPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarContext.Provider, {
-		value: contextValue,
-		children: react_dom.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RootPrimitive, {
-			role: "toolbar",
-			"aria-orientation": orientation,
-			"data-slot": "action-bar",
-			"data-side": side,
-			"data-align": align,
-			"data-orientation": orientation,
-			dir,
-			...rootProps,
-			ref: composedRef,
-			className: cn("fixed z-50 rounded-lg border bg-card shadow-lg outline-none", "fade-in-0 zoom-in-95 animate-in duration-250 [animation-timing-function:cubic-bezier(0.16,1,0.3,1)]", "data-[side=bottom]:slide-in-from-bottom-4 data-[side=top]:slide-in-from-top-4", "motion-reduce:animate-none motion-reduce:transition-none", orientation === "horizontal" ? "flex flex-row items-center gap-2 px-2 py-1.5" : "flex flex-col items-start gap-2 px-1.5 py-2", className),
-			style: {
-				[side]: `${sideOffset}px`,
-				...align === "center" && {
-					left: "50%",
-					translate: "-50% 0"
-				},
-				...align === "start" && { left: `${alignOffset}px` },
-				...align === "end" && { right: `${alignOffset}px` },
-				...style
-			}
-		}), portalContainer)
-	});
-}
-function ActionBarSelection(props) {
-	const { className, asChild,...selectionProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
-		"data-slot": "action-bar-selection",
-		...selectionProps,
-		className: cn("flex items-center gap-1 rounded-sm border px-2 py-1 font-medium text-sm tabular-nums", className)
-	});
-}
-function ActionBarGroup(props) {
-	const { onBlur: onBlurProp, onFocus: onFocusProp, onMouseDown: onMouseDownProp, className, asChild, ref,...groupProps } = props;
-	const [tabStopId, setTabStopId] = react.useState(null);
-	const [isTabbingBackOut, setIsTabbingBackOut] = react.useState(false);
-	const [focusableItemCount, setFocusableItemCount] = react.useState(0);
-	const composedRef = useComposedRefs(ref, react.useRef(null));
-	const isClickFocusRef = react.useRef(false);
-	const itemsRef = react.useRef(/* @__PURE__ */ new Map());
-	const { dir, orientation } = useActionBarContext(GROUP_NAME);
-	const onItemFocus = react.useCallback((tabStopId$1) => {
-		setTabStopId(tabStopId$1);
-	}, []);
-	const onItemShiftTab = react.useCallback(() => {
-		setIsTabbingBackOut(true);
-	}, []);
-	const onFocusableItemAdd = react.useCallback(() => {
-		setFocusableItemCount((prevCount) => prevCount + 1);
-	}, []);
-	const onFocusableItemRemove = react.useCallback(() => {
-		setFocusableItemCount((prevCount) => prevCount - 1);
-	}, []);
-	const onItemRegister = react.useCallback((item) => {
-		itemsRef.current.set(item.id, item);
-	}, []);
-	const onItemUnregister = react.useCallback((id) => {
-		itemsRef.current.delete(id);
-	}, []);
-	const getItems = react.useCallback(() => {
-		return Array.from(itemsRef.current.values()).filter((item) => item.ref.current).sort((a, b) => {
-			const elementA = a.ref.current;
-			const elementB = b.ref.current;
-			if (!elementA || !elementB) return 0;
-			const position = elementA.compareDocumentPosition(elementB);
-			if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
-			if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
-			return 0;
-		});
-	}, []);
-	const onBlur = react.useCallback((event) => {
-		onBlurProp?.(event);
-		if (event.defaultPrevented) return;
-		setIsTabbingBackOut(false);
-	}, [onBlurProp]);
-	const onFocus = react.useCallback((event) => {
-		onFocusProp?.(event);
-		if (event.defaultPrevented) return;
-		const isKeyboardFocus = !isClickFocusRef.current;
-		if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-			const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-			event.currentTarget.dispatchEvent(entryFocusEvent);
-			if (!entryFocusEvent.defaultPrevented) {
-				const items = Array.from(itemsRef.current.values()).filter((item) => !item.disabled);
-				focusFirst([items.find((item) => item.id === tabStopId), ...items].filter(Boolean).map((item) => item.ref), false);
-			}
-		}
-		isClickFocusRef.current = false;
-	}, [
-		onFocusProp,
-		isTabbingBackOut,
-		tabStopId
-	]);
-	const onMouseDown = react.useCallback((event) => {
-		onMouseDownProp?.(event);
-		if (event.defaultPrevented) return;
-		isClickFocusRef.current = true;
-	}, [onMouseDownProp]);
-	const focusContextValue = react.useMemo(() => ({
-		tabStopId,
-		onItemFocus,
-		onItemShiftTab,
-		onFocusableItemAdd,
-		onFocusableItemRemove,
-		onItemRegister,
-		onItemUnregister,
-		getItems
-	}), [
-		tabStopId,
-		onItemFocus,
-		onItemShiftTab,
-		onFocusableItemAdd,
-		onFocusableItemRemove,
-		onItemRegister,
-		onItemUnregister,
-		getItems
-	]);
-	const GroupPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusContext.Provider, {
-		value: focusContextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupPrimitive, {
-			role: "group",
-			"data-slot": "action-bar-group",
-			"data-orientation": orientation,
-			dir,
-			tabIndex: isTabbingBackOut || focusableItemCount === 0 ? -1 : 0,
-			...groupProps,
-			ref: composedRef,
-			className: cn("flex gap-2 outline-none", orientation === "horizontal" ? "items-center" : "w-full flex-col items-start", className),
-			onBlur,
-			onFocus,
-			onMouseDown
-		})
-	});
-}
-function ActionBarItem(props) {
-	const { onSelect, onClick: onClickProp, onFocus: onFocusProp, onKeyDown: onKeyDownProp, onMouseDown: onMouseDownProp, className, disabled, ref,...itemProps } = props;
-	const itemRef = react.useRef(null);
-	const composedRef = useComposedRefs(ref, itemRef);
-	const isMouseClickRef = react.useRef(false);
-	const { onOpenChange, dir, orientation, loop } = useActionBarContext(ITEM_NAME);
-	const focusContext = useFocusContext(ITEM_NAME);
-	const itemId = react.useId();
-	const isTabStop = focusContext.tabStopId === itemId;
-	useIsomorphicLayoutEffect(() => {
-		focusContext.onItemRegister({
-			id: itemId,
-			ref: itemRef,
-			disabled: !!disabled
-		});
-		if (!disabled) focusContext.onFocusableItemAdd();
-		return () => {
-			focusContext.onItemUnregister(itemId);
-			if (!disabled) focusContext.onFocusableItemRemove();
-		};
-	}, [
-		focusContext,
-		itemId,
-		disabled
-	]);
-	const onClick = react.useCallback((event) => {
-		onClickProp?.(event);
-		if (event.defaultPrevented) return;
-		const item = itemRef.current;
-		if (!item) return;
-		const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
-			bubbles: true,
-			cancelable: true
-		});
-		item.addEventListener(ITEM_SELECT, (event$1) => onSelect?.(event$1), { once: true });
-		item.dispatchEvent(itemSelectEvent);
-		if (!itemSelectEvent.defaultPrevented) onOpenChange?.(false);
-	}, [
-		onClickProp,
-		onOpenChange,
-		onSelect
-	]);
-	const onFocus = react.useCallback((event) => {
-		onFocusProp?.(event);
-		if (event.defaultPrevented) return;
-		focusContext.onItemFocus(itemId);
-		isMouseClickRef.current = false;
-	}, [
-		onFocusProp,
-		focusContext,
-		itemId
-	]);
-	const onKeyDown = react.useCallback((event) => {
-		onKeyDownProp?.(event);
-		if (event.defaultPrevented) return;
-		if (event.key === "Tab" && event.shiftKey) {
-			focusContext.onItemShiftTab();
-			return;
-		}
-		if (event.target !== event.currentTarget) return;
-		const key = getDirectionAwareKey(event.key, dir);
-		let focusIntent;
-		if (orientation === "horizontal") {
-			if (key === "ArrowLeft") focusIntent = "prev";
-			else if (key === "ArrowRight") focusIntent = "next";
-			else if (key === "Home") focusIntent = "first";
-			else if (key === "End") focusIntent = "last";
-		} else if (key === "ArrowUp") focusIntent = "prev";
-		else if (key === "ArrowDown") focusIntent = "next";
-		else if (key === "Home") focusIntent = "first";
-		else if (key === "End") focusIntent = "last";
-		if (focusIntent !== void 0) {
-			if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-			event.preventDefault();
-			let candidateRefs = focusContext.getItems().filter((item) => !item.disabled).map((item) => item.ref);
-			if (focusIntent === "last") candidateRefs.reverse();
-			else if (focusIntent === "prev" || focusIntent === "next") {
-				if (focusIntent === "prev") candidateRefs.reverse();
-				const currentIndex = candidateRefs.findIndex((ref$1) => ref$1.current === event.currentTarget);
-				candidateRefs = loop ? wrapArray(candidateRefs, currentIndex + 1) : candidateRefs.slice(currentIndex + 1);
-			}
-			queueMicrotask(() => focusFirst(candidateRefs));
-		}
-	}, [
-		onKeyDownProp,
-		focusContext,
-		dir,
-		orientation,
-		loop
-	]);
-	const onMouseDown = react.useCallback((event) => {
-		onMouseDownProp?.(event);
-		if (event.defaultPrevented) return;
-		isMouseClickRef.current = true;
-		if (disabled) event.preventDefault();
-		else focusContext.onItemFocus(itemId);
-	}, [
-		onMouseDownProp,
-		focusContext,
-		itemId,
-		disabled
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
-		type: "button",
-		"data-slot": "action-bar-item",
-		variant: "secondary",
-		size: "sm",
-		disabled,
-		tabIndex: isTabStop ? 0 : -1,
-		...itemProps,
-		className: cn(orientation === "vertical" && "w-full", className),
-		ref: composedRef,
-		onClick,
-		onFocus,
-		onKeyDown,
-		onMouseDown
-	});
-}
-function ActionBarClose(props) {
-	const { asChild, className, onClick,...closeProps } = props;
-	const { onOpenChange } = useActionBarContext(CLOSE_NAME);
-	const onCloseClick = react.useCallback((event) => {
-		onClick?.(event);
-		if (event.defaultPrevented) return;
-		onOpenChange?.(false);
-	}, [onOpenChange, onClick]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
-		type: "button",
-		"data-slot": "action-bar-close",
-		...closeProps,
-		className: cn("rounded-xs opacity-70 outline-none hover:opacity-100 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-3.5 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
-		onClick: onCloseClick
-	});
-}
-function ActionBarSeparator(props) {
-	const { orientation: orientationProp, asChild, className,...separatorProps } = props;
-	const context = useActionBarContext(SEPARATOR_NAME);
-	const orientation = orientationProp ?? context.orientation;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
-		role: "separator",
-		"aria-orientation": orientation,
-		"aria-hidden": "true",
-		"data-slot": "action-bar-separator",
-		...separatorProps,
-		className: cn("in-data-[slot=action-bar-selection]:ml-0.5 in-data-[slot=action-bar-selection]:h-4 in-data-[slot=action-bar-selection]:w-px bg-border", orientation === "horizontal" ? "h-6 w-px" : "h-px w-full", className)
-	});
-}
-
 //#endregion
 //#region src/components/data-table/data-table-column-header.tsx
 function DataTableColumnHeader({ column, label, className,...props }) {
@@ -3852,32 +2864,32 @@ function DataTableColumnHeader({ column, label, className,...props }) {
 		className: cn(className),
 		children: label
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuTrigger, {
 		className: cn("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground", className),
 		...props,
 		children: [label, column.getCanSort() && (column.getIsSorted() === "desc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {}) : column.getIsSorted() === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, {}))]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuContent, {
 		align: "start",
 		className: "w-28",
 		children: [column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuCheckboxItem, {
 				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
 				checked: column.getIsSorted() === "asc",
 				onClick: () => column.toggleSorting(false),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {}), "Asc"]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuCheckboxItem, {
 				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
 				checked: column.getIsSorted() === "desc",
 				onClick: () => column.toggleSorting(true),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {}), "Desc"]
 			}),
-			column.getIsSorted() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuItem, {
+			column.getIsSorted() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuItem, {
 				className: "pl-2 [&_svg]:text-muted-foreground",
 				onClick: () => column.clearSorting(),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}), "Reset"]
 			})
-		] }), column.getCanHide() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
+		] }), column.getCanHide() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuCheckboxItem, {
 			className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
 			checked: !column.getIsVisible(),
 			onClick: () => column.toggleVisibility(false),
@@ -4137,15 +3149,15 @@ function renderCell(value, type, options) {
 	if (options && options.length > 0) {
 		if (Array.isArray(value)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex gap-1 flex-wrap",
-			children: [value.slice(0, 3).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+			children: [value.slice(0, 3).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 				variant: "secondary",
 				children: formatOptionValue(v)
-			}, i)), value.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
+			}, i)), value.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
 				variant: "outline",
 				children: ["+", value.length - 3]
 			})]
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 			variant: "outline",
 			className: "capitalize",
 			children: formatOptionValue(value)
@@ -4154,17 +3166,17 @@ function renderCell(value, type, options) {
 	switch (type) {
 		case "boolean": return value ? "✓" : "✗";
 		case "date": return formatDate(value);
-		case "enum": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+		case "enum": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 			variant: "outline",
 			className: "capitalize",
 			children: String(value)
 		});
 		case "array": return Array.isArray(value) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex gap-1 flex-wrap",
-			children: [value.slice(0, 3).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+			children: [value.slice(0, 3).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 				variant: "secondary",
 				children: String(v)
-			}, i)), value.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
+			}, i)), value.length > 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
 				variant: "outline",
 				children: ["+", value.length - 3]
 			})]
@@ -4245,13 +3257,13 @@ function createTableSchema(schema, options) {
 function createSelectColumn() {
 	return {
 		id: "select",
-		header: ({ table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Checkbox, {
+		header: ({ table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Checkbox, {
 			"aria-label": "Select all",
 			className: "translate-y-0.5",
 			checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
 			onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
 		}),
-		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Checkbox, {
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Checkbox, {
 			"aria-label": "Select row",
 			className: "translate-y-0.5",
 			checked: row.getIsSelected(),
@@ -4272,18 +3284,18 @@ function createActionsColumn(items) {
 	};
 	return {
 		id: "actions",
-		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuTrigger, {
 			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				"aria-label": "Open menu",
 				variant: "ghost",
 				className: "flex size-8 p-0 data-[state=open]:bg-muted",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuContent, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuContent, {
 			align: "end",
 			className: "w-40",
-			children: items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [item.separator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuSeparator, {}), item.component ? renderActionComponent(item, row) : item.label && item.onClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+			children: items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [item.separator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuSeparator, {}), item.component ? renderActionComponent(item, row) : item.label && item.onClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuItem, {
 				className: item.variant === "destructive" ? "text-destructive" : "",
 				onClick: () => item.onClick?.(row.original),
 				children: item.label
@@ -4505,12 +3517,22 @@ function downloadCSV(csvContent, filename) {
 
 //#endregion
 //#region src/components/auto-crud/auto-table-action-bar.tsx
-function isBatchCustomAction(action) {
-	return action.type === "custom";
+const DEFAULT_DELETE_CONFIRMATION = {
+	title: "确认批量删除",
+	description: (count) => `此操作无法撤销。确定要删除选中的 ${count} 条记录吗？`,
+	cancel: "取消",
+	confirm: "确认删除"
+};
+function isBatchCustomAction(action$1) {
+	return action$1.type === "custom";
 }
-function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUpdateFields, enableExport = true, showDefaultExport = true, enableDelete = true, extraActions, actions }) {
+function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUpdateFields, enableExport = true, showDefaultExport = true, enableDelete = true, extraActions, actions, deleteConfirmation = DEFAULT_DELETE_CONFIRMATION }) {
 	const rows = table.getFilteredSelectedRowModel().rows;
 	const selectedRows = react.useMemo(() => rows.map((row) => row.original), [rows]);
+	const [deleteDialogOpen, setDeleteDialogOpen] = react.useState(false);
+	react.useEffect(() => {
+		if (selectedRows.length === 0) setDeleteDialogOpen(false);
+	}, [selectedRows.length]);
 	const clearSelection = react.useCallback(() => {
 		table.toggleAllRowsSelected(false);
 	}, [table]);
@@ -4533,8 +3555,34 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		});
 	}, [table]);
 	const onDelete = react.useCallback(() => {
-		if (onDeleteSelected) onDeleteSelected(selectedRows);
-	}, [selectedRows, onDeleteSelected]);
+		if (onDeleteSelected && selectedRows.length > 0) {
+			onDeleteSelected(selectedRows);
+			clearSelection();
+		}
+		setDeleteDialogOpen(false);
+	}, [
+		selectedRows,
+		onDeleteSelected,
+		clearSelection
+	]);
+	const runDeleteAction = react.useCallback((action$1, event) => {
+		if (selectedRows.length === 0) {
+			setDeleteDialogOpen(false);
+			return;
+		}
+		if (action$1.onClick) {
+			action$1.onClick(selectedRows, actionContext, event);
+			clearSelection();
+			setDeleteDialogOpen(false);
+			return;
+		}
+		onDelete();
+	}, [
+		actionContext,
+		clearSelection,
+		onDelete,
+		selectedRows
+	]);
 	const handleBatchUpdate = react.useCallback((field, value) => {
 		if (onUpdateSelected) {
 			onUpdateSelected(selectedRows, { [field]: value });
@@ -4546,33 +3594,43 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		clearSelection
 	]);
 	const renderComponent = react.useCallback((component) => typeof component === "function" ? component(actionContext) : component, [actionContext]);
-	const renderBatchUpdate = react.useCallback((keyPrefix = "batch-update") => batchUpdateFields?.map((fieldConfig) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
+	const renderBatchUpdate = react.useCallback((keyPrefix = "batch-update") => batchUpdateFields?.map((fieldConfig) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			variant: "ghost",
 			size: "sm",
 			className: "h-7 gap-1 px-2",
 			children: [fieldConfig.label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "size-3.5" })]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuContent, {
 		align: "start",
-		children: fieldConfig.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+		children: fieldConfig.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuItem, {
 			onClick: () => handleBatchUpdate(fieldConfig.field, option.value),
 			children: option.label
 		}, option.value))
 	})] }, `${keyPrefix}-${fieldConfig.field}`)), [batchUpdateFields, handleBatchUpdate]);
-	const renderBuiltinAction = react.useCallback((action) => {
-		if (!(action.type === "batchUpdate" ? !!onUpdateSelected && !!batchUpdateFields?.length : action.type === "export" ? enableExport : enableDelete && !!onDeleteSelected)) return null;
-		if (action.component) return renderComponent(action.component);
-		if (action.type === "batchUpdate") return renderBatchUpdate(action.type);
-		if (action.type === "export") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarItem, {
-			onClick: (event) => action.onClick ? action.onClick(selectedRows, actionContext, event) : onExport(),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, {}), action.label ?? "Export"]
+	const renderBuiltinAction = react.useCallback((action$1) => {
+		if (!(action$1.type === "batchUpdate" ? !!onUpdateSelected && !!batchUpdateFields?.length : action$1.type === "export" ? enableExport : enableDelete && !!onDeleteSelected)) return null;
+		if (action$1.component) return renderComponent(action$1.component);
+		if (action$1.type === "batchUpdate") return renderBatchUpdate(action$1.type);
+		if (action$1.type === "export") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.ActionBarItem, {
+			onClick: (event) => action$1.onClick ? action$1.onClick(selectedRows, actionContext, event) : onExport(),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, {}), action$1.label ?? "Export"]
 		}, "export");
-		if (action.type === "delete") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarItem, {
-			variant: "destructive",
-			onClick: (event) => action.onClick ? action.onClick(selectedRows, actionContext, event) : onDelete(),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, {}), action.label ?? "Delete"]
+		if (action$1.type === "delete") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialog, {
+			open: deleteDialogOpen,
+			onOpenChange: setDeleteDialogOpen,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.ActionBarItem, {
+				variant: "destructive",
+				onClick: () => setDeleteDialogOpen(true),
+				onSelect: (event) => event.preventDefault(),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, {}), action$1.label ?? "Delete"]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogTitle, { children: deleteConfirmation.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogDescription, { children: deleteConfirmation.description(selectedRows.length) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogCancel, { children: deleteConfirmation.cancel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogAction, {
+				className: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30",
+				disabled: selectedRows.length === 0,
+				onClick: (event) => runDeleteAction(action$1, event),
+				children: deleteConfirmation.confirm
+			})] })] })]
 		}, "delete");
 		return null;
 	}, [
@@ -4580,21 +3638,24 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		batchUpdateFields?.length,
 		enableDelete,
 		enableExport,
+		deleteConfirmation,
+		deleteDialogOpen,
 		onDelete,
 		onDeleteSelected,
 		onUpdateSelected,
 		onExport,
 		renderBatchUpdate,
 		renderComponent,
+		runDeleteAction,
 		selectedRows
 	]);
-	const renderCustomAction = react.useCallback((action, index$1) => {
-		if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderComponent(action.component) }, `custom-${index$1}`);
-		if (!action.label || !action.onClick) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarItem, {
-			variant: action.variant === "destructive" ? "destructive" : "secondary",
-			onClick: (event) => action.onClick?.(selectedRows, actionContext, event),
-			children: action.label
+	const renderCustomAction = react.useCallback((action$1, index$1) => {
+		if (action$1.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderComponent(action$1.component) }, `custom-${index$1}`);
+		if (!action$1.label || !action$1.onClick) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.ActionBarItem, {
+			variant: action$1.variant === "destructive" ? "destructive" : "secondary",
+			onClick: (event) => action$1.onClick?.(selectedRows, actionContext, event),
+			children: action$1.label
 		}, `custom-${index$1}`);
 	}, [
 		actionContext,
@@ -4607,7 +3668,7 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 			{ type: "export" },
 			{ type: "delete" }
 		]) : actions;
-		const resolvedActions = configuredActions?.filter((action) => !action.hidden);
+		const resolvedActions = configuredActions?.filter((action$1) => !action$1.hidden);
 		if (configuredActions === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			renderBuiltinAction({ type: "batchUpdate" }),
 			extraActions,
@@ -4615,9 +3676,9 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 			renderBuiltinAction({ type: "delete" })
 		] });
 		if (!resolvedActions || resolvedActions.length === 0) return null;
-		if (!resolvedActions.some((action) => action.type !== "custom")) {
-			const startNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position === "start").map((action, index$1) => renderCustomAction(action, index$1));
-			const endNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position !== "start").map((action, index$1) => renderCustomAction(action, index$1));
+		if (!resolvedActions.some((action$1) => action$1.type !== "custom")) {
+			const startNodes = resolvedActions.filter(isBatchCustomAction).filter((action$1) => action$1.position === "start").map((action$1, index$1) => renderCustomAction(action$1, index$1));
+			const endNodes = resolvedActions.filter(isBatchCustomAction).filter((action$1) => action$1.position !== "start").map((action$1, index$1) => renderCustomAction(action$1, index$1));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				startNodes,
 				renderBuiltinAction({ type: "batchUpdate" }),
@@ -4627,9 +3688,9 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 				endNodes
 			] });
 		}
-		return resolvedActions.map((action, index$1) => {
-			if (action.type === "custom") return renderCustomAction(action, index$1);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderBuiltinAction(action) }, action.type);
+		return resolvedActions.map((action$1, index$1) => {
+			if (action$1.type === "custom") return renderCustomAction(action$1, index$1);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderBuiltinAction(action$1) }, action$1.type);
 		});
 	}, [
 		actions,
@@ -4638,21 +3699,21 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		renderCustomAction,
 		showDefaultExport
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBar, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.ActionBar, {
 		open: rows.length > 0,
 		onOpenChange,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarSelection, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn_ui.ActionBarSelection, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "font-medium",
 					children: rows.length
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "selected" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarSeparator, {}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarClose, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}) })
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.ActionBarSeparator, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.ActionBarClose, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}) })
 			] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarSeparator, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarGroup, { children: renderedActions })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.ActionBarSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.ActionBarGroup, { children: renderedActions })
 		]
 	});
 }
@@ -4913,7 +3974,7 @@ const filterModeConfig = {
 		tooltip: "Linear-style command filters"
 	}
 };
-function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
+function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : DEFAULT_MODES;
 	const [currentMode, setCurrentMode] = useQueryState("filterMode", parseAsStringEnum(modes).withDefault(modes[0] ?? "simple"));
 	const showToggle = modes.length > 1;
@@ -4984,9 +4045,9 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 	(0, react.useEffect)(() => {
 		onSelectedRowsChange?.(selectedRows);
 	}, [selectedRows, onSelectedRowsChange]);
-	const FilterModeSelect = showToggle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
+	const FilterModeSelect = showToggle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 			variant: "outline",
 			size: "sm",
 			className: "h-8 w-8 p-0",
@@ -4996,21 +4057,21 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "size-4 text-muted-foreground" });
 			})()
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuContent, {
 		align: "end",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuRadioGroup, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuRadioGroup, {
 			value: currentMode,
 			onValueChange: (v) => setCurrentMode(v),
 			children: modes.map((mode) => {
 				const config = filterModeConfig[mode];
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuRadioItem, {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DropdownMenuRadioItem, {
 					value: mode,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(config.icon, { className: "size-4" }), config.label]
 				}, mode);
 			})
 		})
 	})] }) : null;
-	const searchInput = search ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+	const searchInput = search ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 		value: searchValue,
 		onChange: (event) => {
 			setSearchValue(event.target.value);
@@ -5090,7 +4151,8 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 				enableExport,
 				showDefaultExport,
 				extraActions: actionBarExtra,
-				actions: actionBarActions
+				actions: actionBarActions,
+				deleteConfirmation
 			})
 		]
 	});
@@ -5099,16 +4161,16 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 //#endregion
 //#region src/components/auto-crud/form-modal.tsx
 function FormModal({ open, onOpenChange, title, description, children, variant = "dialog", side = "right", className, footer }) {
-	if (variant === "sheet") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Sheet, {
+	if (variant === "sheet") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Sheet, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SheetContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SheetContent, {
 			side,
 			className: cn("sm:max-w-lg flex flex-col p-0", className),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SheetHeader, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SheetHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SheetTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SheetDescription, { children: description })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SheetTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SheetDescription, { children: description })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex-1 overflow-y-auto min-h-0",
@@ -5124,15 +4186,15 @@ function FormModal({ open, onOpenChange, title, description, children, variant =
 			]
 		})
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Dialog, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Dialog, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogContent, {
 			className: cn("max-w-2xl sm:max-w-2xl flex flex-col max-h-[85vh] overflow-hidden p-0", className),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogHeader, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogDescription, { children: description })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogDescription, { children: description })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex-1 overflow-y-auto min-h-0",
@@ -5292,11 +4354,19 @@ function normalizeDataSourceRegistration(registration) {
 	if (typeof registration === "function") return {
 		dependencies: [],
 		reset: false,
+		search: false,
+		debounceMs: 300,
+		loadMore: false,
+		pageSize: 20,
 		load: registration
 	};
 	return {
 		dependencies: Array.isArray(registration.dependencies) ? registration.dependencies : [],
 		reset: registration.reset === true,
+		search: registration.search === true,
+		debounceMs: typeof registration.debounceMs === "number" && registration.debounceMs >= 0 ? registration.debounceMs : 300,
+		loadMore: registration.loadMore === true,
+		pageSize: typeof registration.pageSize === "number" && registration.pageSize > 0 ? registration.pageSize : 20,
 		load: registration.load
 	};
 }
@@ -5323,38 +4393,93 @@ function normalizeOptions(result) {
 		value: String(option.value)
 	}));
 }
+function normalizeHasMore(result) {
+	return !Array.isArray(result) && result?.hasMore === true;
+}
+
+//#endregion
+//#region src/lib/field-config.ts
+function normalizeFieldOptions$1(options) {
+	if (!options || options.length === 0) return void 0;
+	return options.map((option) => ({
+		...option,
+		value: String(option.value)
+	}));
+}
+/**
+* 从统一字段配置生成 Formily overrides。
+* `legacyOverrides` 保持兼容旧 API，字段级 `form` 配置优先级最高。
+*/
+function buildFormOverrides(fields, legacyOverrides, denyFields) {
+	const result = { ...legacyOverrides };
+	if (denyFields) for (const field of denyFields) result[field] = {
+		...result[field],
+		"x-hidden": true
+	};
+	if (fields) for (const [key, config] of Object.entries(fields)) {
+		const fieldOptions = normalizeFieldOptions$1((config.form && typeof config.form === "object" ? config.form : void 0)?.enum) ?? normalizeFieldOptions$1(config.enum);
+		const fieldDataSource = fieldOptions || !config.dataSource ? void 0 : normalizeDataSourceConfig(config.dataSource);
+		if (config.label) result[key] = {
+			...result[key],
+			title: config.label
+		};
+		if (config.hidden) result[key] = {
+			...result[key],
+			"x-hidden": true
+		};
+		if (fieldOptions) result[key] = {
+			...result[key],
+			enum: fieldOptions
+		};
+		if (fieldDataSource) result[key] = {
+			...result[key],
+			"x-data-source": config.dataSource
+		};
+		if (config.form === false) result[key] = {
+			...result[key],
+			"x-hidden": true
+		};
+		else if (config.form && typeof config.form === "object") result[key] = {
+			...result[key],
+			...config.form
+		};
+	}
+	return result;
+}
 
 //#endregion
 //#region src/components/auto-crud/auto-form.tsx
-const COMBOBOX_LIST_CLASS = "[&_[cmdk-list]]:max-h-[360px] [&_[cmdk-list]]:overflow-x-hidden [&_[cmdk-list]]:overflow-y-auto";
-const FormilySwitch = (0, __formily_react.connect)(__pixpilot_shadcn.Switch, (0, __formily_react.mapProps)({
+const COMBOBOX_LIST_CLASS = "[&_[data-multi-combobox-viewport]]:max-h-[360px] [&_[data-multi-combobox-viewport]]:overflow-x-hidden [&_[data-multi-combobox-viewport]]:overflow-y-auto";
+const FormilySwitch = (0, __wordrhyme_formily_shadcn.connect)(__wordrhyme_shadcn.Switch, (0, __wordrhyme_formily_shadcn.mapProps)({
 	value: "checked",
 	onInput: "onCheckedChange"
 }));
-const FormilyCombobox = (0, __formily_react.connect)(AutoCrudCombobox, (0, __formily_react.mapProps)({ dataSource: "options" }));
-const FormilyMultiCombobox = (0, __formily_react.connect)(AutoCrudMultiCombobox, (0, __formily_react.mapProps)({
+const FormilyCombobox = (0, __wordrhyme_formily_shadcn.connect)(AutoCrudCombobox, (0, __wordrhyme_formily_shadcn.mapProps)({ dataSource: "options" }));
+const FormilyMultiCombobox = (0, __wordrhyme_formily_shadcn.connect)(AutoCrudMultiCombobox, (0, __wordrhyme_formily_shadcn.mapProps)({
 	dataSource: "options",
 	onInput: "onChange"
 }, (props, field) => {
-	const fieldValue = field.value;
+	const fieldValue = field && typeof field === "object" && "value" in field ? field.value : props.value;
 	return {
 		...props,
 		value: Array.isArray(fieldValue) ? fieldValue.map(String) : []
 	};
 }));
 function AutoCrudCombobox({ options = [], className, value, onChange,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultiCombobox, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
 		...props,
-		value: value ? [value] : [],
+		mode: "searchable",
+		value: value ?? "",
 		options,
-		selectionMode: "single",
-		onChange: (nextValues) => onChange?.(nextValues[0] ?? ""),
-		className: (0, __pixpilot_shadcn.cn)(COMBOBOX_LIST_CLASS, className)
+		onChange: (nextValue) => onChange?.(nextValue),
+		className: (0, __wordrhyme_shadcn.cn)(COMBOBOX_LIST_CLASS, className)
 	});
 }
 function AutoCrudMultiCombobox({ options = [],...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultiCombobox, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
 		...props,
+		mode: "searchable",
+		multiple: true,
 		options
 	});
 }
@@ -5372,99 +4497,280 @@ const defaultFieldComponents = {
 		decorator: "FormItem"
 	}
 };
-function useRegistryVersion$1(subscribe) {
+const AUTO_CRUD_DATA_SOURCE_SCOPE_KEY = "$autoCrudDataSource";
+const POPUP_SCROLL_LOAD_THRESHOLD$1 = 24;
+const dataSourceReactionStates = /* @__PURE__ */ new WeakMap();
+function createBoundAction(callback) {
+	return __formily_reactive.action.bound?.(callback) ?? ((...args) => (0, __formily_reactive.action)(() => callback(...args)));
+}
+function useRegistryVersion$1(subscribe, onChange) {
 	const [version$1, setVersion] = (0, react.useState)(0);
-	(0, react.useEffect)(() => subscribe(() => setVersion((current) => current + 1)), [subscribe]);
+	(0, react.useEffect)(() => subscribe(() => {
+		onChange?.();
+		setVersion((current) => current + 1);
+	}), [onChange, subscribe]);
 	return version$1;
 }
 function isDataSourceConfig(value) {
 	return typeof value === "string" && value.length > 0;
 }
-function collectDataSourceConfigs(schema, result = {}) {
+function getSchemaDataSourceConfig(schema) {
+	const customDataSource = schema["x-data-source"];
+	const schemaDataSource = schema.dataSource;
+	return isDataSourceConfig(customDataSource) ? customDataSource : isDataSourceConfig(schemaDataSource) ? schemaDataSource : void 0;
+}
+function mergeReactions(existing, reaction) {
+	if (existing == null) return reaction;
+	if (existing === reaction) return existing;
+	if (Array.isArray(existing)) return existing.includes(reaction) ? existing : [...existing, reaction];
+	return [existing, reaction];
+}
+function applyDataSourceReactions(schema) {
+	const dataSourceConfig = getSchemaDataSourceConfig(schema);
+	if (dataSourceConfig) {
+		const reaction = `{{${AUTO_CRUD_DATA_SOURCE_SCOPE_KEY}(${JSON.stringify(dataSourceConfig)})}}`;
+		schema["x-reactions"] = mergeReactions(schema["x-reactions"], reaction);
+	}
 	const properties = schema.properties;
-	if (!properties || typeof properties !== "object") return result;
-	for (const [key, property] of Object.entries(properties)) {
-		if (!property || typeof property !== "object" || Array.isArray(property)) continue;
-		const record = property;
-		const customDataSource = record["x-data-source"];
-		const schemaDataSource = record.dataSource;
-		const dataSourceConfig = isDataSourceConfig(customDataSource) ? customDataSource : isDataSourceConfig(schemaDataSource) ? schemaDataSource : void 0;
-		if (dataSourceConfig) result[key] = dataSourceConfig;
-		collectDataSourceConfigs(record, result);
+	if (properties && typeof properties === "object" && !Array.isArray(properties)) {
+		for (const property of Object.values(properties)) if (property && typeof property === "object" && !Array.isArray(property)) applyDataSourceReactions(property);
 	}
-	return result;
+	const items = schema.items;
+	if (Array.isArray(items)) {
+		for (const item of items) if (item && typeof item === "object") applyDataSourceReactions(item);
+	} else if (items && typeof items === "object") applyDataSourceReactions(items);
+}
+function getDataSourceReactionState(field) {
+	const existing = dataSourceReactionStates.get(field);
+	if (existing) return existing;
+	const next = {
+		hasMore: false,
+		initialized: false,
+		appendLoading: false,
+		options: [],
+		page: 0,
+		requestVersion: 0
+	};
+	dataSourceReactionStates.set(field, next);
+	return next;
+}
+function mergeDataSourceOptions(current, incoming) {
+	const optionsByValue = new Map(current.map((option) => [option.value, option]));
+	for (const option of incoming) optionsByValue.set(option.value, option);
+	return Array.from(optionsByValue.values());
+}
+function isNearPopupScrollBottom$1(target) {
+	return target.scrollHeight - target.scrollTop - target.clientHeight <= POPUP_SCROLL_LOAD_THRESHOLD$1;
+}
+function getDataSourceDependencyValues(entry, field) {
+	return Object.fromEntries(entry.dependencies.map((dependency) => [dependency, field.form.getValuesIn(dependency)]));
+}
+function loadAutoCrudDataSource({ entry, field, registryVersion, search, sourceKey, state, append = false }) {
+	const values = getDataSourceDependencyValues(entry, field);
+	const dependencyKey = JSON.stringify(values);
+	const searchValue = entry.search ? search ?? "" : void 0;
+	const page = entry.loadMore ? append ? state.page + 1 : 1 : void 0;
+	const loadKey = JSON.stringify({
+		values,
+		search: searchValue
+	});
+	if (!append && state.loadKey === loadKey && state.registryVersion === registryVersion) return;
+	if (entry.reset && state.dependencyKey !== void 0 && state.dependencyKey !== dependencyKey) field.setValue(void 0);
+	state.dependencyKey = dependencyKey;
+	if (!append) {
+		state.loadKey = loadKey;
+		state.options = [];
+		state.page = 0;
+		state.hasMore = false;
+	}
+	state.registryVersion = registryVersion;
+	state.controller?.abort();
+	const requestVersion = state.requestVersion + 1;
+	state.requestVersion = requestVersion;
+	const controller = typeof AbortController === "undefined" ? void 0 : new AbortController();
+	state.controller = controller;
+	if (append) {
+		state.appendLoading = true;
+		field.setComponentProps({ loading: true });
+	} else {
+		field.setLoading(true);
+		field.setComponentProps({
+			loading: true,
+			...entry.loadMore ? { hasMore: false } : {}
+		});
+	}
+	Promise.resolve(entry.load({
+		field: field.path.toString(),
+		page,
+		pageSize: entry.loadMore ? entry.pageSize : void 0,
+		search: searchValue,
+		values,
+		signal: controller?.signal
+	})).then(createBoundAction((result) => {
+		if (dataSourceReactionStates.get(field)?.requestVersion !== requestVersion || controller?.signal.aborted) return;
+		const options = normalizeOptions(result);
+		const nextOptions = append ? mergeDataSourceOptions(state.options, options) : options;
+		state.options = nextOptions;
+		state.page = page ?? 0;
+		state.hasMore = entry.loadMore ? normalizeHasMore(result) : false;
+		state.appendLoading = false;
+		field.setDataSource(nextOptions);
+		field.setLoading(false);
+		field.setComponentProps({
+			loading: false,
+			...entry.loadMore ? { hasMore: state.hasMore } : {}
+		});
+	}), createBoundAction((error) => {
+		if (dataSourceReactionStates.get(field)?.requestVersion !== requestVersion || controller?.signal.aborted) return;
+		console.warn(`[AutoCrud] Failed to load data source "${sourceKey}".`, error);
+		if (!append) {
+			state.options = [];
+			state.hasMore = false;
+			field.setDataSource([]);
+		}
+		state.appendLoading = false;
+		field.setLoading(false);
+		field.setComponentProps({
+			loading: false,
+			...entry.loadMore ? { hasMore: state.hasMore } : {}
+		});
+	}));
 }
-function useFormDataSources(form, schema) {
-	(0, react.useEffect)(() => {
-		const sourceEntries = Object.entries(collectDataSourceConfigs(schema)).map(([fieldName, config]) => {
-			const normalized = normalizeDataSourceConfig(config);
-			return normalized ? [fieldName, normalized] : void 0;
-		}).filter((entry) => entry !== void 0);
-		if (sourceEntries.length === 0) return;
-		let active = true;
-		const effectId = Symbol("autoCrudDataSources");
-		const loadVersions = /* @__PURE__ */ new Map();
-		const controller = typeof AbortController === "undefined" ? void 0 : new AbortController();
-		const loadFieldOptions = async (fieldName, source) => {
-			const version$1 = (loadVersions.get(fieldName) ?? 0) + 1;
-			loadVersions.set(fieldName, version$1);
-			const entry = dataSources.get(source.key);
-			if (!entry) {
-				form.setFieldState(fieldName, (state) => {
-					state.dataSource = [];
-				});
-				return;
-			}
-			try {
-				const options = normalizeOptions(await entry.load({
-					field: fieldName,
-					values: Object.fromEntries(entry.dependencies.map((dependency) => [dependency, form.getValuesIn(dependency)])),
-					signal: controller?.signal
-				}));
-				if (!active || loadVersions.get(fieldName) !== version$1) return;
-				form.setFieldState(fieldName, (state) => {
-					state.dataSource = options;
+function applySearchComponentProps({ entry, field, registryState, sourceKey, state }) {
+	if (!entry.search) return;
+	field.setComponentProps({
+		searchValue: state.search ?? "",
+		shouldFilter: false,
+		onSearch: (search) => {
+			if (state.search === search) return;
+			state.search = search;
+			field.setComponentProps({ searchValue: search });
+			if (state.searchTimer) clearTimeout(state.searchTimer);
+			state.searchTimer = setTimeout(() => {
+				const currentEntry = dataSources.get(sourceKey);
+				if (!currentEntry) {
+					state.controller?.abort();
+					field.setDataSource([]);
+					field.setLoading(false);
+					field.setComponentProps({ loading: false });
+					return;
+				}
+				loadAutoCrudDataSource({
+					entry: currentEntry,
+					field,
+					registryVersion: registryState.version,
+					search,
+					sourceKey,
+					state
 				});
-			} catch (error) {
-				if (!active || controller?.signal.aborted) return;
-				console.warn(`[AutoCrud] Failed to load data source "${source.key}".`, error);
-				form.setFieldState(fieldName, (state) => {
-					state.dataSource = [];
+			}, entry.debounceMs);
+		}
+	});
+}
+function applyLoadMoreComponentProps({ entry, field, registryState, sourceKey, state }) {
+	if (!entry.loadMore) return;
+	field.setComponentProps({
+		hasMore: state.hasMore,
+		loading: state.appendLoading,
+		onPopupScroll: (event) => {
+			if (!isNearPopupScrollBottom$1(event.currentTarget)) return;
+			if (!state.hasMore || state.appendLoading) return;
+			const currentEntry = dataSources.get(sourceKey);
+			if (!currentEntry) {
+				state.controller?.abort();
+				state.hasMore = false;
+				state.appendLoading = false;
+				field.setDataSource([]);
+				field.setLoading(false);
+				field.setComponentProps({
+					hasMore: false,
+					loading: false
 				});
+				return;
 			}
-		};
-		for (const [fieldName, source] of sourceEntries) loadFieldOptions(fieldName, source);
-		form.addEffects(effectId, () => {
-			for (const dependency of new Set(sourceEntries.flatMap(([, source]) => dataSources.get(source.key)?.dependencies ?? []))) (0, __formily_core.onFieldValueChange)(dependency, () => {
-				for (const [fieldName, source] of sourceEntries) {
-					const entry = dataSources.get(source.key);
-					if (!entry?.dependencies.includes(dependency)) continue;
-					if (entry.reset) form.setValuesIn(fieldName, void 0);
-					loadFieldOptions(fieldName, source);
-				}
+			loadAutoCrudDataSource({
+				append: true,
+				entry: currentEntry,
+				field,
+				registryVersion: registryState.version,
+				search: state.search,
+				sourceKey,
+				state
 			});
+		}
+	});
+}
+function createAutoCrudDataSourceReaction(config, registryState) {
+	const source = normalizeDataSourceConfig(config);
+	return (field) => {
+		const registryVersion = registryState.version;
+		const state = getDataSourceReactionState(field);
+		if (!state.initialized) {
+			field.disposers.push(() => {
+				state.controller?.abort();
+				if (state.searchTimer) clearTimeout(state.searchTimer);
+			});
+			state.initialized = true;
+		}
+		if (!source) {
+			field.setDataSource([]);
+			field.setLoading(false);
+			return;
+		}
+		const entry = dataSources.get(source.key);
+		if (!entry) {
+			state.controller?.abort();
+			field.setDataSource([]);
+			field.setLoading(false);
+			return;
+		}
+		applySearchComponentProps({
+			entry,
+			field,
+			registryState,
+			sourceKey: source.key,
+			state
 		});
-		return () => {
-			active = false;
-			controller?.abort();
-			form.removeEffects(effectId);
-		};
-	}, [
-		form,
-		schema,
-		useRegistryVersion$1(dataSources.subscribe)
-	]);
+		applyLoadMoreComponentProps({
+			entry,
+			field,
+			registryState,
+			sourceKey: source.key,
+			state
+		});
+		loadAutoCrudDataSource({
+			entry,
+			field,
+			registryVersion,
+			search: state.search,
+			sourceKey: source.key,
+			state
+		});
+	};
 }
-function AutoFormInner({ schema: zodSchema, initialValues, onSubmit, overrides, mode = "create", loading = false, gridColumns = 1, labelAlign = "top", labelWidth, showSubmitButton = true }, ref) {
+function AutoFormInner({ schema: zodSchema, initialValues, onSubmit, fields, overrides, scope: scopeProp, mode = "create", loading = false, gridColumns = 1, labelAlign = "top", labelWidth, showSubmitButton = true }, ref) {
 	const form = (0, react.useMemo)(() => (0, __formily_core.createForm)({ initialValues }), [JSON.stringify(initialValues)]);
-	const formSchema = (0, react.useMemo)(() => createEditFormSchema(zodSchema, {
-		overrides,
-		layout: "grid",
-		gridColumns
-	}), [
+	const dataSourceRegistryState = (0, react.useMemo)(() => (0, __formily_reactive.observable)({ version: 0 }), []);
+	const updateDataSourceRegistryState = (0, react.useCallback)(() => {
+		(0, __formily_reactive.action)(() => {
+			dataSourceRegistryState.version += 1;
+		});
+	}, [dataSourceRegistryState]);
+	const dataSourceRegistryVersion = useRegistryVersion$1(dataSources.subscribe, updateDataSourceRegistryState);
+	const formOverrides = (0, react.useMemo)(() => buildFormOverrides(fields, overrides), [fields, overrides]);
+	const formSchema = (0, react.useMemo)(() => {
+		const nextSchema = createEditFormSchema(zodSchema, {
+			overrides: formOverrides,
+			layout: "grid",
+			gridColumns
+		});
+		applyDataSourceReactions(nextSchema);
+		return nextSchema;
+	}, [
 		zodSchema,
-		overrides,
-		gridColumns
+		formOverrides,
+		gridColumns,
+		dataSourceRegistryVersion
 	]);
 	const formLayout = (0, react.useMemo)(() => {
 		const inlineLabel = labelAlign === "left" || labelAlign === "right";
@@ -5480,21 +4786,25 @@ function AutoFormInner({ schema: zodSchema, initialValues, onSubmit, overrides,
 		...defaultFieldComponents,
 		...components.all()
 	} }), [useRegistryVersion$1(components.subscribe)]);
-	useFormDataSources(form, formSchema);
+	const scope = (0, react.useMemo)(() => ({
+		...scopeProp,
+		[AUTO_CRUD_DATA_SOURCE_SCOPE_KEY]: (config) => createAutoCrudDataSourceReaction(config, dataSourceRegistryState)
+	}), [dataSourceRegistryState, scopeProp]);
 	const handleSubmit = async () => {
 		await form.validate();
 		if (form.valid) await onSubmit(form.values);
 	};
 	(0, react.useImperativeHandle)(ref, () => ({ submit: handleSubmit }));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_formily_shadcn.Form, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_formily_shadcn.Form, {
 		form,
 		layout: formLayout,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_formily_shadcn.JsonSchemaField, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_formily_shadcn.JsonSchemaField, {
 			schema: formSchema,
-			components: fieldComponents
+			components: fieldComponents,
+			scope
 		}), showSubmitButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex justify-end gap-2 mt-6",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				type: "button",
 				onClick: handleSubmit,
 				disabled: loading,
@@ -5509,6 +4819,7 @@ const AutoForm = (0, react.forwardRef)(AutoFormInner);
 //#region src/i18n/locale.ts
 const zhCN = {
 	toolbar: {
+		refresh: "刷新",
 		create: "新建",
 		import: "导入",
 		export: "导出",
@@ -5540,6 +4851,12 @@ const zhCN = {
 		confirm: "确认删除",
 		confirming: "删除中..."
 	},
+	bulkDeleteModal: {
+		title: "确认批量删除",
+		description: (count) => `此操作无法撤销。确定要删除选中的 ${count} 条记录吗？`,
+		cancel: "取消",
+		confirm: "确认删除"
+	},
 	importDialog: {
 		title: "导入数据",
 		uploadDescription: "上传 CSV 或 JSON 文件以批量导入数据",
@@ -5569,6 +4886,7 @@ const zhCN = {
 };
 const enUS = {
 	toolbar: {
+		refresh: "Refresh",
 		create: "New",
 		import: "Import",
 		export: "Export",
@@ -5600,6 +4918,12 @@ const enUS = {
 		confirm: "Delete",
 		confirming: "Deleting..."
 	},
+	bulkDeleteModal: {
+		title: "Confirm Bulk Delete",
+		description: (count) => `This action cannot be undone. Are you sure you want to delete ${count} selected ${count === 1 ? "record" : "records"}?`,
+		cancel: "Cancel",
+		confirm: "Delete"
+	},
 	importDialog: {
 		title: "Import Data",
 		uploadDescription: "Upload a CSV or JSON file to bulk import data",
@@ -5629,6 +4953,7 @@ const enUS = {
 };
 const jaJP = {
 	toolbar: {
+		refresh: "更新",
 		create: "新規作成",
 		import: "インポート",
 		export: "エクスポート",
@@ -5660,6 +4985,12 @@ const jaJP = {
 		confirm: "削除する",
 		confirming: "削除中..."
 	},
+	bulkDeleteModal: {
+		title: "一括削除の確認",
+		description: (count) => `この操作は元に戻せません。選択した${count}件のレコードを削除してもよろしいですか？`,
+		cancel: "キャンセル",
+		confirm: "削除する"
+	},
 	importDialog: {
 		title: "データのインポート",
 		uploadDescription: "CSVまたはJSONファイルをアップロードして一括インポート",
@@ -5689,6 +5020,7 @@ const jaJP = {
 };
 const koKR = {
 	toolbar: {
+		refresh: "새로고침",
 		create: "새로 만들기",
 		import: "가져오기",
 		export: "내보내기",
@@ -5720,6 +5052,12 @@ const koKR = {
 		confirm: "삭제",
 		confirming: "삭제 중..."
 	},
+	bulkDeleteModal: {
+		title: "일괄 삭제 확인",
+		description: (count) => `이 작업은 취소할 수 없습니다. 선택한 ${count}개 레코드를 삭제하시겠습니까?`,
+		cancel: "취소",
+		confirm: "삭제"
+	},
 	importDialog: {
 		title: "데이터 가져오기",
 		uploadDescription: "CSV 또는 JSON 파일을 업로드하여 일괄 가져오기",
@@ -5749,6 +5087,7 @@ const koKR = {
 };
 const frFR = {
 	toolbar: {
+		refresh: "Actualiser",
 		create: "Nouveau",
 		import: "Importer",
 		export: "Exporter",
@@ -5780,6 +5119,12 @@ const frFR = {
 		confirm: "Supprimer",
 		confirming: "Suppression..."
 	},
+	bulkDeleteModal: {
+		title: "Confirmer la suppression en masse",
+		description: (count) => `Cette action est irréversible. Voulez-vous vraiment supprimer les ${count} enregistrements sélectionnés ?`,
+		cancel: "Annuler",
+		confirm: "Supprimer"
+	},
 	importDialog: {
 		title: "Importer des données",
 		uploadDescription: "Téléchargez un fichier CSV ou JSON pour importer en masse",
@@ -5809,6 +5154,7 @@ const frFR = {
 };
 const deDE = {
 	toolbar: {
+		refresh: "Aktualisieren",
 		create: "Neu",
 		import: "Importieren",
 		export: "Exportieren",
@@ -5840,6 +5186,12 @@ const deDE = {
 		confirm: "Löschen",
 		confirming: "Wird gelöscht..."
 	},
+	bulkDeleteModal: {
+		title: "Mehrfaches Löschen bestätigen",
+		description: (count) => `Diese Aktion kann nicht rückgängig gemacht werden. Möchten Sie die ${count} ausgewählten Datensätze wirklich löschen?`,
+		cancel: "Abbrechen",
+		confirm: "Löschen"
+	},
 	importDialog: {
 		title: "Daten importieren",
 		uploadDescription: "CSV- oder JSON-Datei hochladen, um Daten massenweise zu importieren",
@@ -5869,6 +5221,7 @@ const deDE = {
 };
 const esES = {
 	toolbar: {
+		refresh: "Actualizar",
 		create: "Nuevo",
 		import: "Importar",
 		export: "Exportar",
@@ -5900,6 +5253,12 @@ const esES = {
 		confirm: "Eliminar",
 		confirming: "Eliminando..."
 	},
+	bulkDeleteModal: {
+		title: "Confirmar eliminación masiva",
+		description: (count) => `Esta acción no se puede deshacer. ¿Está seguro de que desea eliminar los ${count} registros seleccionados?`,
+		cancel: "Cancelar",
+		confirm: "Eliminar"
+	},
 	importDialog: {
 		title: "Importar datos",
 		uploadDescription: "Suba un archivo CSV o JSON para importar datos de forma masiva",
@@ -5959,7 +5318,7 @@ function resolveLocale(localeProp) {
 
 //#endregion
 //#region src/components/auto-crud/crud-form-modal.tsx
-function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubmit, loading = false, variant = "dialog", overrides, title, locale = zhCN.formModal, gridColumns, labelAlign, labelWidth, className }) {
+function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubmit, loading = false, variant = "dialog", overrides, scope, title, locale = zhCN.formModal, gridColumns, labelAlign, labelWidth, className }) {
 	const defaultTitle = mode === "create" ? locale.createTitle : locale.editTitle;
 	const formRef = (0, react.useRef)(null);
 	const handleSubmit = async () => {
@@ -5973,12 +5332,12 @@ function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubm
 		className,
 		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex justify-end gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				type: "button",
 				variant: "outline",
 				onClick: () => onOpenChange(false),
 				children: locale.cancel
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 				type: "button",
 				onClick: handleSubmit,
 				disabled: loading,
@@ -5993,6 +5352,7 @@ function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubm
 			loading,
 			onSubmit,
 			overrides,
+			scope,
 			gridColumns,
 			labelAlign,
 			labelWidth,
@@ -6067,12 +5427,12 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 		link.click();
 		URL.revokeObjectURL(url);
 	}, [columns]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Dialog, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Dialog, {
 		open,
 		onOpenChange: handleOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
-			className: "sm:max-w-[600px]",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: title ?? locale.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogDescription, { children: [
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogContent, {
+			className: "w-[calc(100vw-2rem)] sm:max-w-5xl",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogTitle, { children: title ?? locale.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogDescription, { children: [
 				step === "upload" && locale.uploadDescription,
 				step === "preview" && locale.previewDescription(parsedData?.rows.length ?? 0),
 				step === "importing" && locale.importingDescription,
@@ -6121,7 +5481,7 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 							className: "hidden",
 							onChange: handleFileInput
 						})]
-					}), columns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					}), columns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 						variant: "outline",
 						size: "sm",
 						className: "w-full",
@@ -6132,41 +5492,30 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "rounded-md border",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "max-h-[300px] overflow-auto",
+								className: "max-h-[45vh] overflow-auto",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
-									className: "w-full text-sm",
+									className: "min-w-max text-sm",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
 										className: "sticky top-0 bg-muted",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-												className: "px-3 py-2 text-left font-medium text-muted-foreground",
-												children: "#"
-											}),
-											parsedData.headers.slice(0, 6).map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-												className: "px-3 py-2 text-left font-medium text-muted-foreground",
-												children: h
-											}, h)),
-											parsedData.headers.length > 6 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
-												className: "px-3 py-2 text-left font-medium text-muted-foreground",
-												children: locale.moreColumns(parsedData.headers.length - 6)
-											})
-										] })
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+											className: "sticky left-0 z-10 bg-muted px-3 py-2 text-left font-medium text-muted-foreground",
+											children: "#"
+										}), parsedData.headers.map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+											className: "max-w-[180px] whitespace-nowrap px-3 py-2 text-left font-medium text-muted-foreground",
+											children: h
+										}, h))] })
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: parsedData.rows.slice(0, 10).map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
 										className: "border-t",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-												className: "px-3 py-2 text-muted-foreground",
-												children: i + 1
-											}),
-											parsedData.headers.slice(0, 6).map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-												className: "px-3 py-2 max-w-[150px] truncate",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+											className: "sticky left-0 bg-background px-3 py-2 text-muted-foreground",
+											children: i + 1
+										}), parsedData.headers.map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+											className: "max-w-[180px] truncate px-3 py-2",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												title: String(row[h] ?? ""),
 												children: String(row[h] ?? "")
-											}, h)),
-											parsedData.headers.length > 6 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
-												className: "px-3 py-2 text-muted-foreground",
-												children: "..."
 											})
-										]
+										}, h))]
 									}, i)) })]
 								})
 							})
@@ -6177,11 +5526,11 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex gap-2 justify-end",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 								variant: "outline",
 								onClick: reset,
 								children: locale.reselect
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 								onClick: handleImport,
 								children: locale.confirmImport
 							})]
@@ -6270,11 +5619,11 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex gap-2 justify-end",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							onClick: () => handleOpenChange(false),
 							children: locale.close
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							onClick: reset,
 							children: locale.continueImport
@@ -6298,12 +5647,12 @@ const listeners = /* @__PURE__ */ new Set();
 let seq = 0;
 let version = 0;
 let notifyScheduled = false;
-function actionKey(registration, action, index$1) {
+function actionKey(registration, action$1, index$1) {
 	return [
 		registration.ownerId,
 		registration.targetId,
 		registration.zone,
-		action.id ?? action.type,
+		action$1.id ?? action$1.type,
 		index$1
 	].join(":");
 }
@@ -6351,15 +5700,15 @@ function sortEntries(left, right) {
 	if (ownerDiff !== 0) return ownerDiff;
 	return left.seq - right.seq;
 }
-function withoutRegistryMeta(action) {
-	const { id, order,...rest } = action;
+function withoutRegistryMeta(action$1) {
+	const { id, order,...rest } = action$1;
 	return rest;
 }
-function isCustomAction$1(action) {
-	return action.type === "custom";
+function isCustomAction$1(action$1) {
+	return action$1.type === "custom";
 }
 function resolveActions$1(targetId, zone, ownerActions) {
-	const baseActions = ownerActions.filter((action) => !action.hidden).map((action) => withoutRegistryMeta(action));
+	const baseActions = ownerActions.filter((action$1) => !action$1.hidden).map((action$1) => withoutRegistryMeta(action$1));
 	if (!targetId) return baseActions;
 	const registered = crudActions.get(targetId, zone);
 	if (registered.length === 0) return baseActions;
@@ -6367,20 +5716,20 @@ function resolveActions$1(targetId, zone, ownerActions) {
 	const startCustomActions = [];
 	const endCustomActions = [];
 	for (const entry of registered) {
-		const action = entry.action;
-		if (action.hidden && isCustomAction$1(action)) continue;
-		if (isCustomAction$1(action)) {
-			const custom = withoutRegistryMeta(action);
+		const action$1 = entry.action;
+		if (action$1.hidden && isCustomAction$1(action$1)) continue;
+		if (isCustomAction$1(action$1)) {
+			const custom = withoutRegistryMeta(action$1);
 			if (custom.position === "start") startCustomActions.push(custom);
 			else endCustomActions.push(custom);
 			continue;
 		}
-		const existingIndex = nextActions.findIndex((item) => item.type === action.type);
-		if (action.hidden) {
+		const existingIndex = nextActions.findIndex((item) => item.type === action$1.type);
+		if (action$1.hidden) {
 			if (existingIndex >= 0) nextActions.splice(existingIndex, 1);
 			continue;
 		}
-		const builtin = withoutRegistryMeta(action);
+		const builtin = withoutRegistryMeta(action$1);
 		if (existingIndex >= 0) nextActions[existingIndex] = {
 			...nextActions[existingIndex],
 			...builtin
@@ -6399,14 +5748,14 @@ const crudActions = {
 			targetId: registration.targetId,
 			zone: registration.zone
 		}, false);
-		registration.actions.forEach((action, index$1) => {
-			const key = actionKey(registration, action, index$1);
+		registration.actions.forEach((action$1, index$1) => {
+			const key = actionKey(registration, action$1, index$1);
 			const entry = {
 				targetId: registration.targetId,
 				zone: registration.zone,
 				ownerId: registration.ownerId,
-				action,
-				order: action.order ?? 100,
+				action: action$1,
+				order: action$1.order ?? 100,
 				seq: seq++
 			};
 			entries.set(key, entry);
@@ -6445,6 +5794,7 @@ function setToolbarResolver(resolver) {
 }
 function getDefaultToolbarActions() {
 	return [
+		{ type: "refresh" },
 		{ type: "import" },
 		{ type: "export" },
 		{ type: "create" }
@@ -6461,8 +5811,8 @@ function getDefaultRowActions() {
 function getDefaultBatchActions() {
 	return [{ type: "batchUpdate" }, { type: "delete" }];
 }
-function isCustomAction(action) {
-	return action.type === "custom";
+function isCustomAction(action$1) {
+	return action$1.type === "custom";
 }
 function resolveOwnerActions(config, defaults) {
 	const resolved = typeof config === "function" ? config([...defaults]) : config;
@@ -6510,7 +5860,7 @@ function haveSameRowSelection(left, right, idKey) {
 	return left.every((row, index$1) => row === right[index$1]);
 }
 function readCreateAction(actions) {
-	return actions.find((action) => action.type === "create");
+	return actions.find((action$1) => action$1.type === "create");
 }
 function resolveToolbarActionsWithResolver(targetId, ownerActions, context) {
 	const resolver = autoCrudToolbarResolver;
@@ -6562,6 +5912,15 @@ function toBatchOptions(options) {
 		value
 	}));
 }
+const POPUP_SCROLL_LOAD_THRESHOLD = 24;
+function isNearPopupScrollBottom(target) {
+	return target.scrollHeight - target.scrollTop - target.clientHeight <= POPUP_SCROLL_LOAD_THRESHOLD;
+}
+function mergeFilterOptions(current, incoming) {
+	const optionsByValue = new Map((current ?? []).map((option) => [option.value, option]));
+	for (const option of incoming) optionsByValue.set(option.value, option);
+	return Array.from(optionsByValue.values());
+}
 function getFilterDataSource(config) {
 	if (config.filter && typeof config.filter === "object") return config.filter.dataSource ?? config.dataSource;
 	return config.dataSource;
@@ -6585,7 +5944,20 @@ function useCrudActionsVersion() {
 }
 function useDynamicFilterOptions(fields) {
 	const registryVersion = useRegistryVersion(dataSources.subscribe);
+	const [searchValues, setSearchValues] = react.useState({});
+	const [hasMoreByField, setHasMoreByField] = react.useState({});
+	const [labelOptionsByField, setLabelOptionsByField] = react.useState({});
+	const [loadingByField, setLoadingByField] = react.useState({});
 	const [optionsByField, setOptionsByField] = react.useState({});
+	const controllersRef = react.useRef({});
+	const hasMoreByFieldRef = react.useRef({});
+	const loadingByFieldRef = react.useRef({});
+	const optionsByFieldRef = react.useRef({});
+	const pageByFieldRef = react.useRef({});
+	const requestVersionsRef = react.useRef({});
+	const searchValuesRef = react.useRef({});
+	const sourceEntriesByFieldRef = react.useRef({});
+	const timersRef = react.useRef({});
 	const sourceEntries = react.useMemo(() => {
 		if (!fields) return [];
 		return Object.entries(fields).flatMap(([field, config]) => {
@@ -6597,36 +5969,185 @@ function useDynamicFilterOptions(fields) {
 			}] : [];
 		});
 	}, [fields]);
+	const sourceEntriesByField = react.useMemo(() => Object.fromEntries(sourceEntries.map(({ field, source }) => [field, source])), [sourceEntries]);
 	react.useEffect(() => {
-		if (sourceEntries.length === 0) {
-			setOptionsByField({});
+		searchValuesRef.current = searchValues;
+	}, [searchValues]);
+	react.useEffect(() => {
+		sourceEntriesByFieldRef.current = sourceEntriesByField;
+	}, [sourceEntriesByField]);
+	const registeredByField = react.useMemo(() => Object.fromEntries(sourceEntries.map(({ field, source }) => [field, dataSources.get(source.key) !== void 0])), [sourceEntries, registryVersion]);
+	const searchableByField = react.useMemo(() => Object.fromEntries(sourceEntries.map(({ field, source }) => [field, dataSources.get(source.key)?.search === true])), [sourceEntries, registryVersion]);
+	const setFieldState = react.useCallback((setter, ref, field, value) => {
+		ref.current = {
+			...ref.current,
+			[field]: value
+		};
+		setter(ref.current);
+	}, []);
+	const removeInactiveFieldState = react.useCallback((setter, ref, activeFields) => {
+		const nextEntries = Object.entries(ref.current).filter(([field]) => activeFields.has(field));
+		if (nextEntries.length === Object.keys(ref.current).length) return;
+		ref.current = Object.fromEntries(nextEntries);
+		setter(ref.current);
+	}, []);
+	const setFieldOptions = react.useCallback((field, options) => {
+		optionsByFieldRef.current = {
+			...optionsByFieldRef.current,
+			[field]: options
+		};
+		setOptionsByField(optionsByFieldRef.current);
+	}, []);
+	const setFieldLoading = react.useCallback((field, loading) => {
+		setFieldState(setLoadingByField, loadingByFieldRef, field, loading);
+	}, [setFieldState]);
+	const setFieldHasMore = react.useCallback((field, hasMore) => {
+		setFieldState(setHasMoreByField, hasMoreByFieldRef, field, hasMore);
+	}, [setFieldState]);
+	const clearFieldRequest = react.useCallback((field) => {
+		const timer = timersRef.current[field];
+		if (timer) clearTimeout(timer);
+		timersRef.current[field] = void 0;
+		controllersRef.current[field]?.abort();
+		controllersRef.current[field] = void 0;
+	}, []);
+	const resetField = react.useCallback((field, { clearLabels = false } = {}) => {
+		clearFieldRequest(field);
+		setFieldOptions(field, []);
+		setFieldLoading(field, false);
+		setFieldHasMore(field, false);
+		pageByFieldRef.current = {
+			...pageByFieldRef.current,
+			[field]: 0
+		};
+		if (clearLabels) setLabelOptionsByField((current) => {
+			const { [field]: _,...rest } = current;
+			return rest;
+		});
+	}, [
+		clearFieldRequest,
+		setFieldHasMore,
+		setFieldLoading,
+		setFieldOptions
+	]);
+	const loadFieldOptions = react.useCallback((field, append = false) => {
+		if (append) {
+			if (loadingByFieldRef.current[field] || !hasMoreByFieldRef.current[field]) return;
+		}
+		const source = sourceEntriesByFieldRef.current[field];
+		const entry = source ? dataSources.get(source.key) : void 0;
+		if (!source || !entry) {
+			resetField(field);
 			return;
 		}
-		let active = true;
+		const requestVersion = (requestVersionsRef.current[field] ?? 0) + 1;
+		requestVersionsRef.current = {
+			...requestVersionsRef.current,
+			[field]: requestVersion
+		};
+		clearFieldRequest(field);
 		const controller = typeof AbortController === "undefined" ? void 0 : new AbortController();
-		Promise.all(sourceEntries.map(async ({ field, source }) => {
-			const entry = dataSources.get(source.key);
-			if (!entry) return [field, []];
-			try {
-				return [field, normalizeOptions(await entry.load({
-					field,
-					values: {},
-					signal: controller?.signal
-				}))];
-			} catch (error) {
-				if (!controller?.signal.aborted) console.warn(`[AutoCrud] Failed to load filter data source "${source.key}".`, error);
-				return [field, []];
-			}
-		})).then((entries$1) => {
-			if (!active) return;
-			setOptionsByField(Object.fromEntries(entries$1));
-		});
-		return () => {
-			active = false;
-			controller?.abort();
+		controllersRef.current[field] = controller;
+		const search = entry.search ? searchValuesRef.current[field] ?? "" : void 0;
+		const page = entry.loadMore ? append ? (pageByFieldRef.current[field] ?? 0) + 1 : 1 : void 0;
+		setFieldLoading(field, true);
+		if (!append) setFieldHasMore(field, false);
+		const timer = setTimeout(() => {
+			Promise.resolve(entry.load({
+				field,
+				page,
+				pageSize: entry.loadMore ? entry.pageSize : void 0,
+				search,
+				values: {},
+				signal: controller?.signal
+			})).then((result) => {
+				if (requestVersionsRef.current[field] !== requestVersion || controller?.signal.aborted) return;
+				const options = normalizeOptions(result);
+				const nextOptions = append ? mergeFilterOptions(optionsByFieldRef.current[field], options) : options;
+				const hasMore = normalizeHasMore(result);
+				setFieldOptions(field, nextOptions);
+				setLabelOptionsByField((current) => ({
+					...current,
+					[field]: mergeFilterOptions(current[field], nextOptions)
+				}));
+				pageByFieldRef.current = {
+					...pageByFieldRef.current,
+					[field]: page ?? 0
+				};
+				setFieldHasMore(field, hasMore);
+				setFieldLoading(field, false);
+			}, (error) => {
+				if (controller?.signal.aborted) return;
+				console.warn(`[AutoCrud] Failed to load filter data source "${source.key}".`, error);
+				if (!append) {
+					setFieldOptions(field, []);
+					setFieldHasMore(field, false);
+					pageByFieldRef.current = {
+						...pageByFieldRef.current,
+						[field]: 0
+					};
+				}
+				setFieldLoading(field, false);
+			});
+		}, !append && entry.search ? entry.debounceMs : 0);
+		timersRef.current[field] = timer;
+	}, [
+		clearFieldRequest,
+		resetField,
+		setFieldHasMore,
+		setFieldLoading,
+		setFieldOptions
+	]);
+	const setSearchValue = react.useCallback((field, value) => {
+		searchValuesRef.current = {
+			...searchValuesRef.current,
+			[field]: value
 		};
-	}, [sourceEntries, registryVersion]);
-	return optionsByField;
+		setSearchValues((current) => current[field] === value ? current : {
+			...current,
+			[field]: value
+		});
+	}, []);
+	react.useEffect(() => {
+		if (sourceEntries.length === 0) {
+			hasMoreByFieldRef.current = {};
+			loadingByFieldRef.current = {};
+			optionsByFieldRef.current = {};
+			pageByFieldRef.current = {};
+			Object.keys(controllersRef.current).forEach(clearFieldRequest);
+			setHasMoreByField({});
+			setLoadingByField({});
+			setOptionsByField({});
+			return;
+		}
+		const activeFields = new Set(sourceEntries.map(({ field }) => field));
+		removeInactiveFieldState(setHasMoreByField, hasMoreByFieldRef, activeFields);
+		removeInactiveFieldState(setLoadingByField, loadingByFieldRef, activeFields);
+		removeInactiveFieldState(setOptionsByField, optionsByFieldRef, activeFields);
+		for (const field of Object.keys(controllersRef.current)) if (!activeFields.has(field)) clearFieldRequest(field);
+		for (const { field } of sourceEntries) loadFieldOptions(field);
+	}, [
+		clearFieldRequest,
+		loadFieldOptions,
+		removeInactiveFieldState,
+		sourceEntries,
+		registryVersion,
+		searchValues
+	]);
+	react.useEffect(() => () => {
+		for (const field of Object.keys(controllersRef.current)) clearFieldRequest(field);
+	}, [clearFieldRequest]);
+	return {
+		hasMoreByField,
+		labelOptionsByField,
+		loadingByField,
+		optionsByField,
+		registeredByField,
+		searchValues,
+		searchableByField,
+		loadMore: (field) => loadFieldOptions(field, true),
+		setSearchValue
+	};
 }
 function getOptionLabel(value, options) {
 	const stringValue = String(value);
@@ -6636,12 +6157,15 @@ function getOptionLabel(value, options) {
 * 从统一配置生成表格 overrides
 * 当 filter 配置存在时，合并到 meta 中（不影响列隐藏）
 */
-function buildTableOverrides(fields, legacyOverrides, dynamicFilterOptions) {
+function buildTableOverrides(fields, legacyOverrides, dynamicFilterState) {
 	const result = { ...legacyOverrides };
 	if (fields) for (const [key, config] of Object.entries(fields)) {
 		const fieldOptions = normalizeFieldOptions(config.enum);
 		const tableOptions = toTableOptions(fieldOptions);
-		const dynamicOptions = !fieldOptions ? toTableOptions(normalizeFieldOptions(dynamicFilterOptions?.[key])) : void 0;
+		const filterDataSourceRegistered = dynamicFilterState?.registeredByField[key];
+		const filterDataSourceSearchable = dynamicFilterState?.searchableByField[key];
+		const currentDynamicOptions = !fieldOptions && filterDataSourceRegistered ? toTableOptions(dynamicFilterState?.optionsByField[key] ?? []) : void 0;
+		const dynamicOptions = !fieldOptions && filterDataSourceRegistered ? toTableOptions(dynamicFilterState?.labelOptionsByField[key] ?? dynamicFilterState?.optionsByField[key] ?? []) : void 0;
 		const tableMeta = config.table !== false && typeof config.table === "object" ? config.table.meta : void 0;
 		const fieldEnumMeta = tableOptions ? {
 			options: tableOptions,
@@ -6649,7 +6173,19 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterOptions) {
 		} : void 0;
 		const fieldDataSourceMeta = dynamicOptions ? {
 			options: dynamicOptions,
-			variant: "multiSelect"
+			autoCrudFilterOptions: currentDynamicOptions ?? dynamicOptions,
+			autoCrudFilterHasMore: dynamicFilterState?.hasMoreByField[key] ?? false,
+			autoCrudFilterLoading: dynamicFilterState?.loadingByField[key] ?? false,
+			autoCrudFilterOnPopupScroll: (event) => {
+				if (!isNearPopupScrollBottom(event.currentTarget)) return;
+				dynamicFilterState?.loadMore(key);
+			},
+			variant: "multiSelect",
+			...filterDataSourceSearchable ? {
+				autoCrudFilterSearchValue: dynamicFilterState?.searchValues[key] ?? "",
+				autoCrudFilterOnSearch: (value) => dynamicFilterState?.setSearchValue(key, value),
+				autoCrudFilterShouldFilter: false
+			} : void 0
 		} : void 0;
 		let filterMeta;
 		if (config.filter && typeof config.filter === "object") {
@@ -6701,46 +6237,6 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterOptions) {
 	return result;
 }
 /**
-* 从统一配置生成表单 overrides
-* Critical #2: 支持 denyFields 隐藏敏感字段
-*/
-function buildFormOverrides(fields, legacyOverrides, denyFields) {
-	const result = { ...legacyOverrides };
-	if (denyFields) for (const field of denyFields) result[field] = {
-		...result[field],
-		"x-hidden": true
-	};
-	if (fields) for (const [key, config] of Object.entries(fields)) {
-		const fieldOptions = normalizeFieldOptions((config.form && typeof config.form === "object" ? config.form : void 0)?.enum) ?? normalizeFieldOptions(config.enum);
-		const fieldDataSource = fieldOptions || !config.dataSource ? void 0 : normalizeDataSourceConfig(config.dataSource);
-		if (config.label) result[key] = {
-			...result[key],
-			title: config.label
-		};
-		if (config.hidden) result[key] = {
-			...result[key],
-			"x-hidden": true
-		};
-		if (fieldOptions) result[key] = {
-			...result[key],
-			enum: fieldOptions
-		};
-		if (fieldDataSource) result[key] = {
-			...result[key],
-			"x-data-source": config.dataSource
-		};
-		if (config.form === false) result[key] = {
-			...result[key],
-			"x-hidden": true
-		};
-		else if (config.form && typeof config.form === "object") result[key] = {
-			...result[key],
-			...config.form
-		};
-	}
-	return result;
-}
-/**
 * 从统一配置生成隐藏列列表
 */
 function buildHiddenColumns(fields, legacyHidden, denyFields) {
@@ -6804,15 +6300,15 @@ function renderFieldValue(value, type, booleanLocale, options) {
 	if (options && options.length > 0) {
 		if (Array.isArray(value)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex gap-1 flex-wrap",
-			children: [value.slice(0, 5).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+			children: [value.slice(0, 5).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 				variant: "secondary",
 				children: getOptionLabel(v, options)
-			}, i)), value.length > 5 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
+			}, i)), value.length > 5 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
 				variant: "outline",
 				children: ["+", value.length - 5]
 			})]
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 			variant: "outline",
 			className: "capitalize",
 			children: getOptionLabel(value, options)
@@ -6821,17 +6317,17 @@ function renderFieldValue(value, type, booleanLocale, options) {
 	switch (type) {
 		case "boolean": return value ? booleanLocale.true : booleanLocale.false;
 		case "date": return formatDate(value);
-		case "enum": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+		case "enum": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 			variant: "outline",
 			className: "capitalize",
 			children: String(value)
 		});
 		case "array": return Array.isArray(value) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex gap-1 flex-wrap",
-			children: [value.slice(0, 5).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+			children: [value.slice(0, 5).map((v, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 				variant: "secondary",
 				children: String(v)
-			}, i)), value.length > 5 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
+			}, i)), value.length > 5 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
 				variant: "outline",
 				children: ["+", value.length - 5]
 			})]
@@ -6868,18 +6364,18 @@ function ViewModal({ open, onOpenChange, variant, data, schema, fields: fieldCon
 			}, key);
 		})
 	});
-	if (variant === "sheet") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Sheet, {
+	if (variant === "sheet") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Sheet, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SheetContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SheetHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SheetTitle, { children: locale.viewModal.title }) }), content] })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SheetContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SheetHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SheetTitle, { children: locale.viewModal.title }) }), content] })
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Dialog, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Dialog, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogContent, {
 			"aria-describedby": void 0,
 			className: "max-w-2xl max-h-[80vh] overflow-y-auto",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: locale.viewModal.title }) }), content]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogTitle, { children: locale.viewModal.title }) }), content]
 		})
 	});
 }
@@ -7047,6 +6543,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		rowIds,
 		selectedRowIds,
 		selectedCount,
+		isRefreshing: resource.tableData.isFetching,
+		...resource.handlers.refresh ? { refresh: resource.handlers.refresh } : {},
 		...toolbarOpenCreate ? { openCreate: toolbarOpenCreate } : {}
 	}), [
 		id,
@@ -7054,6 +6552,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		rowIds,
 		selectedRowIds,
 		selectedCount,
+		resource.handlers.refresh,
+		resource.tableData.isFetching,
 		toolbarOpenCreate
 	]);
 	const resolvedToolbarActions = resolveToolbarActionsWithResolver(id, registryToolbarActions, toolbarContext);
@@ -7167,20 +6667,31 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				className: "flex items-center justify-end gap-4",
 				children: (() => {
 					const renderBuiltinButton = (type, overrides) => {
-						if (type === "import" && canImport) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+						if (type === "refresh") {
+							const onRefresh = overrides?.onClick ?? resource.handlers.refresh;
+							if (!onRefresh) return null;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
+								variant: "outline",
+								size: "sm",
+								onClick: onRefresh,
+								disabled: resource.tableData.isFetching,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RefreshCw, { className: resource.tableData.isFetching ? "mr-2 h-4 w-4 animate-spin" : "mr-2 h-4 w-4" }), overrides?.label ?? locale.toolbar.refresh]
+							}, "refresh");
+						}
+						if (type === "import" && canImport) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							size: "sm",
 							onClick: overrides?.onClick ?? (() => setImportOpen(true)),
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "mr-2 h-4 w-4" }), overrides?.label ?? locale.toolbar.import]
 						}, "import");
-						if (type === "export" && canExport) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+						if (type === "export" && canExport) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							size: "sm",
 							onClick: overrides?.onClick ?? handleExportClick,
 							disabled: exporting || selectedCount === 0 && !resource.handlers.export,
 							children: [exporting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "mr-2 h-4 w-4" }), overrides?.label ?? (selectedCount > 0 ? locale.toolbar.exportSelected(selectedCount) : locale.toolbar.export)]
 						}, "export");
-						if (type === "create" && can.create) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						if (type === "create" && can.create) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 							onClick: overrides?.onClick ?? onCreate ?? resource.handlers.openCreate,
 							children: overrides?.label ?? locale.toolbar.create
 						}, "create");
@@ -7195,6 +6706,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 							className: "flex items-center gap-2",
 							children: [
 								startNodes,
+								renderBuiltinButton("refresh"),
 								renderBuiltinButton("import"),
 								renderBuiltinButton("export"),
 								renderBuiltinButton("create"),
@@ -7204,13 +6716,20 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 					}
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "flex items-center gap-2",
-						children: resolvedToolbarActions.map((action, index$1) => {
-							if (action.type === "custom") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action.component) }, `custom-${index$1}`);
-							if (!(action.type === "import" ? canImport : action.type === "export" ? canExport : can.create)) return null;
-							if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action.component) }, action.type);
-							return renderBuiltinButton(action.type, {
-								onClick: action.onClick,
-								label: action.label
+						children: resolvedToolbarActions.map((action$1, index$1) => {
+							if (action$1.type === "custom") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action$1.component) }, `custom-${index$1}`);
+							if (!(() => {
+								switch (action$1.type) {
+									case "refresh": return !!(resource.handlers.refresh || action$1.onClick || action$1.component);
+									case "import": return canImport;
+									case "export": return canExport;
+									case "create": return can.create;
+								}
+							})()) return null;
+							if (action$1.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action$1.component) }, action$1.type);
+							return renderBuiltinButton(action$1.type, {
+								onClick: action$1.onClick,
+								label: action$1.label
 							});
 						})
 					});
@@ -7229,6 +6748,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				onUpdateSelected: can.update ? resource.handlers.updateMany : void 0,
 				batchUpdateFields: can.update ? batchFields : void 0,
 				actionBarActions: registryBatchActions,
+				deleteConfirmation: locale.bulkDeleteModal,
 				enableExport: canExport,
 				showDefaultExport: false,
 				initialSorting: tableConfig?.defaultSort,
@@ -7248,6 +6768,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				loading: resource.mutations.isCreating || resource.mutations.isUpdating,
 				variant: resource.modal.variant,
 				overrides: formOverrides,
+				scope: formConfig?.scope,
 				locale: locale.formModal,
 				gridColumns: formConfig?.columns,
 				className: formConfig?.className
@@ -7259,14 +6780,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				data: resource.modal.selected,
 				schema: resolvedSchema,
 				fields: resolvedFields,
-				dynamicOptions: dynamicFilterOptions,
+				dynamicOptions: dynamicFilterOptions.optionsByField,
 				denyFields,
 				locale
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDialog, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialog, {
 				open: resource.modal.deleteOpen,
 				onOpenChange: (open) => !open && resource.handlers.closeModals(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDialogTitle, { children: locale.deleteModal.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDialogDescription, { children: locale.deleteModal.description })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDialogCancel, { children: locale.deleteModal.cancel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.AlertDialogAction, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogTitle, { children: locale.deleteModal.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogDescription, { children: locale.deleteModal.description })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.AlertDialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogCancel, { children: locale.deleteModal.cancel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.AlertDialogAction, {
 					onClick: resource.handlers.confirmDelete,
 					disabled: resource.mutations.isDeleting,
 					children: resource.mutations.isDeleting ? locale.deleteModal.confirming : locale.deleteModal.confirm
@@ -7307,12 +6828,12 @@ function ExportDialog({ open, onOpenChange, selectedCount, onExport, canExportFi
 		}
 	}, [onExport, handleOpenChange]);
 	const hasSelected = selectedCount > 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Dialog, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Dialog, {
 		open,
 		onOpenChange: handleOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogContent, {
 			className: "sm:max-w-[400px]",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: "导出数据" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogDescription, { children: "选择导出范围" })] }), done ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogTitle, { children: "导出数据" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogDescription, { children: "选择导出范围" })] }), done ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex flex-col items-center gap-3 py-6",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-10 w-10 text-green-500" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-sm text-muted-foreground",
@@ -7320,7 +6841,7 @@ function ExportDialog({ open, onOpenChange, selectedCount, onExport, canExportFi
 				})]
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "grid gap-3 py-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 					variant: "outline",
 					className: "h-auto justify-start gap-3 px-4 py-3",
 					disabled: !hasSelected || exporting !== null,
@@ -7335,7 +6856,7 @@ function ExportDialog({ open, onOpenChange, selectedCount, onExport, canExportFi
 							children: hasSelected ? "导出当前勾选的数据行" : "请先在表格中勾选数据行"
 						})]
 					})]
-				}), canExportFiltered && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+				}), canExportFiltered && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 					variant: "outline",
 					className: "h-auto justify-start gap-3 px-4 py-3",
 					disabled: exporting !== null,
@@ -7382,19 +6903,33 @@ function DataTableAdvancedToolbar({ table, children, className,...props }) {
 function DataTableFacetedFilter({ column, title, options, multiple }) {
 	const columnFilterValue = column?.getFilterValue();
 	const selectedValues = Array.isArray(columnFilterValue) ? columnFilterValue.filter((value) => typeof value === "string") : [];
+	const currentOptions = column?.columnDef.meta?.autoCrudFilterOptions ?? options;
+	const currentOptionValues = new Set(currentOptions.map((option) => option.value));
+	const selectedOptionValues = new Set(selectedValues);
+	const comboboxOptions = currentOptions === options ? currentOptions : [...options.filter((option) => selectedOptionValues.has(option.value) && !currentOptionValues.has(option.value)), ...currentOptions];
 	const onChange = (nextValues) => {
 		column?.setFilterValue(nextValues.length ? nextValues : void 0);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultiCombobox, {
-		value: selectedValues,
-		onChange,
-		options,
-		selectionMode: multiple ? "multiple" : "single",
+	const onSelectChange = (nextValue) => {
+		onChange(Array.isArray(nextValue) ? nextValue : nextValue ? [nextValue] : []);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
+		mode: "searchable",
+		multiple: Boolean(multiple),
+		value: multiple ? selectedValues : selectedValues[0] ?? "",
+		onChange: onSelectChange,
+		options: comboboxOptions,
 		searchPlaceholder: title,
+		hasMore: column?.columnDef.meta?.autoCrudFilterHasMore,
+		loading: column?.columnDef.meta?.autoCrudFilterLoading,
+		searchValue: column?.columnDef.meta?.autoCrudFilterSearchValue,
+		shouldFilter: column?.columnDef.meta?.autoCrudFilterShouldFilter,
+		onPopupScroll: column?.columnDef.meta?.autoCrudFilterOnPopupScroll,
+		onSearch: column?.columnDef.meta?.autoCrudFilterOnSearch,
 		contentClassName: "w-50",
 		matchTriggerWidth: false,
 		clearText: "Clear filters",
-		renderTrigger: ({ selectedOptions, selectedValues: selectedValues$1, clearSelection }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		renderTrigger: ({ selectedOptions, selectedValues: selectedValues$1, clearSelection }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
@@ -7411,22 +6946,22 @@ function DataTableFacetedFilter({ column, title, options, multiple }) {
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PlusCircle, {}),
 				title,
 				selectedValues$1.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 data-[orientation=vertical]:h-4"
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 						variant: "secondary",
 						className: "rounded-sm px-1 font-normal lg:hidden",
 						children: selectedValues$1.length
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "hidden items-center gap-1 lg:flex",
-						children: selectedValues$1.length > 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Badge, {
+						children: selectedValues$1.length > 2 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
 							variant: "secondary",
 							className: "rounded-sm px-1 font-normal",
 							children: [selectedValues$1.length, " selected"]
-						}) : selectedOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Badge, {
+						}) : selectedOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 							variant: "secondary",
 							className: "rounded-sm px-1 font-normal",
 							children: option.label
@@ -7566,7 +7101,7 @@ function DataTableDateFilter({ column, title, multiple }) {
 			const dateText$1 = hasSelectedDates ? formatDateRange(selectedDates) : "Select date range";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), hasSelectedDates && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), hasSelectedDates && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 					orientation: "vertical",
 					className: "mx-0.5 data-[orientation=vertical]:h-4"
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: dateText$1 })] })]
@@ -7577,7 +7112,7 @@ function DataTableDateFilter({ column, title, multiple }) {
 		const dateText = hasSelectedDate ? formatDate(selectedDates[0]) : "Select date";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), hasSelectedDate && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), hasSelectedDate && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 				orientation: "vertical",
 				className: "mx-0.5 data-[orientation=vertical]:h-4"
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: dateText })] })]
@@ -7588,9 +7123,9 @@ function DataTableDateFilter({ column, title, multiple }) {
 		formatDateRange,
 		title
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			variant: "outline",
 			size: "sm",
 			className: "border-dashed font-normal",
@@ -7603,16 +7138,16 @@ function DataTableDateFilter({ column, title, multiple }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XCircle, {})
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, {}), label]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverContent, {
 		className: "w-auto p-0",
 		align: "start",
-		children: multiple ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+		children: multiple ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 			autoFocus: true,
 			captionLayout: "dropdown",
 			mode: "range",
 			selected: localRange,
 			onSelect
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Calendar, {
 			captionLayout: "dropdown",
 			mode: "single",
 			selected: !getIsDateRange(selectedDates) ? selectedDates[0] : void 0,
@@ -7701,9 +7236,9 @@ function DataTableSliderFilter({ column, title }) {
 		if (event.target instanceof HTMLDivElement) event.stopPropagation();
 		column.setFilterValue(void 0);
 	}, [column]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.PopoverTrigger, {
 		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 			variant: "outline",
 			size: "sm",
 			className: "border-dashed font-normal",
@@ -7718,7 +7253,7 @@ function DataTableSliderFilter({ column, title }) {
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PlusCircle, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }),
 				columnFilterValue ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Separator, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 data-[orientation=vertical]:h-4"
 					}),
@@ -7730,7 +7265,7 @@ function DataTableSliderFilter({ column, title }) {
 				] }) : null
 			]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.PopoverContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.PopoverContent, {
 		align: "start",
 		className: "flex w-auto flex-col gap-4",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -7743,14 +7278,14 @@ function DataTableSliderFilter({ column, title }) {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex items-center gap-4",
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Label, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Label, {
 							htmlFor: `${id}-from`,
 							className: "sr-only",
 							children: "From"
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 								id: `${id}-from`,
 								type: "number",
 								"aria-valuemin": min,
@@ -7768,14 +7303,14 @@ function DataTableSliderFilter({ column, title }) {
 								children: unit
 							})]
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Label, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Label, {
 							htmlFor: `${id}-to`,
 							className: "sr-only",
 							children: "to"
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 								id: `${id}-to`,
 								type: "number",
 								"aria-valuemin": min,
@@ -7795,12 +7330,12 @@ function DataTableSliderFilter({ column, title }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Label, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Label, {
 					htmlFor: `${id}-slider`,
 					className: "sr-only",
 					children: [title, " slider"]
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Slider, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Slider, {
 					id: `${id}-slider`,
 					min,
 					max,
@@ -7810,7 +7345,7 @@ function DataTableSliderFilter({ column, title }) {
 					onValueCommit: onSliderValueCommit
 				})
 			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
 			"aria-label": `Clear ${title} filter`,
 			variant: "outline",
 			size: "sm",
@@ -7835,7 +7370,7 @@ function DataTableToolbar({ table, children, className,...props }) {
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex flex-1 flex-wrap items-center gap-2",
-			children: [columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableToolbarFilter, { column }, column.id)), isFiltered && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+			children: [columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableToolbarFilter, { column }, column.id)), isFiltered && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 				"aria-label": "Reset filters",
 				variant: "outline",
 				size: "sm",
@@ -7860,7 +7395,7 @@ function DataTableToolbarFilter({ column }) {
 			const modes = columnMeta.modes;
 			if (modes && !modes.includes("advanced")) return null;
 			switch (columnMeta.variant) {
-				case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+				case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 					placeholder: columnMeta.placeholder ?? columnMeta.label,
 					value: column.getFilterValue() ?? "",
 					onChange: (event) => column.setFilterValue(event.target.value),
@@ -7868,7 +7403,7 @@ function DataTableToolbarFilter({ column }) {
 				});
 				case "number": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Input, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Input, {
 						type: "number",
 						inputMode: "numeric",
 						placeholder: columnMeta.placeholder ?? columnMeta.label,
@@ -7969,8 +7504,8 @@ function readMetadataFields(fields) {
 /**
 * Modal 状态 Reducer
 */
-function modalReducer(state, action) {
-	switch (action.type) {
+function modalReducer(state, action$1) {
+	switch (action$1.type) {
 		case "OPEN_CREATE": return {
 			...state,
 			createOpen: true,
@@ -7981,22 +7516,22 @@ function modalReducer(state, action) {
 			...state,
 			createOpen: true,
 			selected: null,
-			copySource: action.payload
+			copySource: action$1.payload
 		};
 		case "OPEN_EDIT": return {
 			...state,
 			editOpen: true,
-			selected: action.payload
+			selected: action$1.payload
 		};
 		case "OPEN_DELETE": return {
 			...state,
 			deleteOpen: true,
-			selected: action.payload
+			selected: action$1.payload
 		};
 		case "OPEN_VIEW": return {
 			...state,
 			viewOpen: true,
-			selected: action.payload
+			selected: action$1.payload
 		};
 		case "CLOSE_ALL": return {
 			...state,
@@ -8009,7 +7544,7 @@ function modalReducer(state, action) {
 		};
 		case "SET_VARIANT": return {
 			...state,
-			variant: action.payload
+			variant: action$1.payload
 		};
 		default: return state;
 	}
@@ -8306,6 +7841,9 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 		queryInput
 	]);
 	const canExport = !!(exportFetcher || exportQuery);
+	const refresh = (0, react.useCallback)(async () => {
+		return listQuery.refetch();
+	}, [listQuery]);
 	return {
 		idKey,
 		tableData: {
@@ -8336,6 +7874,7 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 			deleteMany,
 			updateMany,
 			setVariant,
+			refresh,
 			import: importMutation ? handleImport : null,
 			export: canExport ? handleExport : null
 		}
@@ -8662,8 +8201,19 @@ exports.DataTableToolbar = DataTableToolbar;
 exports.DataTableViewOptions = DataTableViewOptions;
 exports.ExportDialog = ExportDialog;
 exports.ImportDialog = ImportDialog;
-exports.MultiCombobox = MultiCombobox;
+Object.defineProperty(exports, 'MultiCombobox', {
+  enumerable: true,
+  get: function () {
+    return __wordrhyme_shadcn_ui.MultiCombobox;
+  }
+});
 exports.SchemaAdapter = SchemaAdapter;
+Object.defineProperty(exports, 'Select', {
+  enumerable: true,
+  get: function () {
+    return __wordrhyme_shadcn_ui.Select;
+  }
+});
 exports.cn = cn;
 exports.coerceRowValues = coerceRowValues;
 exports.components = components;