@sikka/hawa 0.7.16-next → 0.7.17-next

package/dist/index.css

@@ -1718,10 +1718,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity));
 }
-.hawa-bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
-}
 .hawa-bg-blue-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity));

package/dist/index.d.mts

@@ -323,6 +323,8 @@ interface DropdownMenuProps {
     width?: "default" | "sm" | "lg" | "parent";
     size?: "default" | "sm";
     onItemSelect?: any;
+    onOpenChange?: any;
+    open?: any;
 }
 declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
 

package/dist/index.d.ts

@@ -323,6 +323,8 @@ interface DropdownMenuProps {
     width?: "default" | "sm" | "lg" | "parent";
     size?: "default" | "sm";
     onItemSelect?: any;
+    onOpenChange?: any;
+    open?: any;
 }
 declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
 

package/dist/index.js

@@ -2154,7 +2154,6 @@ var DropdownMenuItem = React24.forwardRef(function(_param, ref) {
         "className",
         "inset"
     ]);
-    console.log("sdsdsds", props.children);
     return /* @__PURE__ */ React24.createElement(DropdownMenuPrimitive.Item, _object_spread({
         disabled: props.disabled,
         ref: ref,
@@ -2249,7 +2248,7 @@ var DropdownMenuShortcut = function(_param) {
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var DropdownMenu = function(param) {
-    var trigger = param.trigger, items = param.items, direction = param.direction, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, onItemSelect = param.onItemSelect, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width;
+    var trigger = param.trigger, items = param.items, direction = param.direction, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, onItemSelect = param.onItemSelect, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width, onOpenChange = param.onOpenChange, open = param.open;
     var widthStyles = {
         default: "hawa-min-w-[8rem]",
         sm: "hawa-w-fit",
@@ -2261,6 +2260,8 @@ var DropdownMenu = function(param) {
         sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
     };
     return /* @__PURE__ */ React24.createElement(DropdownMenuRoot, {
+        onOpenChange: onOpenChange,
+        open: open,
         modal: false,
         dir: direction
     }, /* @__PURE__ */ React24.createElement(DropdownMenuTrigger, {
@@ -6045,7 +6046,7 @@ var NavigationMenuRoot = React47.forwardRef(function(_param, ref) /* @__PURE__ *
     ]);
     return React47.createElement(NavigationMenuPrimitive.Root, _object_spread({
         ref: ref,
-        className: cn("hawa-relative hawa-bg-yellow-400 hawa-p-2 hawa-z-10 hawa-flex hawa-max-w-max hawa-flex-1 hawa-items-center hawa-justify-center", className)
+        className: cn("hawa-relative hawa-z-10 hawa-flex hawa-max-w-max hawa-flex-1 hawa-items-center hawa-justify-center", className)
     }, props), children, /* @__PURE__ */ React47.createElement(NavigationMenuViewport, null));
 });
 NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
@@ -6055,7 +6056,7 @@ var NavigationMenuList = React47.forwardRef(function(_param, ref) /* @__PURE__ *
     ]);
     return React47.createElement(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
-        className: cn("hawa-group hawa-bg-blue-400 hawa-p-2 hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-space-x-1", className)
+        className: cn("hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-space-x-1", className)
     }, props));
 });
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
@@ -6092,7 +6093,8 @@ var NavigationMenuContent = React47.forwardRef(function(_param, ref) /* @__PURE_
     ]);
     return React47.createElement(NavigationMenuPrimitive.Content, _object_spread({
         ref: ref,
-        className: cn("hawa-bg-green-400 hawa-p-2  hawa-w-full md:hawa-absolute hawa-left-0 hawa-top-0 md:hawa-w-auto ", //   animation
+        className: cn("hawa-absolute hawa-w-auto  hawa-left-0 hawa-top-0 ", // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
+        //   animation
         "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52", className)
     }, props));
 });
@@ -6103,9 +6105,10 @@ var NavigationMenuViewport = React47.forwardRef(function(_param, ref) /* @__PURE
         "className"
     ]);
     return React47.createElement("div", {
-        className: cn("hawa-absolute hawa-left-0 hawa-top-full hawa-flex hawa-justify-center")
+        className: cn("hawa-absolute hawa-w-full hawa-top-full hawa-flex hawa-justify-center")
     }, /* @__PURE__ */ React47.createElement(NavigationMenuPrimitive.Viewport, _object_spread({
-        className: cn("hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-h-[var(--radix-navigation-menu-viewport-height)] hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 md:hawa-w-[var(--radix-navigation-menu-viewport-width)]", className),
+        className: cn("hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-h-[var(--radix-navigation-menu-viewport-height)] hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ", // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
+        className),
         ref: ref
     }, props)));
 });
@@ -6127,7 +6130,7 @@ var NavigationMenu = function(props) {
         return /* @__PURE__ */ React47.createElement(NavigationMenuItem, {
             key: i
         }, item.content ? /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React47.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React47.createElement(NavigationMenuLink, {
-            className: navigationMenuTriggerStyle()
+            className: cn(navigationMenuTriggerStyle(), "hawa-cursor-pointer hawa-select-none")
         }, item.trigger));
     })));
 };

package/dist/index.mjs

@@ -1648,7 +1648,6 @@ var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...pr
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => {
-  console.log("sdsdsds", props.children);
   return /* @__PURE__ */ React24.createElement(
     DropdownMenuPrimitive.Item,
     {
@@ -1774,7 +1773,9 @@ var DropdownMenu = ({
   alignOffset,
   onItemSelect,
   size = "default",
-  width = "default"
+  width = "default",
+  onOpenChange,
+  open
 }) => {
   const widthStyles = {
     default: "hawa-min-w-[8rem]",
@@ -1786,86 +1787,96 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  return /* @__PURE__ */ React24.createElement(DropdownMenuRoot, { modal: false, dir: direction }, /* @__PURE__ */ React24.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger), /* @__PURE__ */ React24.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React24.createElement(
-    DropdownMenuContent,
+  return /* @__PURE__ */ React24.createElement(
+    DropdownMenuRoot,
     {
-      side,
-      sideOffset,
-      className: cn(
-        className,
-        widthStyles[width],
-        "hawa-flex hawa-flex-col hawa-gap-1"
-      ),
-      align,
-      alignOffset
+      onOpenChange,
+      open,
+      modal: false,
+      dir: direction
     },
-    items && items.map((item, index) => {
-      if (item.itemType === "separator") {
-        return /* @__PURE__ */ React24.createElement(DropdownMenuSeparator, { key: index });
-      } else if (item.itemType === "label") {
-        return /* @__PURE__ */ React24.createElement(DropdownMenuLabel, { key: index }, item.label);
-      } else if (item.itemType === "custom") {
-        return /* @__PURE__ */ React24.createElement("div", { key: index }, item.content);
-      } else {
-        return item.subitems ? /* @__PURE__ */ React24.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React24.createElement(
-          DropdownMenuSubTrigger,
-          {
-            className: cn(sizeStyles[size]),
-            dir: direction
-          },
-          item.icon && item.icon,
-          item.label && item.label
-        ), /* @__PURE__ */ React24.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React24.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React24.createElement(
-          DropdownMenuItem,
-          {
-            key: subIndex,
-            className: cn(
-              sizeStyles[size],
-              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-            ),
-            disabled: subitem.disabled,
-            onSelect: () => {
-              subitem.action && subitem.action();
-              if (onItemSelect) {
-                onItemSelect(subitem.value);
-              }
-            }
-          },
-          subitem.icon && subitem.icon,
-          subitem.label && subitem.label
-        ))))) : /* @__PURE__ */ React24.createElement(
-          DropdownMenuItem,
-          {
-            key: index,
-            disabled: item.disabled,
-            onSelect: (e) => {
-              if (item.presist) {
-                e.preventDefault();
-              }
-              if (item.action) {
-                item.action();
-                if (onItemSelect) {
-                  onItemSelect(item.value);
-                }
-              } else {
+    /* @__PURE__ */ React24.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
+    /* @__PURE__ */ React24.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React24.createElement(
+      DropdownMenuContent,
+      {
+        side,
+        sideOffset,
+        className: cn(
+          className,
+          widthStyles[width],
+          "hawa-flex hawa-flex-col hawa-gap-1"
+        ),
+        align,
+        alignOffset
+      },
+      items && items.map((item, index) => {
+        if (item.itemType === "separator") {
+          return /* @__PURE__ */ React24.createElement(DropdownMenuSeparator, { key: index });
+        } else if (item.itemType === "label") {
+          return /* @__PURE__ */ React24.createElement(DropdownMenuLabel, { key: index }, item.label);
+        } else if (item.itemType === "custom") {
+          return /* @__PURE__ */ React24.createElement("div", { key: index }, item.content);
+        } else {
+          return item.subitems ? /* @__PURE__ */ React24.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React24.createElement(
+            DropdownMenuSubTrigger,
+            {
+              className: cn(sizeStyles[size]),
+              dir: direction
+            },
+            item.icon && item.icon,
+            item.label && item.label
+          ), /* @__PURE__ */ React24.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React24.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React24.createElement(
+            DropdownMenuItem,
+            {
+              key: subIndex,
+              className: cn(
+                sizeStyles[size],
+                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
+              ),
+              disabled: subitem.disabled,
+              onSelect: () => {
+                subitem.action && subitem.action();
                 if (onItemSelect) {
-                  onItemSelect(item.value);
+                  onItemSelect(subitem.value);
                 }
               }
             },
-            end: item.end,
-            className: cn(
-              sizeStyles[size],
-              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent " : "focus:hawa-bg-accent ",
-              item.presist && "focus:hawa-bg-transparent"
-            )
-          },
-          item.icon && item.icon,
-          item.label && item.label
-        );
-      }
-    })
-  )));
+            subitem.icon && subitem.icon,
+            subitem.label && subitem.label
+          ))))) : /* @__PURE__ */ React24.createElement(
+            DropdownMenuItem,
+            {
+              key: index,
+              disabled: item.disabled,
+              onSelect: (e) => {
+                if (item.presist) {
+                  e.preventDefault();
+                }
+                if (item.action) {
+                  item.action();
+                  if (onItemSelect) {
+                    onItemSelect(item.value);
+                  }
+                } else {
+                  if (onItemSelect) {
+                    onItemSelect(item.value);
+                  }
+                }
+              },
+              end: item.end,
+              className: cn(
+                sizeStyles[size],
+                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent " : "focus:hawa-bg-accent ",
+                item.presist && "focus:hawa-bg-transparent"
+              )
+            },
+            item.icon && item.icon,
+            item.label && item.label
+          );
+        }
+      })
+    ))
+  );
 };
 
 // components/elements/ColorPicker.tsx
