@inf-monkeys-tech/monkeys-design 1.0.6 → 1.0.7

package/dist/components/primitives/index.mjs

@@ -353,7 +353,18 @@ var CardFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
 CardFooter.displayName = "CardFooter";
 var PolymorphicSlot = Slot;
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem = React14.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    style: {
+      borderColor: "var(--monkeys-component-accordion-item-border-color, hsl(var(--border)))",
+      ...style
+    },
+    ...props
+  }
+));
 AccordionItem.displayName = "AccordionItem";
 var AccordionTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
@@ -366,7 +377,13 @@ var AccordionTrigger = React14.forwardRef(({ className, children, ...props }, re
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4 shrink-0 transition-transform duration-200"
+        }
+      )
     ]
   }
 ) }));
@@ -419,7 +436,14 @@ var buttonVariants = cva(
 var Button = React14.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(Component, { ref, className: buttonVariants({ variant, size, className }), ...props });
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: buttonVariants({ variant, size, className }),
+        ...props
+      }
+    );
   }
 );
 Button.displayName = "Button";
@@ -441,11 +465,47 @@ var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffs
 ) }));
 PopoverContent.displayName = "PopoverContent";
 var ScrollArea = React14.forwardRef(
-  ({ className, children, viewportClassName, viewportRef, onViewportScroll, scrollbar = true, scrollbarOrientation = "vertical", scrollBarDisabled = false, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { ref, className: cn("group relative overflow-hidden", scrollBarDisabled && "no-scrollbar", className), ...props, children: [
-    /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { ref: viewportRef, onScroll: onViewportScroll, className: cn("h-full w-full rounded-[inherit]", viewportClassName), children }),
-    scrollbar ? /* @__PURE__ */ jsx(ScrollBar, { orientation: scrollbarOrientation, className: cn(scrollBarDisabled && "size-0 p-0") }) : null,
-    /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-  ] })
+  ({
+    className,
+    children,
+    viewportClassName,
+    viewportRef,
+    onViewportScroll,
+    scrollbar = true,
+    scrollbarOrientation = "vertical",
+    scrollBarDisabled = false,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "group relative overflow-hidden",
+        scrollBarDisabled && "no-scrollbar",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            ref: viewportRef,
+            onScroll: onViewportScroll,
+            className: cn("h-full w-full rounded-[inherit]", viewportClassName),
+            children
+          }
+        ),
+        scrollbar ? /* @__PURE__ */ jsx(
+          ScrollBar,
+          {
+            orientation: scrollbarOrientation,
+            className: cn(scrollBarDisabled && "size-0 p-0")
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  )
 );
 ScrollArea.displayName = "ScrollArea";
 var ScrollBar = React14.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
@@ -477,15 +537,16 @@ var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Switch.displayName = "Switch";
-var Tabs = React14.forwardRef(
-  ({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, "data-variant": variant, ...props })
-);
+var Tabs = React14.forwardRef(({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, "data-variant": variant, ...props }));
 Tabs.displayName = "Tabs";
 var TabsList = React14.forwardRef(({ className, gap, style, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
-    className: cn("inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", className),
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
     style: { gap, ...style },
     ...props
   }
@@ -495,12 +556,25 @@ var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   TabsPrimitive.Trigger,
   {
     ref,
-    className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className),
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    ),
     ...props
   }
 ));
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, { ref, className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props }));
+var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
 TabsContent.displayName = "TabsContent";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
@@ -510,7 +584,10 @@ var TooltipContent = React14.forwardRef(({ className, sideOffset = 4, ...props }
   {
     ref,
     sideOffset,
-    className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
     ...props
   }
 ) }));