@underverse-ui/underverse 0.2.50 → 0.2.51

package/dist/index.cjs

@@ -1898,7 +1898,7 @@ var Textarea2 = (0, import_react5.forwardRef)(
       md: "px-4 py-3 text-sm min-h-[100px]",
       lg: "px-5 py-4 text-base min-h-[120px]"
     };
-    const variantClasses = {
+    const variantClasses2 = {
       default: cn(
         "border border-input bg-background",
         "hover:border-accent-foreground/20",
@@ -1942,7 +1942,7 @@ var Textarea2 = (0, import_react5.forwardRef)(
               "focus:outline-none shadow-sm focus:shadow-md",
               "backdrop-blur-sm",
               sizeClasses2[size],
-              error ? "border-destructive focus:ring-destructive/20 focus:border-destructive" : variantClasses[variant],
+              error ? "border-destructive focus:ring-destructive/20 focus:border-destructive" : variantClasses2[variant],
               "disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
@@ -1997,7 +1997,7 @@ var Switch = ({
       translate: "translate-x-6"
     }
   };
-  const variantClasses = {
+  const variantClasses2 = {
     default: {
       active: "bg-primary border-primary",
       inactive: "bg-input border-input"
@@ -2051,7 +2051,7 @@ var Switch = ({
                 {
                   className: cn(
                     "block w-full h-full rounded-full transition-colors duration-200 ease-out border",
-                    checked ? variantClasses[variant].active : variantClasses[variant].inactive
+                    checked ? variantClasses2[variant].active : variantClasses2[variant].inactive
                   )
                 }
               ),
@@ -2280,7 +2280,7 @@ var Skeleton = ({
   animation = "pulse",
   lines = 1
 }) => {
-  const variantClasses = {
+  const variantClasses2 = {
     rectangular: "rounded-md",
     circular: "rounded-full",
     rounded: "rounded-lg",
@@ -2297,7 +2297,7 @@ var Skeleton = ({
       {
         className: cn(
           "h-4 bg-muted",
-          variantClasses[variant],
+          variantClasses2[variant],
           animationClasses[animation],
           index === lines - 1 && "w-3/4"
           // Last line is shorter
@@ -2315,7 +2315,7 @@ var Skeleton = ({
     {
       className: cn(
         "bg-muted",
-        variantClasses[variant],
+        variantClasses2[variant],
         animationClasses[animation],
         className
       ),
@@ -5475,7 +5475,7 @@ var Section = import_react13.default.forwardRef(
     gradientDirection = "to-br",
     ...props
   }, ref) => {
-    const variantClasses = {
+    const variantClasses2 = {
       default: "bg-background",
       muted: "bg-muted/30",
       primary: "bg-primary/5",
@@ -5491,7 +5491,7 @@ var Section = import_react13.default.forwardRef(
       {
         ref,
         className: cn(
-          variant === "gradient" ? getGradientClasses() : variantClasses[variant],
+          variant === "gradient" ? getGradientClasses() : variantClasses2[variant],
           spacingClasses[spacing],
           paddingXClasses[paddingX],
           outlined && "rounded-lg border border-border/60",
@@ -5510,9 +5510,43 @@ var Section_default = Section;
 // ../../components/ui/ScrollArea.tsx
 var import_react14 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var ScrollArea = (0, import_react14.forwardRef)(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref, className: cn("relative overflow-hidden bg-background", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("h-full w-full overflow-y-auto scroll-area-viewport"), children }) });
-});
+var variantClasses = {
+  default: "bg-background",
+  muted: "bg-muted/30",
+  primary: "bg-primary/5",
+  accent: "bg-accent/10"
+};
+var spacingClasses2 = {
+  none: "",
+  sm: "p-2",
+  md: "p-4",
+  lg: "p-6",
+  xl: "p-8"
+};
+var ScrollArea = (0, import_react14.forwardRef)(
+  ({ className, contentClassName, children, variant = "default", spacing = "none", fullWidth = true, outlined = false, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("relative overflow-hidden", variantClasses[variant], outlined && "rounded-lg border border-border/60", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          "div",
+          {
+            className: cn(
+              "h-full w-full overflow-y-auto scroll-area-viewport",
+              spacingClasses2[spacing],
+              !fullWidth && "container mx-auto px-4 md:px-6",
+              contentClassName
+            ),
+            children
+          }
+        )
+      }
+    );
+  }
+);
 ScrollArea.displayName = "ScrollArea";
 
 // ../../components/ui/DatePicker.tsx
@@ -9191,7 +9225,7 @@ var ListRoot = React33.forwardRef(
     const Comp = ordered ? "ol" : as;
     const childCount = React33.Children.count(children);
     const hasChildren = childCount > 0;
-    const variantClasses = {
+    const variantClasses2 = {
       plain: "",
       outlined: "rounded-lg md:rounded-xl bg-card text-card-foreground border border-border shadow-sm",
       soft: "rounded-lg bg-muted/40 border border-border/60",
@@ -9201,10 +9235,10 @@ var ListRoot = React33.forwardRef(
       striped: "rounded-lg border border-border overflow-hidden"
     };
     if (loading2) {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref, className: cn("group/list", variantClasses[variant], inset && "p-1.5 md:p-2", divided && "divide-y divide-border/60", className), ...rest, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ListItemSkeleton, { size }, i)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref, className: cn("group/list", variantClasses2[variant], inset && "p-1.5 md:p-2", divided && "divide-y divide-border/60", className), ...rest, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ListItemSkeleton, { size }, i)) });
     }
     if (!hasChildren && emptyText) {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref, className: cn("group/list", variantClasses[variant], inset && "p-1.5 md:p-2", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-center py-8 text-muted-foreground text-sm", children: emptyText }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref, className: cn("group/list", variantClasses2[variant], inset && "p-1.5 md:p-2", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-center py-8 text-muted-foreground text-sm", children: emptyText }) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Comp,
@@ -9212,7 +9246,7 @@ var ListRoot = React33.forwardRef(
         ref,
         className: cn(
           "group/list",
-          variantClasses[variant],
+          variantClasses2[variant],
           inset && "p-1.5 md:p-2",
           divided && "divide-y divide-border/60",
           variant === "striped" && "[&>*:nth-child(even)]:bg-muted/30",
@@ -9779,7 +9813,7 @@ var TimelineItem = React35.forwardRef(
       }
     };
     const padding = ctx.dense ? sz.densePadY : sz.padY;
-    const variantClasses = {
+    const variantClasses2 = {
       default: "",
       outlined: "rounded-lg border border-border bg-card shadow-sm px-4 py-3",
       card: "rounded-xl border border-border bg-card shadow-md px-5 py-4",
@@ -9787,7 +9821,7 @@ var TimelineItem = React35.forwardRef(
       modern: "rounded-lg bg-linear-to-r from-card to-muted/20 border border-border/50 px-5 py-4 backdrop-blur-sm",
       gradient: "rounded-xl bg-linear-to-br from-primary/10 via-card to-accent/10 border border-primary/20 px-5 py-4 shadow-lg"
     };
-    const contentBox = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("min-w-0 flex-1", variantClasses[ctx.variant]), children: [
+    const contentBox = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("min-w-0 flex-1", variantClasses2[ctx.variant]), children: [
       /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex-1 min-w-0", children: [
           title && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [