@sikka/hawa 0.38.4-next → 0.38.6-next

package/dist/elements/index.mjs

@@ -26,7 +26,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-RZJPAN5T.mjs";
+} from "../chunk-HDOYDKDV.mjs";
 import {
   useClipboard
 } from "../chunk-ZBUBNKF6.mjs";
@@ -41,7 +41,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-GZVEFVSJ.mjs";
+} from "../chunk-SL4ONYNR.mjs";
 import {
   Button,
   Card,
@@ -81,7 +81,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-GVPIM5KC.mjs";
+} from "../chunk-VE7EQ6VH.mjs";
 import {
   __require
 } from "../chunk-SYGWSBJL.mjs";
@@ -392,51 +392,54 @@ var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-var DialogContent = React6.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React6.createElement(DialogOverlay, null), /* @__PURE__ */ React6.createElement(
-  DialogPrimitive.Content,
-  {
-    onPointerDownOutside: (e) => {
-      if (persist) {
-        e.preventDefault();
-      }
-    },
-    ref,
-    className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
-      className
-    ),
-    ...props
-  },
-  children,
-  !hideCloseButton && /* @__PURE__ */ React6.createElement(
-    DialogPrimitive.Close,
+var DialogContent = React6.forwardRef(
+  ({ className, classNames, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React6.createElement(DialogOverlay, { className: classNames == null ? void 0 : classNames.overlay }), /* @__PURE__ */ React6.createElement(
+    DialogPrimitive.Content,
     {
+      onPointerDownOutside: (e) => {
+        if (persist) {
+          e.preventDefault();
+        }
+      },
+      ref,
       className: cn(
-        "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-        props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
-      )
+        "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
+        className
+      ),
+      ...props
     },
-    /* @__PURE__ */ React6.createElement(
-      "svg",
+    children,
+    !hideCloseButton && /* @__PURE__ */ React6.createElement(
+      DialogPrimitive.Close,
       {
-        "aria-label": "Close Icon",
-        "aria-hidden": "true",
-        className: "hawa-h-5 hawa-w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
+        className: cn(
+          "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+          props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4",
+          classNames == null ? void 0 : classNames.closeButton
+        )
       },
       /* @__PURE__ */ React6.createElement(
-        "path",
+        "svg",
         {
-          fillRule: "evenodd",
-          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-          clipRule: "evenodd"
-        }
-      )
-    ),
-    /* @__PURE__ */ React6.createElement("span", { className: "hawa-sr-only" }, "Close")
-  )
-)));
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-5 hawa-w-5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        },
+        /* @__PURE__ */ React6.createElement(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+            clipRule: "evenodd"
+          }
+        )
+      ),
+      /* @__PURE__ */ React6.createElement("span", { className: "hawa-sr-only" }, "Close")
+    )
+  ))
+);
 var DialogCarouselContent = React6.forwardRef(
   ({
     className,

package/dist/index.d.mts

@@ -174,6 +174,7 @@ interface DropdownMenuProps {
         trigger?: string;
         content?: string;
         item?: string;
+        separator?: string;
     };
     className?: ExtendedDropdownMenuContentProps["className"];
     triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
@@ -358,6 +359,11 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimiti
     persist?: boolean | undefined;
     hideCloseButton?: boolean | undefined;
     container?: HTMLElement | undefined;
+    classNames?: {
+        content?: string | undefined;
+        overlay?: string | undefined;
+        closeButton?: string | undefined;
+    } | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogCarouselContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     hideCloseButton?: boolean | undefined;

package/dist/index.d.ts

@@ -174,6 +174,7 @@ interface DropdownMenuProps {
         trigger?: string;
         content?: string;
         item?: string;
+        separator?: string;
     };
     className?: ExtendedDropdownMenuContentProps["className"];
     triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
@@ -358,6 +359,11 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimiti
     persist?: boolean | undefined;
     hideCloseButton?: boolean | undefined;
     container?: HTMLElement | undefined;
+    classNames?: {
+        content?: string | undefined;
+        overlay?: string | undefined;
+        closeButton?: string | undefined;
+    } | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogCarouselContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     hideCloseButton?: boolean | undefined;

package/dist/index.js

@@ -958,7 +958,13 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React5.createElement(
+            DropdownMenuSeparator,
+            {
+              key: index,
+              className: classNames == null ? void 0 : classNames.separator
+            }
+          );
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {
@@ -1970,51 +1976,54 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var DialogContent = React14.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
-  DialogPrimitive.Content,
-  {
-    onPointerDownOutside: (e) => {
-      if (persist) {
-        e.preventDefault();
-      }
-    },
-    ref,
-    className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
-      className
-    ),
-    ...props
-  },
-  children,
-  !hideCloseButton && /* @__PURE__ */ React14.createElement(
-    DialogPrimitive.Close,
+var DialogContent = React14.forwardRef(
+  ({ className, classNames, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React14.createElement(DialogOverlay, { className: classNames == null ? void 0 : classNames.overlay }), /* @__PURE__ */ React14.createElement(
+    DialogPrimitive.Content,
     {
+      onPointerDownOutside: (e) => {
+        if (persist) {
+          e.preventDefault();
+        }
+      },
+      ref,
       className: cn(
-        "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-        props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
-      )
+        "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
+        className
+      ),
+      ...props
     },
-    /* @__PURE__ */ React14.createElement(
-      "svg",
+    children,
+    !hideCloseButton && /* @__PURE__ */ React14.createElement(
+      DialogPrimitive.Close,
       {
-        "aria-label": "Close Icon",
-        "aria-hidden": "true",
-        className: "hawa-h-5 hawa-w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
+        className: cn(
+          "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+          props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4",
+          classNames == null ? void 0 : classNames.closeButton
+        )
       },
       /* @__PURE__ */ React14.createElement(
-        "path",
+        "svg",
         {
-          fillRule: "evenodd",
-          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-          clipRule: "evenodd"
-        }
-      )
-    ),
-    /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
-  )
-)));
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-5 hawa-w-5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        },
+        /* @__PURE__ */ React14.createElement(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+            clipRule: "evenodd"
+          }
+        )
+      ),
+      /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
+    )
+  ))
+);
 var DialogCarouselContent = React14.forwardRef(
   ({
     className,

package/dist/index.mjs

@@ -709,7 +709,13 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React5.createElement(
+            DropdownMenuSeparator,
+            {
+              key: index,
+              className: classNames == null ? void 0 : classNames.separator
+            }
+          );
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {
@@ -1721,51 +1727,54 @@ var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var DialogContent = React14.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React14.createElement(DialogOverlay, null), /* @__PURE__ */ React14.createElement(
-  DialogPrimitive.Content,
-  {
-    onPointerDownOutside: (e) => {
-      if (persist) {
-        e.preventDefault();
-      }
-    },
-    ref,
-    className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
-      className
-    ),
-    ...props
-  },
-  children,
-  !hideCloseButton && /* @__PURE__ */ React14.createElement(
-    DialogPrimitive.Close,
+var DialogContent = React14.forwardRef(
+  ({ className, classNames, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React14.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React14.createElement(DialogOverlay, { className: classNames == null ? void 0 : classNames.overlay }), /* @__PURE__ */ React14.createElement(
+    DialogPrimitive.Content,
     {
+      onPointerDownOutside: (e) => {
+        if (persist) {
+          e.preventDefault();
+        }
+      },
+      ref,
       className: cn(
-        "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-        props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
-      )
+        "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
+        className
+      ),
+      ...props
     },
-    /* @__PURE__ */ React14.createElement(
-      "svg",
+    children,
+    !hideCloseButton && /* @__PURE__ */ React14.createElement(
+      DialogPrimitive.Close,
       {
-        "aria-label": "Close Icon",
-        "aria-hidden": "true",
-        className: "hawa-h-5 hawa-w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
+        className: cn(
+          "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+          props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4",
+          classNames == null ? void 0 : classNames.closeButton
+        )
       },
       /* @__PURE__ */ React14.createElement(
-        "path",
+        "svg",
         {
-          fillRule: "evenodd",
-          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-          clipRule: "evenodd"
-        }
-      )
-    ),
-    /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
-  )
-)));
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-5 hawa-w-5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        },
+        /* @__PURE__ */ React14.createElement(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+            clipRule: "evenodd"
+          }
+        )
+      ),
+      /* @__PURE__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close")
+    )
+  ))
+);
 var DialogCarouselContent = React14.forwardRef(
   ({
     className,

package/dist/layout/index.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.mjs';
 import { C as ChipColors } from '../Chip-CGl24Kd9.mjs';
-import { M as MenuItemType } from '../DropdownMenu-Dly5lsqz.mjs';
+import { M as MenuItemType } from '../DropdownMenu-B3cTLPDi.mjs';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';
 

package/dist/layout/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.js';
 import { C as ChipColors } from '../Chip-Cato49ar.js';
-import { M as MenuItemType } from '../DropdownMenu-Cxlm5lZl.js';
+import { M as MenuItemType } from '../DropdownMenu-BO1TNMm5.js';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';
 

package/dist/layout/index.js

@@ -1393,7 +1393,13 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React13.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React13.createElement(
+            DropdownMenuSeparator,
+            {
+              key: index,
+              className: classNames == null ? void 0 : classNames.separator
+            }
+          );
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React13.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {

package/dist/layout/index.mjs

@@ -3,7 +3,7 @@ import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-GZVEFVSJ.mjs";
+} from "../chunk-SL4ONYNR.mjs";
 import {
   Button,
   Card,
@@ -16,7 +16,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-GVPIM5KC.mjs";
+} from "../chunk-VE7EQ6VH.mjs";
 import {
   useBreakpoint,
   useClickOutside

package/dist/splitButton/index.js

@@ -301,7 +301,13 @@ var DropdownMenu = ({
         var _a;
         const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
-          return /* @__PURE__ */ React.createElement(DropdownMenuSeparator, { key: index });
+          return /* @__PURE__ */ React.createElement(
+            DropdownMenuSeparator,
+            {
+              key: index,
+              className: classNames == null ? void 0 : classNames.separator
+            }
+          );
         } else if (item.itemType === "label") {
           return /* @__PURE__ */ React.createElement(DropdownMenuLabel, { key: index }, item.label);
         } else if (item.itemType === "radio") {