@sikka/hawa 0.35.1-next → 0.35.3-next

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/{DropdownMenu-K3ztliYc.d.mts → DropdownMenu-BYiPSEYy.d.mts} +1 -0
  2. package/dist/{DropdownMenu-CJblb-9q.d.ts → DropdownMenu-ChxqadLu.d.ts} +1 -0
  3. package/dist/alert/index.js +38 -37
  4. package/dist/alert/index.js.map +1 -1
  5. package/dist/alert/index.mjs +1 -0
  6. package/dist/alert/index.mjs.map +1 -1
  7. package/dist/appLayout/index.js +74 -63
  8. package/dist/appLayout/index.js.map +1 -1
  9. package/dist/appLayout/index.mjs +16 -5
  10. package/dist/appLayout/index.mjs.map +1 -1
  11. package/dist/appTopbar/index.js +10 -1
  12. package/dist/appTopbar/index.js.map +1 -1
  13. package/dist/appTopbar/index.mjs +10 -1
  14. package/dist/appTopbar/index.mjs.map +1 -1
  15. package/dist/backToTop/index.js +34 -33
  16. package/dist/backToTop/index.js.map +1 -1
  17. package/dist/backToTop/index.mjs +1 -0
  18. package/dist/backToTop/index.mjs.map +1 -1
  19. package/dist/blocks/auth/index.js +255 -254
  20. package/dist/blocks/auth/index.mjs +4 -4
  21. package/dist/blocks/feedback/index.js +137 -136
  22. package/dist/blocks/feedback/index.mjs +5 -5
  23. package/dist/blocks/index.d.mts +1 -1
  24. package/dist/blocks/index.d.ts +1 -1
  25. package/dist/blocks/index.js +521 -511
  26. package/dist/blocks/index.mjs +2 -2
  27. package/dist/blocks/misc/index.js +115 -114
  28. package/dist/blocks/misc/index.mjs +5 -5
  29. package/dist/blocks/pricing/index.js +121 -120
  30. package/dist/blocks/pricing/index.mjs +4 -4
  31. package/dist/button/index.js +25 -24
  32. package/dist/button/index.js.map +1 -1
  33. package/dist/button/index.mjs +1 -0
  34. package/dist/button/index.mjs.map +1 -1
  35. package/dist/calendar/index.js +25 -24
  36. package/dist/calendar/index.js.map +1 -1
  37. package/dist/calendar/index.mjs +1 -0
  38. package/dist/calendar/index.mjs.map +1 -1
  39. package/dist/{chunk-XJMDUR5A.mjs → chunk-7L2JUNG2.mjs} +1 -1
  40. package/dist/{chunk-GVZWOUGN.mjs → chunk-CD6AQVU3.mjs} +1 -1
  41. package/dist/{chunk-A376BKNX.mjs → chunk-JEZLVXSU.mjs} +1 -1
  42. package/dist/{chunk-YOT2GVXO.mjs → chunk-LVXG3SMD.mjs} +1 -1
  43. package/dist/{chunk-HHC34DXN.mjs → chunk-MVKP55SZ.mjs} +1 -1
  44. package/dist/{chunk-IDKXEJET.mjs → chunk-OW3WFRFQ.mjs} +43 -33
  45. package/dist/{chunk-XFRJ62W3.mjs → chunk-OWYGADJZ.mjs} +1 -1
  46. package/dist/{chunk-L56XQRQI.mjs → chunk-WABHQMUI.mjs} +1 -1
  47. package/dist/{chunk-DFWFQWWT.mjs → chunk-YNEQBAQC.mjs} +1 -1
  48. package/dist/{chunk-DABX3SU6.mjs → chunk-YP2CCKZG.mjs} +33 -32
  49. package/dist/codeBlock/index.js +45 -44
  50. package/dist/codeBlock/index.js.map +1 -1
  51. package/dist/codeBlock/index.mjs +1 -0
  52. package/dist/codeBlock/index.mjs.map +1 -1
  53. package/dist/dataTable/index.js +48 -38
  54. package/dist/dataTable/index.js.map +1 -1
  55. package/dist/dataTable/index.mjs +11 -1
  56. package/dist/dataTable/index.mjs.map +1 -1
  57. package/dist/datePicker/index.js +33 -32
  58. package/dist/datePicker/index.js.map +1 -1
  59. package/dist/datePicker/index.mjs +1 -0
  60. package/dist/datePicker/index.mjs.map +1 -1
  61. package/dist/docsLayout/index.js +106 -105
  62. package/dist/docsLayout/index.js.map +1 -1
  63. package/dist/docsLayout/index.mjs +1 -0
  64. package/dist/docsLayout/index.mjs.map +1 -1
  65. package/dist/dropdownMenu/index.d.mts +1 -0
  66. package/dist/dropdownMenu/index.d.ts +1 -0
  67. package/dist/dropdownMenu/index.js +10 -1
  68. package/dist/dropdownMenu/index.js.map +1 -1
  69. package/dist/dropdownMenu/index.mjs +10 -1
  70. package/dist/dropdownMenu/index.mjs.map +1 -1
  71. package/dist/elements/index.d.mts +1 -1
  72. package/dist/elements/index.d.ts +1 -1
  73. package/dist/elements/index.js +441 -431
  74. package/dist/elements/index.mjs +3 -3
  75. package/dist/fileDropzone/index.js +71 -70
  76. package/dist/fileDropzone/index.js.map +1 -1
  77. package/dist/fileDropzone/index.mjs +1 -0
  78. package/dist/fileDropzone/index.mjs.map +1 -1
  79. package/dist/index.d.mts +1 -0
  80. package/dist/index.d.ts +1 -0
  81. package/dist/index.js +881 -870
  82. package/dist/index.mjs +214 -203
  83. package/dist/layout/index.d.mts +1 -1
  84. package/dist/layout/index.d.ts +1 -1
  85. package/dist/layout/index.js +196 -185
  86. package/dist/layout/index.mjs +3 -2
  87. package/dist/sortButton/index.js +32 -31
  88. package/dist/sortButton/index.js.map +1 -1
  89. package/dist/sortButton/index.mjs +1 -0
  90. package/dist/sortButton/index.mjs.map +1 -1
  91. package/dist/splitButton/index.js +69 -59
  92. package/dist/splitButton/index.js.map +1 -1
  93. package/dist/splitButton/index.mjs +46 -36
  94. package/dist/splitButton/index.mjs.map +1 -1
  95. package/package.json +1 -1
