@bioturing/components 0.46.4 → 0.48.0

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 (139) hide show
  1. package/dist/components/base-menu/component.js +19 -21
  2. package/dist/components/base-menu/component.js.map +1 -1
  3. package/dist/components/base-menu/index.d.ts +1 -1
  4. package/dist/components/base-menu/index.d.ts.map +1 -1
  5. package/dist/components/base-menu/index.js +12 -7
  6. package/dist/components/base-menu/index.js.map +1 -1
  7. package/dist/components/base-menu/item.css +1 -1
  8. package/dist/components/base-menu/item.d.ts +13 -2
  9. package/dist/components/base-menu/item.d.ts.map +1 -1
  10. package/dist/components/base-menu/item.js +62 -47
  11. package/dist/components/base-menu/item.js.map +1 -1
  12. package/dist/components/base-menu/style.css +1 -1
  13. package/dist/components/checkbox/component.d.ts +2 -2
  14. package/dist/components/checkbox/component.d.ts.map +1 -1
  15. package/dist/components/checkbox/component.js.map +1 -1
  16. package/dist/components/choice-list/component.js +12 -12
  17. package/dist/components/combobox/component.d.ts.map +1 -1
  18. package/dist/components/combobox/component.js +121 -121
  19. package/dist/components/combobox/component.js.map +1 -1
  20. package/dist/components/combobox/style.css +1 -1
  21. package/dist/components/data-table/component.d.ts.map +1 -1
  22. package/dist/components/data-table/component.js +99 -79
  23. package/dist/components/data-table/component.js.map +1 -1
  24. package/dist/components/data-table/components/TableBody.d.ts +3 -2
  25. package/dist/components/data-table/components/TableBody.d.ts.map +1 -1
  26. package/dist/components/data-table/components/TableBody.js +106 -89
  27. package/dist/components/data-table/components/TableBody.js.map +1 -1
  28. package/dist/components/data-table/components/TableHeader.d.ts +3 -1
  29. package/dist/components/data-table/components/TableHeader.d.ts.map +1 -1
  30. package/dist/components/data-table/components/TableHeader.js +121 -93
  31. package/dist/components/data-table/components/TableHeader.js.map +1 -1
  32. package/dist/components/data-table/components/TablePagination.d.ts.map +1 -1
  33. package/dist/components/data-table/components/TablePagination.js +36 -31
  34. package/dist/components/data-table/components/TablePagination.js.map +1 -1
  35. package/dist/components/data-table/hooks.d.ts.map +1 -1
  36. package/dist/components/data-table/hooks.js +98 -83
  37. package/dist/components/data-table/hooks.js.map +1 -1
  38. package/dist/components/data-table/style.css +1 -1
  39. package/dist/components/data-table/types.d.ts +1 -1
  40. package/dist/components/data-table/types.d.ts.map +1 -1
  41. package/dist/components/data-table/utils.js +37 -30
  42. package/dist/components/data-table/utils.js.map +1 -1
  43. package/dist/components/data-table/variant-minimal.css +1 -0
  44. package/dist/components/data-table/variant-zebra.css +1 -0
  45. package/dist/components/dialog/Dialog.js +46 -46
  46. package/dist/components/dialog/Dialog.js.map +1 -1
  47. package/dist/components/dialog/dialog.css +1 -1
  48. package/dist/components/dropdown-menu/component.d.ts.map +1 -1
  49. package/dist/components/dropdown-menu/component.js +121 -144
  50. package/dist/components/dropdown-menu/component.js.map +1 -1
  51. package/dist/components/dropdown-menu/index.d.ts +2 -0
  52. package/dist/components/dropdown-menu/index.d.ts.map +1 -1
  53. package/dist/components/dropdown-menu/item.d.ts +7 -15
  54. package/dist/components/dropdown-menu/item.d.ts.map +1 -1
  55. package/dist/components/dropdown-menu/item.js +132 -81
  56. package/dist/components/dropdown-menu/item.js.map +1 -1
  57. package/dist/components/dropdown-menu/radio-group.d.ts +14 -0
  58. package/dist/components/dropdown-menu/radio-group.d.ts.map +1 -0
  59. package/dist/components/dropdown-menu/radio-group.js +45 -0
  60. package/dist/components/dropdown-menu/radio-group.js.map +1 -0
  61. package/dist/components/dropdown-menu/search-mode.d.ts +4 -0
  62. package/dist/components/dropdown-menu/search-mode.d.ts.map +1 -0
  63. package/dist/components/dropdown-menu/search-mode.js +6 -0
  64. package/dist/components/dropdown-menu/search-mode.js.map +1 -0
  65. package/dist/components/dropdown-menu/style.css +1 -1
  66. package/dist/components/dropdown-menu/submenu.d.ts +25 -0
  67. package/dist/components/dropdown-menu/submenu.d.ts.map +1 -0
  68. package/dist/components/dropdown-menu/submenu.js +96 -0
  69. package/dist/components/dropdown-menu/submenu.js.map +1 -0
  70. package/dist/components/dropdown-menu/types.d.ts +85 -12
  71. package/dist/components/dropdown-menu/types.d.ts.map +1 -1
  72. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +4 -8
  73. package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map +1 -1
  74. package/dist/components/dropdown-menu/useDropdownMenu.js +108 -81
  75. package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
  76. package/dist/components/form/FormItem/ItemHolder.d.ts +6 -5
  77. package/dist/components/form/FormItem/ItemHolder.d.ts.map +1 -1
  78. package/dist/components/form/FormItem/ItemHolder.js +32 -29
  79. package/dist/components/form/FormItem/ItemHolder.js.map +1 -1
  80. package/dist/components/form/FormItem/index.d.ts +6 -0
  81. package/dist/components/form/FormItem/index.d.ts.map +1 -1
  82. package/dist/components/form/FormItem/index.js +138 -127
  83. package/dist/components/form/FormItem/index.js.map +1 -1
  84. package/dist/components/form/FormValidationContext.d.ts +5 -0
  85. package/dist/components/form/FormValidationContext.d.ts.map +1 -0
  86. package/dist/components/form/FormValidationContext.js +7 -0
  87. package/dist/components/form/FormValidationContext.js.map +1 -0
  88. package/dist/components/form/component.d.ts +6 -1
  89. package/dist/components/form/component.d.ts.map +1 -1
  90. package/dist/components/form/component.js +30 -20
  91. package/dist/components/form/component.js.map +1 -1
  92. package/dist/components/form/formValidationRule.d.ts +19 -0
  93. package/dist/components/form/formValidationRule.d.ts.map +1 -0
  94. package/dist/components/form/formValidationRule.js +22 -0
  95. package/dist/components/form/formValidationRule.js.map +1 -0
  96. package/dist/components/form/index.d.ts +2 -0
  97. package/dist/components/form/index.d.ts.map +1 -1
  98. package/dist/components/form/useFormValidation.d.ts +3 -0
  99. package/dist/components/form/useFormValidation.d.ts.map +1 -0
  100. package/dist/components/form/useFormValidation.js +18 -0
  101. package/dist/components/form/useFormValidation.js.map +1 -0
  102. package/dist/components/index.d.ts +2 -0
  103. package/dist/components/index.d.ts.map +1 -1
  104. package/dist/components/keyboard-shortcut/component.d.ts +2 -0
  105. package/dist/components/keyboard-shortcut/component.d.ts.map +1 -1
  106. package/dist/components/keyboard-shortcut/component.js +69 -49
  107. package/dist/components/keyboard-shortcut/component.js.map +1 -1
  108. package/dist/components/modal/Modal.d.ts +1 -1
  109. package/dist/components/modal/Modal.js +9 -9
  110. package/dist/components/modal/Modal.js.map +1 -1
  111. package/dist/components/modal/style.css +1 -1
  112. package/dist/components/select/component.js +29 -29
  113. package/dist/components/select/component.js.map +1 -1
  114. package/dist/components/theme-provider/component.d.ts +3 -1
  115. package/dist/components/theme-provider/component.d.ts.map +1 -1
  116. package/dist/components/theme-provider/component.js +32 -31
  117. package/dist/components/theme-provider/component.js.map +1 -1
  118. package/dist/components/theme-provider/context/index.d.ts +2 -1
  119. package/dist/components/theme-provider/context/index.d.ts.map +1 -1
  120. package/dist/components/theme-provider/context/provider.d.ts +2 -3
  121. package/dist/components/theme-provider/context/provider.d.ts.map +1 -1
  122. package/dist/components/theme-provider/context/provider.js +13 -6
  123. package/dist/components/theme-provider/context/provider.js.map +1 -1
  124. package/dist/components/theme-provider/context/themeStore.d.ts +15 -0
  125. package/dist/components/theme-provider/context/themeStore.d.ts.map +1 -1
  126. package/dist/components/theme-provider/context/themeStore.js +10 -9
  127. package/dist/components/theme-provider/context/themeStore.js.map +1 -1
  128. package/dist/components/theme-provider/style.css +1 -1
  129. package/dist/components/tooltip/component.d.ts.map +1 -1
  130. package/dist/components/tooltip/component.js +23 -12
  131. package/dist/components/tooltip/component.js.map +1 -1
  132. package/dist/index.js +273 -258
  133. package/dist/index.js.map +1 -1
  134. package/dist/metadata.d.ts +9 -0
  135. package/dist/metadata.d.ts.map +1 -1
  136. package/dist/metadata.js +14 -0
  137. package/dist/metadata.js.map +1 -1
  138. package/dist/stats.html +1 -1
  139. package/package.json +6 -6
