@underverse-ui/underverse 0.2.46 → 0.2.48

package/dist/index.cjs

@@ -4751,7 +4751,7 @@ var DropdownMenu = ({
         // keep original classes on trigger
         trigger.props?.className,
         // ensure focus-visible ring for trigger too
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-md"
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
       )
     }),
     dropdownContent && typeof window !== "undefined" && (0, import_react_dom5.createPortal)(dropdownContent, document.body)
@@ -5439,13 +5439,28 @@ var gradientDirectionMap = {
   "to-tr": "bg-linear-to-tr",
   "to-tl": "bg-linear-to-tl"
 };
+var spacingClasses = {
+  none: "",
+  sm: "py-6",
+  md: "py-8",
+  lg: "py-12",
+  xl: "py-16"
+};
+var paddingXClasses = {
+  none: "",
+  sm: "px-2 md:px-4",
+  md: "px-4 md:px-6",
+  lg: "px-6 md:px-8",
+  xl: "px-8 md:px-12"
+};
 var Section = import_react13.default.forwardRef(
   ({
     children,
     className,
     variant = "default",
-    spacing = "lg",
-    fullWidth = false,
+    spacing = "none",
+    paddingX = "none",
+    contained = false,
     outlined = false,
     gradientFrom = "from-primary/20",
     gradientTo = "to-accent/20",
@@ -5459,12 +5474,6 @@ var Section = import_react13.default.forwardRef(
       accent: "bg-accent/10",
       gradient: ""
     };
-    const spacingClasses = {
-      sm: "py-6",
-      md: "py-8",
-      lg: "py-12",
-      xl: "py-16"
-    };
     const getGradientClasses = () => {
       if (variant !== "gradient") return "";
       return cn(gradientDirectionMap[gradientDirection], gradientFrom, gradientTo);
@@ -5476,8 +5485,9 @@ var Section = import_react13.default.forwardRef(
         className: cn(
           variant === "gradient" ? getGradientClasses() : variantClasses[variant],
           spacingClasses[spacing],
+          paddingXClasses[paddingX],
           outlined && "rounded-lg border border-border/60",
-          !fullWidth && "container mx-auto px-4 md:px-6",
+          contained && "container mx-auto",
           className
         ),
         ...props,