@moontra/moonui 2.3.5 → 2.3.6

package/dist/index.js

@@ -18,9 +18,9 @@ var LabelPrimitive = require('@radix-ui/react-label');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var DialogPrimitive = require('@radix-ui/react-dialog');
-var SelectPrimitive = require('@radix-ui/react-select');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var dateFns = require('date-fns');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var SelectPrimitive = require('@radix-ui/react-select');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var SwitchPrimitives = require('@radix-ui/react-switch');
@@ -52,8 +52,8 @@ var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
@@ -3475,7 +3475,7 @@ var me = t__namespace.forwardRef((r, o) => {
     var e;
     return Array.from(((e = I.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
   }
-  function X8(e) {
+  function X7(e) {
     let s = V()[e];
     s && E.setState("value", s.getAttribute(T));
   }
@@ -3490,10 +3490,10 @@ var me = t__namespace.forwardRef((r, o) => {
       s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
     i ? E.setState("value", i.getAttribute(T)) : Q(e);
   }
-  let oe = () => X8(V().length - 1), ie = (e) => {
+  let oe = () => X7(V().length - 1), ie = (e) => {
     e.preventDefault(), e.metaKey ? oe() : e.altKey ? re(1) : Q(1);
   }, se = (e) => {
-    e.preventDefault(), e.metaKey ? X8(0) : e.altKey ? re(-1) : Q(-1);
+    e.preventDefault(), e.metaKey ? X7(0) : e.altKey ? re(-1) : Q(-1);
   };
   return t__namespace.createElement(Primitive2.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
     var s;
@@ -3520,7 +3520,7 @@ var me = t__namespace.forwardRef((r, o) => {
           break;
         }
         case "Home": {
-          e.preventDefault(), X8(0);
+          e.preventDefault(), X7(0);
           break;
         }
         case "End": {
@@ -6765,46 +6765,6 @@ function filterRowModelFromRoot(rowsToFilter, filterRow, table) {
     rowsById: newFilteredRowsById
   };
 }
-function getFacetedRowModel() {
-  return (table, columnId) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
-    if (!preRowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
-      return preRowModel;
-    }
-    const filterableIds = [...columnFilters.map((d) => d.id).filter((d) => d !== columnId), globalFilter ? "__global__" : void 0].filter(Boolean);
-    const filterRowsImpl = (row) => {
-      for (let i = 0; i < filterableIds.length; i++) {
-        if (row.columnFilters[filterableIds[i]] === false) {
-          return false;
-        }
-      }
-      return true;
-    };
-    return filterRows(preRowModel.rows, filterRowsImpl, table);
-  }, getMemoOptions(table.options, "debugTable", "getFacetedRowModel"));
-}
-function getFacetedUniqueValues() {
-  return (table, columnId) => memo(() => {
-    var _table$getColumn;
-    return [(_table$getColumn = table.getColumn(columnId)) == null ? void 0 : _table$getColumn.getFacetedRowModel()];
-  }, (facetedRowModel) => {
-    if (!facetedRowModel)
-      return /* @__PURE__ */ new Map();
-    let facetedUniqueValues = /* @__PURE__ */ new Map();
-    for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
-      const values = facetedRowModel.flatRows[i].getUniqueValues(columnId);
-      for (let j = 0; j < values.length; j++) {
-        const value = values[j];
-        if (facetedUniqueValues.has(value)) {
-          var _facetedUniqueValues$;
-          facetedUniqueValues.set(value, ((_facetedUniqueValues$ = facetedUniqueValues.get(value)) != null ? _facetedUniqueValues$ : 0) + 1);
-        } else {
-          facetedUniqueValues.set(value, 1);
-        }
-      }
-    }
-    return facetedUniqueValues;
-  }, getMemoOptions(table.options, "debugTable", `getFacetedUniqueValues_${columnId}`));
-}
 function getFilteredRowModel() {
   return (table) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
     if (!rowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
@@ -7261,749 +7221,52 @@ var TableCaption = t__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 TableCaption.displayName = "TableCaption";
-var Select = SelectPrimitive__namespace.Root;
-Select.displayName = "Select";
-var SelectGroup = SelectPrimitive__namespace.Group;
-var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = t__namespace.forwardRef(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: cn(
-      /* Base styles */
-      "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
-      "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      "focus-visible:outline-none",
-      /* Error state */
-      error && "border-error focus-visible:ring-error/30 focus-visible:border-error",
-      /* Success state */
-      success && "border-success focus-visible:ring-success/30 focus-visible:border-success",
-      /* Size variants */
-      size === "sm" && "h-8 text-xs px-2",
-      size === "md" && "h-10 text-sm px-3",
-      size === "lg" && "h-12 text-base px-4",
-      /* Visual variants */
-      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-900 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
-      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
-      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50",
-      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary",
-      className
-    ),
-    ...props,
-    disabled: props.disabled || loading,
-    "data-error": error ? true : void 0,
-    "data-success": success ? true : void 0,
-    "data-loading": loading ? true : void 0,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center flex-1 gap-2", children: [
-        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center text-gray-500 dark:text-gray-400", children: leftIcon }),
-        loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground dark:text-gray-400" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground dark:text-gray-400", children: "Loading..." })
-        ] }) : children
-      ] }),
-      !loading && /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: rightIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: rightIcon }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-60 transition-transform duration-200 ease-out group-data-[state=open]:rotate-180" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1 text-muted-foreground hover:text-foreground transition-colors",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1 text-muted-foreground hover:text-foreground transition-colors",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = t__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Content,
-  {
-    ref,
-    side,
-    sideOffset,
-    align,
-    avoidCollisions: false,
-    className: cn(
-      [
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
-        "rounded-md border border-gray-200 dark:border-gray-700",
-        "bg-white dark:bg-gray-900 text-foreground",
-        "shadow-lg dark:shadow-gray-900/20",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        "data-[state=open]:duration-150"
-      ],
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+function DataTableBasic({
+  columns,
+  data,
+  enableSorting = true,
+  enablePagination = true,
+  enableSearch = true,
+  pageSize = 10,
+  searchPlaceholder = "Search...",
+  emptyMessage = "No results found.",
+  className
+}) {
+  const [sorting, setSorting] = t__namespace.useState([]);
+  const [globalFilter, setGlobalFilter] = t__namespace.useState("");
+  const table = useReactTable({
+    data,
+    columns,
+    onSortingChange: enableSorting ? setSorting : void 0,
+    onGlobalFilterChange: enableSearch ? setGlobalFilter : void 0,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: enablePagination ? getPaginationRowModel() : void 0,
+    getSortedRowModel: enableSorting ? getSortedRowModel() : void 0,
+    getFilteredRowModel: enableSearch ? getFilteredRowModel() : void 0,
+    state: {
+      sorting,
+      globalFilter
+    },
+    initialState: {
+      pagination: {
+        pageSize
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", className), children: [
+    enableSearch && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        SelectPrimitive__namespace.Viewport,
+        Input,
         {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
+          placeholder: searchPlaceholder,
+          value: globalFilter,
+          onChange: (event) => setGlobalFilter(event.target.value),
+          className: "pl-8"
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.Label,
-  {
-    ref,
-    className: cn("moonui-theme", "py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = t__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  SelectPrimitive__namespace.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      /* Size variants */
-      size === "sm" && "py-1 pl-7 pr-2 text-xs",
-      size === "md" && "py-1.5 pl-8 pr-2 text-sm",
-      size === "lg" && "py-2 pl-9 pr-3 text-base",
-      /* Color variants */
-      variant === "default" && "focus:bg-accent focus:text-accent-foreground dark:focus:bg-gray-700 dark:focus:text-gray-100",
-      variant === "subtle" && "focus:bg-gray-100 dark:focus:bg-gray-800 focus:text-foreground dark:focus:text-gray-200",
-      variant === "destructive" && "text-error dark:text-red-400 focus:bg-error/10 dark:focus:bg-red-900/20 focus:text-error dark:focus:text-red-300",
-      variant === "success" && "text-success dark:text-green-400 focus:bg-success/10 dark:focus:bg-green-900/20 focus:text-success dark:focus:text-green-300",
-      variant === "warning" && "text-warning dark:text-yellow-400 focus:bg-warning/10 dark:focus:bg-yellow-900/20 focus:text-warning dark:focus:text-yellow-300",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: customIndicator || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children }),
-      rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pl-2 opacity-70", children: rightIcon })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  SelectPrimitive__namespace.Separator,
-  {
-    ref,
-    className: cn("moonui-theme", "-mx-1 my-1 h-px bg-muted dark:bg-gray-700", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = t__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = t__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = t__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = t__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = t__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-  DropdownMenuPrimitive__namespace.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = t__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Label,
-  {
-    ref,
-    className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  DropdownMenuPrimitive__namespace.Separator,
-  {
-    ref,
-    className: cn("moonui-theme", "-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn("moonui-theme", "ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var skeletonVariants = classVarianceAuthority.cva(
-  "animate-pulse rounded-md",
-  {
-    variants: {
-      variant: {
-        default: "bg-muted",
-        primary: "bg-primary/10",
-        secondary: "bg-secondary/10",
-        accent: "bg-accent"
-      },
-      size: {
-        default: "",
-        sm: "scale-90",
-        lg: "scale-110"
-      },
-      shape: {
-        rect: "rounded-md",
-        circle: "rounded-full",
-        pill: "rounded-full"
-      },
-      animation: {
-        pulse: "animate-pulse",
-        wave: "overflow-hidden relative after:absolute after:inset-0 after:-translate-x-full after:animate-[shimmer_2s_infinite] after:bg-gradient-to-r after:from-transparent after:via-white/10 after:to-transparent dark:after:via-white/5",
-        none: "animate-none"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      shape: "rect",
-      animation: "pulse"
-    }
-  }
-);
-var Skeleton = t__namespace.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    shape,
-    animation,
-    height,
-    width,
-    isLoaded = false,
-    children,
-    fadeInDuration = 400,
-    motion: useMotion = false,
-    style,
-    ...props
-  }, ref) => {
-    const {
-      onDrag,
-      onDragEnd,
-      onDragStart,
-      onAnimationStart,
-      onAnimationEnd,
-      onAnimationIteration,
-      ...filteredProps
-    } = props;
-    if (isLoaded && children) {
-      if (useMotion) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
-          {
-            ref,
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            transition: { duration: fadeInDuration / 1e3 },
-            className: cn("moonui-theme", className),
-            style: {
-              height,
-              width,
-              ...style
-            },
-            ...filteredProps,
-            children
-          }
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          className: cn("moonui-theme", "animate-fade-in", className),
-          style: {
-            animationDuration: `${fadeInDuration}ms`,
-            height,
-            width,
-            ...style
-          },
-          ...props,
-          children
-        }
-      );
-    }
-    const SkeletonElement = useMotion ? framerMotion.motion.div : "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SkeletonElement,
-      {
-        ref,
-        className: cn(
-          "moonui-theme",
-          skeletonVariants({ variant, size, shape, animation }),
-          "relative isolate",
-          className
-        ),
-        style: {
-          height,
-          width,
-          ...style
-        },
-        ...useMotion ? skeletonAnimation : {},
-        ...filteredProps
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-var SkeletonText = t__namespace.forwardRef(
-  ({
-    className,
-    lines = 3,
-    lineHeight = "0.85rem",
-    spacing = "0.5rem",
-    lastLineWidth = 80,
-    randomWidths = false,
-    variant = "default",
-    animation = "pulse",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn("moonui-theme", "flex flex-col", className),
-        style: { gap: spacing },
-        ...props,
-        children: Array.from({ length: lines }).map((_, i) => {
-          const isLastLine = i === lines - 1;
-          const widthPercentage = isLastLine ? lastLineWidth : randomWidths ? 85 + i % 3 * 5 : 100;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            Skeleton,
-            {
-              variant,
-              animation,
-              className: "w-full",
-              style: {
-                height: lineHeight,
-                width: `${widthPercentage}%`
-              }
-            },
-            i
-          );
-        })
-      }
-    );
-  }
-);
-SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = t__namespace.forwardRef(
-  ({
-    className,
-    size = "2.5rem",
-    variant = "default",
-    animation = "pulse",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton,
-      {
-        ref,
-        variant,
-        animation,
-        shape: "circle",
-        className: cn("moonui-theme", "shrink-0", className),
-        style: {
-          height: size,
-          width: size
-        },
-        ...props
-      }
-    );
-  }
-);
-SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = t__namespace.forwardRef(
-  ({
-    className,
-    showHeader = true,
-    contentLines = 3,
-    showFooter = true,
-    variant = "default",
-    animation = "pulse",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "overflow-hidden rounded-md border border-border bg-background p-4",
-          className
-        ),
-        ...props,
-        children: [
-          showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SkeletonAvatar, { size: "2.5rem", variant, animation }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Skeleton,
-                {
-                  variant,
-                  animation,
-                  className: "mb-2 h-4 w-1/3"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Skeleton,
-                {
-                  variant,
-                  animation,
-                  className: "h-3 w-1/4"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            SkeletonText,
-            {
-              lines: contentLines,
-              variant,
-              animation,
-              className: "mb-4"
-            }
-          ),
-          showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-border", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Skeleton,
-              {
-                variant,
-                animation,
-                className: "h-4 w-1/4"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Skeleton,
-              {
-                variant,
-                animation,
-                className: "h-4 w-1/5"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-SkeletonCard.displayName = "SkeletonCard";
-classVarianceAuthority.cva(
-  "w-full",
-  {
-    variants: {
-      variant: {
-        default: "",
-        bordered: "border rounded-lg",
-        striped: "[&_tbody_tr:nth-child(even)]:bg-muted/50",
-        cards: "gap-4 [&_tbody]:flex [&_tbody]:flex-col [&_tbody_tr]:rounded-lg [&_tbody_tr]:border [&_tbody_tr]:p-4"
-      },
-      size: {
-        default: "",
-        sm: "text-sm [&_th]:py-2 [&_td]:py-2",
-        lg: "text-base [&_th]:py-4 [&_td]:py-4"
-      },
-      density: {
-        default: "",
-        compact: "[&_th]:py-1 [&_td]:py-1",
-        comfortable: "[&_th]:py-6 [&_td]:py-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      density: "default"
-    }
-  }
-);
-function DataTableLoading() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-[250px]" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-8" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 w-8" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-8 flex-1" }, i)) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 space-y-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-12 w-full" }, i)) })
-    ] })
-  ] });
-}
-function DataTable({
-  columns,
-  data,
-  enableFiltering = true,
-  enableSorting = true,
-  enableColumnVisibility = true,
-  enableRowSelection = false,
-  enablePagination = true,
-  pageSizeOptions = [10, 20, 30, 50, 100],
-  defaultPageSize: defaultPageSize2 = 10,
-  filterPlaceholder = "Filter...",
-  filterColumn,
-  isLoading = false,
-  emptyMessage = "No results found.",
-  title,
-  description,
-  enableExport = false,
-  onExport,
-  enableRefresh = false,
-  onRefresh,
-  toolbarActions,
-  customFilter,
-  onRowClick,
-  variant,
-  size,
-  density,
-  className
-}) {
-  const [sorting, setSorting] = t__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = t__namespace.useState([]);
-  const [columnVisibility, setColumnVisibility] = t__namespace.useState({});
-  const [rowSelection, setRowSelection] = t__namespace.useState({});
-  const [globalFilter, setGlobalFilter] = t__namespace.useState("");
-  const table = useReactTable({
-    data,
-    columns,
-    onSortingChange: enableSorting ? setSorting : void 0,
-    onColumnFiltersChange: enableFiltering ? setColumnFilters : void 0,
-    onColumnVisibilityChange: enableColumnVisibility ? setColumnVisibility : void 0,
-    onRowSelectionChange: enableRowSelection ? setRowSelection : void 0,
-    onGlobalFilterChange: enableFiltering && !filterColumn ? setGlobalFilter : void 0,
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: enablePagination ? getPaginationRowModel() : void 0,
-    getSortedRowModel: enableSorting ? getSortedRowModel() : void 0,
-    getFilteredRowModel: enableFiltering ? getFilteredRowModel() : void 0,
-    getFacetedRowModel: enableFiltering ? getFacetedRowModel() : void 0,
-    getFacetedUniqueValues: enableFiltering ? getFacetedUniqueValues() : void 0,
-    state: {
-      sorting,
-      columnFilters,
-      columnVisibility,
-      rowSelection,
-      globalFilter
-    },
-    initialState: {
-      pagination: {
-        pageSize: defaultPageSize2
-      }
-    }
-  });
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(DataTableLoading, {});
-  }
-  const selectedRows = table.getFilteredSelectedRowModel().rows;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("moonui-theme", "space-y-4", className), children: [
-    (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-sm", children: enableFiltering && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: customFilter || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Input,
-          {
-            placeholder: filterPlaceholder,
-            value: filterColumn ? table.getColumn(filterColumn)?.getFilterValue() ?? "" : globalFilter,
-            onChange: (event) => {
-              const value = event.target.value;
-              if (filterColumn) {
-                table.getColumn(filterColumn)?.setFilterValue(value);
-              } else {
-                setGlobalFilter(value);
-              }
-            },
-            className: "pl-8"
-          }
-        ),
-        (filterColumn && table.getColumn(filterColumn)?.getFilterValue() || !filterColumn && globalFilter) && /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            className: "absolute right-0 top-0 h-full px-2",
-            onClick: () => {
-              if (filterColumn) {
-                table.getColumn(filterColumn)?.setFilterValue("");
-              } else {
-                setGlobalFilter("");
-              }
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        enableRowSelection && selectedRows.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className: "whitespace-nowrap", children: [
-          selectedRows.length,
-          " selected"
-        ] }),
-        toolbarActions,
-        enableExport && onExport && /* @__PURE__ */ jsxRuntime.jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => onExport(table.getFilteredRowModel().rows.map((row) => row.original)),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "mr-2 h-4 w-4" }),
-              "Export"
-            ]
-          }
-        ),
-        enableRefresh && onRefresh && /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "icon",
-            onClick: onRefresh,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" })
-          }
-        ),
-        enableColumnVisibility && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "w-[180px]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { children: "Toggle columns" }),
-            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-            table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                DropdownMenuCheckboxItem,
-                {
-                  className: "capitalize",
-                  checked: column.getIsVisible(),
-                  onCheckedChange: (value) => column.toggleVisibility(!!value),
-                  children: column.id
-                },
-                column.id
-              );
-            })
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-lg", variant === "bordered" && "border"), children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: headerGroup.headers.map((header) => {
         return /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: header.isPlaceholder ? null : /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -8023,27 +7286,17 @@ function DataTable({
           }
         ) }, header.id);
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: table.getRowModel().rows?.length ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.tr,
+      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+        TableRow,
         {
-          initial: { opacity: 0, y: -10 },
-          animate: { opacity: 1, y: 0 },
-          exit: { opacity: 0, y: 10 },
-          transition: { duration: 0.2 },
           "data-state": row.getIsSelected() && "selected",
-          className: cn(
-            "border-b transition-colors",
-            onRowClick && "cursor-pointer hover:bg-muted/50",
-            row.getIsSelected() && "bg-muted"
-          ),
-          onClick: () => onRowClick?.(row.original),
           children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: flexRender(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) }) : /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      )) : /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
         TableCell,
         {
           colSpan: columns.length,
@@ -8052,89 +7305,45 @@ function DataTable({
         }
       ) }) })
     ] }) }),