@@ -36,7 +36,7 @@ __export(appLayout_exports, {
36
36
  module.exports = __toCommonJS(appLayout_exports);
37
37
 
38
38
  // layout/appLayout/AppLayout.tsx
39
- var import_react5 = __toESM(require("react"));
39
+ var import_react6 = __toESM(require("react"));
40
40
 
41
41
  // hooks/useOutsideClick.ts
42
42
  var import_react = __toESM(require("react"));
@@ -69,7 +69,8 @@ var React6 = __toESM(require("react"));
69
69
  var import_class_variance_authority = require("class-variance-authority");
70
70
 
71
71
  // elements/helperText/HelperText.tsx
72
- var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
72
+ var import_react2 = __toESM(require("react"));
73
+ var HelperText = ({ helperText }) => /* @__PURE__ */ import_react2.default.createElement(
73
74
  "p",
74
75
  {
75
76
  className: cn(
@@ -84,9 +85,9 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
84
85
  var React4 = __toESM(require("react"));
85
86
 
86
87
  // elements/tooltip/Tooltip.tsx
87
- var import_react2 = __toESM(require("react"));
88
+ var import_react3 = __toESM(require("react"));
88
89
  var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
89
- var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
90
+ var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
90
91
  TooltipPrimitive.Content,
91
92
  {
92
93
  ref,
@@ -103,7 +104,7 @@ var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset =
103
104
  }
104
105
  ));
105
106
  TooltipContent.displayName = TooltipPrimitive.Content.displayName;
106
- var TooltipArrow = import_react2.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
107
+ var TooltipArrow = import_react3.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
107
108
  TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
108
109
  var Tooltip = ({
109
110
  side,
@@ -120,13 +121,13 @@ var Tooltip = ({
120
121
  delayDuration = 300,
121
122
  ...props
122
123
  }) => {
123
- return /* @__PURE__ */ import_react2.default.createElement(
124
+ return /* @__PURE__ */ import_react3.default.createElement(
124
125
  TooltipPrimitive.TooltipProvider,
125
126
  {
126
127
  delayDuration,
127
128
  ...providerProps
128
129
  },
129
- /* @__PURE__ */ import_react2.default.createElement(
130
+ /* @__PURE__ */ import_react3.default.createElement(
130
131
  TooltipPrimitive.Root,
131
132
  {
132
133
  open: !disabled && open,
@@ -134,8 +135,8 @@ var Tooltip = ({
134
135
  onOpenChange,
135
136
  ...props
136
137
  },
137
- /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
138
- /* @__PURE__ */ import_react2.default.createElement(
138
+ /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
139
+ /* @__PURE__ */ import_react3.default.createElement(
139
140
  TooltipContent,
140
141
  {
141
142
  size,
@@ -197,7 +198,7 @@ var Label = React4.forwardRef(({ className, hint, hintSide, required, children,
197
198
  Label.displayName = "Label";
198
199
 
199
200
  // elements/loading/Loading.tsx
200
- var import_react3 = __toESM(require("react"));
201
+ var import_react4 = __toESM(require("react"));
201
202
  var Loading = ({
202
203
  design = "spinner",
203
204
  size = "normal",
@@ -228,7 +229,7 @@ var Loading = ({
228
229
  };
229
230
  switch (design.split("-")[0]) {
230
231
  case "dots":
231
- return /* @__PURE__ */ import_react3.default.createElement(
232
+ return /* @__PURE__ */ import_react4.default.createElement(
232
233
  "div",
233
234
  {
234
235
  className: cn(
@@ -236,7 +237,7 @@ var Loading = ({
236
237
  classNames == null ? void 0 : classNames.container
237
238
  )
238
239
  },
239
- /* @__PURE__ */ import_react3.default.createElement(
240
+ /* @__PURE__ */ import_react4.default.createElement(
240
241
  "div",
241
242
  {
242
243
  className: cn(
@@ -247,7 +248,7 @@ var Loading = ({
247
248
  )
248
249
  }
249
250
  ),
250
- /* @__PURE__ */ import_react3.default.createElement(
251
+ /* @__PURE__ */ import_react4.default.createElement(
251
252
  "div",
252
253
  {
253
254
  className: cn(
@@ -258,7 +259,7 @@ var Loading = ({
258
259
  )
259
260
  }
260
261
  ),
261
- /* @__PURE__ */ import_react3.default.createElement(
262
+ /* @__PURE__ */ import_react4.default.createElement(
262
263
  "div",
263
264
  {
264
265
  className: cn(
@@ -271,7 +272,7 @@ var Loading = ({
271
272
  )
272
273
  );
273
274
  case "square":
274
- return /* @__PURE__ */ import_react3.default.createElement(
275
+ return /* @__PURE__ */ import_react4.default.createElement(
275
276
  "svg",
276
277
  {
277
278
  className: cn(
@@ -283,7 +284,7 @@ var Loading = ({
283
284
  height: "35",
284
285
  width: "35"
285
286
  },
286
- /* @__PURE__ */ import_react3.default.createElement(
287
+ /* @__PURE__ */ import_react4.default.createElement(
287
288
  "rect",
288
289
  {
289
290
  className: "squircle-track",
@@ -295,7 +296,7 @@ var Loading = ({
295
296
  height: "32.5"
296
297
  }
297
298
  ),
298
- /* @__PURE__ */ import_react3.default.createElement(
299
+ /* @__PURE__ */ import_react4.default.createElement(
299
300
  "rect",
300
301
  {
301
302
  className: "square-car",
@@ -310,7 +311,7 @@ var Loading = ({
310
311
  )
311
312
  );
312
313
  case "squircle":
313
- return /* @__PURE__ */ import_react3.default.createElement(
314
+ return /* @__PURE__ */ import_react4.default.createElement(
314
315
  "svg",
315
316
  {
316
317
  x: "0px",
@@ -325,7 +326,7 @@ var Loading = ({
325
326
  classNames == null ? void 0 : classNames.container
326
327
  )
327
328
  },
328
- /* @__PURE__ */ import_react3.default.createElement(
329
+ /* @__PURE__ */ import_react4.default.createElement(
329
330
  "path",
330
331
  {
331
332
  className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
@@ -335,7 +336,7 @@ var Loading = ({
335
336
  d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
336
337
  }
337
338
  ),
338
- /* @__PURE__ */ import_react3.default.createElement(
339
+ /* @__PURE__ */ import_react4.default.createElement(
339
340
  "path",
340
341
  {
341
342
  className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
@@ -347,7 +348,7 @@ var Loading = ({
347
348
  )
348
349
  );
349
350
  case "progress":
350
- return /* @__PURE__ */ import_react3.default.createElement(
351
+ return /* @__PURE__ */ import_react4.default.createElement(
351
352
  "div",
352
353
  {
353
354
  className: cn(
@@ -358,9 +359,9 @@ var Loading = ({
358
359
  }
359
360
  );
360
361
  case "orbit":
361
- return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
362
+ return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
362
363
  default:
363
- return /* @__PURE__ */ import_react3.default.createElement(
364
+ return /* @__PURE__ */ import_react4.default.createElement(
364
365
  "svg",
365
366
  {
366
367
  viewBox: "0 0 40 40",
@@ -372,7 +373,7 @@ var Loading = ({
372
373
  classNames == null ? void 0 : classNames.container
373
374
  )
374
375
  },
375
- /* @__PURE__ */ import_react3.default.createElement(
376
+ /* @__PURE__ */ import_react4.default.createElement(
376
377
  "circle",
377
378
  {
378
379
  className: cn(
@@ -391,7 +392,7 @@ var Loading = ({
391
392
  pathLength: "100"
392
393
  }
393
394
  ),
394
- /* @__PURE__ */ import_react3.default.createElement(
395
+ /* @__PURE__ */ import_react4.default.createElement(
395
396
  "circle",
396
397
  {
397
398
  className: cn(
@@ -677,6 +678,7 @@ var DropdownMenu = ({
677
678
  side,
678
679
  className,
679
680
  triggerClassname,
681
+ triggerProps,
680
682
  align,
681
683
  alignOffset,
682
684
  onItemSelect,
@@ -708,7 +710,15 @@ var DropdownMenu = ({
708
710
  modal: false,
709
711
  dir: direction
710
712
  },
711
- /* @__PURE__ */ React7.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
713
+ /* @__PURE__ */ React7.createElement(
714
+ DropdownMenuTrigger,
715
+ {
716
+ asChild: true,
717
+ className: triggerClassname,
718
+ ...triggerProps
719
+ },
720
+ trigger
721
+ ),
712
722
  /* @__PURE__ */ React7.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React7.createElement(
713
723
  DropdownMenuContent,
714
724
  {
@@ -859,8 +869,8 @@ var React9 = __toESM(require("react"));
859
869
  var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
860
870
 
861
871
  // elements/chip/Chip.tsx
862
- var import_react4 = __toESM(require("react"));
863
- var Chip = import_react4.default.forwardRef(
872
+ var import_react5 = __toESM(require("react"));
873
+ var Chip = import_react5.default.forwardRef(
864
874
  ({
865
875
  label,
866
876
  size = "normal",
@@ -902,7 +912,7 @@ var Chip = import_react4.default.forwardRef(
902
912
  oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
903
913
  };
904
914
  if (label) {
905
- return /* @__PURE__ */ import_react4.default.createElement(
915
+ return /* @__PURE__ */ import_react5.default.createElement(
906
916
  "span",
907
917
  {
908
918
  ...rest,
@@ -914,7 +924,7 @@ var Chip = import_react4.default.forwardRef(
914
924
  color ? colorStyles[color] : "hawa-border hawa-bg-none"
915
925
  )
916
926
  },
917
- dotType && /* @__PURE__ */ import_react4.default.createElement(
927
+ dotType && /* @__PURE__ */ import_react5.default.createElement(
918
928
  "span",
919
929
  {
920
930
  className: cn(dotStyles[size], dotTypeStyles[dotType])
@@ -924,7 +934,7 @@ var Chip = import_react4.default.forwardRef(
924
934
  label
925
935
  );
926
936
  } else {
927
- return /* @__PURE__ */ import_react4.default.createElement(
937
+ return /* @__PURE__ */ import_react5.default.createElement(
928
938
  "span",
929
939
  {
930
940
  ...rest,
@@ -1179,13 +1189,13 @@ var AppLayout = ({
1179
1189
  }
1180
1190
  };
1181
1191
  const isRTL = direction === "rtl";
1182
- const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react5.useState)("");
1183
- const [size, setSize] = (0, import_react5.useState)(
1192
+ const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react6.useState)("");
1193
+ const [size, setSize] = (0, import_react6.useState)(
1184
1194
  typeof window !== "undefined" && window.innerWidth || 1200
1185
1195
  );
1186
- const [openSideMenu, setOpenSideMenu] = (0, import_react5.useState)(true);
1187
- const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react5.useState)(keepOpen);
1188
- (0, import_react5.useEffect)(() => {
1196
+ const [openSideMenu, setOpenSideMenu] = (0, import_react6.useState)(true);
1197
+ const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react6.useState)(keepOpen);
1198
+ (0, import_react6.useEffect)(() => {
1189
1199
  if (typeof window !== "undefined") {
1190
1200
  const resize = () => {
1191
1201
  setSize(window.innerWidth);
@@ -1200,7 +1210,7 @@ var AppLayout = ({
1200
1210
  };
1201
1211
  }
1202
1212
  }, []);
1203
- (0, import_react5.useEffect)(() => {
1213
+ (0, import_react6.useEffect)(() => {
1204
1214
  setKeepDrawerOpen(keepOpen);
1205
1215
  }, [setKeepOpen]);
1206
1216
  const handleClickOutside = () => {
@@ -1215,14 +1225,14 @@ var AppLayout = ({
1215
1225
  };
1216
1226
  const ref = useOutsideClick_default(handleClickOutside);
1217
1227
  const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
1218
- (0, import_react5.useEffect)(() => {
1228
+ (0, import_react6.useEffect)(() => {
1219
1229
  if (size > 600) {
1220
1230
  setOpenSideMenu(keepDrawerOpen);
1221
1231
  } else {
1222
1232
  setOpenSideMenu(false);
1223
1233
  }
1224
1234
  }, [size]);
1225
- return /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-fixed hawa-start-0" }, props.topBar && /* @__PURE__ */ import_react5.default.createElement(
1235
+ return /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-fixed hawa-start-0" }, props.topBar && /* @__PURE__ */ import_react6.default.createElement(
1226
1236
  "div",
1227
1237
  {
1228
1238
  dir: direction,
@@ -1231,7 +1241,7 @@ var AppLayout = ({
1231
1241
  bordered && "hawa-border-b-[1px]"
1232
1242
  )
1233
1243
  },
1234
- size > 600 ? /* @__PURE__ */ import_react5.default.createElement(
1244
+ size > 600 ? /* @__PURE__ */ import_react6.default.createElement(
1235
1245
  "div",
1236
1246
  {
1237
1247
  className: cn(
@@ -1245,24 +1255,24 @@ var AppLayout = ({
1245
1255
  props.pageTitle
1246
1256
  ) : (
1247
1257
  // Mobile Drawer Menu Button
1248
- /* @__PURE__ */ import_react5.default.createElement(
1258
+ /* @__PURE__ */ import_react6.default.createElement(
1249
1259
  "div",
1250
1260
  {
1251
1261
  dir: direction,
1252
1262
  className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
1253
1263
  },
1254
- /* @__PURE__ */ import_react5.default.createElement(
1264
+ /* @__PURE__ */ import_react6.default.createElement(
1255
1265
  "div",
1256
1266
  {
1257
1267
  onClick: () => setOpenSideMenu(true),
1258
1268
  className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
1259
1269
  },
1260
- /* @__PURE__ */ import_react5.default.createElement(MenuIcon, null)
1270
+ /* @__PURE__ */ import_react6.default.createElement(MenuIcon, null)
1261
1271
  ),
1262
- props.pageTitle ? /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react5.default.createElement("div", null)
1272
+ props.pageTitle ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react6.default.createElement("div", null)
1263
1273
  )
1264
1274
  ),
1265
- /* @__PURE__ */ import_react5.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 ? /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-text-end hawa-text-xs" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react5.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react5.default.createElement(
1275
+ /* @__PURE__ */ import_react6.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 ? /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-text-end hawa-text-xs" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react6.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react6.default.createElement(
1266
1276
  DropdownMenu,
1267
1277
  {
1268
1278
  LinkComponent: MenuLinkComponent,
@@ -1275,13 +1285,14 @@ var AppLayout = ({
1275
1285
  direction,
1276
1286
  items: props.profileMenuItems || [],
1277
1287
  onItemSelect: (e) => console.log("selecting item ", e),
1278
- trigger: /* @__PURE__ */ import_react5.default.createElement(
1288
+ triggerProps: { asChild: true },
1289
+ trigger: /* @__PURE__ */ import_react6.default.createElement(
1279
1290
  "div",
1280
1291
  {
1281
1292
  onClick: onAvatarClick,
1282
1293
  className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600"
1283
1294
  },
1284
- props.avatarImage ? /* @__PURE__ */ import_react5.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react5.default.createElement(
1295
+ props.avatarImage ? /* @__PURE__ */ import_react6.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react6.default.createElement(
1285
1296
  "svg",
1286
1297
  {
1287
1298
  "aria-label": "Avatar Icon",
@@ -1289,7 +1300,7 @@ var AppLayout = ({
1289
1300
  fill: "currentColor",
1290
1301
  viewBox: "0 0 20 20"
1291
1302
  },
1292
- /* @__PURE__ */ import_react5.default.createElement(
1303
+ /* @__PURE__ */ import_react6.default.createElement(
1293
1304
  "path",
1294
1305
  {
1295
1306
  fillRule: "evenodd",
@@ -1301,7 +1312,7 @@ var AppLayout = ({
1301
1312
  )
1302
1313
  }
1303
1314
  ))
1304
- ), /* @__PURE__ */ import_react5.default.createElement(
1315
+ ), /* @__PURE__ */ import_react6.default.createElement(
1305
1316
  "div",
1306
1317
  {
1307
1318
  className: cn(
@@ -1329,7 +1340,7 @@ var AppLayout = ({
1329
1340
  },
1330
1341
  ref
1331
1342
  },
1332
- /* @__PURE__ */ import_react5.default.createElement(
1343
+ /* @__PURE__ */ import_react6.default.createElement(
1333
1344
  "div",
1334
1345
  {
1335
1346
  onClick: props.onLogoClick,
@@ -1344,7 +1355,7 @@ var AppLayout = ({
1344
1355
  }
1345
1356
  },
1346
1357
  openSideMenu && props.header && props.header,
1347
- !props.header && /* @__PURE__ */ import_react5.default.createElement(
1358
+ !props.header && /* @__PURE__ */ import_react6.default.createElement(
1348
1359
  "img",
1349
1360
  {
1350
1361
  className: cn(
@@ -1355,7 +1366,7 @@ var AppLayout = ({
1355
1366
  src: props.logoLink
1356
1367
  }
1357
1368
  ),
1358
- size > 600 ? /* @__PURE__ */ import_react5.default.createElement(
1369
+ size > 600 ? /* @__PURE__ */ import_react6.default.createElement(
1359
1370
  "img",
1360
1371
  {
1361
1372
  className: cn(
@@ -1367,7 +1378,7 @@ var AppLayout = ({
1367
1378
  }
1368
1379
  ) : null
1369
1380
  ),
1370
- /* @__PURE__ */ import_react5.default.createElement(
1381
+ /* @__PURE__ */ import_react6.default.createElement(
1371
1382
  "div",
1372
1383
  {
1373
1384
  className: cn(
@@ -1378,7 +1389,7 @@ var AppLayout = ({
1378
1389
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : drawerSizeCondition}px` : `${openSideMenu ? openDrawerWidth : 0}px`
1379
1390
  }
1380
1391
  },
1381
- /* @__PURE__ */ import_react5.default.createElement(
1392
+ /* @__PURE__ */ import_react6.default.createElement(
1382
1393
  SidebarGroup,
1383
1394
  {
1384
1395
  direction,
@@ -1401,7 +1412,7 @@ var AppLayout = ({
1401
1412
  }
1402
1413
  )
1403
1414
  ),
1404
- /* @__PURE__ */ import_react5.default.createElement(
1415
+ /* @__PURE__ */ import_react6.default.createElement(
1405
1416
  "div",
1406
1417
  {
1407
1418
  className: cn(
@@ -1412,8 +1423,8 @@ var AppLayout = ({
1412
1423
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
1413
1424
  }
1414
1425
  },
1415
- DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, DrawerFooterActions) : null,
1416
- size > 600 && openSideMenu ? /* @__PURE__ */ import_react5.default.createElement(
1426
+ DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, DrawerFooterActions) : null,
1427
+ size > 600 && openSideMenu ? /* @__PURE__ */ import_react6.default.createElement(
1417
1428
  Tooltip,
1418
1429
  {
1419
1430
  side: "left",
@@ -1421,7 +1432,7 @@ var AppLayout = ({
1421
1432
  triggerProps: { asChild: true },
1422
1433
  content: keepDrawerOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar"
1423
1434
  },
1424
- /* @__PURE__ */ import_react5.default.createElement(
1435
+ /* @__PURE__ */ import_react6.default.createElement(
1425
1436
  Button,
1426
1437
  {
1427
1438
  variant: "outline",
@@ -1434,7 +1445,7 @@ var AppLayout = ({
1434
1445
  setKeepDrawerOpen(newKeepOpenState);
1435
1446
  }
1436
1447
  },
1437
- /* @__PURE__ */ import_react5.default.createElement(
1448
+ /* @__PURE__ */ import_react6.default.createElement(
1438
1449
  "svg",
1439
1450
  {
1440
1451
  className: cn(
@@ -1444,7 +1455,7 @@ var AppLayout = ({
1444
1455
  fill: "currentColor",
1445
1456
  viewBox: "0 0 20 20"
1446
1457
  },
1447
- /* @__PURE__ */ import_react5.default.createElement(
1458
+ /* @__PURE__ */ import_react6.default.createElement(
1448
1459
  "path",
1449
1460
  {
1450
1461
  fillRule: "evenodd",
@@ -1456,7 +1467,7 @@ var AppLayout = ({
1456
1467
  )
1457
1468
  ) : null
1458
1469
  )
1459
- ), /* @__PURE__ */ import_react5.default.createElement(
1470
+ ), /* @__PURE__ */ import_react6.default.createElement(
1460
1471
  "div",
1461
1472
  {
1462
1473
  className: "hawa-fixed -hawa-z-10 hawa-overflow-y-auto hawa-transition-all",
@@ -1475,7 +1486,7 @@ var AppLayout = ({
1475
1486
  props.children
1476
1487
  ));
1477
1488
  };
1478
- var MenuIcon = () => /* @__PURE__ */ import_react5.default.createElement(
1489
+ var MenuIcon = () => /* @__PURE__ */ import_react6.default.createElement(
1479
1490
  "svg",
1480
1491
  {
1481
1492
  "aria-label": "Menu Button",
@@ -1487,7 +1498,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react5.default.createElement(
1487
1498
  height: "1.6em",
1488
1499
  width: "1.6em"
1489
1500
  },
1490
- /* @__PURE__ */ import_react5.default.createElement(
1501
+ /* @__PURE__ */ import_react6.default.createElement(
1491
1502
  "path",
1492
1503
  {
1493
1504
  fillRule: "evenodd",