@@ -5717,7 +5728,7 @@ var NavigationMenuRoot = React47.forwardRef(({ className, children, ...props },
   {
     ref,
     className: cn(
-      "hawa-relative hawa-bg-yellow-400 hawa-p-2 hawa-z-10 hawa-flex hawa-max-w-max hawa-flex-1 hawa-items-center hawa-justify-center",
+      "hawa-relative hawa-z-10 hawa-flex hawa-max-w-max hawa-flex-1 hawa-items-center hawa-justify-center",
       className
     ),
     ...props
@@ -5731,7 +5742,7 @@ var NavigationMenuList = React47.forwardRef(({ className, ...props }, ref) => /*
   {
     ref,
     className: cn(
-      "hawa-group hawa-bg-blue-400 hawa-p-2 hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-space-x-1",
+      "hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-space-x-1",
       className
     ),
     ...props
@@ -5775,7 +5786,8 @@ var NavigationMenuContent = React47.forwardRef(({ className, ...props }, ref) =>
   {
     ref,
     className: cn(
-      "hawa-bg-green-400 hawa-p-2  hawa-w-full md:hawa-absolute hawa-left-0 hawa-top-0 md:hawa-w-auto ",
+      "hawa-absolute hawa-w-auto  hawa-left-0 hawa-top-0 ",
+      // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
       //   animation
       "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
       className
@@ -5789,14 +5801,15 @@ var NavigationMenuViewport = React47.forwardRef(({ className, ...props }, ref) =
   "div",
   {
     className: cn(
-      "hawa-absolute hawa-left-0 hawa-top-full hawa-flex hawa-justify-center"
+      "hawa-absolute hawa-w-full hawa-top-full hawa-flex hawa-justify-center"
     )
   },
   /* @__PURE__ */ React47.createElement(
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
-        "hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-h-[var(--radix-navigation-menu-viewport-height)] hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
+        "hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-h-[var(--radix-navigation-menu-viewport-height)] hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
+        // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
         className
       ),
       ref,
@@ -5819,7 +5832,16 @@ var NavigationMenuIndicator = React47.forwardRef(({ className, ...props }, ref)
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 var NavigationMenu = (props) => {
-  return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, null, /* @__PURE__ */ React47.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React47.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React47.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React47.createElement(NavigationMenuLink, { className: navigationMenuTriggerStyle() }, item.trigger)))));
+  return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, null, /* @__PURE__ */ React47.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React47.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React47.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React47.createElement(
+    NavigationMenuLink,
+    {
+      className: cn(
+        navigationMenuTriggerStyle(),
+        "hawa-cursor-pointer hawa-select-none"
+      )
+    },
+    item.trigger
+  )))));
 };
 
 // components/layout/Stats.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.7.16-next",
+  "version": "0.7.17-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {