@underverse-ui/underverse 0.2.57 → 0.2.59

package/dist/index.cjs

@@ -253,7 +253,7 @@ var Button = (0, import_react.forwardRef)(
     gradient = false,
     ...rest
   }, ref) => {
-    const baseStyles = asContainer ? "relative inline-flex justify-center rounded-xl font-medium transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px" : "relative inline-flex items-center justify-center gap-2 rounded-xl font-medium overflow-hidden transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px";
+    const baseStyles = asContainer ? "relative inline-flex justify-center rounded-full font-medium transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px" : "relative inline-flex items-center justify-center gap-2 rounded-full font-medium overflow-hidden transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px";
     const finalVariant = gradient ? "gradient" : variant;
     const variantStyle = VARIANT_STYLES_BTN[finalVariant] || VARIANT_STYLES_BTN.default;
     const sizeStyle = SIZE_STYLES_BTN[size] || SIZE_STYLES_BTN.md;
@@ -1160,7 +1160,7 @@ var Input = (0, import_react3.forwardRef)(
       setIsFocused(false);
       onBlurProp?.(e);
     };
-    const radiusClass = size === "sm" ? "rounded-lg" : "rounded-xl";
+    const radiusClass = size === "sm" ? "rounded-full" : "rounded-full";
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("w-full group", containerSpacing), children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -1571,7 +1571,7 @@ var Textarea = (0, import_react3.forwardRef)(
           onFocus: () => setIsFocused(true),
           onBlur: () => setIsFocused(false),
           className: cn(
-            "w-full rounded-xl px-4 py-3 text-sm text-foreground transition-all duration-200",
+            "w-full rounded-full px-4 py-3 text-sm text-foreground transition-all duration-200",
             "placeholder:text-muted-foreground focus:outline-none min-h-20",
             "disabled:cursor-not-allowed disabled:opacity-50",
             variantStyles6[variant],
@@ -1642,14 +1642,14 @@ var TagInput = (0, import_react4.forwardRef)(
         button: "h-7 text-xs px-2"
       },
       md: {
-        container: "min-h-10 p-2 gap-1.5 rounded-xl",
+        container: "min-h-10 p-2 gap-1.5 rounded-2xl",
         input: "text-sm",
         tag: "px-2 py-1 text-sm gap-1.5 rounded-lg",
         tagIcon: "h-3.5 w-3.5",
         button: "h-8 text-sm px-3"
       },
       lg: {
-        container: "min-h-12 p-2.5 gap-2 rounded-xl",
+        container: "min-h-12 p-2.5 gap-2 rounded-2xl",
         input: "text-base",
         tag: "px-2.5 py-1.5 text-base gap-2 rounded-lg",
         tagIcon: "h-4 w-4",
@@ -1936,7 +1936,7 @@ var Textarea2 = (0, import_react5.forwardRef)(
             onFocus: () => setIsFocused(true),
             onBlur: () => setIsFocused(false),
             className: cn(
-              "w-full rounded-xl transition-all duration-200 ease-soft resize-y",
+              "w-full rounded-2xl transition-all duration-200 ease-soft resize-y",
               "text-foreground placeholder:text-muted-foreground",
               "focus:outline-none shadow-sm focus:shadow-md",
               "backdrop-blur-sm",
@@ -2845,19 +2845,25 @@ var Modal = ({
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
+  const animationRef = React11.useRef(false);
   React11.useEffect(() => {
     if (isOpen) {
+      if (animationRef.current) return;
+      animationRef.current = true;
       setIsVisible(true);
       setIsAnimating(true);
       requestAnimationFrame(() => {
         setIsAnimating(false);
       });
-    } else if (isVisible) {
-      setIsAnimating(true);
-      const hideTimer = setTimeout(() => {
-        setIsVisible(false);
-      }, 200);
-      return () => clearTimeout(hideTimer);
+    } else {
+      animationRef.current = false;
+      if (isVisible) {
+        setIsAnimating(true);
+        const hideTimer = setTimeout(() => {
+          setIsVisible(false);
+        }, 200);
+        return () => clearTimeout(hideTimer);
+      }
     }
   }, [isOpen, isVisible]);
   React11.useEffect(() => {
@@ -3907,7 +3913,7 @@ var Popover = ({
               "div",
               {
                 className: cn(
-                  "rounded-xl border bg-popover text-popover-foreground shadow-md",
+                  "rounded-2xl border bg-popover text-popover-foreground shadow-md",
                   "backdrop-blur-sm bg-popover/95 border-border/60 p-4",
                   contentClassName
                 ),
@@ -4848,7 +4854,7 @@ var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", cla
       "button",
       {
         className: cn(
-          "inline-flex items-center justify-between gap-2 px-3 py-2 text-sm rounded-xl border bg-background border-border/60",
+          "inline-flex items-center justify-between gap-2 px-3 py-2 text-sm rounded-2xl border bg-background border-border/60",
           "hover:bg-accent/50",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           className
@@ -4980,7 +4986,7 @@ var Combobox = ({
             }
           },
           placeholder: searchPlaceholder,
-          className: "w-full rounded-xl bg-background/50 py-2 pl-8 pr-3 text-sm border-0 focus:outline-none focus:bg-background/80 transition-colors placeholder:text-muted-foreground/60",
+          className: "w-full rounded-full bg-background/50 py-2 pl-8 pr-3 text-sm border-0 focus:outline-none focus:bg-background/80 transition-colors placeholder:text-muted-foreground/60",
           "aria-autocomplete": "list",
           "aria-activedescendant": activeIndex != null ? `combobox-item-${activeIndex}` : void 0
         }
@@ -5036,7 +5042,7 @@ var Combobox = ({
     lg: "h-12 py-3 text-base"
   };
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
-  const radiusClass = size === "sm" ? "rounded-lg" : "rounded-xl";
+  const radiusClass = size === "sm" ? "rounded-full" : "rounded-full";
   const verticalGap = size === "sm" ? "space-y-1.5" : "space-y-2";
   const triggerButtonBaseProps = {
     ref: triggerRef,
@@ -5130,7 +5136,7 @@ var Combobox = ({
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
       triggerButtonInline,
-      open && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-xl border bg-popover text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", children: dropdownBody }) })
+      open && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "rounded-2xl border bg-popover text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", children: dropdownBody }) })
     ] })
   ] });
 };
@@ -5852,7 +5858,7 @@ var DatePicker = ({
             "aria-labelledby": labelId,
             className: cn(
               "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-              size === "sm" ? "rounded-lg" : "rounded-xl",
+              size === "sm" ? "rounded-full" : "rounded-full",
               size === "sm" ? "px-2.5 py-1.5 text-sm h-8 md:h-7 md:text-xs md:py-1" : "px-3 py-2.5 text-sm h-11",
               "border-border/60 hover:border-primary/40",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -6136,7 +6142,7 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
         {
           type: "button",
           className: cn(
-            "group flex w-full items-center justify-between rounded-xl border bg-background/80 backdrop-blur-sm px-3 py-2.5 text-sm",
+            "group flex w-full items-center justify-between rounded-full border bg-background/80 backdrop-blur-sm px-3 py-2.5 text-sm",
             "border-border/60 hover:border-primary/40",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
             "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
@@ -7376,7 +7382,7 @@ var DateTimePicker = ({
             type: "button",
             disabled,
             className: cn(
-              "flex w-full items-center justify-between rounded-xl border border-input bg-background px-3 py-2 text-sm",
+              "flex w-full items-center justify-between rounded-full border border-input bg-background px-3 py-2 text-sm",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
               disabled && "opacity-50 cursor-not-allowed",
               !displayValue && "text-muted-foreground"
@@ -7651,7 +7657,7 @@ var MultiCombobox = ({
       "aria-expanded": open,
       "aria-controls": listboxId,
       className: cn(
-        "flex w-full items-center gap-2 rounded-xl border border-input bg-background shadow-sm min-h-10",
+        "flex w-full items-center gap-2 rounded-2xl border border-input bg-background shadow-sm min-h-10",
         "px-3 py-2",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         "disabled:cursor-not-allowed disabled:opacity-50"
@@ -8800,7 +8806,7 @@ function CategoryTreeSelect(props) {
           // Modern trigger button styling
           "group flex w-full items-center justify-between px-3 py-2.5",
           "bg-background/80 backdrop-blur-sm border border-border/60",
-          "rounded-xl h-11 text-sm",
+          "rounded-2xl h-11 text-sm",
           "hover:bg-accent/10 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
           "transition-all duration-300 ease-out",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -10693,7 +10699,7 @@ function ColorPicker({
       type: "button",
       disabled,
       className: cn(
-        "w-full px-3 rounded-xl border border-input bg-background flex items-center justify-between",
+        "w-full px-3 rounded-full border border-input bg-background flex items-center justify-between",
         sizeClasses2[size],
         "hover:border-accent-foreground/30 transition-colors",
         disabled && "opacity-50 cursor-not-allowed",
@@ -11149,7 +11155,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           "div",
           {
-            className: cn("bg-popover text-popover-foreground border border-border", "rounded-xl shadow-xl px-3 py-2 text-sm", "backdrop-blur-sm"),
+            className: cn("bg-popover text-popover-foreground border border-border", "rounded-2xl shadow-xl px-3 py-2 text-sm", "backdrop-blur-sm"),
             style: {
               minWidth: "80px",
               width: "max-content",