@sikka/hawa 0.35.2-next → 0.35.4-next

package/dist/index.mjs

@@ -452,6 +452,7 @@ function Skeleton({
 
 // elements/dropdownMenu/DropdownMenu.tsx
 import * as React5 from "react";
+import { Portal } from "@headlessui/react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -506,7 +507,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
+var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -643,6 +644,7 @@ var DropdownMenu = ({
   side,
   className,
   triggerClassname,
+  triggerProps,
   align,
   alignOffset,
   onItemSelect,
@@ -674,8 +676,16 @@ var DropdownMenu = ({
       modal: false,
       dir: direction
     },
-    /* @__PURE__ */ React5.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
-    /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React5.createElement(
+      DropdownMenuTrigger,
+      {
+        asChild: true,
+        className: triggerClassname,
+        ...triggerProps
+      },
+      trigger
+    ),
+    /* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(
       DropdownMenuContent,
       {
         side,
@@ -736,7 +746,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          ), /* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
             const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
             return /* @__PURE__ */ React5.createElement(
               DropdownMenuItem,
@@ -8582,7 +8592,7 @@ var Stats = ({
     negative: "hawa-text-red-600 dark:hawa-text-red-500",
     muted: "hawa-text-muted-foreground"
   };
-  return /* @__PURE__ */ React73.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ React73.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React73.createElement("span", null, icon)), /* @__PURE__ */ React73.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React73.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React73.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React73.createElement(
+  return /* @__PURE__ */ React73.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4 hawa-px-6" }, /* @__PURE__ */ React73.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React73.createElement("span", null, icon)), /* @__PURE__ */ React73.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React73.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React73.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React73.createElement(
     "div",
     {
       className: cn(
@@ -9060,6 +9070,7 @@ var AppLayout = ({
         direction,
         items: props.profileMenuItems || [],
         onItemSelect: (e) => console.log("selecting item ", e),
+        triggerProps: { asChild: true },
         trigger: /* @__PURE__ */ React77.createElement(
           "div",
           {

package/dist/layout/index.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.mjs';
 import { C as ChipColors } from '../Chip-BtgTAs8x.mjs';
-import { M as MenuItemType } from '../DropdownMenu-K3ztliYc.mjs';
+import { M as MenuItemType } from '../DropdownMenu-BYiPSEYy.mjs';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';
 

package/dist/layout/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.js';
 import { C as ChipColors } from '../Chip-DQsP5hFS.js';
-import { M as MenuItemType } from '../DropdownMenu-CJblb-9q.js';
+import { M as MenuItemType } from '../DropdownMenu-ChxqadLu.js';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';