@@ -1,16 +1,16 @@
1
1
  "use client";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import n from "react";
2
+ import { jsx as n } from "react/jsx-runtime";
3
+ import t from "react";
4
4
  import './style.css';/* empty css */
5
5
  import { useCls as c } from "../utils/antdUtils.js";
6
- import { clsx as m } from "../utils/cn.js";
7
6
  import { WithRenderProp as u } from "../utils/WithRenderProp.js";
8
- const v = n.forwardRef(({ className: e, children: s, ...r }, o) => {
7
+ import { clsx as m } from "../utils/cn.js";
8
+ const v = t.forwardRef(({ className: e, children: s, ...r }, o) => {
9
9
  const a = c();
10
- return /* @__PURE__ */ t("div", { className: m(a("base-menu-root"), e), ref: o, ...r, children: s });
11
- }), b = n.forwardRef(({ className: e, children: s, ...r }, o) => {
10
+ return /* @__PURE__ */ n("div", { className: m(a("base-menu-root"), e), ref: o, ...r, children: s });
11
+ }), b = t.forwardRef(({ className: e, children: s, ...r }, o) => {
12
12
  const a = c();
13
- return /* @__PURE__ */ t(
13
+ return /* @__PURE__ */ n(
14
14
  "div",
15
15
  {
16
16
  className: m(a("base-menu-popup"), e),
@@ -19,10 +19,9 @@ const v = n.forwardRef(({ className: e, children: s, ...r }, o) => {
19
19
  children: s
20
20
  }
21
21
  );
22
- });
23
- n.forwardRef(({ className: e, children: s, ...r }, o) => {
22
+ }), w = t.forwardRef(({ className: e, children: s, ...r }, o) => {
24
23
  const a = c();
25
- return /* @__PURE__ */ t(
24
+ return /* @__PURE__ */ n(
26
25
  "div",
27
26
  {
28
27
  className: m(a("base-menu-container"), e),
@@ -31,14 +30,12 @@ n.forwardRef(({ className: e, children: s, ...r }, o) => {
31
30
  children: s
32
31
  }
33
32
  );
34
- });
35
- const w = n.forwardRef(({ className: e, children: s, ...r }, o) => {
33
+ }), B = t.forwardRef(({ className: e, children: s, ...r }, o) => {
36
34
  const a = c();
37
- return /* @__PURE__ */ t("div", { className: m(a("base-menu-list"), e), ref: o, ...r, children: s });
38
- });
39
- n.forwardRef(({ className: e, children: s, ...r }, o) => {
35
+ return /* @__PURE__ */ n("div", { className: m(a("base-menu-list"), e), ref: o, ...r, children: s });
36
+ }), M = t.forwardRef(({ className: e, children: s, ...r }, o) => {
40
37
  const a = c();
41
- return /* @__PURE__ */ t(
38
+ return /* @__PURE__ */ n(
42
39
  "div",
43
40
  {
44
41
  className: m(a("base-menu-search"), e),
@@ -47,10 +44,9 @@ n.forwardRef(({ className: e, children: s, ...r }, o) => {
47
44
  children: s
48
45
  }
49
46
  );
50
- });
51
- const N = n.forwardRef(({ className: e, children: s, ...r }, o) => {
47
+ }), N = t.forwardRef(({ className: e, children: s, ...r }, o) => {
52
48
  const a = c();
53
- return /* @__PURE__ */ t(
49
+ return /* @__PURE__ */ n(
54
50
  u,
55
51
  {
56
52
  className: m(a("base-menu-divider"), e),
@@ -61,9 +57,11 @@ const N = n.forwardRef(({ className: e, children: s, ...r }, o) => {
61
57
  );
62
58
  });
63
59
  export {
60
+ w as BaseMenuContainer,
64
61
  N as BaseMenuDivider,
65
- w as BaseMenuList,
62
+ B as BaseMenuList,
66
63
  b as BaseMenuPopup,
67
- v as BaseMenuRoot
64
+ v as BaseMenuRoot,
65
+ M as BaseMenuSearch
68
66
  };
69
67
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../../src/components/base-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { clsx, useCls, WithRenderProp, WithRenderPropProps } from \"../utils\";\nimport React from \"react\";\n\nimport \"./style.css\";\n\nexport const BaseMenuRoot = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-root\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuPopup = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-popup\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuContainer = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-container\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuList = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-list\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuSearch = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-search\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuDivider = React.forwardRef<\n HTMLDivElement,\n WithRenderPropProps\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <WithRenderProp\n className={clsx(cls(\"base-menu-divider\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </WithRenderProp>\n );\n});\n"],"names":["BaseMenuRoot","React","className","children","rest","ref","cls","useCls","jsx","clsx","BaseMenuPopup","BaseMenuList","BaseMenuDivider","WithRenderProp"],"mappings":";;;;;;;AAMO,MAAMA,IAAeC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYO,IAAgBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,iBAAiB,GAAGJ,CAAS;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEgCF,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,qBAAqB,GAAGJ,CAAS;AAAA,MACrD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMQ,IAAeV,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC;AAE6BF,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,kBAAkB,GAAGJ,CAAS;AAAA,MAClD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMS,IAAkBX,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAKH,EAAI,mBAAmB,GAAGJ,CAAS;AAAA,MACnD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
1
+ {"version":3,"file":"component.js","sources":["../../../src/components/base-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { clsx, useCls, WithRenderProp, WithRenderPropProps } from \"../utils\";\nimport React from \"react\";\n\nimport \"./style.css\";\n\nexport const BaseMenuRoot = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-root\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuPopup = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-popup\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuContainer = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-container\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuList = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-list\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuSearch = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-search\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuDivider = React.forwardRef<\n HTMLDivElement,\n WithRenderPropProps\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <WithRenderProp\n className={clsx(cls(\"base-menu-divider\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </WithRenderProp>\n );\n});\n"],"names":["BaseMenuRoot","React","className","children","rest","ref","cls","useCls","jsx","clsx","BaseMenuPopup","BaseMenuContainer","BaseMenuList","BaseMenuSearch","BaseMenuDivider","WithRenderProp"],"mappings":";;;;;;;AAMO,MAAMA,IAAeC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYO,IAAgBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,iBAAiB,GAAGJ,CAAS;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYQ,IAAoBV,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,qBAAqB,GAAGJ,CAAS;AAAA,MACrD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYS,IAAeX,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYU,IAAiBZ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,kBAAkB,GAAGJ,CAAS;AAAA,MAClD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYW,IAAkBb,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWN,EAAKH,EAAI,mBAAmB,GAAGJ,CAAS;AAAA,MACnD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
@@ -13,6 +13,6 @@ export declare const BaseMenu: {
13
13
  } & import('react').RefAttributes<HTMLDivElement>>;
14
14
  Item: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
15
15
  ref?: React.ForwardedRef<import('..').ElementTypeToDOMType<T>>;
16
- }) => ReturnType<(<T_1 extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T_1>, ref: React.ForwardedRef<import('..').ElementTypeToDOMType<T_1>>) => null)>;
16
+ }) => ReturnType<(<T_1 extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, description, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, onClick, ...props }: BaseMenuItemProps<T_1>, ref: React.ForwardedRef<import('..').ElementTypeToDOMType<T_1>>) => null)>;
17
17
  };
18
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC;AAChD,eAAO,MAAM,QAAQ;;;;;;;;;;;;WASo/F,CAAC;;CADzgG,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC;AAChD,eAAO,MAAM,QAAQ;;;;;;;;;;;;WAS4nI,CAAC;;CADjpI,CAAC"}
@@ -1,11 +1,16 @@
1
- import { BaseMenuRoot as e, BaseMenuPopup as o, BaseMenuDivider as s, BaseMenuList as i } from "./component.js";
2
- const u = {
3
- Root: e,
4
- Popup: o,
5
- List: i,
6
- Divider: s
1
+ import { BaseMenuDivider as e, BaseMenuList as o, BaseMenuSearch as n, BaseMenuContainer as a, BaseMenuPopup as t, BaseMenuRoot as r } from "./component.js";
2
+ import { BaseMenuItem as s } from "./item.js";
3
+ const B = {
4
+ Root: r,
5
+ Popup: t,
6
+ Container: a,
7
+ Search: n,
8
+ List: o,
9
+ Divider: e,
10
+ Item: s
7
11
  };
8
12
  export {
9
- u as BaseMenu
13
+ B as BaseMenu,
14
+ s as BaseMenuItem
10
15
  };
11
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/base-menu/index.ts"],"sourcesContent":["import {\n BaseMenuRoot,\n BaseMenuPopup,\n BaseMenuContainer,\n BaseMenuSearch,\n BaseMenuList,\n BaseMenuDivider,\n} from \"./component\";\nimport { BaseMenuItem, type BaseMenuItemProps } from \"./item\";\n\nexport { BaseMenuItem, type BaseMenuItemProps };\nexport const BaseMenu = {\n Root: BaseMenuRoot,\n Popup: BaseMenuPopup,\n Container: BaseMenuContainer,\n Search: BaseMenuSearch,\n List: BaseMenuList,\n Divider: BaseMenuDivider,\n Item: BaseMenuItem,\n};\n"],"names":["BaseMenu","BaseMenuRoot","BaseMenuPopup","BaseMenuList","BaseMenuDivider"],"mappings":";AAWO,MAAMA,IAAW;AAAA,EACtB,MAAMC;AAAA,EACN,OAAOC;AAAA,EAGP,MAAMC;AAAA,EACN,SAASC;AAEX;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/base-menu/index.ts"],"sourcesContent":["import {\n BaseMenuRoot,\n BaseMenuPopup,\n BaseMenuContainer,\n BaseMenuSearch,\n BaseMenuList,\n BaseMenuDivider,\n} from \"./component\";\nimport { BaseMenuItem, type BaseMenuItemProps } from \"./item\";\n\nexport { BaseMenuItem, type BaseMenuItemProps };\nexport const BaseMenu = {\n Root: BaseMenuRoot,\n Popup: BaseMenuPopup,\n Container: BaseMenuContainer,\n Search: BaseMenuSearch,\n List: BaseMenuList,\n Divider: BaseMenuDivider,\n Item: BaseMenuItem,\n};\n"],"names":["BaseMenu","BaseMenuRoot","BaseMenuPopup","BaseMenuContainer","BaseMenuSearch","BaseMenuList","BaseMenuDivider","BaseMenuItem"],"mappings":";;AAWO,MAAMA,IAAW;AAAA,EACtB,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,WAAWC;AAAA,EACX,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,MAAMC;AACR;"}
@@ -1 +1 @@
1
- @layer components{.ds-menu-item-base{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center;color:var(--ds-color-text);border:none;background:none;width:100%;text-align:left}.ds-menu-item-base:focus{outline:none}.ds-menu-item-base:hover,.ds-menu-item-base[data-active=true],.ds-menu-item-base[data-highlighted]{background:var(--ds-control-item-bg-hover)}.ds-menu-item-base:active,.ds-menu-item-base:focus,.ds-menu-item-base[data-selected=true],.ds-menu-item-base[data-focus=true]{background:var(--ds-control-item-bg-active)}.ds-menu-item-base[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-menu-item-base[data-danger=true]{color:var(--ds-color-error)}.ds-menu-item-base[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-menu-item-base[data-danger=true]:active,.ds-menu-item-base[data-danger=true]:focus,.ds-menu-item-base[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon);flex-shrink:0}.ds-menu-item-base[data-danger=true] .ds-menu-item-icon{color:var(--ds-color-error)}.ds-menu-item-text{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-menu-item-suffix{margin-left:.75rem;font-size:.75rem;line-height:1.25rem;color:var(--ds-color-text-tertiary);display:flex;flex-grow:0;flex-shrink:0;align-items:flex-end}.ds-menu-item-base .ds-checkbox-wrapper{margin-right:.5rem}.ds-menu-item-base:not(.ds-menu-item-show-checkbox) [data-actual-selected=true]:scope{background:var(--ds-control-item-bg-active)}}
1
+ @layer components{.ds-menu-item-base{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:flex-start;color:var(--ds-color-text);border:none;background:none;width:100%;text-align:left}.ds-menu-item-base:focus{outline:none}.ds-menu-item-base:not([data-disabled=true]):hover,.ds-menu-item-base:not([data-disabled=true])[data-active=true],.ds-menu-item-base:not([data-disabled=true])[data-highlighted]{background:var(--ds-control-item-bg-hover)}.ds-menu-item-base:not([data-disabled=true]):active,.ds-menu-item-base:not([data-disabled=true]):focus,.ds-menu-item-base:not([data-disabled=true])[data-selected=true],.ds-menu-item-base:not([data-disabled=true])[data-focus=true]{background:var(--ds-control-item-bg-active)}.ds-menu-item-base[data-disabled=true]{cursor:not-allowed;color:var(--ds-color-text-disabled)}.ds-menu-item-base:not([data-disabled=true])[data-danger=true]{color:var(--ds-color-error)}.ds-menu-item-base:not([data-disabled=true])[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-menu-item-base:not([data-disabled=true])[data-danger=true]:active,.ds-menu-item-base:not([data-disabled=true])[data-danger=true]:focus,.ds-menu-item-base:not([data-disabled=true])[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;margin-top:.125rem;font-size:1rem;color:var(--ds-color-icon);flex-shrink:0}.ds-menu-item-base:not([data-disabled=true])[data-danger=true] .ds-menu-item-icon{color:var(--ds-color-error)}.ds-menu-item-text{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.ds-menu-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-menu-item-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;color:var(--ds-color-text-description)}.ds-menu-item-suffix{margin-left:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.2rem;color:var(--ds-color-text-tertiary);display:flex;flex-grow:0;flex-shrink:0;align-items:center}.ds-menu-item-suffix svg{font-size:1rem}.ds-menu-item-base .ds-checkbox-wrapper{margin-right:.5rem}.ds-menu-item-base:not(.ds-menu-item-show-checkbox) [data-actual-selected=true]:scope{background:var(--ds-control-item-bg-active)}}
@@ -1,6 +1,13 @@
1
1
  import { default as React, ComponentPropsWithoutRef } from 'react';
2
2
  import { ElementTypeToDOMType } from '../utils/types';
3
3
  import { useRender } from '@base-ui/react';
4
+ type BaseMenuItemRenderState = {
5
+ disabled: boolean;
6
+ danger: boolean;
7
+ selected: boolean;
8
+ active: boolean;
9
+ focused: boolean;
10
+ };
4
11
  export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div"> = ComponentPropsWithoutRef<T> & {
5
12
  /** Whether the item is disabled */
6
13
  disabled?: boolean;
@@ -16,6 +23,8 @@ export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div
16
23
  icon?: React.ReactNode;
17
24
  /** Text content of the item */
18
25
  children?: React.ReactNode;
26
+ /** Secondary text content shown under the label */
27
+ description?: React.ReactNode;
19
28
  /** Suffix content to display after the text */
20
29
  suffix?: React.ReactNode;
21
30
  /** Whether to show checkbox */
@@ -32,14 +41,16 @@ export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div
32
41
  icon?: string;
33
42
  /** Custom className for the text */
34
43
  text?: string;
44
+ /** Custom className for the description */
45
+ description?: string;
35
46
  /** Custom className for the suffix */
36
47
  suffix?: string;
37
48
  };
38
49
  onSelect?: () => void;
39
- render?: useRender.RenderProp;
50
+ render?: useRender.RenderProp<BaseMenuItemRenderState>;
40
51
  as?: T;
41
52
  };
42
- declare const BaseMenuItemInner: <T extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => null;
53
+ declare const BaseMenuItemInner: <T extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, description, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, onClick, ...props }: BaseMenuItemProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => null;
43
54
  export declare const BaseMenuItem: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
44
55
  ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;
45
56
  }) => ReturnType<typeof BaseMenuItemInner>;
@@ -1 +1 @@
1
- {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAC/E,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/E,2CAA2C;IAC3C,UAAU,CAAC,EAAE;QACX,4CAA4C;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,sCAAsC;QACtC,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;IAC9B,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEJ,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC5E,+JAiBG,iBAAiB,CAAC,CAAC,CAAC,EACvB,KAAK,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SA8CjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,CAC3D,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAEnD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
1
+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAC/E,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAC5B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/E,2CAA2C;IAC3C,UAAU,CAAC,EAAE;QACX,4CAA4C;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,2CAA2C;QAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,sCAAsC;QACtC,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IACvD,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEJ,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC5E,qLAmBG,iBAAiB,CAAC,CAAC,CAAC,EACvB,KAAK,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SA8EjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,CAC3D,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAEnD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
@@ -1,66 +1,81 @@
1
- import { jsxs as v, Fragment as R, jsx as r } from "react/jsx-runtime";
2
- import { forwardRef as j } from "react";
1
+ import { jsxs as k, Fragment as j, jsx as n } from "react/jsx-runtime";
2
+ import { forwardRef as B } from "react";
3
3
  import './item.css';/* empty css */
4
- import { useRender as k } from "@base-ui/react";
5
- import { useCls as B } from "../utils/antdUtils.js";
6
- import { Checkbox as E } from "../checkbox/component.js";
4
+ import { useRender as E } from "@base-ui/react";
5
+ import { useCls as M } from "../utils/antdUtils.js";
6
+ import { Checkbox as P } from "../checkbox/component.js";
7
7
  import { clsx as a } from "../utils/cn.js";
8
- import { WithRenderProp as M } from "../utils/WithRenderProp.js";
9
- const N = ({
10
- disabled: n = !1,
11
- danger: c = !1,
8
+ import { WithRenderProp as w } from "../utils/WithRenderProp.js";
9
+ const F = ({
10
+ disabled: t = !1,
11
+ danger: i = !1,
12
12
  selected: m = !1,
13
- active: f = !1,
14
- focused: l = !1,
15
- icon: o,
16
- children: s,
17
- suffix: d,
18
- showCheckbox: i = !1,
19
- indeterminate: p = !1,
20
- labelRender: u,
21
- classNames: t,
22
- render: x,
23
- onSelect: w,
24
- as: h,
25
- ...b
26
- }, I) => {
27
- const e = B(), g = /* @__PURE__ */ v(R, { children: [
28
- i && /* @__PURE__ */ r(E, { checked: m, tabIndex: -1, indeterminate: p }),
29
- o && /* @__PURE__ */ r("span", { className: a(e("menu-item-icon"), t?.icon), children: o }),
30
- s && /* @__PURE__ */ r(
31
- M,
13
+ active: d = !1,
14
+ focused: f = !1,
15
+ icon: l,
16
+ children: o,
17
+ description: s,
18
+ suffix: c,
19
+ showCheckbox: p = !1,
20
+ indeterminate: I = !1,
21
+ labelRender: v,
22
+ classNames: r,
23
+ render: C,
24
+ onSelect: u,
25
+ as: N,
26
+ onClick: h,
27
+ ...R
28
+ }, b) => {
29
+ const e = M(), g = /* @__PURE__ */ k(j, { children: [
30
+ p && /* @__PURE__ */ n(
31
+ P,
32
32
  {
33
- render: u,
34
- as: "span",
35
- className: a(e("menu-item-text"), t?.text),
36
- children: s
33
+ checked: m,
34
+ disabled: t,
35
+ tabIndex: -1,
36
+ indeterminate: I
37
37
  }
38
38
  ),
39
- d && /* @__PURE__ */ r("span", { className: a(e("menu-item-suffix"), t?.suffix), children: d })
39
+ l && /* @__PURE__ */ n("span", { className: a(e("menu-item-icon"), r?.icon), children: l }),
40
+ (o || s) && /* @__PURE__ */ k("span", { className: a(e("menu-item-text"), r?.text), children: [
41
+ o && /* @__PURE__ */ n(w, { render: v, as: "span", className: e("menu-item-label"), children: o }),
42
+ s && /* @__PURE__ */ n("span", { className: a(e("menu-item-description"), r?.description), children: s })
43
+ ] }),
44
+ c && /* @__PURE__ */ n("span", { className: a(e("menu-item-suffix"), r?.suffix), children: c })
40
45
  ] });
41
- return k({
42
- render: x || void 0,
46
+ return E({
47
+ render: C || void 0,
48
+ state: {
49
+ disabled: t,
50
+ danger: i,
51
+ selected: m,
52
+ active: d,
53
+ focused: f
54
+ },
43
55
  props: {
44
- ...b,
56
+ ...R,
57
+ onClick: h || u ? (x) => {
58
+ t || (h?.(x), x.defaultPrevented || u?.());
59
+ } : void 0,
45
60
  className: a(
46
61
  // Base menu item styles
47
62
  e("menu-item-base"),
48
- i && e("menu-item-show-checkbox"),
49
- t?.root
63
+ p && e("menu-item-show-checkbox"),
64
+ r?.root
50
65
  ),
51
- "data-disabled": n,
52
- "data-danger": c,
66
+ "data-disabled": t,
67
+ "data-danger": i,
53
68
  "data-selected": m,
54
- "data-active": f,
55
- "data-focus": l,
56
- "aria-disabled": n,
69
+ "data-active": d,
70
+ "data-focus": f,
71
+ "aria-disabled": t,
57
72
  children: g
58
73
  },
59
- ref: I,
60
- defaultTagName: h || "div"
74
+ ref: b,
75
+ defaultTagName: N || "div"
61
76
  });
62
- }, A = j(N);
77
+ }, K = B(F);
63
78
  export {
64
- A as BaseMenuItem
79
+ K as BaseMenuItem
65
80
  };
66
81
  //# sourceMappingURL=item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.js","sources":["../../../src/components/base-menu/item.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx, useCls, WithRenderProp } from \"../utils\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { Checkbox } from \"../checkbox\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui/react\";\n\nexport type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = \"div\"> =\n ComponentPropsWithoutRef<T> & {\n /** Whether the item is disabled */\n disabled?: boolean;\n /** Whether the item represents a dangerous action */\n danger?: boolean;\n /** Whether the item is currently selected */\n selected?: boolean;\n /** Whether the item is currently active/highlighted */\n active?: boolean;\n /** Whether the item has focus */\n focused?: boolean;\n /** Icon to display before the text */\n icon?: React.ReactNode;\n /** Text content of the item */\n children?: React.ReactNode;\n /** Suffix content to display after the text */\n suffix?: React.ReactNode;\n /** Whether to show checkbox */\n showCheckbox?: boolean;\n /** Whether the checkbox is indeterminate */\n indeterminate?: boolean;\n /** Custom render function for the item label */\n labelRender?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;\n /** Custom className for different parts */\n classNames?: {\n /** Custom className for the root element */\n root?: string;\n /** Custom className for the icon */\n icon?: string;\n /** Custom className for the text */\n text?: string;\n /** Custom className for the suffix */\n suffix?: string;\n };\n onSelect?: () => void;\n render?: useRender.RenderProp;\n as?: T;\n };\n\nconst BaseMenuItemInner = <T extends keyof React.JSX.IntrinsicElements = \"div\">(\n {\n disabled = false,\n danger = false,\n selected = false,\n active = false,\n focused = false,\n icon,\n children,\n suffix,\n showCheckbox = false,\n indeterminate = false,\n labelRender,\n classNames,\n render,\n onSelect,\n as,\n ...props\n }: BaseMenuItemProps<T>,\n ref: React.ForwardedRef<ElementTypeToDOMType<T>>,\n) => {\n const cls = useCls();\n\n const content = (\n <>\n {showCheckbox && <Checkbox checked={selected} tabIndex={-1} indeterminate={indeterminate} />}\n {icon && <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>{icon}</span>}\n {children && (\n <WithRenderProp\n render={labelRender}\n as=\"span\"\n className={clsx(cls(\"menu-item-text\"), classNames?.text)}\n >\n {children}\n </WithRenderProp>\n )}\n {suffix && (\n <span className={clsx(cls(\"menu-item-suffix\"), classNames?.suffix)}>{suffix}</span>\n )}\n </>\n );\n\n const renderedElement = useRender({\n render: render || undefined,\n props: {\n ...props,\n className: clsx(\n // Base menu item styles\n cls(\"menu-item-base\"),\n showCheckbox && cls(\"menu-item-show-checkbox\"),\n classNames?.root,\n ),\n \"data-disabled\": disabled,\n \"data-danger\": danger,\n \"data-selected\": selected,\n \"data-active\": active,\n \"data-focus\": focused,\n \"aria-disabled\": disabled,\n children: content,\n },\n ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n defaultTagName: as || \"div\",\n });\n\n return renderedElement;\n};\n\nexport const BaseMenuItem = forwardRef(BaseMenuItemInner) as <\n T extends keyof React.JSX.IntrinsicElements = \"div\",\n>(\n props: BaseMenuItemProps<T> & {\n ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;\n },\n) => ReturnType<typeof BaseMenuItemInner>;\n"],"names":["BaseMenuItemInner","disabled","danger","selected","active","focused","icon","children","suffix","showCheckbox","indeterminate","labelRender","classNames","render","onSelect","as","props","ref","cls","useCls","content","jsxs","Fragment","Checkbox","jsx","clsx","WithRenderProp","useRender","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AAiDA,MAAMA,IAAoB,CACxB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,uBAAiBc,GAAA,EAAS,SAASpB,GAAU,UAAU,IAAI,eAAAO,GAA8B;AAAA,IACzFJ,KAAQ,gBAAAkB,EAAC,QAAA,EAAK,WAAWC,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI,GAAI,UAAAN,EAAA,CAAK;AAAA,IAC9EC,KACC,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQf;AAAA,QACR,IAAG;AAAA,QACH,WAAWc,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI;AAAA,QAEtD,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJC,KACC,gBAAAgB,EAAC,QAAA,EAAK,WAAWC,EAAKP,EAAI,kBAAkB,GAAGN,GAAY,MAAM,GAAI,UAAAJ,EAAA,CAAO;AAAA,EAAA,GAEhF;AAyBF,SAtBwBmB,EAAU;AAAA,IAChC,QAAQd,KAAU;AAAA,IAClB,OAAO;AAAA,MACL,GAAGG;AAAA,MACH,WAAWS;AAAA;AAAA,QAETP,EAAI,gBAAgB;AAAA,QACpBT,KAAgBS,EAAI,yBAAyB;AAAA,QAC7CN,GAAY;AAAA,MAAA;AAAA,MAEd,iBAAiBX;AAAA,MACjB,eAAeC;AAAA,MACf,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcC;AAAA,MACd,iBAAiBJ;AAAA,MACjB,UAAUmB;AAAA,IAAA;AAAA,IAEZ,KAAAH;AAAA,IACA,gBAAgBF,KAAM;AAAA,EAAA,CACvB;AAGH,GAEaa,IAAeC,EAAW7B,CAAiB;"}
1
+ {"version":3,"file":"item.js","sources":["../../../src/components/base-menu/item.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx, useCls, WithRenderProp } from \"../utils\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { Checkbox } from \"../checkbox\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui/react\";\n\ntype BaseMenuItemRenderState = {\n disabled: boolean;\n danger: boolean;\n selected: boolean;\n active: boolean;\n focused: boolean;\n};\n\nexport type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = \"div\"> =\n ComponentPropsWithoutRef<T> & {\n /** Whether the item is disabled */\n disabled?: boolean;\n /** Whether the item represents a dangerous action */\n danger?: boolean;\n /** Whether the item is currently selected */\n selected?: boolean;\n /** Whether the item is currently active/highlighted */\n active?: boolean;\n /** Whether the item has focus */\n focused?: boolean;\n /** Icon to display before the text */\n icon?: React.ReactNode;\n /** Text content of the item */\n children?: React.ReactNode;\n /** Secondary text content shown under the label */\n description?: React.ReactNode;\n /** Suffix content to display after the text */\n suffix?: React.ReactNode;\n /** Whether to show checkbox */\n showCheckbox?: boolean;\n /** Whether the checkbox is indeterminate */\n indeterminate?: boolean;\n /** Custom render function for the item label */\n labelRender?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;\n /** Custom className for different parts */\n classNames?: {\n /** Custom className for the root element */\n root?: string;\n /** Custom className for the icon */\n icon?: string;\n /** Custom className for the text */\n text?: string;\n /** Custom className for the description */\n description?: string;\n /** Custom className for the suffix */\n suffix?: string;\n };\n onSelect?: () => void;\n render?: useRender.RenderProp<BaseMenuItemRenderState>;\n as?: T;\n };\n\nconst BaseMenuItemInner = <T extends keyof React.JSX.IntrinsicElements = \"div\">(\n {\n disabled = false,\n danger = false,\n selected = false,\n active = false,\n focused = false,\n icon,\n children,\n description,\n suffix,\n showCheckbox = false,\n indeterminate = false,\n labelRender,\n classNames,\n render,\n onSelect,\n as,\n onClick,\n ...props\n }: BaseMenuItemProps<T>,\n ref: React.ForwardedRef<ElementTypeToDOMType<T>>,\n) => {\n const cls = useCls();\n\n const content = (\n <>\n {showCheckbox && (\n <Checkbox\n checked={selected}\n disabled={disabled}\n tabIndex={-1}\n indeterminate={indeterminate}\n />\n )}\n {icon && <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>{icon}</span>}\n {(children || description) && (\n <span className={clsx(cls(\"menu-item-text\"), classNames?.text)}>\n {children && (\n <WithRenderProp render={labelRender} as=\"span\" className={cls(\"menu-item-label\")}>\n {children}\n </WithRenderProp>\n )}\n {description && (\n <span className={clsx(cls(\"menu-item-description\"), classNames?.description)}>\n {description}\n </span>\n )}\n </span>\n )}\n {suffix && (\n <span className={clsx(cls(\"menu-item-suffix\"), classNames?.suffix)}>{suffix}</span>\n )}\n </>\n );\n\n const handleClick: React.MouseEventHandler<ElementTypeToDOMType<T>> = (event) => {\n if (disabled) {\n return;\n }\n\n (onClick as React.MouseEventHandler<ElementTypeToDOMType<T>> | undefined)?.(event);\n\n if (!event.defaultPrevented) {\n onSelect?.();\n }\n };\n\n const renderedElement = useRender({\n render: render || undefined,\n state: {\n disabled,\n danger,\n selected,\n active,\n focused,\n },\n props: {\n ...props,\n onClick: onClick || onSelect ? handleClick : undefined,\n className: clsx(\n // Base menu item styles\n cls(\"menu-item-base\"),\n showCheckbox && cls(\"menu-item-show-checkbox\"),\n classNames?.root,\n ),\n \"data-disabled\": disabled,\n \"data-danger\": danger,\n \"data-selected\": selected,\n \"data-active\": active,\n \"data-focus\": focused,\n \"aria-disabled\": disabled,\n children: content,\n },\n ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n defaultTagName: as || \"div\",\n });\n\n return renderedElement;\n};\n\nexport const BaseMenuItem = forwardRef(BaseMenuItemInner) as <\n T extends keyof React.JSX.IntrinsicElements = \"div\",\n>(\n props: BaseMenuItemProps<T> & {\n ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;\n },\n) => ReturnType<typeof BaseMenuItemInner>;\n"],"names":["BaseMenuItemInner","disabled","danger","selected","active","focused","icon","children","description","suffix","showCheckbox","indeterminate","labelRender","classNames","render","onSelect","as","onClick","props","ref","cls","useCls","content","jsxs","Fragment","jsx","Checkbox","clsx","WithRenderProp","useRender","event","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AA6DA,MAAMA,IAAoB,CACxB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KACC,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASvB;AAAA,QACT,UAAAF;AAAA,QACA,UAAU;AAAA,QACV,eAAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHL,KAAQ,gBAAAmB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,gBAAgB,GAAGP,GAAY,IAAI,GAAI,UAAAP,EAAA,CAAK;AAAA,KAC7EC,KAAYC,MACZ,gBAAAe,EAAC,QAAA,EAAK,WAAWI,EAAKP,EAAI,gBAAgB,GAAGP,GAAY,IAAI,GAC1D,UAAA;AAAA,MAAAN,KACC,gBAAAkB,EAACG,GAAA,EAAe,QAAQhB,GAAa,IAAG,QAAO,WAAWQ,EAAI,iBAAiB,GAC5E,UAAAb,EAAA,CACH;AAAA,MAEDC,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,uBAAuB,GAAGP,GAAY,WAAW,GACxE,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEDC,KACC,gBAAAgB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,kBAAkB,GAAGP,GAAY,MAAM,GAAI,UAAAJ,EAAA,CAAO;AAAA,EAAA,GAEhF;AA6CF,SA9BwBoB,EAAU;AAAA,IAChC,QAAQf,KAAU;AAAA,IAClB,OAAO;AAAA,MACL,UAAAb;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,GAAGa;AAAA,MACH,SAASD,KAAWF,IAvB8C,CAACe,MAAU;AAC/E,QAAI7B,MAIHgB,IAA2Ea,CAAK,GAE5EA,EAAM,oBACTf,IAAA;AAAA,MAEJ,IAaiD;AAAA,MAC7C,WAAWY;AAAA;AAAA,QAETP,EAAI,gBAAgB;AAAA,QACpBV,KAAgBU,EAAI,yBAAyB;AAAA,QAC7CP,GAAY;AAAA,MAAA;AAAA,MAEd,iBAAiBZ;AAAA,MACjB,eAAeC;AAAA,MACf,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcC;AAAA,MACd,iBAAiBJ;AAAA,MACjB,UAAUqB;AAAA,IAAA;AAAA,IAEZ,KAAAH;AAAA,IACA,gBAAgBH,KAAM;AAAA,EAAA,CACvB;AAGH,GAEae,IAAeC,EAAWhC,CAAiB;"}
@@ -1 +1 @@
1
- @layer components{.ds-base-menu-root{z-index:var(--ds-z-index-dropdown)}.ds-base-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-base-menu-popup{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-base-menu-popup[data-ending-style],.ds-base-menu-popup[data-starting-style]{transform:scale(.9);opacity:0}.ds-base-menu-popup:focus{outline:none}.ds-base-menu-popup .ds-base-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-base-menu-popup .ds-base-menu-search{flex-shrink:0}.ds-base-menu-popup .ds-base-menu-list,.ds-base-menu-popup .ds-base-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}
1
+ @layer components{.ds-base-menu-root{z-index:var(--ds-z-index-dropdown);display:flex;flex-direction:column;gap:.25rem}.ds-base-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-base-menu-popup{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-base-menu-popup[data-ending-style],.ds-base-menu-popup[data-starting-style]{transform:scale(.9);opacity:0}.ds-base-menu-popup:focus{outline:none}.ds-base-menu-popup .ds-base-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-base-menu-popup .ds-base-menu-search{flex-shrink:0}.ds-base-menu-popup .ds-base-menu-list,.ds-base-menu-popup .ds-base-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}
@@ -3,7 +3,7 @@ export interface CheckboxProps extends AntCheckboxProps {
3
3
  /**
4
4
  * Checkbox appearance variant
5
5
  * @default 'default'
6
- */
6
+ */
7
7
  variant?: "default" | "outlined";
8
8
  }
9
9
  declare const MainCheckboxInner: ({ variant, className, ...props }: CheckboxProps, ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>) => import("react/jsx-runtime").JSX.Element;
@@ -12,5 +12,5 @@ export declare const Checkbox: ((props: CheckboxProps & {
12
12
  }) => ReturnType<typeof MainCheckboxInner>) & {
13
13
  Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
14
14
  };
15
- export {};
15
+ export type { CheckboxChangeEvent, CheckboxRef, CheckboxGroupProps, CheckboxOptionType, } from 'antd/es/checkbox';
16
16
  //# sourceMappingURL=component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,MAAM,CAAC;AAKd,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAGD,QAAA,MAAM,iBAAiB,GACrB,kCAA8C,aAAa,EAC3D,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,4CASvD,CAAC;AAUF,eAAO,MAAM,QAAQ,WANZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;CAClE,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC;;CAKvC,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,MAAM,CAAC;AAKd,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;MAGE;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC;AAGD,QAAA,MAAM,iBAAiB,GACrB,kCAA8C,aAAa,EAC3D,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,4CASvD,CAAC;AAUF,eAAO,MAAM,QAAQ,WANZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;CAClE,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC;;CAKvC,CAAC;AAEH,YAAY,EACV,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../../src/components/checkbox/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n Checkbox as AntCheckbox,\n type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CheckboxProps\nexport interface CheckboxProps extends AntCheckboxProps {\n /**\n * Checkbox appearance variant\n * @default 'default'\n */\n variant?: \"default\" | \"outlined\";\n}\n\n// Create inner function\nconst MainCheckboxInner = (\n { variant = \"default\", className, ...props }: CheckboxProps,\n ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n const cls = useCls();\n const combinedClassName = clsx(\n className,\n variant === \"outlined\" && cls(\"checkbox-outlined\")\n );\n\n return <AntCheckbox ref={ref} className={combinedClassName} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainCheckbox = forwardRef(MainCheckboxInner) as (\n props: CheckboxProps & {\n ref?: React.ForwardedRef<React.ComponentRef<typeof AntCheckbox>>;\n }\n) => ReturnType<typeof MainCheckboxInner>;\n\n// Create the final component with Group property\nexport const Checkbox = Object.assign(MainCheckbox, {\n Group: AntCheckbox.Group,\n});\n"],"names":["MainCheckboxInner","variant","className","props","ref","cls","useCls","combinedClassName","clsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;;;;AAqBA,MAAMA,IAAoB,CACxB,EAAE,SAAAC,IAAU,WAAW,WAAAC,GAAW,GAAGC,EAAA,GACrCC,MACG;AACH,QAAMC,IAAMC,EAAA,GACNC,IAAoBC;AAAA,IACxBN;AAAA,IACAD,MAAY,cAAcI,EAAI,mBAAmB;AAAA,EAAA;AAGnD,2BAAQI,GAAA,EAAY,KAAAL,GAAU,WAAWG,GAAoB,GAAGJ,GAAO;AACzE,GAGMO,IAAeC,EAAWX,CAAiB,GAOpCY,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}
1
+ {"version":3,"file":"component.js","sources":["../../../src/components/checkbox/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n Checkbox as AntCheckbox,\n type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CheckboxProps\nexport interface CheckboxProps extends AntCheckboxProps {\n /**\n * Checkbox appearance variant\n * @default 'default'\n */\n variant?: \"default\" | \"outlined\";\n}\n\n// Create inner function\nconst MainCheckboxInner = (\n { variant = \"default\", className, ...props }: CheckboxProps,\n ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n const cls = useCls();\n const combinedClassName = clsx(\n className,\n variant === \"outlined\" && cls(\"checkbox-outlined\")\n );\n \n return <AntCheckbox ref={ref} className={combinedClassName} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainCheckbox = forwardRef(MainCheckboxInner) as (\n props: CheckboxProps & {\n ref?: React.ForwardedRef<React.ComponentRef<typeof AntCheckbox>>;\n }\n) => ReturnType<typeof MainCheckboxInner>;\n\n// Create the final component with Group property\nexport const Checkbox = Object.assign(MainCheckbox, {\n Group: AntCheckbox.Group,\n});\n\nexport type {\n CheckboxChangeEvent,\n CheckboxRef,\n CheckboxGroupProps,\n CheckboxOptionType,\n} from \"antd/es/checkbox\";\n"],"names":["MainCheckboxInner","variant","className","props","ref","cls","useCls","combinedClassName","clsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;;;;AAqBA,MAAMA,IAAoB,CACxB,EAAE,SAAAC,IAAU,WAAW,WAAAC,GAAW,GAAGC,EAAA,GACrCC,MACG;AACH,QAAMC,IAAMC,EAAA,GACNC,IAAoBC;AAAA,IACxBN;AAAA,IACAD,MAAY,cAAcI,EAAI,mBAAmB;AAAA,EAAA;AAGnD,2BAAQI,GAAA,EAAY,KAAAL,GAAU,WAAWG,GAAoB,GAAGJ,GAAO;AACzE,GAGMO,IAAeC,EAAWX,CAAiB,GAOpCY,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}
@@ -5,13 +5,13 @@ import { useMemo as F, useContext as p, useCallback as f } from "react";
5
5
  import L from "antd/es/config-provider/DisabledContext";
6
6
  import { FormItemInputContext as x } from "antd/es/form/context";
7
7
  import './style.css';/* empty css */
8
- import { Radio as P } from "../radio/component.js";
9
- import { useControlledState as R } from "../hooks/useControlledState.js";
10
- import { useCls as M } from "../utils/antdUtils.js";
11
- import { clsx as T } from "../utils/cn.js";
12
- import { Input as _ } from "../input/component.js";
8
+ import { useControlledState as P } from "../hooks/useControlledState.js";
9
+ import { useCls as R } from "../utils/antdUtils.js";
10
+ import { clsx as M } from "../utils/cn.js";
11
+ import { Input as T } from "../input/component.js";
13
12
  import { Checkbox as b } from "../checkbox/component.js";
14
- import { ScrollArea as q } from "../scroll-area/component.js";
13
+ import { ScrollArea as _ } from "../scroll-area/component.js";
14
+ import { Radio as q } from "../radio/component.js";
15
15
  const le = ({
16
16
  options: i,
17
17
  multiple: r,
@@ -27,9 +27,9 @@ const le = ({
27
27
  disabled: w = !1,
28
28
  status: z
29
29
  }) => {
30
- const [t, s] = R(C, I, g), n = F(() => r ? Array.isArray(t) ? t : t ? [t] : [] : Array.isArray(t) ? t.length > 0 ? [t[0]] : [] : t ? [t] : [], [t, r]);
30
+ const [t, s] = P(C, I, g), n = F(() => r ? Array.isArray(t) ? t : t ? [t] : [] : Array.isArray(t) ? t.length > 0 ? [t[0]] : [] : t ? [t] : [], [t, r]);
31
31
  p(x);
32
- const D = p(L), c = w || D, o = M(), j = f(() => {
32
+ const D = p(L), c = w || D, o = R(), j = f(() => {
33
33
  if (r) {
34
34
  const e = i.map((a) => a.value).filter(Boolean);
35
35
  s(e);
@@ -55,12 +55,12 @@ const le = ({
55
55
  open: !0,
56
56
  inline: !0,
57
57
  modal: !1,
58
- children: /* @__PURE__ */ v("div", { className: T(o("choice-list"), y), children: [
58
+ children: /* @__PURE__ */ v("div", { className: M(o("choice-list"), y), children: [
59
59
  /* @__PURE__ */ l(x.Provider, { value: {}, children: /* @__PURE__ */ l(
60
60
  d.Input,
61
61
  {
62
62
  render: ({ ref: e, ...a }) => /* @__PURE__ */ l(
63
- _.Search,
63
+ T.Search,
64
64
  {
65
65
  ...a,
66
66
  ...S,
@@ -94,7 +94,7 @@ const le = ({
94
94
  }
95
95
  );
96
96
  })(),
97
- /* @__PURE__ */ v(q, { className: o("choice-list-items"), fadeEdges: !0, children: [
97
+ /* @__PURE__ */ v(_, { className: o("choice-list-items"), fadeEdges: !0, children: [
98
98
  /* @__PURE__ */ l(d.List, { children: (e) => /* @__PURE__ */ l(
99
99
  d.Item,
100
100
  {
@@ -111,7 +111,7 @@ const le = ({
111
111
  children: e.label
112
112
  }
113
113
  ) : /* @__PURE__ */ l(
114
- P,
114
+ q,
115
115
  {
116
116
  tabIndex: -1,
117
117
  checked: e.value ? n.includes(e.value) : !1,
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,YAAY,EAOb,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7D,OAAO,aAAa,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7D,QAAA,MAAM,aAAa,GACjB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAEtC,mcAmCG,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,KAAK,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,4CAkbxC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAPnB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAE1B,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,UAAU,CAAC,OAAO,aAAa,CAIlC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,YAAY,EAOb,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7D,OAAO,aAAa,CAAC;AAErB,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7D,QAAA,MAAM,aAAa,GACjB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAEtC,mcAmCG,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,KAAK,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,4CAibxC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAPnB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAE1B,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,UAAU,CAAC,OAAO,aAAa,CAIlC,CAAC;AAEH,eAAe,QAAQ,CAAC"}