-    enablePagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          table.getFilteredRowModel().rows.length,
+    enablePagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end space-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+        table.getFilteredRowModel().rows.length,
+        " row(s)"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-x-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
+              "Previous"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", children: [
+          "Page ",
+          table.getState().pagination.pageIndex + 1,
           " of",
           " ",
-          table.getCoreRowModel().rows.length,
-          " row(s)"
-        ] }),
-        enableRowSelection && selectedRows.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "\u2022 ",
-          selectedRows.length,
-          " selected"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "Rows per page" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Select,
-            {
-              value: `${table.getState().pagination.pageSize}`,
-              onValueChange: (value) => {
-                table.setPageSize(Number(value));
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
-              ]
-            }
-          )
+          table.getPageCount()
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => table.setPageIndex(0),
-              disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => table.previousPage(),
-              disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Page" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
-              table.getState().pagination.pageIndex + 1,
-              " of",
-              " ",
-              table.getPageCount()
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => table.nextPage(),
-              disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => table.setPageIndex(table.getPageCount() - 1),
-              disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "h-4 w-4" })
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: [
+              "Next",
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+            ]
+          }
+        )
       ] })
     ] })
   ] });
@@ -8153,13 +7362,6 @@ function createSortableHeader(label) {
     }
   );
 }
