@sikka/hawa 0.30.23-next → 0.30.25-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 (65) hide show
  1. package/dist/{DropdownMenu-sSnQc6fT.d.ts → DropdownMenu-o_-MnT5h.d.mts} +6 -6
  2. package/dist/{DropdownMenu-arqV1gRt.d.mts → DropdownMenu-p-Ha-y2R.d.ts} +6 -6
  3. package/dist/appLayout/index.d.mts +8 -1
  4. package/dist/appLayout/index.d.ts +8 -1
  5. package/dist/appLayout/index.js +31 -0
  6. package/dist/appLayout/index.js.map +1 -1
  7. package/dist/appLayout/index.mjs +35 -4
  8. package/dist/appLayout/index.mjs.map +1 -1
  9. package/dist/appTopbar/index.d.mts +5 -2
  10. package/dist/appTopbar/index.d.ts +5 -2
  11. package/dist/appTopbar/index.js +31 -0
  12. package/dist/appTopbar/index.js.map +1 -1
  13. package/dist/appTopbar/index.mjs +31 -0
  14. package/dist/appTopbar/index.mjs.map +1 -1
  15. package/dist/blocks/index.d.mts +1 -1
  16. package/dist/blocks/index.d.ts +1 -1
  17. package/dist/blocks/index.js +31 -0
  18. package/dist/blocks/index.mjs +2 -2
  19. package/dist/blocks/pricing/index.mjs +3 -3
  20. package/dist/breadcrumb/index.d.mts +7 -5
  21. package/dist/breadcrumb/index.d.ts +7 -5
  22. package/dist/breadcrumb/index.js +36 -12
  23. package/dist/breadcrumb/index.js.map +1 -1
  24. package/dist/breadcrumb/index.mjs +36 -12
  25. package/dist/breadcrumb/index.mjs.map +1 -1
  26. package/dist/{chunk-CXBN42TF.mjs → chunk-7LAUVLVZ.mjs} +1 -1
  27. package/dist/{chunk-HOE4FCIF.mjs → chunk-DGOT2FVH.mjs} +30 -0
  28. package/dist/{chunk-MH5K6NEO.mjs → chunk-TKSAYWDH.mjs} +1 -1
  29. package/dist/combobox/index.js +44 -35
  30. package/dist/combobox/index.js.map +1 -1
  31. package/dist/combobox/index.mjs +44 -35
  32. package/dist/combobox/index.mjs.map +1 -1
  33. package/dist/commonTypes-52DloiYq.d.mts +7 -0
  34. package/dist/commonTypes-52DloiYq.d.ts +7 -0
  35. package/dist/dataTable/index.js +31 -0
  36. package/dist/dataTable/index.js.map +1 -1
  37. package/dist/dataTable/index.mjs +31 -0
  38. package/dist/dataTable/index.mjs.map +1 -1
  39. package/dist/docsLayout/index.d.mts +1 -1
  40. package/dist/docsLayout/index.d.ts +1 -1
  41. package/dist/dropdownMenu/index.d.mts +9 -5
  42. package/dist/dropdownMenu/index.d.ts +9 -5
  43. package/dist/dropdownMenu/index.js +30 -0
  44. package/dist/dropdownMenu/index.js.map +1 -1
  45. package/dist/dropdownMenu/index.mjs +30 -0
  46. package/dist/dropdownMenu/index.mjs.map +1 -1
  47. package/dist/elements/index.d.mts +8 -6
  48. package/dist/elements/index.d.ts +8 -6
  49. package/dist/elements/index.js +101 -47
  50. package/dist/elements/index.mjs +74 -50
  51. package/dist/index.d.mts +12 -10
  52. package/dist/index.d.ts +12 -10
  53. package/dist/index.js +101 -47
  54. package/dist/index.mjs +206 -152
  55. package/dist/layout/index.d.mts +1 -1
  56. package/dist/layout/index.d.ts +1 -1
  57. package/dist/layout/index.js +31 -0
  58. package/dist/layout/index.mjs +2 -2
  59. package/dist/splitButton/index.d.mts +8 -1
  60. package/dist/splitButton/index.d.ts +8 -1
  61. package/dist/splitButton/index.js +31 -0
  62. package/dist/splitButton/index.js.map +1 -1
  63. package/dist/splitButton/index.mjs +31 -0
  64. package/dist/splitButton/index.mjs.map +1 -1
  65. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -892,6 +892,9 @@ var DropdownMenu = ({
892
892
  default: "hawa-px-2 hawa-py-3 ",
893
893
  sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
894
894
  };
895
+ let [values, setValues] = React5.useState(
896
+ items.map((item) => item.currentOption)
897
+ );
895
898
  return /* @__PURE__ */ React5.createElement(
896
899
  DropdownMenuRoot,
897
900
  {
@@ -919,11 +922,38 @@ var DropdownMenu = ({
919
922
  },
920
923
  header && header,
921
924
  items && items.map((item, index) => {
925
+ var _a;
922
926
  const ItemLinkComponent = item.slug ? LinkComponent : "a";
923
927
  if (item.itemType === "separator") {
924
928
  return /* @__PURE__ */ React5.createElement(DropdownMenuSeparator, { key: index });
925
929
  } else if (item.itemType === "label") {
926
930
  return /* @__PURE__ */ React5.createElement(DropdownMenuLabel, { key: index }, item.label);
931
+ } else if (item.itemType === "radio") {
932
+ let dd = item.currentOption;
933
+ return /* @__PURE__ */ React5.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React5.createElement(
934
+ DropdownMenuSubTrigger,
935
+ {
936
+ dir: direction,
937
+ className: cn(sizeStyles2[size])
938
+ },
939
+ item.icon && item.icon,
940
+ item.label && item.label
941
+ ), /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React5.createElement(
942
+ DropdownMenuRadioGroup,
943
+ {
944
+ value: values[index],
945
+ onValueChange: (e) => {
946
+ let newValues = [...values];
947
+ newValues[index] = e;
948
+ setValues(newValues);
949
+ console.log("changing to ", e);
950
+ if (item.onOptionChange) {
951
+ item.onOptionChange(e);
952
+ }
953
+ }
954
+ },
955
+ (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React5.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
956
+ )));
927
957
  } else if (item.itemType === "custom") {
928
958
  return /* @__PURE__ */ React5.createElement("div", { key: index }, item.content);
929
959
  } else {
@@ -3771,46 +3801,55 @@ var Combobox = React27.forwardRef(
3771
3801
  }
3772
3802
  ),
3773
3803
  /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."),
3774
- /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-scroll" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
3775
- CommandItem,
3804
+ /* @__PURE__ */ React27.createElement(CommandList, null, /* @__PURE__ */ React27.createElement(
3805
+ CommandGroup,
3776
3806
  {
3777
- key: i,
3778
- onSelect: () => {
3779
- const newValue = getProperty(item, valueKey);
3780
- setValue(
3781
- newValue === value ? "" : newValue
3782
- );
3783
- if (props.onChange) {
3784
- props.onChange(
3807
+ className: cn(
3808
+ "hawa-max-h-[200px]",
3809
+ data.length > 0 && "hawa-overflow-y-scroll"
3810
+ )
3811
+ },
3812
+ data.map((item, i) => /* @__PURE__ */ React27.createElement(
3813
+ CommandItem,
3814
+ {
3815
+ key: i,
3816
+ onSelect: () => {
3817
+ const newValue = getProperty(item, valueKey);
3818
+ setValue(
3785
3819
  newValue === value ? "" : newValue
3786
3820
  );
3821
+ if (props.onChange) {
3822
+ props.onChange(
3823
+ newValue === value ? "" : newValue
3824
+ );
3825
+ }
3826
+ setOpen(false);
3787
3827
  }
3788
- setOpen(false);
3789
- }
3790
- },
3791
- /* @__PURE__ */ React27.createElement(
3792
- "svg",
3793
- {
3794
- "aria-label": "Check Icon",
3795
- xmlns: "http://www.w3.org/2000/svg",
3796
- width: "24",
3797
- height: "24",
3798
- viewBox: "0 0 24 24",
3799
- fill: "none",
3800
- stroke: "currentColor",
3801
- strokeWidth: "2",
3802
- strokeLinecap: "round",
3803
- strokeLinejoin: "round",
3804
- className: cn(
3805
- "hawa-icon",
3806
- value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
3807
- ),
3808
- style: { marginInlineEnd: "0.5rem" }
3809
3828
  },
3810
- /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
3811
- ),
3812
- renderOption ? renderOption(item) : getProperty(item, labelKey)
3813
- ))))
3829
+ /* @__PURE__ */ React27.createElement(
3830
+ "svg",
3831
+ {
3832
+ "aria-label": "Check Icon",
3833
+ xmlns: "http://www.w3.org/2000/svg",
3834
+ width: "24",
3835
+ height: "24",
3836
+ viewBox: "0 0 24 24",
3837
+ fill: "none",
3838
+ stroke: "currentColor",
3839
+ strokeWidth: "2",
3840
+ strokeLinecap: "round",
3841
+ strokeLinejoin: "round",
3842
+ className: cn(
3843
+ "hawa-icon",
3844
+ value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
3845
+ ),
3846
+ style: { marginInlineEnd: "0.5rem" }
3847
+ },
3848
+ /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
3849
+ ),
3850
+ renderOption ? renderOption(item) : getProperty(item, labelKey)
3851
+ ))
3852
+ ))
3814
3853
  )
3815
3854
  ))
