@underverse-ui/underverse 1.0.191 → 1.0.192

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.191",
+  "version": "1.0.192",
   "sourceEntry": "src/index.ts",
   "totalExports": 252,
   "exports": [

package/dist/index.cjs

@@ -3562,7 +3562,7 @@ var Textarea = (0, import_react4.forwardRef)(
     required,
     value,
     maxLength,
-    borderMode = "2xl",
+    borderMode,
     ...props
   }, ref) => {
     const [isFocused, setIsFocused] = (0, import_react4.useState)(false);
@@ -6971,9 +6971,12 @@ var Modal = ({
   noPadding = false,
   fullWidth = false,
   width,
-  height
+  height,
+  borderMode
 }) => {
   const gi18n = useGlobalI18n();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.borderMode;
   const [isMounted, setIsMounted] = React22.useState(false);
   const [isVisible, setIsVisible] = React22.useState(false);
   const [isAnimating, setIsAnimating] = React22.useState(true);
@@ -7079,7 +7082,8 @@ var Modal = ({
           {
             ref: modalContentRef,
             className: cn(
-              "relative w-full rounded-2xl md:rounded-3xl border border-border/40 bg-card text-card-foreground shadow-xl",
+              "relative w-full border border-border/40 bg-card text-card-foreground shadow-xl",
+              resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
               "transition-all duration-200 ease-out",
               maxWidthClass,
               fullWidth && "mx-0",
@@ -7587,7 +7591,8 @@ var Popover = ({
   open,
   onOpenChange,
   matchTriggerWidth = false,
-  contentWidth
+  contentWidth,
+  borderMode
 }) => {
   const isControlled = open !== void 0;
   const [internalOpen, setInternalOpen] = React24.useState(false);
@@ -7596,6 +7601,8 @@ var Popover = ({
   const panelRef = React24.useRef(null);
   const lastAppliedRef = React24.useRef(null);
   useShadCNAnimations();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.popover?.borderMode ?? globalConfig.borderMode;
   const isOpen = isControlled ? open : internalOpen;
   const setIsOpen = React24.useCallback(
     (next) => {
@@ -7776,7 +7783,8 @@ var Popover = ({
               {
                 ...contentProps,
                 className: cn(
-                  "rounded-2xl md:rounded-3xl border bg-popover text-popover-foreground shadow-md",
+                  resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+                  "border bg-popover text-popover-foreground shadow-md",
                   "backdrop-blur-sm bg-popover/95 border-border/60 p-4",
                   contentProps?.className,
                   contentClassName
@@ -8115,7 +8123,9 @@ var SlideOver = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { ...props, side: "right", variant: "overlay", size: "lg" });
 };
 var BottomSheet = ({ snapPoints = ["25%", "50%", "90%"], defaultSnap = 1, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { ...props, side: "bottom", variant: "overlay", className: cn("rounded-t-3xl", props.className) });
+  const globalConfig = useUnderverseUIConfig();
+  const isSquare = globalConfig.borderMode === "daewoo" || globalConfig.borderMode === "none";
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { ...props, side: "bottom", variant: "overlay", className: cn(isSquare ? "" : "rounded-t-3xl", props.className) });
 };
 var SidebarSheet = ({ navigation, children, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Sheet, { ...props, side: "left", variant: "push", size: "md", children: [
@@ -8787,7 +8797,8 @@ var DropdownMenu = ({
   disabled = false,
   isOpen,
   onOpenChange,
-  items
+  items,
+  borderMode
 }) => {
   const [internalOpen, setInternalOpen] = (0, import_react17.useState)(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
@@ -8823,6 +8834,8 @@ var DropdownMenu = ({
     item.scrollIntoView({ block: "nearest" });
   }, [getEnabledMenuItems, setActiveIndex]);
   useShadCNAnimations();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
   import_react17.default.useEffect(() => {
     if (!open) return;
     const handleKeyNav = (e) => {
@@ -8890,7 +8903,8 @@ var DropdownMenu = ({
           animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
         },
         className: cn(
-          "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm rounded-lg",
+          "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm",
+          resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
           "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           "hover:bg-accent hover:text-accent-foreground",
           "focus:bg-accent focus:text-accent-foreground",
@@ -8946,6 +8960,7 @@ var DropdownMenu = ({
       trigger: enhancedTrigger,
       placement,
       disabled,
+      borderMode: resolvedBorderMode,
       contentClassName: cn("p-1", contentClassName),
       children: menuBody
     }
@@ -8962,10 +8977,13 @@ var DropdownMenuItem = ({
   active,
   shortcut,
   className,
-  closeOnSelect
+  closeOnSelect,
+  borderMode
 }) => {
   const menu = import_react17.default.useContext(DropdownMenuContext);
   const shouldCloseOnSelect = closeOnSelect ?? menu?.closeOnSelect ?? false;
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "button",
     {
@@ -8980,7 +8998,8 @@ var DropdownMenuItem = ({
       "data-dropdown-menu-item": "",
       tabIndex: -1,
       className: cn(
-        "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors group cursor-pointer",
+        "flex w-full items-center gap-2 px-3 py-2 text-sm transition-colors group cursor-pointer",
+        resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
         "hover:bg-accent hover:text-accent-foreground",
         "focus:bg-accent focus:text-accent-foreground focus:outline-none",
         "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -9002,56 +9021,67 @@ var DropdownMenuItem = ({
   );
 };
 var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("h-px bg-border my-1", className) });
-var DropdownMenuSub = ({ label, icon: Icon, disabled, children }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-  DropdownMenu,
-  {
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      {
-        type: "button",
-        disabled,
-        onMouseDown: (e) => e.preventDefault(),
-        className: cn(
-          "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors cursor-pointer",
-          "hover:bg-accent hover:text-accent-foreground",
-          "focus:bg-accent focus:text-accent-foreground focus:outline-none",
-          "disabled:opacity-50 disabled:cursor-not-allowed"
-        ),
-        children: [
-          Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-4 h-4 shrink-0 opacity-60" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1 text-left", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.ChevronRight, { className: "w-3 h-3 opacity-50" })
-        ]
-      }
-    ),
-    placement: "right",
-    children
-  }
-);
-var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-  DropdownMenu,
-  {
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      {
-        className: cn(
-          "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
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate max-w-64 text-foreground/90", children: value || placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-        ]
-      }
-    ),
-    items: options.map((option) => ({
-      label: option,
-      onClick: () => onChange(option)
-    }))
-  }
-);
+var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, children }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    DropdownMenu,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onMouseDown: (e) => e.preventDefault(),
+          className: cn(
+            "flex w-full items-center gap-2 px-3 py-2 text-sm transition-colors cursor-pointer",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
+            "hover:bg-accent hover:text-accent-foreground",
+            "focus:bg-accent focus:text-accent-foreground focus:outline-none",
+            "disabled:opacity-50 disabled:cursor-not-allowed"
+          ),
+          children: [
+            Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "w-4 h-4 shrink-0 opacity-60" }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-1 text-left", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.ChevronRight, { className: "w-3 h-3 opacity-50" })
+          ]
+        }
+      ),
+      placement: "right",
+      children
+    }
+  );
+};
+var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className, borderMode }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    DropdownMenu,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          className: cn(
+            "inline-flex items-center justify-between gap-2 px-3 py-2 text-sm border bg-background border-border/60",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl",
+            "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
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "truncate max-w-64 text-foreground/90", children: value || placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          ]
+        }
+      ),
+      items: options.map((option) => ({
+        label: option,
+        onClick: () => onChange(option)
+      })),
+      borderMode: resolvedBorderMode
+    }
+  );
+};
 var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
@@ -9136,6 +9166,9 @@ var Combobox = ({
   maxInitialOptions,
   showSearchPromptWhenEmptyQuery = false
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
+  const radiusClass = getBorderRadiusClass(resolvedBorderMode);
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
   const placeholder = placeholderProp ?? gi18n.selectPlaceholder ?? "Select\u2026";
@@ -9345,7 +9378,7 @@ var Combobox = ({
     {
       "data-combobox-dropdown": true,
       "data-state": open ? "open" : "closed",
-      className: "w-full rounded-2xl md:rounded-3xl overflow-hidden",
+      className: cn("w-full overflow-hidden", getBorderRadiusClass(resolvedBorderMode)),
       children: [
         enableSearch && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("relative border-b border-border/30", size === "sm" ? "p-2" : size === "lg" ? "p-3" : "p-2.5"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -9487,9 +9520,6 @@ var Combobox = ({
     filled: "border-0 bg-muted/50 hover:bg-muted/80"
   };
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
-  const globalConfig = useUnderverseUIConfig();
-  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
-  const radiusClass = getBorderRadiusClass(resolvedBorderMode);
   const verticalGap = size === "sm" ? "space-y-1.5" : "space-y-2";
   const triggerButtonBaseProps = {
     ref: triggerRef,
@@ -9620,12 +9650,13 @@ var Combobox = ({
         placement: "bottom-start",
         matchTriggerWidth: true,
         className: "z-9999",
-        contentClassName: "p-0 overflow-hidden rounded-2xl md:rounded-3xl",
+        borderMode: resolvedBorderMode,
+        contentClassName: "p-0 overflow-hidden",
         children: dropdownBody
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
       triggerButtonInline,
-      open && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "rounded-2xl md:rounded-3xl overflow-hidden border text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", children: dropdownBody }) })
+      open && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("overflow-hidden border text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", getBorderRadiusClass(resolvedBorderMode)), children: dropdownBody }) })
     ] }),
     (helperText || effectiveError) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "p",
@@ -10899,10 +10930,10 @@ var DatePicker = ({
         placement: "bottom-start",
         disabled,
         contentWidth: sizeStyles8[size].contentWidth,
+        borderMode: resolvedBorderMode,
         contentClassName: cn(
           "p-0",
           "backdrop-blur-xl bg-popover/95 border-border/40 shadow-2xl",
-          "rounded-2xl md:rounded-3xl",
           // Keep usable on small viewports (wheel scroll should stay within the popover if it overflows)
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto overscroll-contain",
           sizeStyles8[size].contentPadding,
@@ -11654,10 +11685,10 @@ var DateRangePicker = ({
         placement: "bottom-start",
         disabled,
         contentWidth: sizeStyles8[size].contentWidth,
+        borderMode: resolvedBorderMode,
         contentClassName: cn(
           "p-0",
           "backdrop-blur-xl bg-popover/95 border-border/40 shadow-2xl",
-          "rounded-2xl md:rounded-3xl",
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto overscroll-contain",
           sizeStyles8[size].contentPadding,
           "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-300"
@@ -12057,6 +12088,8 @@ var LunarDatePicker = ({
   maxDate,
   borderMode
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
@@ -12581,12 +12614,12 @@ var LunarDatePicker = ({
         open: isOpen,
         onOpenChange: setIsOpen,
         placement: "bottom-start",
+        borderMode: resolvedBorderMode,
         disabled,
         contentWidth: sizeStyles8[size].contentWidth,
         contentClassName: cn(
           "p-0",
           "backdrop-blur-xl bg-popover/95 border-border/40 shadow-2xl",
-          "rounded-2xl md:rounded-3xl",
           // Keep usable on small viewports (wheel scroll should stay within the popover if it overflows)
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto overscroll-contain",
           sizeStyles8[size].contentPadding,
@@ -12604,7 +12637,7 @@ var LunarDatePicker = ({
             "aria-invalid": !!effectiveError,
             className: cn(
               "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-              getBorderRadiusClass(borderMode ?? "full"),
+              getBorderRadiusClass(resolvedBorderMode),
               sizeStyles8[size].trigger,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
@@ -13747,6 +13780,8 @@ function MonthYearPicker({
   borderMode,
   ...rest
 }) {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const gi18n = useGlobalI18n();
   const tv = useSmartTranslations("ValidationInput");
   const now = /* @__PURE__ */ new Date();
@@ -13905,7 +13940,7 @@ function MonthYearPicker({
       "aria-invalid": !!effectiveError,
       className: cn(
         "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-        getBorderRadiusClass(borderMode ?? "full"),
+        getBorderRadiusClass(resolvedBorderMode),
         sz.height,
         sz.padding,
         sz.text,
@@ -14087,7 +14122,8 @@ function MonthYearPicker({
         {
           className: cn(
             panelSz.contentPadding,
-            "rounded-2xl border bg-background/80 backdrop-blur-sm",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+            "border bg-background/80 backdrop-blur-sm",
             effectiveError ? "border-destructive/60 bg-destructive/5" : "border-border/50"
           ),
           children: pickerContent
@@ -14128,7 +14164,8 @@ function MonthYearPicker({
         contentWidth,
         matchTriggerWidth,
         disabled,
-        contentClassName: cn(panelSz.contentPadding, compactPanel && "max-w-[calc(100vw-2rem)] p-4 rounded-2xl", "rounded-2xl"),
+        borderMode: resolvedBorderMode,
+        contentClassName: cn(panelSz.contentPadding, compactPanel && "max-w-[calc(100vw-2rem)] p-4"),
         children: pickerContent
       }
     ),
@@ -15275,6 +15312,8 @@ function TimePicker({
 }) {
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const autoId = React38.useId();
   const isControlled = value !== void 0;
   const now = /* @__PURE__ */ new Date();
@@ -15612,7 +15651,7 @@ function TimePicker({
       "aria-invalid": !!effectiveError,
       className: cn(
         "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-        getBorderRadiusClass(borderMode ?? "full"),
+        getBorderRadiusClass(resolvedBorderMode),
         sz.height,
         sz.padding,
         sz.text,
@@ -15993,7 +16032,8 @@ function TimePicker({
         {
           className: cn(
             panelSz.contentPadding,
-            "rounded-2xl md:rounded-3xl border bg-card/95 backdrop-blur-sm shadow-xl",
+            resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+            "border bg-card/95 backdrop-blur-sm shadow-xl",
             effectiveError ? "border-destructive/60 bg-destructive/5" : "border-border/60",
             className
           ),
@@ -16049,10 +16089,11 @@ function TimePicker({
         placement: "bottom-start",
         matchTriggerWidth: shouldMatchTriggerWidth,
         contentWidth: shouldMatchTriggerWidth ? void 0 : contentWidth,
+        borderMode: resolvedBorderMode,
         contentClassName: cn(
           panelSz.contentPadding,
-          compactPanel && "max-w-[calc(100vw-2rem)] p-4 rounded-2xl",
-          "rounded-2xl md:rounded-3xl border bg-popover/98 backdrop-blur-md shadow-2xl",
+          compactPanel && "max-w-[calc(100vw-2rem)] p-4",
+          "border bg-popover/98 backdrop-blur-md shadow-2xl",
           effectiveError && "border-destructive/40",
           success && !effectiveError && "border-success/40",
           !effectiveError && !success && "border-border/60",
@@ -16095,6 +16136,8 @@ var DateTimePicker = ({
   size = "md",
   borderMode
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
   const locale = useSmartLocale();
@@ -16274,7 +16317,7 @@ var DateTimePicker = ({
             "aria-invalid": !!effectiveError,
             className: cn(
               "flex w-full items-center justify-between border border-input bg-background",
-              getBorderRadiusClass(borderMode ?? "full"),
+              getBorderRadiusClass(resolvedBorderMode),
               sizeStyles8[size].trigger,
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
               disabled && "opacity-50 cursor-not-allowed",
@@ -16303,12 +16346,9 @@ var DateTimePicker = ({
             ]
           }
         ),
-        contentClassName: cn(
-          "w-auto p-0 rounded-2xl md:rounded-3xl",
-          // Keep the popover usable on small viewports
-          "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto"
-        ),
-        placement: "bottom-end",
+        placement: "bottom-start",
+        borderMode: resolvedBorderMode,
+        contentClassName: "p-0 overflow-hidden w-auto flex flex-col md:flex-row max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-border", children: [
             /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: sizeStyles8[size].padding, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -19340,6 +19380,8 @@ var MultiCombobox = ({
   maxInitialOptions,
   showSearchPromptWhenEmptyQuery = false
 }) => {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
   const tv = useSmartTranslations("ValidationInput");
   const gi18n = useGlobalI18n();
   const placeholder = placeholderProp ?? gi18n.selectPlaceholder ?? "Select...";
@@ -19600,7 +19642,7 @@ var MultiCombobox = ({
       item.value
     );
   };
-  const dropdownBody = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { "data-combobox-dropdown": true, "data-state": open ? "open" : "closed", className: "w-full rounded-2xl md:rounded-3xl overflow-hidden", children: [
+  const dropdownBody = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { "data-combobox-dropdown": true, "data-state": open ? "open" : "closed", className: cn("w-full overflow-hidden", getBorderRadiusClass(resolvedBorderMode)), children: [
     value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "px-3 py-2 border-b border-border/40 flex items-center justify-between bg-muted/30", children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: maxSelected ? gi18n.selectedCountWithMax ? gi18n.selectedCountWithMax(value.length, maxSelected) : `${value.length} / ${maxSelected} max` : gi18n.itemSelectedCount ? gi18n.itemSelectedCount(value.length) : `${value.length} selected` }),
       showClear && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
@@ -19718,8 +19760,6 @@ var MultiCombobox = ({
   const selectedOptions = value.map((v) => normalizedOptions.find((o) => o.value === v) ?? selectedOptionFallbackMap.get(v)).filter(Boolean);
   const visibleTags = maxTagsVisible ? selectedOptions.slice(0, maxTagsVisible) : selectedOptions;
   const hiddenCount = maxTagsVisible ? Math.max(0, selectedOptions.length - maxTagsVisible) : 0;
-  const globalConfig = useUnderverseUIConfig();
-  const resolvedBorderMode = borderMode ?? globalConfig.borderMode ?? "full";
   const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "button",
     {
@@ -19882,7 +19922,8 @@ var MultiCombobox = ({
         placement: "bottom-start",
         matchTriggerWidth: true,
         className: "z-9999",
-        contentClassName: "p-0 overflow-hidden rounded-2xl md:rounded-3xl",
+        borderMode: resolvedBorderMode,
+        contentClassName: "p-0 overflow-hidden",
         children: dropdownBody
       }
     ),
@@ -19937,6 +19978,8 @@ var RadioGroup = React47.forwardRef(
     error = false,
     errorMessage
   }, ref) => {
+    const globalConfig = useUnderverseUIConfig();
+    const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
     const [internalValue, setInternalValue] = React47.useState(defaultValue || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
@@ -19960,7 +20003,7 @@ var RadioGroup = React47.forwardRef(
           disabled,
           size,
           variant,
-          borderMode
+          borderMode: resolvedBorderMode
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -21214,6 +21257,8 @@ function CategoryTreeSelect(props) {
     singleSelect = false,
     borderMode
   } = props;
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
   const [expandedNodes, setExpandedNodes] = (0, import_react26.useState)(
     () => getInitialExpandedNodes(categories, { defaultExpanded, defaultExpandedIds, expandToId, viewOnly, inline })
@@ -21871,10 +21916,11 @@ function CategoryTreeSelect(props) {
         matchTriggerWidth: true,
         className: "z-9999",
         contentClassName: cn(
-          "p-0 overflow-hidden rounded-2xl md:rounded-3xl",
+          "p-0 overflow-hidden",
           "border-border/40 bg-popover/95 text-popover-foreground",
           "shadow-2xl backdrop-blur-xl"
         ),
+        borderMode: resolvedBorderMode,
         trigger: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "div",
           {
@@ -21901,7 +21947,7 @@ function CategoryTreeSelect(props) {
             },
             className: cn(
               "group flex w-full items-center justify-between transition-all duration-200",
-              getBorderRadiusClass(borderMode ?? "full"),
+              getBorderRadiusClass(resolvedBorderMode ?? "full"),
               "backdrop-blur-sm",
               triggerSizeStyles[size].button,
               triggerVariantStyles[variant],
@@ -24492,6 +24538,8 @@ function ColorPicker({
   borderMode,
   ...rest
 }) {
+  const globalConfig = useUnderverseUIConfig();
+  const resolvedBorderMode = borderMode ?? globalConfig.input?.borderMode ?? globalConfig.borderMode ?? "full";
   const gi18n = useGlobalI18n();
   const isControlled = value !== void 0;
   const initial = parseAnyColor(isControlled ? value : defaultValue) || { r: 79, g: 70, b: 229, a: 1 };
@@ -24589,7 +24637,7 @@ function ColorPicker({
       disabled,
       className: cn(
         "w-full px-3 border border-input bg-background flex items-center justify-between",
-        getBorderRadiusClass(borderMode ?? "full"),
+        getBorderRadiusClass(resolvedBorderMode),
         sizeClasses2[size],
         "hover:border-accent-foreground/30 transition-colors",
         disabled && "opacity-50 cursor-not-allowed",
@@ -24625,8 +24673,9 @@ function ColorPicker({
       onOpenChange: setOpen,
       placement: "bottom-start",
       matchTriggerWidth: variant === "minimal",
+      borderMode: resolvedBorderMode,
       contentWidth: contentWidthByVariant[variant],
-      contentClassName: cn("p-3 rounded-2xl md:rounded-3xl border border-border/50 bg-card shadow-lg", contentClassName),
+      contentClassName: cn("p-3 border border-border/50 bg-card shadow-lg", contentClassName),
       children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-3", children: [
         variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(