-function createFilterableColumn(accessorKey, header, filterFn) {
-  return {
-    accessorKey,
-    header: createSortableHeader(header),
-    filterFn
-  };
-}
 function Calendar({
   mode = "single",
   selected,
@@ -8815,54 +8017,183 @@ function DraggableList({
   renderItem,
   keyExtractor,
   className,
-  disabled = false
-}) {
-  const [draggedIndex, setDraggedIndex] = t__namespace.useState(null);
-  const handleDragStart = (e, index) => {
-    if (disabled)
-      return;
-    setDraggedIndex(index);
-    e.dataTransfer.effectAllowed = "move";
-  };
-  const handleDragOver = (e) => {
-    e.preventDefault();
-    e.dataTransfer.dropEffect = "move";
-  };
-  const handleDrop = (e, dropIndex) => {
-    e.preventDefault();
-    if (disabled || draggedIndex === null || draggedIndex === dropIndex) {
-      setDraggedIndex(null);
-      return;
-    }
-    const newItems = [...items];
-    const draggedItem = newItems[draggedIndex];
-    newItems.splice(draggedIndex, 1);
-    newItems.splice(dropIndex, 0, draggedItem);
-    onReorder(newItems);
-    setDraggedIndex(null);
-  };
-  const handleDragEnd = () => {
-    setDraggedIndex(null);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("moonui-theme", "space-y-2", className), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+  disabled = false
+}) {
+  const [draggedIndex, setDraggedIndex] = t__namespace.useState(null);
+  const handleDragStart = (e, index) => {
+    if (disabled)
+      return;
+    setDraggedIndex(index);
+    e.dataTransfer.effectAllowed = "move";
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+  };
+  const handleDrop = (e, dropIndex) => {
+    e.preventDefault();
+    if (disabled || draggedIndex === null || draggedIndex === dropIndex) {
+      setDraggedIndex(null);
+      return;
+    }
+    const newItems = [...items];
+    const draggedItem = newItems[draggedIndex];
+    newItems.splice(draggedIndex, 1);
+    newItems.splice(dropIndex, 0, draggedItem);
+    onReorder(newItems);
+    setDraggedIndex(null);
+  };
+  const handleDragEnd = () => {
+    setDraggedIndex(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("moonui-theme", "space-y-2", className), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      draggable: !disabled,
+      onDragStart: (e) => handleDragStart(e, index),
+      onDragOver: handleDragOver,
+      onDrop: (e) => handleDrop(e, index),
+      onDragEnd: handleDragEnd,
+      className: cn(
+        "transition-opacity duration-200",
+        !disabled && "cursor-move hover:opacity-80",
+        draggedIndex === index && "opacity-50",
+        disabled && "cursor-not-allowed"
+      ),
+      children: renderItem(item, index)
+    },
+    keyExtractor(item)
+  )) });
+}
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSubTrigger = t__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+var DropdownMenuSubContent = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
+var DropdownMenuContent = t__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
+var DropdownMenuItem = t__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
+var DropdownMenuCheckboxItem = t__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+var DropdownMenuRadioItem = t__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+var DropdownMenuLabel = t__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+var DropdownMenuSeparator = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn("moonui-theme", "-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
     {
-      draggable: !disabled,
-      onDragStart: (e) => handleDragStart(e, index),
-      onDragOver: handleDragOver,
-      onDrop: (e) => handleDrop(e, index),
-      onDragEnd: handleDragEnd,
-      className: cn(
-        "transition-opacity duration-200",
-        !disabled && "cursor-move hover:opacity-80",
-        draggedIndex === index && "opacity-50",
-        disabled && "cursor-not-allowed"
-      ),
-      children: renderItem(item, index)
-    },
-    keyExtractor(item)
-  )) });
-}
+      className: cn("moonui-theme", "ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var progressVariants = classVarianceAuthority.cva(
   "relative overflow-hidden bg-muted",
   {
@@ -9928,83 +9259,241 @@ var PaginationContent = t__namespace.forwardRef(({ className, ...props }, ref) =
   "ul",
   {
     ref,
-    className: cn("moonui-theme", "flex flex-row items-center gap-1", className),
+    className: cn("moonui-theme", "flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "md",
+    className: cn("moonui-theme", "gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "md",
+    className: cn("moonui-theme", "gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("moonui-theme", "flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var Select = SelectPrimitive__namespace.Root;
+Select.displayName = "Select";
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+var SelectTrigger = t__namespace.forwardRef(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      /* Base styles */
+      "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
+      "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "focus-visible:outline-none",
+      /* Error state */
+      error && "border-error focus-visible:ring-error/30 focus-visible:border-error",
+      /* Success state */
+      success && "border-success focus-visible:ring-success/30 focus-visible:border-success",
+      /* Size variants */
+      size === "sm" && "h-8 text-xs px-2",
+      size === "md" && "h-10 text-sm px-3",
+      size === "lg" && "h-12 text-base px-4",
+      /* Visual variants */
+      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-900 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
+      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
+      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50",
+      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary",
+      className
+    ),
+    ...props,
+    disabled: props.disabled || loading,
+    "data-error": error ? true : void 0,
+    "data-success": success ? true : void 0,
+    "data-loading": loading ? true : void 0,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center flex-1 gap-2", children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center text-gray-500 dark:text-gray-400", children: leftIcon }),
+        loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground dark:text-gray-400" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground dark:text-gray-400", children: "Loading..." })
+        ] }) : children
+      ] }),
+      !loading && /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: rightIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: rightIcon }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-60 transition-transform duration-200 ease-out group-data-[state=open]:rotate-180" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectScrollUpButton = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1 text-muted-foreground hover:text-foreground transition-colors",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+var SelectScrollDownButton = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1 text-muted-foreground hover:text-foreground transition-colors",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+var SelectContent = t__namespace.forwardRef(({ className, children, position = "popper", side = "bottom", sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Content,
+  {
+    ref,
+    side,
+    sideOffset,
+    align,
+    avoidCollisions: false,
+    className: cn(
+      [
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
+        "rounded-md border border-gray-200 dark:border-gray-700",
+        "bg-white dark:bg-gray-900 text-foreground",
+        "shadow-lg dark:shadow-gray-900/20",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[state=open]:duration-150"
+      ],
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectPrimitive__namespace.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Label,
+  {
+    ref,
+    className: cn("moonui-theme", "py-1.5 pl-8 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
-PaginationContent.displayName = "PaginationContent";
-var PaginationItem = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("moonui-theme", "", className), ...props }));
-PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "a",
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = t__namespace.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Item,
   {
-    "aria-current": isActive ? "page" : void 0,
+    ref,
     className: cn(
-      buttonVariants({
-        variant: isActive ? "outline" : "ghost",
-        size
-      }),
+      "relative flex w-full cursor-default select-none items-center rounded-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      /* Size variants */
+      size === "sm" && "py-1 pl-7 pr-2 text-xs",
+      size === "md" && "py-1.5 pl-8 pr-2 text-sm",
+      size === "lg" && "py-2 pl-9 pr-3 text-base",
+      /* Color variants */
+      variant === "default" && "focus:bg-accent focus:text-accent-foreground dark:focus:bg-gray-700 dark:focus:text-gray-100",
+      variant === "subtle" && "focus:bg-gray-100 dark:focus:bg-gray-800 focus:text-foreground dark:focus:text-gray-200",
+      variant === "destructive" && "text-error dark:text-red-400 focus:bg-error/10 dark:focus:bg-red-900/20 focus:text-error dark:focus:text-red-300",
+      variant === "success" && "text-success dark:text-green-400 focus:bg-success/10 dark:focus:bg-green-900/20 focus:text-success dark:focus:text-green-300",
+      variant === "warning" && "text-warning dark:text-yellow-400 focus:bg-warning/10 dark:focus:bg-yellow-900/20 focus:text-warning dark:focus:text-yellow-300",
       className
     ),
-    ...props
-  }
-);
-PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  PaginationLink,
-  {
-    "aria-label": "Go to previous page",
-    size: "md",
-    className: cn("moonui-theme", "gap-1 pl-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous" })
-    ]
-  }
-);
-PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  PaginationLink,
-  {
-    "aria-label": "Go to next page",
-    size: "md",
-    className: cn("moonui-theme", "gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Next" }),
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: customIndicator || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children }),
+      rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pl-2 opacity-70", children: rightIcon })
     ]
   }
