@sikka/hawa 0.15.16-next → 0.15.18-next

package/dist/index.d.mts

@@ -80,6 +80,8 @@ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<Dropdo
 declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean | undefined;
     end?: any;
+    shortcut?: React$1.ReactNode;
+    badged?: boolean | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -97,8 +99,10 @@ type SubItem$1 = {
     disabled?: boolean;
 };
 type MenuItemType = {
-    icon?: any;
+    icon?: React$1.ReactNode;
     label?: string;
+    shortcut?: React$1.ReactNode;
+    badged?: boolean;
     value?: any;
     content?: any;
     end?: any;

package/dist/index.d.ts

@@ -80,6 +80,8 @@ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<Dropdo
 declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean | undefined;
     end?: any;
+    shortcut?: React$1.ReactNode;
+    badged?: boolean | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -97,8 +99,10 @@ type SubItem$1 = {
     disabled?: boolean;
 };
 type MenuItemType = {
-    icon?: any;
+    icon?: React$1.ReactNode;
     label?: string;
+    shortcut?: React$1.ReactNode;
+    badged?: boolean;
     value?: any;
     content?: any;
     end?: any;

package/dist/index.js

@@ -1322,7 +1322,9 @@ var DropdownMenuItem = React8.forwardRef(function(_param, ref) {
         className: cn("hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", inset && "hawa-pl-8", props.end && Array.isArray(props.children) && props.children[1] && "hawa-gap-6", className)
     }, props), /* @__PURE__ */ React8.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 "
-    }, props.children), props.end && props.end);
+    }, props.children), props.end && props.end, !props.end && props.shortcut && /* @__PURE__ */ React8.createElement(DropdownMenuShortcut, null, props.shortcut), !props.end && props.badged && /* @__PURE__ */ React8.createElement("div", {
+        className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full"
+    }));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 var DropdownMenuCheckboxItem = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
@@ -1405,7 +1407,7 @@ var DropdownMenuShortcut = function(_param) {
         "className"
     ]);
     return /* @__PURE__ */ React8.createElement("span", _object_spread({
-        className: cn("hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-opacity-60", className)
+        className: cn("hawa-text-xs hawa-tracking-widest hawa-opacity-60", className)
     }, props));
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
@@ -1498,6 +1500,8 @@ var DropdownMenu = function(param) {
                     }
                 },
                 end: item.end,
+                shortcut: item.shortcut,
+                badged: item.badged,
                 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);
         }
@@ -4432,7 +4436,7 @@ var import_react16 = __toESM(require("react"));
 var FileUploader = function(param) {
     var handleFile = param.handleFile, className = param.className;
     var hiddenFileInput = (0, import_react16.useRef)(null);
-    var handleClick = function(event) {
+    var handleClick = function() {
         var _hiddenFileInput_current;
         (_hiddenFileInput_current = hiddenFileInput.current) === null || _hiddenFileInput_current === void 0 ? void 0 : _hiddenFileInput_current.click();
     };

package/dist/index.mjs

@@ -504,7 +504,9 @@ var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) =
       ...props
     },
     /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
-    props.end && props.end
+    props.end && props.end,
+    !props.end && props.shortcut && /* @__PURE__ */ React8.createElement(DropdownMenuShortcut, null, props.shortcut),
+    !props.end && props.badged && /* @__PURE__ */ React8.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-bg-red-500 hawa-rounded-full" })
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
@@ -595,7 +597,7 @@ var DropdownMenuShortcut = ({
     "span",
     {
       className: cn(
-        "hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-opacity-60",
+        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
         className
       ),
       ...props
@@ -721,6 +723,8 @@ var DropdownMenu = ({
                 }
               },
               end: item.end,
+              shortcut: item.shortcut,
+              badged: item.badged,
               className: cn(
                 sizeStyles[size],
                 !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent " : "focus:hawa-bg-accent ",
@@ -3943,7 +3947,7 @@ import React30 from "react";
 import React29, { useRef as useRef5 } from "react";
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = useRef5(null);
-  const handleClick = (event) => {
+  const handleClick = () => {
     hiddenFileInput.current?.click();
   };
   const handleChange = (event) => {

package/package.json

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