@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/ui/context-menu.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-context-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import { forwardRef } from "react";
@@ -10,88 +11,385 @@ const ContextMenuGroup = Group;
 const ContextMenuPortal = Portal;
 const ContextMenuSub = Sub;
 const ContextMenuRadioGroup = RadioGroup;
-const ContextMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
-        ref: ref,
-        className: cn('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', inset && 'pl-8', className),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronRight, {
-                className: "ml-auto h-4 w-4"
-            })
-        ]
-    }));
+const ContextMenuSubTrigger = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(14);
+    let children;
+    let className;
+    let inset;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, inset, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = inset;
+        $[4] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        inset = $[3];
+        props = $[4];
+    }
+    const t1 = inset && "pl-8";
+    let t2;
+    if ($[5] !== className || $[6] !== t1) {
+        t2 = cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", t1, className);
+        $[5] = className;
+        $[6] = t1;
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(ChevronRight, {
+            className: "ml-auto h-4 w-4"
+        });
+        $[8] = t3;
+    } else t3 = $[8];
+    let t4;
+    if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t2) {
+        t4 = /*#__PURE__*/ jsxs(SubTrigger, {
+            ref: ref,
+            className: t2,
+            ...props,
+            children: [
+                children,
+                t3
+            ]
+        });
+        $[9] = children;
+        $[10] = props;
+        $[11] = ref;
+        $[12] = t2;
+        $[13] = t4;
+    } else t4 = $[13];
+    return t4;
+});
 ContextMenuSubTrigger.displayName = SubTrigger.displayName;
-const ContextMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
-        ref: ref,
-        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 origin-[--radix-context-menu-content-transform-origin]', className),
-        ...props
-    }));
-ContextMenuSubContent.displayName = SubContent.displayName;
-const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
+const ContextMenuSubContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = 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 origin-[--radix-context-menu-content-transform-origin]", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(SubContent, {
             ref: ref,
-            className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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 origin-[--radix-context-menu-content-transform-origin]', className),
+            className: t1,
             ...props
-        })
-    }));
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
+ContextMenuSubContent.displayName = SubContent.displayName;
+const ContextMenuContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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 origin-[--radix-context-menu-content-transform-origin]", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Portal, {
+            children: /*#__PURE__*/ jsx(Content, {
+                ref: ref,
+                className: t1,
+                ...props
+            })
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 ContextMenuContent.displayName = Content.displayName;
-const ContextMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
-        ref: ref,
-        className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
-        ...props
-    }));
+const ContextMenuItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(11);
+    let className;
+    let inset;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, inset, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = inset;
+        $[3] = props;
+    } else {
+        className = $[1];
+        inset = $[2];
+        props = $[3];
+    }
+    const t1 = inset && "pl-8";
+    let t2;
+    if ($[4] !== className || $[5] !== t1) {
+        t2 = cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t1, className);
+        $[4] = className;
+        $[5] = t1;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== props || $[8] !== ref || $[9] !== t2) {
+        t3 = /*#__PURE__*/ jsx(Item, {
+            ref: ref,
+            className: t2,
+            ...props
+        });
+        $[7] = props;
+        $[8] = ref;
+        $[9] = t2;
+        $[10] = t3;
+    } else t3 = $[10];
+    return t3;
+});
 ContextMenuItem.displayName = Item.displayName;
-const ContextMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
-        ref: ref,
-        className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-        checked: checked,
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(Check, {
-                        className: "h-4 w-4"
-                    })
+const ContextMenuCheckboxItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(14);
+    let checked;
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, checked, ...props } = t0);
+        $[0] = t0;
+        $[1] = checked;
+        $[2] = children;
+        $[3] = className;
+        $[4] = props;
+    } else {
+        checked = $[1];
+        children = $[2];
+        className = $[3];
+        props = $[4];
+    }
+    let t1;
+    if ($[5] !== className) {
+        t1 = cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className);
+        $[5] = className;
+        $[6] = t1;
+    } else t1 = $[6];
+    let t2;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ jsx("span", {
+            className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+            children: /*#__PURE__*/ jsx(ItemIndicator, {
+                children: /*#__PURE__*/ jsx(Check, {
+                    className: "h-4 w-4"
                 })
-            }),
-            children
-        ]
-    }));
+            })
+        });
+        $[7] = t2;
+    } else t2 = $[7];
+    let t3;
+    if ($[8] !== checked || $[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1) {
+        t3 = /*#__PURE__*/ jsxs(CheckboxItem, {
+            ref: ref,
+            className: t1,
+            checked: checked,
+            ...props,
+            children: [
+                t2,
+                children
+            ]
+        });
+        $[8] = checked;
+        $[9] = children;
+        $[10] = props;
+        $[11] = ref;
+        $[12] = t1;
+        $[13] = t3;
+    } else t3 = $[13];
+    return t3;
+});
 ContextMenuCheckboxItem.displayName = CheckboxItem.displayName;