-);
-PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "span",
+));
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = t__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Separator,
   {
-    "aria-hidden": true,
-    className: cn("moonui-theme", "flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
-    ]
+    ref,
+    className: cn("moonui-theme", "-mx-1 my-1 h-px bg-muted dark:bg-gray-700", className),
+    ...props
   }
-);
-PaginationEllipsis.displayName = "PaginationEllipsis";
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 var countryCodes = [
   { code: "+1", country: "US", flag: "\u{1F1FA}\u{1F1F8}", name: "United States" },
   { code: "+44", country: "GB", flag: "\u{1F1EC}\u{1F1E7}", name: "United Kingdom" },
@@ -12084,106 +11573,365 @@ var SimpleEditor = t__namespace.default.forwardRef(
                 },
                 disabled
               }
-            )
-          ] })
-        ]
+            )
+          ] })
+        ]
+      }
+    ) });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border border-gray-200 dark:border-zinc-700 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-ring focus-within:border-transparent",
+          disabled && "opacity-50 cursor-not-allowed",
+          className
+        ),
+        ...props,
+        children: [
+          toolbar,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            isPreview ? /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                className: "bg-slate-50 dark:bg-zinc-900/95",
+                style: { minHeight, maxHeight, overflow: "auto" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "textarea",
+                  {
+                    ref: sourceRef,
+                    value: sourceContent,
+                    onChange: (e) => setSourceContent(e.target.value),
+                    className: "w-full h-full bg-transparent p-4 font-mono text-sm text-gray-900 dark:text-gray-100 resize-none focus:outline-none",
+                    style: { minHeight: minHeight - 32 },
+                    disabled,
+                    placeholder: "HTML source code..."
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                ref: editorRef,
+                contentEditable: !disabled,
+                suppressContentEditableWarning: true,
+                className: cn(
+                  "p-4 outline-none prose prose-sm dark:prose-invert max-w-none overflow-y-auto",
+                  "bg-slate-50 dark:bg-zinc-900/95",
+                  "text-gray-900 dark:text-gray-100",
+                  "focus:ring-0",
+                  "[&_h1]:text-3xl [&_h1]:font-bold [&_h1]:mb-4",
+                  "[&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mb-3",
+                  "[&_h3]:text-xl [&_h3]:font-bold [&_h3]:mb-2",
+                  "[&_h4]:text-lg [&_h4]:font-bold [&_h4]:mb-2",
+                  "[&_h5]:text-base [&_h5]:font-bold [&_h5]:mb-1",
+                  "[&_h6]:text-sm [&_h6]:font-bold [&_h6]:mb-1",
+                  "[&_ul]:list-disc [&_ul]:pl-6 [&_ul]:mb-4",
+                  "[&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:mb-4",
+                  "[&_li]:mb-1",
+                  "[&_blockquote]:border-l-4 [&_blockquote]:border-gray-300 [&_blockquote]:pl-4 [&_blockquote]:italic",
+                  "[&_pre]:bg-gray-100 [&_pre]:dark:bg-gray-800 [&_pre]:p-4 [&_pre]:rounded [&_pre]:overflow-x-auto"
+                ),
+                style: { minHeight, maxHeight },
+                onInput: handleInput,
+                onKeyDown: handleKeyDown,
+                "data-placeholder": placeholder,
+                initial: { opacity: 0 },
+                animate: { opacity: 1 }
+              }
+            ),
+            !content && !isPreview && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "absolute top-4 left-4 text-muted-foreground pointer-events-none",
+                style: { fontSize: "16px" },
+                children: placeholder
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 border-t bg-gray-50/50 dark:bg-zinc-800/50 backdrop-blur-sm text-xs text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx(CharacterCount, { content }) })
+        ]
+      }
+    );
+  }
+);
+SimpleEditor.displayName = "SimpleEditor";
+var CharacterCount = ({ content }) => {
+  const [count4, setCount] = t.useState(0);
+  t.useEffect(() => {
+    const getPlainText = (html) => {
+      const div = document.createElement("div");
+      div.innerHTML = html;
+      return div.textContent || div.innerText || "";
+    };
+    setCount(getPlainText(content).length);
+  }, [content]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    count4,
+    " characters"
+  ] });
+};
+var skeletonVariants = classVarianceAuthority.cva(
+  "animate-pulse rounded-md",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        primary: "bg-primary/10",
+        secondary: "bg-secondary/10",
+        accent: "bg-accent"
+      },
+      size: {
+        default: "",
+        sm: "scale-90",
+        lg: "scale-110"
+      },
+      shape: {
+        rect: "rounded-md",
+        circle: "rounded-full",
+        pill: "rounded-full"
+      },
+      animation: {
+        pulse: "animate-pulse",
+        wave: "overflow-hidden relative after:absolute after:inset-0 after:-translate-x-full after:animate-[shimmer_2s_infinite] after:bg-gradient-to-r after:from-transparent after:via-white/10 after:to-transparent dark:after:via-white/5",
+        none: "animate-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      shape: "rect",
+      animation: "pulse"
+    }
+  }
+);
+var Skeleton = t__namespace.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    animation,
+    height,
+    width,
+    isLoaded = false,
+    children,
+    fadeInDuration = 400,
+    motion: useMotion = false,
+    style,
+    ...props
+  }, ref) => {
+    const {
+      onDrag,
+      onDragEnd,
+      onDragStart,
+      onAnimationStart,
+      onAnimationEnd,
+      onAnimationIteration,
+      ...filteredProps
+    } = props;
+    if (isLoaded && children) {
+      if (useMotion) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            ref,
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            transition: { duration: fadeInDuration / 1e3 },
+            className: cn("moonui-theme", className),
+            style: {
+              height,
+              width,
+              ...style
+            },
+            ...filteredProps,
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: cn("moonui-theme", "animate-fade-in", className),
+          style: {
+            animationDuration: `${fadeInDuration}ms`,
+            height,
+            width,
+            ...style
+          },
+          ...props,
+          children
+        }
+      );
+    }
+    const SkeletonElement = useMotion ? framerMotion.motion.div : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SkeletonElement,
+      {
+        ref,
+        className: cn(
+          "moonui-theme",
+          skeletonVariants({ variant, size, shape, animation }),
+          "relative isolate",
+          className
+        ),
+        style: {
+          height,
+          width,
+          ...style
+        },
+        ...useMotion ? skeletonAnimation : {},
+        ...filteredProps
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = t__namespace.forwardRef(
+  ({
+    className,
+    lines = 3,
+    lineHeight = "0.85rem",
+    spacing = "0.5rem",
+    lastLineWidth = 80,
+    randomWidths = false,
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn("moonui-theme", "flex flex-col", className),
+        style: { gap: spacing },
+        ...props,
+        children: Array.from({ length: lines }).map((_, i) => {
+          const isLastLine = i === lines - 1;
+          const widthPercentage = isLastLine ? lastLineWidth : randomWidths ? 85 + i % 3 * 5 : 100;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton,
+            {
+              variant,
+              animation,
+              className: "w-full",
+              style: {
+                height: lineHeight,
+                width: `${widthPercentage}%`
+              }
+            },
+            i
+          );
+        })
       }
-    ) });
+    );
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+var SkeletonAvatar = t__namespace.forwardRef(
+  ({
+    className,
+    size = "2.5rem",
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Skeleton,
+      {
+        ref,
+        variant,
+        animation,
+        shape: "circle",
+        className: cn("moonui-theme", "shrink-0", className),
+        style: {
+          height: size,
+          width: size
+        },
+        ...props
+      }
+    );
+  }
+);
+SkeletonAvatar.displayName = "SkeletonAvatar";
+var SkeletonCard = t__namespace.forwardRef(
+  ({
+    className,
+    showHeader = true,
+    contentLines = 3,
+    showFooter = true,
+    variant = "default",
+    animation = "pulse",
+    ...props
+  }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         ref,
         className: cn(
-          "border border-gray-200 dark:border-zinc-700 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-ring focus-within:border-transparent",
-          disabled && "opacity-50 cursor-not-allowed",
+          "overflow-hidden rounded-md border border-border bg-background p-4",
           className
         ),
         ...props,
         children: [
-          toolbar,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            isPreview ? /* @__PURE__ */ jsxRuntime.jsx(
-              framerMotion.motion.div,
-              {
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                className: "bg-slate-50 dark:bg-zinc-900/95",
-                style: { minHeight, maxHeight, overflow: "auto" },
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "textarea",
-                  {
-                    ref: sourceRef,
-                    value: sourceContent,
-                    onChange: (e) => setSourceContent(e.target.value),
-                    className: "w-full h-full bg-transparent p-4 font-mono text-sm text-gray-900 dark:text-gray-100 resize-none focus:outline-none",
-                    style: { minHeight: minHeight - 32 },
-                    disabled,
-                    placeholder: "HTML source code..."
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              framerMotion.motion.div,
+          showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SkeletonAvatar, { size: "2.5rem", variant, animation }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton,
+                {
+                  variant,
+                  animation,
+                  className: "mb-2 h-4 w-1/3"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Skeleton,
+                {
+                  variant,
+                  animation,
+                  className: "h-3 w-1/4"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SkeletonText,
+            {
+              lines: contentLines,
+              variant,
+              animation,
+              className: "mb-4"
+            }
+          ),
+          showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-border", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Skeleton,
               {
-                ref: editorRef,
-                contentEditable: !disabled,
-                suppressContentEditableWarning: true,
-                className: cn(
-                  "p-4 outline-none prose prose-sm dark:prose-invert max-w-none overflow-y-auto",
-                  "bg-slate-50 dark:bg-zinc-900/95",
-                  "text-gray-900 dark:text-gray-100",
-                  "focus:ring-0",
-                  "[&_h1]:text-3xl [&_h1]:font-bold [&_h1]:mb-4",
-                  "[&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mb-3",
-                  "[&_h3]:text-xl [&_h3]:font-bold [&_h3]:mb-2",
-                  "[&_h4]:text-lg [&_h4]:font-bold [&_h4]:mb-2",
-                  "[&_h5]:text-base [&_h5]:font-bold [&_h5]:mb-1",
-                  "[&_h6]:text-sm [&_h6]:font-bold [&_h6]:mb-1",
-                  "[&_ul]:list-disc [&_ul]:pl-6 [&_ul]:mb-4",
-                  "[&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:mb-4",
-                  "[&_li]:mb-1",
-                  "[&_blockquote]:border-l-4 [&_blockquote]:border-gray-300 [&_blockquote]:pl-4 [&_blockquote]:italic",
-                  "[&_pre]:bg-gray-100 [&_pre]:dark:bg-gray-800 [&_pre]:p-4 [&_pre]:rounded [&_pre]:overflow-x-auto"
-                ),
-                style: { minHeight, maxHeight },
-                onInput: handleInput,
-                onKeyDown: handleKeyDown,
-                "data-placeholder": placeholder,
-                initial: { opacity: 0 },
-                animate: { opacity: 1 }
+                variant,
+                animation,
+                className: "h-4 w-1/4"
               }
             ),
-            !content && !isPreview && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Skeleton,
               {
-                className: "absolute top-4 left-4 text-muted-foreground pointer-events-none",
-                style: { fontSize: "16px" },
-                children: placeholder
+                variant,
+                animation,
+                className: "h-4 w-1/5"
               }
             )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 border-t bg-gray-50/50 dark:bg-zinc-800/50 backdrop-blur-sm text-xs text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx(CharacterCount, { content }) })
+          ] })
         ]
       }
     );
   }
 );
