@sikka/hawa 0.7.18-next → 0.7.20-next

package/dist/index.css

@@ -1509,11 +1509,6 @@ input[type="number"]::-webkit-inner-spin-button,
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
-.hawa-space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .hawa-space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1853,6 +1848,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
 }
+.hawa-bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+}
 .hawa-bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@@ -1883,6 +1882,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity));
 }
+.hawa-bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
+}
 .hawa-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }

package/dist/index.d.mts

@@ -686,6 +686,9 @@ type NavigationMenuTypes = {
         trigger: any;
         content?: any;
     }[];
+    rootClassNames?: string;
+    viewportClassNames?: string;
+    direction?: "rtl" | "ltr";
 };
 declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
 

package/dist/index.d.ts

@@ -686,6 +686,9 @@ type NavigationMenuTypes = {
         trigger: any;
         content?: any;
     }[];
+    rootClassNames?: string;
+    viewportClassNames?: string;
+    direction?: "rtl" | "ltr";
 };
 declare const NavigationMenu: React$1.FC<NavigationMenuTypes>;
 

package/dist/index.js

@@ -6052,8 +6052,11 @@ var NavigationMenuRoot = React47.forwardRef(function(_param, ref) /* @__PURE__ *
     ]);
     return React47.createElement(NavigationMenuPrimitive.Root, _object_spread({
         ref: ref,
-        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));
+        className: cn("hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center", // "hawa-max-w-max",
+        className)
+    }, props), children, /* @__PURE__ */ React47.createElement(NavigationMenuViewport, {
+        className: props.viewportClassNames
+    }));
 });
 NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
 var NavigationMenuList = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
@@ -6062,12 +6065,12 @@ var NavigationMenuList = React47.forwardRef(function(_param, ref) /* @__PURE__ *
     ]);
     return React47.createElement(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
-        className: cn("hawa-group 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-gap-1", className)
     }, props));
 });
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = (0, import_class_variance_authority4.cva)("hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 data-[state=open]:hawa-bg-accent/50");
+var navigationMenuTriggerStyle = (0, import_class_variance_authority4.cva)("hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 data-[state=open]:hawa-bg-accent/50");
 var NavigationMenuTrigger = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
@@ -6087,7 +6090,7 @@ var NavigationMenuTrigger = React47.forwardRef(function(_param, ref) /* @__PURE_
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "aria-hidden": "true",
-        className: "hawa-relative hawa-top-[1px] hawa-ml-1 hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+        className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     }, /* @__PURE__ */ React47.createElement("path", {
         d: "m6 9 6 6 6-6"
     })));
@@ -6099,7 +6102,7 @@ var NavigationMenuContent = React47.forwardRef(function(_param, ref) /* @__PURE_
     ]);
     return React47.createElement(NavigationMenuPrimitive.Content, _object_spread({
         ref: ref,
-        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 ",
+        className: cn("hawa-absolute  hawa-w-full  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));
@@ -6144,7 +6147,10 @@ var NavigationMenuIndicator = React47.forwardRef(function(_param, ref) /* @__PUR
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 var NavigationMenu = function(props) {
     return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, {
-        delayDuration: 0
+        dir: props.direction,
+        delayDuration: 0,
+        className: props.rootClassNames,
+        viewportClassNames: props.viewportClassNames
     }, /* @__PURE__ */ React47.createElement(NavigationMenuList, null, props.items.map(function(item, i) {
         return /* @__PURE__ */ React47.createElement(NavigationMenuItem, {
             key: i

package/dist/index.mjs

@@ -5728,13 +5728,14 @@ var NavigationMenuRoot = React47.forwardRef(({ className, children, ...props },
   {
     ref,
     className: cn(
-      "hawa-relative 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-flex-1 hawa-items-center hawa-justify-center",
+      // "hawa-max-w-max",
       className
     ),
     ...props
   },
   children,
-  /* @__PURE__ */ React47.createElement(NavigationMenuViewport, null)
+  /* @__PURE__ */ React47.createElement(NavigationMenuViewport, { className: props.viewportClassNames })
 ));
 NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
 var NavigationMenuList = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(
@@ -5742,7 +5743,7 @@ var NavigationMenuList = React47.forwardRef(({ className, ...props }, ref) => /*
   {
     ref,
     className: cn(
-      "hawa-group 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-gap-1",
       className
     ),
     ...props
@@ -5751,7 +5752,7 @@ var NavigationMenuList = React47.forwardRef(({ className, ...props }, ref) => /*
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva4(
-  "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 data-[state=open]:hawa-bg-accent/50"
+  "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 data-[state=open]:hawa-bg-accent/50"
 );
 var NavigationMenuTrigger = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(
   NavigationMenuPrimitive.Trigger,
@@ -5775,7 +5776,7 @@ var NavigationMenuTrigger = React47.forwardRef(({ className, children, ...props
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "aria-hidden": "true",
-      className: "hawa-relative hawa-top-[1px] hawa-ml-1 hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+      className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     },
     /* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
   )
@@ -5786,7 +5787,7 @@ var NavigationMenuContent = React47.forwardRef(({ className, ...props }, ref) =>
   {
     ref,
     className: cn(
-      "hawa-absolute hawa-w-auto  hawa-left-0 hawa-top-0 ",
+      "hawa-absolute  hawa-w-full  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",
@@ -5833,16 +5834,25 @@ var NavigationMenuIndicator = React47.forwardRef(({ className, ...props }, ref)
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 var NavigationMenu = (props) => {
-  return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, { delayDuration: 0 }, /* @__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,
+  return /* @__PURE__ */ React47.createElement(
+    NavigationMenuRoot,
     {
-      className: cn(
-        navigationMenuTriggerStyle(),
-        "hawa-cursor-pointer hawa-select-none"
-      )
+      dir: props.direction,
+      delayDuration: 0,
+      className: props.rootClassNames,
+      viewportClassNames: props.viewportClassNames
     },
-    item.trigger
-  )))));
+    /* @__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.18-next",
+  "version": "0.7.20-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {