@underverse-ui/underverse 0.2.35 → 0.2.37

package/dist/index.cjs

@@ -542,7 +542,27 @@ var Badge_default = Badge;
 // ../../components/ui/Card.tsx
 var import_react2 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Card = ({ title, description, children, footer, className, hoverable = false, clickable = false, innerClassName, contentClassName, noPadding = false, onClick, ...rest }) => {
+var getPaddingInfo = (className) => {
+  if (!className) return { hasAll: false, hasX: false, hasY: false };
+  const hasAll = /\b(p)-\d+|\b(p)-\[/.test(className) || /\bmd:p-|lg:p-|sm:p-|xl:p-/.test(className);
+  const hasX = /\b(px|pl|pr|ps|pe)-/.test(className);
+  const hasY = /\b(py|pt|pb)-/.test(className);
+  return { hasAll, hasX, hasY };
+};
+var Card = ({
+  title,
+  description,
+  children,
+  footer,
+  className,
+  hoverable = false,
+  clickable = false,
+  innerClassName,
+  contentClassName,
+  noPadding = false,
+  onClick,
+  ...rest
+}) => {
   const [isHovered, setIsHovered] = (0, import_react2.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
@@ -582,7 +602,13 @@ var Card = ({ title, description, children, footer, className, hoverable = false
           ),
           description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm md:text-base text-muted-foreground leading-relaxed", children: description })
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: cn("relative p-4 md:p-6 pt-0", noPadding && "p-0", contentClassName), children }),
+        children && (() => {
+          const padding = getPaddingInfo(contentClassName);
+          const skipAllPadding = noPadding || padding.hasAll;
+          const defaultPaddingX = !skipAllPadding && !padding.hasX ? "px-4 md:px-6" : "";
+          const defaultPaddingY = !skipAllPadding && !padding.hasY ? "pt-0 pb-4 md:pb-6" : "";
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: cn("relative", defaultPaddingX, defaultPaddingY, contentClassName), children });
+        })(),
         footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "relative flex items-center p-4 md:p-6 pt-0 border-t border-border mt-4", children: footer })
       ] })
     }
@@ -2580,13 +2606,30 @@ var Modal = ({
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
+  const isInsidePortal = (element) => {
+    if (!element) return false;
+    let current = element;
+    while (current) {
+      if (current.hasAttribute?.("data-datepicker") || current.hasAttribute?.("data-popover") || current.hasAttribute?.("data-dropdown") || current.hasAttribute?.("data-dropdown-menu") || current.hasAttribute?.("data-radix-popper-content-wrapper") || current.hasAttribute?.("data-radix-portal") || current.getAttribute?.("role") === "listbox" || current.getAttribute?.("role") === "dialog" || current.classList?.contains("datepicker-portal") || current.classList?.contains("popover-portal")) {
+        return true;
+      }
+      current = current.parentElement;
+    }
+    return false;
+  };
   const handleOverlayMouseDown = (event) => {
     mouseDownTarget.current = event.target;
   };
   const handleOverlayMouseUp = (event) => {
     const modalContent2 = modalContentRef.current;
-    const mouseDownOutside = modalContent2 && !modalContent2.contains(mouseDownTarget.current);
-    const mouseUpOutside = modalContent2 && !modalContent2.contains(event.target);
+    const mouseDownTarget_ = mouseDownTarget.current;
+    const mouseUpTarget = event.target;
+    if (isInsidePortal(mouseDownTarget_) || isInsidePortal(mouseUpTarget)) {
+      mouseDownTarget.current = null;
+      return;
+    }
+    const mouseDownOutside = modalContent2 && !modalContent2.contains(mouseDownTarget_);
+    const mouseUpOutside = modalContent2 && !modalContent2.contains(mouseUpTarget);
     if (closeOnOverlayClick && mouseDownOutside && mouseUpOutside) {
       onClose();
     }