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

@@ -220,8 +220,9 @@ declare const Radio: FC<RadioTypes>;
 interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     className?: string;
     animation?: "none" | "pulse" | "shimmer";
+    content?: any;
 }
-declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type TChipTypes = {
     /** The text inside the chip */
@@ -322,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>;
 
@@ -1124,6 +1127,10 @@ declare const FeedbackEmoji: FC<ComponentTypes>;
 
 type FeedbackFormType = {
     onSubmit: (e: any) => void;
+    requestTypes?: {
+        label: string;
+        value: any;
+    }[];
     texts: {
         requestType?: string;
         requestTypeRequired?: string;

package/dist/index.d.ts

@@ -220,8 +220,9 @@ declare const Radio: FC<RadioTypes>;
 interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     className?: string;
     animation?: "none" | "pulse" | "shimmer";
+    content?: any;
 }
-declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type TChipTypes = {
     /** The text inside the chip */
@@ -322,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>;
 
@@ -1124,6 +1127,10 @@ declare const FeedbackEmoji: FC<ComponentTypes>;
 
 type FeedbackFormType = {
     onSubmit: (e: any) => void;
+    requestTypes?: {
+        label: string;
+        value: any;
+    }[];
     texts: {
         requestType?: string;
         requestTypeRequired?: string;

package/dist/index.js

@@ -1854,8 +1854,9 @@ var Radio = function(_param) {
 // components/elements/Skeleton.tsx
 var import_react11 = __toESM(require("react"));
 function Skeleton(_param) {
-    var className = _param.className, _param_animation = _param.animation, animation = _param_animation === void 0 ? "pulse" : _param_animation, props = _object_without_properties(_param, [
+    var className = _param.className, content = _param.content, _param_animation = _param.animation, animation = _param_animation === void 0 ? "pulse" : _param_animation, props = _object_without_properties(_param, [
         "className",
+        "content",
         "animation"
     ]);
     var animationStyles = {
@@ -1867,8 +1868,9 @@ function Skeleton(_param) {
         className: cn(animationStyles[animation], // animation === "pulse"
         //   ? "hawa-animate-pulse hawa-rounded hawa-bg-muted"
         //   : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
-        className)
-    }, props));
+        // "hawa-justify-center hawa-items-center hawa-text-center",
+        content && "hawa-flex hawa-flex-col hawa-justify-center hawa-items-center", className)
+    }, props), content && content);
 }
 {}// components/elements/Chip.tsx
 var import_react12 = __toESM(require("react"));
@@ -2152,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,
@@ -2247,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",
@@ -2259,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, {
@@ -6043,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;
@@ -6053,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;
@@ -6090,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));
 });
@@ -6101,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)));
 });
@@ -6125,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));
     })));
 };
@@ -7872,24 +7877,7 @@ var FeedbackForm = function(props) {
                 onChange: function(option) {
                     return field.onChange(option.value);
                 },
-                options: [
-                    {
-                        label: "Bug",
-                        value: "bug"
-                    },
-                    {
-                        label: "Feature",
-                        value: "feature"
-                    },
-                    {
-                        label: "Complain",
-                        value: "complain"
-                    },
-                    {
-                        label: "Support",
-                        value: "support"
-                    }
-                ],
+                options: props.requestTypes,
                 helperText: formState.errors.requestType && ((_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : _formState_errors_requestType.message)
             }));
         }

package/dist/index.mjs

@@ -1282,7 +1282,12 @@ var Radio = ({
 
 // components/elements/Skeleton.tsx
 import React17 from "react";
-function Skeleton({ className, animation = "pulse", ...props }) {
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
   const animationStyles = {
     none: "hawa-rounded hawa-bg-muted",
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
@@ -1296,10 +1301,13 @@ function Skeleton({ className, animation = "pulse", ...props }) {
         // animation === "pulse"
         //   ? "hawa-animate-pulse hawa-rounded hawa-bg-muted"
         //   : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
+        // "hawa-justify-center hawa-items-center hawa-text-center",
+        content && "hawa-flex hawa-flex-col hawa-justify-center hawa-items-center",
         className
       ),
       ...props
-    }
+    },
+    content && content
   );
 }
 {
@@ -1640,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,
     {
@@ -1766,7 +1773,9 @@ var DropdownMenu = ({
   alignOffset,
   onItemSelect,
   size = "default",
-  width = "default"
+  width = "default",
+  onOpenChange,
+  open
 }) => {
   const widthStyles = {
     default: "hawa-min-w-[8rem]",
@@ -1778,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
@@ -5709,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
@@ -5723,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
@@ -5767,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
@@ -5781,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,
@@ -5811,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
@@ -7722,24 +7752,7 @@ var FeedbackForm = (props) => {
           {
             ...field,
             onChange: (option) => field.onChange(option.value),
-            options: [
-              {
-                label: "Bug",
-                value: "bug"
-              },
-              {
-                label: "Feature",
-                value: "feature"
-              },
-              {
-                label: "Complain",
-                value: "complain"
-              },
-              {
-                label: "Support",
-                value: "support"
-              }
-            ],
+            options: props.requestTypes,
             helperText: formState.errors.requestType && formState.errors.requestType?.message
           }
         )

package/package.json

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