-const ContextMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
-        ref: ref,
-        className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(Circle, {
-                        className: "h-2 w-2 fill-current"
-                    })
+const ContextMenuRadioItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(12);
+    let children;
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+    }
+    let t1;
+    if ($[4] !== className) {
+        t1 = cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className);
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
+    let t2;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ jsx("span", {
+            className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+            children: /*#__PURE__*/ jsx(ItemIndicator, {
+                children: /*#__PURE__*/ jsx(Circle, {
+                    className: "h-2 w-2 fill-current"
                 })
-            }),
-            children
-        ]
-    }));
+            })
+        });
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+        t3 = /*#__PURE__*/ jsxs(RadioItem, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: [
+                t2,
+                children
+            ]
+        });
+        $[7] = children;
+        $[8] = props;
+        $[9] = ref;
+        $[10] = t1;
+        $[11] = t3;
+    } else t3 = $[11];
+    return t3;
+});
 ContextMenuRadioItem.displayName = RadioItem.displayName;
-const ContextMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
-        ref: ref,
-        className: cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className),
-        ...props
-    }));
+const ContextMenuLabel = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(11);
+    let className;
+    let inset;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, inset, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = inset;
+        $[3] = props;
+    } else {
+        className = $[1];
+        inset = $[2];
+        props = $[3];
+    }
+    const t1 = inset && "pl-8";
+    let t2;
+    if ($[4] !== className || $[5] !== t1) {
+        t2 = cn("px-2 py-1.5 text-sm font-semibold text-foreground", t1, className);
+        $[4] = className;
+        $[5] = t1;
+        $[6] = t2;
+    } else t2 = $[6];
+    let t3;
+    if ($[7] !== props || $[8] !== ref || $[9] !== t2) {
+        t3 = /*#__PURE__*/ jsx(Label, {
+            ref: ref,
+            className: t2,
+            ...props
+        });
+        $[7] = props;
+        $[8] = ref;
+        $[9] = t2;
+        $[10] = t3;
+    } else t3 = $[10];
+    return t3;
+});
 ContextMenuLabel.displayName = Label.displayName;
-const ContextMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
-        ref: ref,
-        className: cn('-mx-1 my-1 h-px bg-border', className),
-        ...props
-    }));
+const ContextMenuSeparator = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("-mx-1 my-1 h-px bg-border", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Separator, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 ContextMenuSeparator.displayName = Separator.displayName;
-const ContextMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
-        ...props
-    });
+const ContextMenuShortcut = (t0)=>{
+    const $ = c(8);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("ml-auto text-xs tracking-widest text-muted-foreground", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== t1) {
+        t2 = /*#__PURE__*/ jsx("span", {
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = t1;
+        $[7] = t2;
+    } else t2 = $[7];
+    return t2;
+};
 ContextMenuShortcut.displayName = 'ContextMenuShortcut';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/ui/data-table.cjs

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
     DataTableColumnHeader: ()=>DataTableColumnHeader
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
@@ -118,12 +119,12 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
                                 align: "end",
-                                children: table.getAllColumns().filter((column)=>column.getCanHide()).map((column)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem, {
+                                children: table.getAllColumns().filter((column)=>column.getCanHide()).map((column_0)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem, {
                                         className: "capitalize",
-                                        checked: column.getIsVisible(),
-                                        onCheckedChange: (value)=>column.toggleVisibility(!!value),
-                                        children: column.id
-                                    }, column.id))
+                                        checked: column_0.getIsVisible(),
+                                        onCheckedChange: (value_0)=>column_0.toggleVisibility(!!value_0),
+                                        children: column_0.id
+                                    }, column_0.id))
                             })
                         ]
                     })