-SimpleEditor.displayName = "SimpleEditor";
-var CharacterCount = ({ content }) => {
-  const [count4, setCount] = t.useState(0);
-  t.useEffect(() => {
-    const getPlainText = (html) => {
-      const div = document.createElement("div");
-      div.innerHTML = html;
-      return div.textContent || div.innerText || "";
-    };
-    setCount(getPlainText(content).length);
-  }, [content]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    count4,
-    " characters"
-  ] });
-};
+SkeletonCard.displayName = "SkeletonCard";
 var SwipeableCard = t__namespace.forwardRef(
   ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
     const [startX, setStartX] = t__namespace.useState(0);
@@ -12719,7 +12467,6 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
-exports.DataTable = DataTable;
 exports.DatePicker = DatePicker;
 exports.DateRangePicker = DateRangePicker;
 exports.DateTimePicker = DateTimePicker;
@@ -12809,7 +12556,7 @@ exports.MoonUICommandItem = CommandItem;
 exports.MoonUICommandList = CommandList;
 exports.MoonUICommandSeparator = CommandSeparator;
 exports.MoonUICommandShortcut = CommandShortcut;
-exports.MoonUIDataTable = DataTable;
+exports.MoonUIDataTableBasic = DataTableBasic;
 exports.MoonUIDatePicker = DatePicker;
 exports.MoonUIDateRangePicker = DateRangePicker;
 exports.MoonUIDateTimePicker = DateTimePicker;
@@ -12996,10 +12743,9 @@ exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.collapsibleContentVariants = collapsibleContentVariants;
 exports.collapsibleTriggerVariants = collapsibleTriggerVariants;
-exports.createFilterableColumn = createFilterableColumn;
-exports.createSortableHeader = createSortableHeader;
 exports.moonUIBadgeVariants = badgeVariants;
 exports.moonUIButtonVariants = buttonVariants;
+exports.moonUICreateSortableHeader = createSortableHeader;
 exports.moonUISkeletonVariants = skeletonVariants;
 exports.moonUIToggleVariants = toggleVariants;
 exports.popoverContentVariants = popoverContentVariants;