@sikka/hawa 0.7.19-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

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -6065,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",
@@ -6090,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"
     })));
@@ -6147,6 +6147,7 @@ var NavigationMenuIndicator = React47.forwardRef(function(_param, ref) /* @__PUR
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 var NavigationMenu = function(props) {
     return /* @__PURE__ */ React47.createElement(NavigationMenuRoot, {
+        dir: props.direction,
         delayDuration: 0,
         className: props.rootClassNames,
         viewportClassNames: props.viewportClassNames

package/dist/index.mjs

@@ -5743,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
@@ -5752,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,
@@ -5776,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" })
   )
@@ -5837,6 +5837,7 @@ var NavigationMenu = (props) => {
   return /* @__PURE__ */ React47.createElement(
     NavigationMenuRoot,
     {
+      dir: props.direction,
       delayDuration: 0,
       className: props.rootClassNames,
       viewportClassNames: props.viewportClassNames

package/package.json

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