@@ -140,13 +141,13 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHeader, {
                             children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow, {
                                     children: headerGroup.headers.map((header)=>{
-                                        const { column } = header;
+                                        const { column: column_1 } = header;
                                         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_table_cjs_namespaceObject.TableHead, {
                                             className: compact ? 'relative h-8 px-2 py-1' : 'relative',
                                             style: {
-                                                width: resizable ? header.getSize() : 150 !== column.getSize() ? column.getSize() : void 0,
-                                                minWidth: column.columnDef.minSize,
-                                                maxWidth: column.columnDef.maxSize
+                                                width: resizable ? header.getSize() : 150 !== column_1.getSize() ? column_1.getSize() : void 0,
+                                                minWidth: column_1.columnDef.minSize,
+                                                maxWidth: column_1.columnDef.maxSize
                                             },
                                             children: [
                                                 header.isPlaceholder ? null : (0, react_table_namespaceObject.flexRender)(header.column.columnDef.header, header.getContext()),
@@ -167,13 +168,13 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
                             children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow, {
                                     "data-state": row.getIsSelected() && 'selected',
                                     children: row.getVisibleCells().map((cell)=>{
-                                        const { column } = cell;
+                                        const { column: column_2 } = cell;
                                         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell, {
                                             className: compact ? 'truncate px-2 py-1' : 'truncate',
                                             style: {
-                                                width: resizable ? cell.column.getSize() : 150 !== column.getSize() ? column.getSize() : void 0,
-                                                minWidth: column.columnDef.minSize,
-                                                maxWidth: column.columnDef.maxSize
+                                                width: resizable ? cell.column.getSize() : 150 !== column_2.getSize() ? column_2.getSize() : void 0,
+                                                minWidth: column_2.columnDef.minSize,
+                                                maxWidth: column_2.columnDef.maxSize
                                             },
                                             children: (0, react_table_namespaceObject.flexRender)(cell.column.columnDef.cell, cell.getContext())
                                         }, cell.id);
@@ -235,32 +236,68 @@ function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...',
         ]
     });
 }
-function DataTableColumnHeader({ column, title, children }) {
-    const sorted = column.getIsSorted();
-    const handleClick = ()=>{
-        if ('asc' === sorted) column.toggleSorting(true);
-        else if ('desc' === sorted) column.clearSorting();
-        else column.toggleSorting(false);
-    };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
-        variant: "ghost",
-        size: "sm",
-        className: "-ml-3 h-8 data-[state=open]:bg-accent",
-        onClick: handleClick,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                children: title
-            }),
-            children,
-            'asc' === sorted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUp, {
-                className: "ml-2 h-4 w-4"
-            }) : 'desc' === sorted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowDown, {
-                className: "ml-2 h-4 w-4"
-            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUpDown, {
-                className: "ml-2 h-4 w-4"
-            })
-        ]
-    });
+function DataTableColumnHeader(t0) {
+    const $ = (0, compiler_runtime_namespaceObject.c)(14);
+    const { column, title, children } = t0;
+    let t1;
+    if ($[0] !== column) {
+        t1 = column.getIsSorted();
+        $[0] = column;
+        $[1] = t1;
+    } else t1 = $[1];
+    const sorted = t1;
+    let t2;
+    if ($[2] !== column || $[3] !== sorted) {
+        t2 = ()=>{
+            if ("asc" === sorted) column.toggleSorting(true);
+            else if ("desc" === sorted) column.clearSorting();
+            else column.toggleSorting(false);
+        };
+        $[2] = column;
+        $[3] = sorted;
+        $[4] = t2;
+    } else t2 = $[4];
+    const handleClick = t2;
+    let t3;
+    if ($[5] !== title) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            children: title
+        });
+        $[5] = title;
+        $[6] = t3;
+    } else t3 = $[6];
+    let t4;
+    if ($[7] !== sorted) {
+        t4 = "asc" === sorted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUp, {
+            className: "ml-2 h-4 w-4"
+        }) : "desc" === sorted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowDown, {
+            className: "ml-2 h-4 w-4"
+        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUpDown, {
+            className: "ml-2 h-4 w-4"
+        });
+        $[7] = sorted;
+        $[8] = t4;
+    } else t4 = $[8];
+    let t5;
+    if ($[9] !== children || $[10] !== handleClick || $[11] !== t3 || $[12] !== t4) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+            variant: "ghost",
+            size: "sm",
+            className: "-ml-3 h-8 data-[state=open]:bg-accent",
+            onClick: handleClick,
+            children: [
+                t3,
+                children,
+                t4
+            ]
+        });
+        $[9] = children;
+        $[10] = handleClick;
+        $[11] = t3;
+        $[12] = t4;
+        $[13] = t5;
+    } else t5 = $[13];
+    return t5;
 }
 function DataTableSelectColumn() {
     return {