@underverse-ui/underverse 0.2.47 → 0.2.48

package/dist/index.d.cts

@@ -685,8 +685,12 @@ interface SectionProps extends React__default.HTMLAttributes<HTMLElement> {
     children: React__default.ReactNode;
     className?: string;
     variant?: "default" | "muted" | "primary" | "accent" | "gradient";
-    spacing?: "sm" | "md" | "lg" | "xl";
-    fullWidth?: boolean;
+    /** Vertical padding (py). Default: "none" - không thêm padding dọc */
+    spacing?: "none" | "sm" | "md" | "lg" | "xl";
+    /** Horizontal padding (px). Default: "none" - không thêm padding ngang */
+    paddingX?: "none" | "sm" | "md" | "lg" | "xl";
+    /** Thêm container wrapper với mx-auto. Default: false */
+    contained?: boolean;
     /** Hiển thị viền mỏng xám nhạt giống Card */
     outlined?: boolean;
     /** Gradient start color (Tailwind class like 'from-purple-500') */

package/dist/index.d.ts

@@ -685,8 +685,12 @@ interface SectionProps extends React__default.HTMLAttributes<HTMLElement> {
     children: React__default.ReactNode;
     className?: string;
     variant?: "default" | "muted" | "primary" | "accent" | "gradient";
-    spacing?: "sm" | "md" | "lg" | "xl";
-    fullWidth?: boolean;
+    /** Vertical padding (py). Default: "none" - không thêm padding dọc */
+    spacing?: "none" | "sm" | "md" | "lg" | "xl";
+    /** Horizontal padding (px). Default: "none" - không thêm padding ngang */
+    paddingX?: "none" | "sm" | "md" | "lg" | "xl";
+    /** Thêm container wrapper với mx-auto. Default: false */
+    contained?: boolean;
     /** Hiển thị viền mỏng xám nhạt giống Card */
     outlined?: boolean;
     /** Gradient start color (Tailwind class like 'from-purple-500') */

package/dist/index.js

@@ -5267,13 +5267,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 = React22.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",
@@ -5287,12 +5302,6 @@ var Section = React22.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);
@@ -5304,8 +5313,9 @@ var Section = React22.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,