@underverse-ui/underverse 0.2.33 → 0.2.35

package/dist/index.cjs

@@ -5011,6 +5011,16 @@ var CompactPagination = ({
 // ../../components/ui/Section.tsx
 var import_react13 = __toESM(require("react"), 1);
 var import_jsx_runtime26 = require("react/jsx-runtime");
+var gradientDirectionMap = {
+  "to-r": "bg-linear-to-r",
+  "to-l": "bg-linear-to-l",
+  "to-b": "bg-linear-to-b",
+  "to-t": "bg-linear-to-t",
+  "to-br": "bg-linear-to-br",
+  "to-bl": "bg-linear-to-bl",
+  "to-tr": "bg-linear-to-tr",
+  "to-tl": "bg-linear-to-tl"
+};
 var Section = import_react13.default.forwardRef(
   ({
     children,
@@ -5019,13 +5029,17 @@ var Section = import_react13.default.forwardRef(
     spacing = "lg",
     fullWidth = false,
     outlined = false,
+    gradientFrom = "from-primary/20",
+    gradientTo = "to-accent/20",
+    gradientDirection = "to-br",
     ...props
   }, ref) => {
     const variantClasses = {
       default: "bg-background",
       muted: "bg-muted/30",
       primary: "bg-primary/5",
-      accent: "bg-accent/10"
+      accent: "bg-accent/10",
+      gradient: ""
     };
     const spacingClasses = {
       sm: "py-6",
@@ -5033,12 +5047,16 @@ var Section = import_react13.default.forwardRef(
       lg: "py-12",
       xl: "py-16"
     };
+    const getGradientClasses = () => {
+      if (variant !== "gradient") return "";
+      return cn(gradientDirectionMap[gradientDirection], gradientFrom, gradientTo);
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "section",
       {
         ref,
         className: cn(
-          variantClasses[variant],
+          variant === "gradient" ? getGradientClasses() : variantClasses[variant],
           spacingClasses[spacing],
           outlined && "rounded-lg border border-border/60",
           !fullWidth && "container mx-auto px-4 md:px-6",