@sikka/hawa 0.29.12-next → 0.29.13-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.
package/dist/index.js CHANGED
@@ -902,6 +902,8 @@ var DropdownMenu = ({
902
902
  {
903
903
  side,
904
904
  sideOffset,
905
+ align,
906
+ alignOffset,
905
907
  className: cn(
906
908
  className,
907
909
  widthStyles[width],
@@ -909,12 +911,11 @@ var DropdownMenu = ({
909
911
  ),
910
912
  style: {
911
913
  maxHeight: "var(--radix-dropdown-menu-content-available-height)"
912
- },
913
- align,
914
- alignOffset
914
+ }
915
915
  },
916
916
  header && header,
917
917
  items && items.map((item, index) => {
918
+ const ItemLinkComponent = item.slug ? LinkComponent : "a";
918
919
  if (item.itemType === "separator") {
919
920
  return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
920
921
  } else if (item.itemType === "label") {
@@ -925,43 +926,46 @@ var DropdownMenu = ({
925
926
  return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
926
927
  DropdownMenuSubTrigger,
927
928
  {
928
- className: cn(sizeStyles2[size]),
929
- dir: direction
929
+ dir: direction,
930
+ className: cn(sizeStyles2[size])
930
931
  },
931
932
  item.icon && item.icon,
932
933
  item.label && item.label
933
- ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React5.createElement(
934
- DropdownMenuItem,
935
- {
936
- LinkComponent: subitem.slug ? LinkComponent : "a",
937
- slug: subitem.slug,
938
- onMouseDown: (event) => {
939
- if (event.button === 1 || event.button === 0 && event.ctrlKey) {
940
- event.preventDefault();
941
- if (subitem.onMiddleClick) {
942
- subitem.onMiddleClick(item.value);
934
+ ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
935
+ const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
936
+ return /* @__PURE__ */ React5.createElement(
937
+ DropdownMenuItem,
938
+ {
939
+ key: subIndex,
940
+ LinkComponent: SubitemLinkComponent,
941
+ slug: subitem.slug,
942
+ disabled: subitem.disabled,
943
+ className: cn(
944
+ sizeStyles2[size],
945
+ !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
946
+ ),
947
+ onMouseDown: (event) => {
948
+ if (event.button === 1 || event.button === 0 && event.ctrlKey) {
949
+ event.preventDefault();
950
+ if (subitem.onMiddleClick) {
951
+ subitem.onMiddleClick(item.value);
952
+ }
953
+ }
954
+ },
955
+ onSelect: () => {
956
+ subitem.action && subitem.action();
957
+ if (onItemSelect) {
958
+ onItemSelect(subitem.value);
943
959
  }
944
960
  }
945
961
  },
946
- key: subIndex,
947
- className: cn(
948
- sizeStyles2[size],
949
- !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
950
- ),
951
- disabled: subitem.disabled,
952
- onSelect: () => {
953
- subitem.action && subitem.action();
954
- if (onItemSelect) {
955
- onItemSelect(subitem.value);
956
- }
957
- }
958
- },
959
- subitem.icon && subitem.icon,
960
- subitem.label && subitem.label
961
- ))))) : /* @__PURE__ */ React5.createElement(
962
+ subitem.icon && subitem.icon,
963
+ subitem.label && subitem.label
964
+ );
965
+ })))) : /* @__PURE__ */ React5.createElement(
962
966
  DropdownMenuItem,
963
967
  {
964
- LinkComponent: item.slug ? LinkComponent : "a",
968
+ LinkComponent: ItemLinkComponent,
965
969
  slug: item.slug,
966
970
  key: index,
967
971
  disabled: item.disabled,
package/dist/index.mjs CHANGED
@@ -667,6 +667,8 @@ var DropdownMenu = ({
667
667
  {
668
668
  side,
669
669
  sideOffset,
670
+ align,
671
+ alignOffset,
670
672
  className: cn(
671
673
  className,
672
674
  widthStyles[width],
@@ -674,12 +676,11 @@ var DropdownMenu = ({
674
676
  ),
675
677
  style: {
676
678
  maxHeight: "var(--radix-dropdown-menu-content-available-height)"
677
- },
678
- align,
679
- alignOffset
679
+ }
680
680
  },
681
681
  header && header,
682
682
  items && items.map((item, index) => {
683
+ const ItemLinkComponent = item.slug ? LinkComponent : "a";
683
684
  if (item.itemType === "separator") {
684
685
  return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
685
686
  } else if (item.itemType === "label") {
@@ -690,43 +691,46 @@ var DropdownMenu = ({
690
691
  return item.subitems ? /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
691
692
  DropdownMenuSubTrigger,
692
693
  {
693
- className: cn(sizeStyles2[size]),
694
- dir: direction
694
+ dir: direction,
695
+ className: cn(sizeStyles2[size])
695
696
  },
696
697
  item.icon && item.icon,
697
698
  item.label && item.label
698
- ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React5.createElement(
699
- DropdownMenuItem,
700
- {
701
- LinkComponent: subitem.slug ? LinkComponent : "a",
702
- slug: subitem.slug,
703
- onMouseDown: (event) => {
704
- if (event.button === 1 || event.button === 0 && event.ctrlKey) {
705
- event.preventDefault();
706
- if (subitem.onMiddleClick) {
707
- subitem.onMiddleClick(item.value);
699
+ ), /* @__PURE__ */ React5.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
700
+ const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
701
+ return /* @__PURE__ */ React5.createElement(
702
+ DropdownMenuItem,
703
+ {
704
+ key: subIndex,
705
+ LinkComponent: SubitemLinkComponent,
706
+ slug: subitem.slug,
707
+ disabled: subitem.disabled,
708
+ className: cn(
709
+ sizeStyles2[size],
710
+ !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
711
+ ),
712
+ onMouseDown: (event) => {
713
+ if (event.button === 1 || event.button === 0 && event.ctrlKey) {
714
+ event.preventDefault();
715
+ if (subitem.onMiddleClick) {
716
+ subitem.onMiddleClick(item.value);
717
+ }
718
+ }
719
+ },
720
+ onSelect: () => {
721
+ subitem.action && subitem.action();
722
+ if (onItemSelect) {
723
+ onItemSelect(subitem.value);
708
724
  }
709
725
  }
710
726
  },
711
- key: subIndex,
712
- className: cn(
713
- sizeStyles2[size],
714
- !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
715
- ),
716
- disabled: subitem.disabled,
717
- onSelect: () => {
718
- subitem.action && subitem.action();
719
- if (onItemSelect) {
720
- onItemSelect(subitem.value);
721
- }
722
- }
723
- },
724
- subitem.icon && subitem.icon,
725
- subitem.label && subitem.label
726
- ))))) : /* @__PURE__ */ React5.createElement(
727
+ subitem.icon && subitem.icon,
728
+ subitem.label && subitem.label
729
+ );
730
+ })))) : /* @__PURE__ */ React5.createElement(
727
731
  DropdownMenuItem,
728
732
  {
729
- LinkComponent: item.slug ? LinkComponent : "a",
733
+ LinkComponent: ItemLinkComponent,
730
734
  slug: item.slug,
731
735
  key: index,
732
736
  disabled: item.disabled,
@@ -1163,6 +1163,8 @@ var DropdownMenu = ({
1163
1163
  {
1164
1164
  side,
1165
1165
  sideOffset,
1166
+ align,
1167
+ alignOffset,
1166
1168
  className: cn(
1167
1169
  className,
1168
1170
  widthStyles[width],
@@ -1170,12 +1172,11 @@ var DropdownMenu = ({
1170
1172
  ),
1171
1173
  style: {
1172
1174
  maxHeight: "var(--radix-dropdown-menu-content-available-height)"
1173
- },
1174
- align,
1175
- alignOffset
1175
+ }
1176
1176
  },
1177
1177
  header && header,
1178
1178
  items && items.map((item, index) => {
1179
+ const ItemLinkComponent = item.slug ? LinkComponent : "a";
1179
1180
  if (item.itemType === "separator") {
1180
1181
  return /* @__PURE__ */ React10.createElement(DropdownMenuSeparator, { key: index });
1181
1182
  } else if (item.itemType === "label") {
@@ -1186,43 +1187,46 @@ var DropdownMenu = ({
1186
1187
  return item.subitems ? /* @__PURE__ */ React10.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React10.createElement(
1187
1188
  DropdownMenuSubTrigger,
1188
1189
  {
1189
- className: cn(sizeStyles[size]),
1190
- dir: direction
1190
+ dir: direction,
1191
+ className: cn(sizeStyles[size])
1191
1192
  },
1192
1193
  item.icon && item.icon,
1193
1194
  item.label && item.label
1194
- ), /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React10.createElement(
1195
- DropdownMenuItem,
1196
- {
1197
- LinkComponent: subitem.slug ? LinkComponent : "a",
1198
- slug: subitem.slug,
1199
- onMouseDown: (event) => {
1200
- if (event.button === 1 || event.button === 0 && event.ctrlKey) {
1201
- event.preventDefault();
1202
- if (subitem.onMiddleClick) {
1203
- subitem.onMiddleClick(item.value);
1195
+ ), /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
1196
+ const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
1197
+ return /* @__PURE__ */ React10.createElement(
1198
+ DropdownMenuItem,
1199
+ {
1200
+ key: subIndex,
1201
+ LinkComponent: SubitemLinkComponent,
1202
+ slug: subitem.slug,
1203
+ disabled: subitem.disabled,
1204
+ className: cn(
1205
+ sizeStyles[size],
1206
+ !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
1207
+ ),
1208
+ onMouseDown: (event) => {
1209
+ if (event.button === 1 || event.button === 0 && event.ctrlKey) {
1210
+ event.preventDefault();
1211
+ if (subitem.onMiddleClick) {
1212
+ subitem.onMiddleClick(item.value);
1213
+ }
1214
+ }
1215
+ },
1216
+ onSelect: () => {
1217
+ subitem.action && subitem.action();
1218
+ if (onItemSelect) {
1219
+ onItemSelect(subitem.value);
1204
1220
  }
1205
1221
  }
1206
1222
  },
1207
- key: subIndex,
1208
- className: cn(
1209
- sizeStyles[size],
1210
- !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
1211
- ),
1212
- disabled: subitem.disabled,
1213
- onSelect: () => {
1214
- subitem.action && subitem.action();
1215
- if (onItemSelect) {
1216
- onItemSelect(subitem.value);
1217
- }
1218
- }
1219
- },
1220
- subitem.icon && subitem.icon,
1221
- subitem.label && subitem.label
1222
- ))))) : /* @__PURE__ */ React10.createElement(
1223
+ subitem.icon && subitem.icon,
1224
+ subitem.label && subitem.label
1225
+ );
1226
+ })))) : /* @__PURE__ */ React10.createElement(
1223
1227
  DropdownMenuItem,
1224
1228
  {
1225
- LinkComponent: item.slug ? LinkComponent : "a",
1229
+ LinkComponent: ItemLinkComponent,
1226
1230
  slug: item.slug,
1227
1231
  key: index,
1228
1232
  disabled: item.disabled,
@@ -6,7 +6,7 @@ import {
6
6
  Sheet,
7
7
  SheetContent,
8
8
  SheetTrigger
9
- } from "../chunk-LAR4X4XW.mjs";
9
+ } from "../chunk-ZXUDZYZZ.mjs";
10
10
  import {
11
11
  Button,
12
12
  Card,
@@ -18,7 +18,7 @@ import {
18
18
  Skeleton,
19
19
  Tooltip,
20
20
  cn
21
- } from "../chunk-WEQJRNY5.mjs";
21
+ } from "../chunk-FVBEK44Y.mjs";
22
22
  import "../chunk-4OOSUQZG.mjs";
23
23
 
24
24
  // layout/stats/Stats.tsx
@@ -270,6 +270,8 @@ var DropdownMenu = ({
270
270
  {
271
271
  side,
272
272
  sideOffset,
273
+ align,
274
+ alignOffset,
273
275
  className: cn(
274
276
  className,
275
277
  widthStyles[width],
@@ -277,12 +279,11 @@ var DropdownMenu = ({
277
279
  ),
278
280
  style: {
279
281
  maxHeight: "var(--radix-dropdown-menu-content-available-height)"
280
- },
281
- align,
282
- alignOffset
282
+ }
283
283
  },
284
284
  header && header,
285
285
  items && items.map((item, index) => {
286
+ const ItemLinkComponent = item.slug ? LinkComponent : "a";
286
287
  if (item.itemType === "separator") {
287
288
  return /* @__PURE__ */ React.createElement(DropdownMenuSeparator, { key: index });
288
289
  } else if (item.itemType === "label") {
@@ -293,43 +294,46 @@ var DropdownMenu = ({
293
294
  return item.subitems ? /* @__PURE__ */ React.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React.createElement(
294
295
  DropdownMenuSubTrigger,
295
296
  {
296
- className: cn(sizeStyles[size]),
297
- dir: direction
297
+ dir: direction,
298
+ className: cn(sizeStyles[size])
298
299
  },
299
300
  item.icon && item.icon,
300
301
  item.label && item.label
301
- ), /* @__PURE__ */ React.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React.createElement(
302
- DropdownMenuItem,
303
- {
304
- LinkComponent: subitem.slug ? LinkComponent : "a",
305
- slug: subitem.slug,
306
- onMouseDown: (event) => {
307
- if (event.button === 1 || event.button === 0 && event.ctrlKey) {
308
- event.preventDefault();
309
- if (subitem.onMiddleClick) {
310
- subitem.onMiddleClick(item.value);
302
+ ), /* @__PURE__ */ React.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
303
+ const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
304
+ return /* @__PURE__ */ React.createElement(
305
+ DropdownMenuItem,
306
+ {
307
+ key: subIndex,
308
+ LinkComponent: SubitemLinkComponent,
309
+ slug: subitem.slug,
310
+ disabled: subitem.disabled,
311
+ className: cn(
312
+ sizeStyles[size],
313
+ !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
314
+ ),
315
+ onMouseDown: (event) => {
316
+ if (event.button === 1 || event.button === 0 && event.ctrlKey) {
317
+ event.preventDefault();
318
+ if (subitem.onMiddleClick) {
319
+ subitem.onMiddleClick(item.value);
320
+ }
321
+ }
322
+ },
323
+ onSelect: () => {
324
+ subitem.action && subitem.action();
325
+ if (onItemSelect) {
326
+ onItemSelect(subitem.value);
311
327
  }
312
328
  }
313
329
  },
314
- key: subIndex,
315
- className: cn(
316
- sizeStyles[size],
317
- !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
318
- ),
319
- disabled: subitem.disabled,
320
- onSelect: () => {
321
- subitem.action && subitem.action();
322
- if (onItemSelect) {
323
- onItemSelect(subitem.value);
324
- }
325
- }
326
- },
327
- subitem.icon && subitem.icon,
328
- subitem.label && subitem.label
329
- ))))) : /* @__PURE__ */ React.createElement(
330
+ subitem.icon && subitem.icon,
331
+ subitem.label && subitem.label
332
+ );
333
+ })))) : /* @__PURE__ */ React.createElement(
330
334
  DropdownMenuItem,
331
335
  {
332
- LinkComponent: item.slug ? LinkComponent : "a",
336
+ LinkComponent: ItemLinkComponent,
333
337
  slug: item.slug,
334
338
  key: index,
335
339
  disabled: item.disabled,