@underverse-ui/underverse 0.2.17 → 0.2.19

package/dist/index.js

@@ -2251,29 +2251,28 @@ var useToast = () => {
   }
   return context;
 };
-var ToastProvider = ({
-  children,
-  position = "top-right",
-  maxToasts = 5
-}) => {
+var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
   const [toasts, setToasts] = useState8([]);
   const idRef = useRef2(0);
   const removeToast = useCallback2((id) => {
     setToasts((prev) => prev.filter((toast) => toast.id !== id));
   }, []);
-  const addToast = useCallback2((toast) => {
-    const id = `toast-${++idRef.current}`;
-    const newToast = { ...toast, id };
-    setToasts((prev) => {
-      const updated = [newToast, ...prev];
-      return updated.slice(0, maxToasts);
-    });
-    if (toast.duration !== 0) {
-      setTimeout(() => {
-        removeToast(id);
-      }, toast.duration || 5e3);
-    }
-  }, [maxToasts, removeToast]);
+  const addToast = useCallback2(
+    (toast) => {
+      const id = `toast-${++idRef.current}`;
+      const newToast = { ...toast, id };
+      setToasts((prev) => {
+        const updated = [newToast, ...prev];
+        return updated.slice(0, maxToasts);
+      });
+      if (toast.duration !== 0) {
+        setTimeout(() => {
+          removeToast(id);
+        }, toast.duration || 5e3);
+      }
+    },
+    [maxToasts, removeToast]
+  );
   const positionClasses = {
     "top-right": "top-4 right-4",
     "top-left": "top-4 left-4",
@@ -2284,7 +2283,7 @@ var ToastProvider = ({
   };
   return /* @__PURE__ */ jsxs12(ToastContext.Provider, { value: { addToast, removeToast, toasts }, children: [
     children,
-    /* @__PURE__ */ jsx14("div", { className: cn("fixed z-50 flex flex-col gap-2 pointer-events-none", positionClasses[position]), "aria-live": "polite", "aria-atomic": true, children: toasts.map((toast) => /* @__PURE__ */ jsx14(ToastComponent, { toast, onRemove: removeToast }, toast.id)) })
+    /* @__PURE__ */ jsx14("div", { className: cn("fixed z-[99999] flex flex-col gap-2 pointer-events-none", positionClasses[position]), "aria-live": "polite", "aria-atomic": true, children: toasts.map((toast) => /* @__PURE__ */ jsx14(ToastComponent, { toast, onRemove: removeToast }, toast.id)) })
   ] });
 };
 var ToastComponent = ({ toast, onRemove }) => {
@@ -3725,36 +3724,34 @@ var DropdownMenu = ({
     if (open && triggerRef.current && contentRef.current) {
       const rect = triggerRef.current.getBoundingClientRect();
       const menuRect = contentRef.current.getBoundingClientRect();
-      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-      const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
       const viewportHeight = window.innerHeight;
-      let top = rect.bottom + scrollTop + 4;
-      let left = rect.left + scrollLeft;
+      let top = rect.bottom + 4;
+      let left = rect.left;
       if (rect.bottom + menuRect.height > viewportHeight && rect.top > menuRect.height) {
-        top = rect.top + scrollTop - menuRect.height - 4;
+        top = rect.top - menuRect.height - 4;
       }
       switch (placement) {
         case "top":
         case "top-start":
-          top = rect.top + scrollTop - menuRect.height - 4;
+          top = rect.top - menuRect.height - 4;
           break;
         case "top-end":
-          top = rect.top + scrollTop - menuRect.height - 4;
-          left = rect.right + scrollLeft - menuRect.width;
+          top = rect.top - menuRect.height - 4;
+          left = rect.right - menuRect.width;
           break;
         case "bottom":
         case "bottom-start":
           break;
         case "bottom-end":
-          left = rect.right + scrollLeft - menuRect.width;
+          left = rect.right - menuRect.width;
           break;
         case "left":
-          top = rect.top + scrollTop;
-          left = rect.left + scrollLeft - menuRect.width - 4;
+          top = rect.top;
+          left = rect.left - menuRect.width - 4;
           break;
         case "right":
-          top = rect.top + scrollTop;
-          left = rect.right + scrollLeft + 4;
+          top = rect.top;
+          left = rect.right + 4;
           break;
       }
       setPosition({ top, left });
@@ -3828,7 +3825,7 @@ var DropdownMenu = ({
       "data-combobox-dropdown": true,
       ref: contentRef,
       style: {
-        position: "absolute",
+        position: "fixed",
         top: position?.top ?? -9999,
         left: position?.left ?? -9999,
         zIndex: 9999,
@@ -4919,7 +4916,7 @@ var DatePicker = ({
               size === "sm" ? "w-7 h-7 text-[12px]" : "w-8 h-8 text-sm",
               "datepicker-day rounded-md focus:outline-none",
               "transition-colors",
-              isSelected ? "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary focus:text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+              isSelected ? "!bg-primary text-primary-foreground font-bold ring-2 ring-primary-foreground/60 shadow-lg scale-105 z-10 hover:!bg-primary focus:!bg-primary focus:text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
               isToday2 && !isSelected && "bg-accent text-accent-foreground font-semibold"
             ),
             children: day
@@ -9834,68 +9831,28 @@ var LoadingBar = ({
 // ../../components/ui/Table.tsx
 import React36 from "react";
 import { jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
-var Table = React36.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx45(
-    "div",
-    {
-      className: cn(
-        "relative w-full overflow-auto",
-        "rounded-lg md:rounded-xl border border-border",
-        "bg-card text-card-foreground shadow-sm",
-        "backdrop-blur-sm transition-all duration-300",
-        containerClassName
-      ),
-      children: /* @__PURE__ */ jsx45(
-        "table",
-        {
-          ref,
-          className: cn("w-full caption-bottom text-sm", className),
-          ...props
-        }
-      )
-    }
-  )
-);
-Table.displayName = "Table";
-var TableHeader = React36.forwardRef(
-  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs40(
-    "thead",
-    {
-      ref,
-      className: cn(
-        "[&_tr]:border-b [&_tr]:border-border",
-        "bg-muted/20",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        filterRow
-      ]
-    }
-  )
-);
-TableHeader.displayName = "TableHeader";
-var TableBody = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
-  "tbody",
+var Table = React36.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "div",
   {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
-  "tfoot",
-  {
-    ref,
     className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
+      "relative w-full overflow-auto",
+      "rounded-lg md:rounded-xl border border-border",
+      "bg-card text-card-foreground shadow-sm",
+      "backdrop-blur-sm transition-all duration-300",
+      containerClassName
     ),
-    ...props
+    children: /* @__PURE__ */ jsx45("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props })
   }
 ));
+Table.displayName = "Table";
+var TableHeader = React36.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs40("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted/50", className), ...props, children: [
+  children,
+  filterRow
+] }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
 var TableRow = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   "tr",
@@ -9915,31 +9872,14 @@ var TableHead = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "th",
   {
     ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
-    ),
+    className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className),
     ...props
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
+var TableCell = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+var TableCaption = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable.tsx
@@ -10310,7 +10250,7 @@ function DataTable({
             /* @__PURE__ */ jsx46("span", { className: "text-sm", children: "Loading..." })
           ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx46(TableRow, { children: /* @__PURE__ */ jsx46(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : displayedData.map((row, idx) => {
             const isLastRow = idx === displayedData.length - 1;
-            return /* @__PURE__ */ jsx46(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col, colIdx) => {
+            return /* @__PURE__ */ jsx46(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/50"), children: visibleColumns.map((col, colIdx) => {
               const value = col.dataIndex ? row[col.dataIndex] : void 0;
               return /* @__PURE__ */ jsx46(
                 TableCell,