3816
3855
  );
@@ -4657,24 +4696,39 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
4657
4696
  var import_react15 = __toESM(require("react"));
4658
4697
  var Breadcrumb = ({
4659
4698
  breadcrumbLinks,
4660
- separator = ">"
4699
+ separator = ">",
4700
+ size = "normal"
4661
4701
  }) => {
4662
- return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.createElement(
4702
+ const textStyles = {
4703
+ normal: "",
4704
+ small: "hawa-text-sm",
4705
+ xs: "hawa-text-xs"
4706
+ };
4707
+ return /* @__PURE__ */ import_react15.default.createElement(
4663
4708
  "div",
4664
4709
  {
4665
- key: index,
4666
- className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
4710
+ className: cn(
4711
+ "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm",
4712
+ textStyles[size]
4713
+ )
4667
4714
  },
4668
- /* @__PURE__ */ import_react15.default.createElement(
4669
- "a",
4715
+ breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.createElement(
4716
+ "div",
4670
4717
  {
4671
- href: singleBreadcrumbLink.href,
4672
- className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
4718
+ key: index,
4719
+ className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
4673
4720
  },
4674
- singleBreadcrumbLink.label
4675
- ),
4676
- index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
4677
- )));
4721
+ /* @__PURE__ */ import_react15.default.createElement(
4722
+ "a",
4723
+ {
4724
+ href: singleBreadcrumbLink.href,
4725
+ className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
4726
+ },
4727
+ singleBreadcrumbLink.label
4728
+ ),
4729
+ index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
4730
+ ))
4731
+ );
4678
4732
  };
4679
4733
 
4680
4734
  // elements/appStores/AppStores.tsx