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

package/dist/components/primitives/index.d.mts

@@ -122,13 +122,13 @@ interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof Scroll
     viewportRef?: React$1.Ref<HTMLDivElement>;
     onViewportScroll?: React$1.UIEventHandler<HTMLDivElement>;
     scrollbar?: boolean;
-    scrollbarOrientation?: 'horizontal' | 'vertical';
+    scrollbarOrientation?: "horizontal" | "vertical";
     scrollBarDisabled?: boolean;
 }
 declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-type TabsVariant = 'default' | 'ghost' | 'rounded';
+type TabsVariant = "default" | "ghost" | "rounded";
 type TabsProps = React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     variant?: TabsVariant;
 };

package/dist/components/primitives/index.d.ts

@@ -122,13 +122,13 @@ interface ScrollAreaProps extends React$1.ComponentPropsWithoutRef<typeof Scroll
     viewportRef?: React$1.Ref<HTMLDivElement>;
     onViewportScroll?: React$1.UIEventHandler<HTMLDivElement>;
     scrollbar?: boolean;
-    scrollbarOrientation?: 'horizontal' | 'vertical';
+    scrollbarOrientation?: "horizontal" | "vertical";
     scrollBarDisabled?: boolean;
 }
 declare const ScrollArea: React$1.ForwardRefExoticComponent<ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-type TabsVariant = 'default' | 'ghost' | 'rounded';
+type TabsVariant = "default" | "ghost" | "rounded";
 type TabsProps = React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     variant?: TabsVariant;
 };

package/dist/components/primitives/index.js

@@ -397,7 +397,18 @@ var CardFooter = React14__namespace.forwardRef(({ className, ...props }, ref) =>
 CardFooter.displayName = "CardFooter";
 var PolymorphicSlot = reactSlot.Slot;
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem = React14__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.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__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
@@ -410,7 +421,13 @@ var AccordionTrigger = React14__namespace.forwardRef(({ className, children, ...
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.ChevronDown,
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4 shrink-0 transition-transform duration-200"
+        }
+      )
     ]
   }
 ) }));
@@ -463,7 +480,14 @@ var buttonVariants = classVarianceAuthority.cva(
 var Button = React14__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: buttonVariants({ variant, size, className }), ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: buttonVariants({ variant, size, className }),
+        ...props
+      }
+    );
   }
 );
 Button.displayName = "Button";
@@ -485,11 +509,47 @@ var PopoverContent = React14__namespace.forwardRef(({ className, align = "center
 ) }));
 PopoverContent.displayName = "PopoverContent";
 var ScrollArea = React14__namespace.forwardRef(
-  ({ className, children, viewportClassName, viewportRef, onViewportScroll, scrollbar = true, scrollbarOrientation = "vertical", scrollBarDisabled = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaPrimitive__namespace.Root, { ref, className: cn("group relative overflow-hidden", scrollBarDisabled && "no-scrollbar", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { ref: viewportRef, onScroll: onViewportScroll, className: cn("h-full w-full rounded-[inherit]", viewportClassName), children }),
-    scrollbar ? /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: scrollbarOrientation, className: cn(scrollBarDisabled && "size-0 p-0") }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
-  ] })
+  ({
+    className,
+    children,
+    viewportClassName,
+    viewportRef,
+    onViewportScroll,
+    scrollbar = true,
+    scrollbarOrientation = "vertical",
+    scrollBarDisabled = false,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "group relative overflow-hidden",
+        scrollBarDisabled && "no-scrollbar",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive__namespace.Viewport,
+          {
+            ref: viewportRef,
+            onScroll: onViewportScroll,
+            className: cn("h-full w-full rounded-[inherit]", viewportClassName),
+            children
+          }
+        ),
+        scrollbar ? /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollBar,
+          {
+            orientation: scrollbarOrientation,
+            className: cn(scrollBarDisabled && "size-0 p-0")
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+      ]
+    }
+  )
 );
 ScrollArea.displayName = "ScrollArea";
 var ScrollBar = React14__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -521,15 +581,16 @@ var Switch = React14__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Switch.displayName = "Switch";
-var Tabs = React14__namespace.forwardRef(
-  ({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, "data-variant": variant, ...props })
-);
+var Tabs = React14__namespace.forwardRef(({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, "data-variant": variant, ...props }));
 Tabs.displayName = "Tabs";
 var TabsList = React14__namespace.forwardRef(({ className, gap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.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
   }
@@ -539,12 +600,25 @@ var TabsTrigger = React14__namespace.forwardRef(({ className, ...props }, ref) =
   TabsPrimitive__namespace.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.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__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
@@ -554,7 +628,10 @@ var TooltipContent = React14__namespace.forwardRef(({ className, sideOffset = 4,
   {
     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
   }
 ) }));