@tpc-mare/mare-ui-components-react 1.0.2 → 1.0.3-beta.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 (293) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +227 -0
  3. package/dist/accordion/index.js +1 -1
  4. package/dist/accordion.d.ts +36 -0
  5. package/dist/{avatar/Avatar.types.d.ts → avatar.d.ts} +34 -26
  6. package/dist/badge.d.ts +19 -0
  7. package/dist/banner/index.js +1 -1
  8. package/dist/banner.d.ts +23 -0
  9. package/dist/breadcrumbs/index.js +1 -1
  10. package/dist/breadcrumbs.d.ts +24 -0
  11. package/dist/button/index.js +1 -1
  12. package/dist/button.d.ts +45 -0
  13. package/dist/checkbox/index.js +1 -1
  14. package/dist/{checkbox/Checkbox.types.d.ts → checkbox.d.ts} +79 -69
  15. package/dist/combobox/index.js +1 -1
  16. package/dist/combobox.d.ts +43 -0
  17. package/dist/confirm-dialog/index.js +1 -1
  18. package/dist/confirm-dialog.d.ts +34 -0
  19. package/dist/counter/index.js +1 -1
  20. package/dist/{counter/Counter.types.d.ts → counter.d.ts} +34 -23
  21. package/dist/date-picker/index.js +1 -1
  22. package/dist/{date-picker/DatePicker.types.d.ts → date-picker.d.ts} +76 -52
  23. package/dist/dialog/index.js +2 -2
  24. package/dist/{dialog/Dialog.types.d.ts → dialog.d.ts} +74 -55
  25. package/dist/divider.d.ts +18 -0
  26. package/dist/drawer/index.js +1 -1
  27. package/dist/{drawer/Drawer.types.d.ts → drawer.d.ts} +68 -53
  28. package/dist/expandable-counter/index.js +1 -1
  29. package/dist/{expandable-counter/ExpandableCounter.types.d.ts → expandable-counter.d.ts} +25 -19
  30. package/dist/filter-chip/index.js +1 -1
  31. package/dist/filter-chip-dropdown-multiple/index.js +1 -1
  32. package/dist/filter-chip-dropdown-multiple.d.ts +42 -0
  33. package/dist/filter-chip-dropdown-single/index.js +1 -1
  34. package/dist/filter-chip-dropdown-single.d.ts +40 -0
  35. package/dist/filter-chip-group.d.ts +27 -0
  36. package/dist/{filter-chip/FilterChip.types.d.ts → filter-chip.d.ts} +49 -40
  37. package/dist/floating-action-button/index.js +1 -1
  38. package/dist/floating-action-button.d.ts +46 -0
  39. package/dist/image-item.d.ts +15 -0
  40. package/dist/image-slider/index.js +1 -1
  41. package/dist/image-slider.d.ts +12 -0
  42. package/dist/index/index.js +40 -40
  43. package/dist/index.d.ts +1693 -0
  44. package/dist/input-number/index.js +1 -1
  45. package/dist/{input-number/InputNumber.types.d.ts → input-number.d.ts} +42 -30
  46. package/dist/input-otp/index.js +1 -1
  47. package/dist/{input-otp/InputOtp.types.d.ts → input-otp.d.ts} +36 -27
  48. package/dist/input-text/index.js +2 -2
  49. package/dist/input-text.d.ts +77 -0
  50. package/dist/keyboard-commands/index.js +51 -31
  51. package/dist/keyboard-commands.d.ts +264 -0
  52. package/dist/menu/index.js +1 -1
  53. package/dist/menu.d.ts +48 -0
  54. package/dist/message/index.js +1 -1
  55. package/dist/message.d.ts +28 -0
  56. package/dist/multi-select/index.js +1 -1
  57. package/dist/{multi-select/MultiSelect.types.d.ts → multi-select.d.ts} +62 -31
  58. package/dist/overlay-badge/index.js +1 -1
  59. package/dist/{overlay-badge/OverlayBadge.types.d.ts → overlay-badge.d.ts} +25 -17
  60. package/dist/paginator/index.js +1 -1
  61. package/dist/{paginator/Paginator.types.d.ts → paginator.d.ts} +27 -21
  62. package/dist/panel-menu/index.js +1 -1
  63. package/dist/panel-menu.d.ts +29 -0
  64. package/dist/password/index.js +1 -1
  65. package/dist/{password/Password.types.d.ts → password.d.ts} +58 -39
  66. package/dist/{progress-bar/ProgressBar.types.d.ts → progress-bar.d.ts} +45 -38
  67. package/dist/{progress-spinner/ProgressSpinner.d.ts → progress-spinner.d.ts} +15 -10
  68. package/dist/radio-group/index.js +1 -1
  69. package/dist/{radio-group/RadioGroup.types.d.ts → radio-group.d.ts} +81 -62
  70. package/dist/search-field/index.js +1 -1
  71. package/dist/search-field.d.ts +55 -0
  72. package/dist/segmented-control/index.js +1 -1
  73. package/dist/{segmented-control/SegmentedControl.types.d.ts → segmented-control.d.ts} +70 -54
  74. package/dist/select-field/index.js +1 -1
  75. package/dist/select-field.d.ts +40 -0
  76. package/dist/shared/{Accordion-BSmOrxH6.js → Accordion-QSdlMSst.js} +9 -6
  77. package/dist/shared/{Banner-D4na_bM8.js → Banner-DMWwNO2K.js} +6 -3
  78. package/dist/shared/{Breadcrumbs-Cqr3Jitd.js → Breadcrumbs-bcs9_ByY.js} +4 -1
  79. package/dist/shared/{Button-C2ULmKj3.js → Button-BqFuDnSs.js} +98 -92
  80. package/dist/shared/{Checkbox-DCq3_MWz.js → Checkbox-DgZAQsbr.js} +94 -87
  81. package/dist/shared/Combobox-CiaEi_RG.js +148 -0
  82. package/dist/shared/{ConfirmDialog-cmLTBBNs.js → ConfirmDialog-DHsPafOo.js} +8 -3
  83. package/dist/shared/{Counter-0siKQRKc.js → Counter-lqywtgF6.js} +25 -27
  84. package/dist/shared/{DatePicker-DhIWE0V_.js → DatePicker-t6xP4UWu.js} +370 -346
  85. package/dist/shared/{DialogFooter-Cx7G-GHH.js → DialogFooter-DKFuHOJl.js} +4 -1
  86. package/dist/shared/{DialogHeader-DdVPFxGf.js → DialogHeader-D0dg5FBI.js} +14 -14
  87. package/dist/shared/{DrawerFooter-DEb2gqW-.js → DrawerFooter-CGrPQoLH.js} +35 -26
  88. package/dist/shared/{ExpandableCounter-pPJIrd6L.js → ExpandableCounter-BOCHfuye.js} +23 -22
  89. package/dist/shared/{FilterChip-TpKF-4vP.js → FilterChip-Cc4BBVz3.js} +21 -21
  90. package/dist/shared/{FilterChipDropdownMultiple-2mr_Z57i.js → FilterChipDropdownMultiple-DL3mHW9H.js} +20 -15
  91. package/dist/shared/{FilterChipDropdownSingle-CLmWzX9q.js → FilterChipDropdownSingle-BUrzUAmy.js} +31 -22
  92. package/dist/shared/FloatingActionButton-Dhqp98s7.js +27 -0
  93. package/dist/shared/{HelperText-zmUym82m.js → HelperText-C9TsD0wC.js} +1 -0
  94. package/dist/shared/IconField-Bp2H10B1.js +89 -0
  95. package/dist/shared/{ImageSlider-Bgb1kNQ4.js → ImageSlider-DT0B5g68.js} +5 -5
  96. package/dist/shared/InputNumber-CUNq3cPa.js +75 -0
  97. package/dist/shared/InputOtp-wTUwu1NG.js +75 -0
  98. package/dist/shared/{Menu-Cv9dU1iA.js → Menu-DBHlDgtQ.js} +5 -2
  99. package/dist/shared/{Message-CQUdM9rR.js → Message-B36kcrfu.js} +4 -4
  100. package/dist/shared/MultiSelect-CfKm_FPp.js +248 -0
  101. package/dist/shared/{OverlayBadge-Dkosm3Il.js → OverlayBadge-CnQI_NE0.js} +1 -0
  102. package/dist/shared/{Paginator-QTDpAJ-N.js → Paginator-BRQx1GRQ.js} +48 -49
  103. package/dist/shared/{PanelMenu-BpjNM7O_.js → PanelMenu-Dw-K6H2C.js} +14 -4
  104. package/dist/shared/Password-BWNvygrO.js +113 -0
  105. package/dist/shared/RadioGroup-CHgzVvZO.js +145 -0
  106. package/dist/shared/SearchField-Cuw3MVaD.js +73 -0
  107. package/dist/shared/{SegmentedControl-BfE3jNM6.js → SegmentedControl-D3znmx9l.js} +4 -1
  108. package/dist/shared/SelectField-BAuctVIF.js +120 -0
  109. package/dist/shared/Slider-D_iNiPxa.js +110 -0
  110. package/dist/shared/{Snackbar-BhORbyt-.js → Snackbar-DP-b4GWx.js} +50 -17
  111. package/dist/shared/{Stepper-DrKKSn_j.js → Stepper-CudtdHSg.js} +26 -18
  112. package/dist/shared/Switch-C1dd2rX1.js +114 -0
  113. package/dist/shared/{Tabs-DuufYBV2.js → Tabs-lGGLALGR.js} +4 -1
  114. package/dist/shared/{TagChip-CP3aX2_G.js → TagChip-QQ6p0JgU.js} +1 -1
  115. package/dist/shared/Textarea-CJfNbqGA.js +51 -0
  116. package/dist/shared/useControllableValue-DhckT_e1.js +13 -0
  117. package/dist/skeleton.d.ts +30 -0
  118. package/dist/slider/index.js +1 -1
  119. package/dist/{slider/Slider.types.d.ts → slider.d.ts} +33 -24
  120. package/dist/snackbar/index.js +1 -1
  121. package/dist/{snackbar/Snackbar.types.d.ts → snackbar.d.ts} +63 -42
  122. package/dist/stepper/index.js +1 -1
  123. package/dist/stepper.d.ts +38 -0
  124. package/dist/switch/index.js +1 -1
  125. package/dist/{switch/Switch.types.d.ts → switch.d.ts} +68 -59
  126. package/dist/tabs/index.js +1 -1
  127. package/dist/tabs.d.ts +30 -0
  128. package/dist/tag-chip/index.js +1 -1
  129. package/dist/{tag-chip/TagChip.types.d.ts → tag-chip.d.ts} +33 -21
  130. package/dist/tag.d.ts +23 -0
  131. package/dist/textarea/index.js +1 -1
  132. package/dist/textarea.d.ts +26 -0
  133. package/package.json +15 -8
  134. package/dist/.storybook/main.d.ts +0 -3
  135. package/dist/.storybook/manager.d.ts +0 -1
  136. package/dist/.storybook/preview.d.ts +0 -3
  137. package/dist/accordion/Accordion.d.ts +0 -2
  138. package/dist/accordion/Accordion.types.d.ts +0 -20
  139. package/dist/accordion/index.d.ts +0 -2
  140. package/dist/avatar/Avatar.d.ts +0 -2
  141. package/dist/avatar/index.d.ts +0 -2
  142. package/dist/badge/Badge.d.ts +0 -2
  143. package/dist/badge/Badge.types.d.ts +0 -11
  144. package/dist/badge/index.d.ts +0 -2
  145. package/dist/banner/Banner.d.ts +0 -2
  146. package/dist/banner/Banner.types.d.ts +0 -15
  147. package/dist/banner/index.d.ts +0 -2
  148. package/dist/breadcrumbs/Breadcrumbs.d.ts +0 -2
  149. package/dist/breadcrumbs/Breadcrumbs.types.d.ts +0 -11
  150. package/dist/breadcrumbs/index.d.ts +0 -2
  151. package/dist/button/Button.d.ts +0 -2
  152. package/dist/button/Button.types.d.ts +0 -24
  153. package/dist/button/index.d.ts +0 -2
  154. package/dist/checkbox/Checkbox.d.ts +0 -2
  155. package/dist/checkbox/index.d.ts +0 -2
  156. package/dist/combobox/Combobox.d.ts +0 -13
  157. package/dist/combobox/Combobox.types.d.ts +0 -16
  158. package/dist/combobox/index.d.ts +0 -2
  159. package/dist/confirm-dialog/ConfirmDialog.d.ts +0 -2
  160. package/dist/confirm-dialog/ConfirmDialog.types.d.ts +0 -21
  161. package/dist/confirm-dialog/index.d.ts +0 -2
  162. package/dist/counter/Counter.d.ts +0 -2
  163. package/dist/counter/index.d.ts +0 -2
  164. package/dist/date-picker/DatePicker.d.ts +0 -3
  165. package/dist/date-picker/index.d.ts +0 -2
  166. package/dist/dialog/Dialog.d.ts +0 -2
  167. package/dist/dialog/DialogFooter.d.ts +0 -2
  168. package/dist/dialog/DialogHeader.d.ts +0 -2
  169. package/dist/dialog/index.d.ts +0 -4
  170. package/dist/divider/Divider.d.ts +0 -2
  171. package/dist/divider/Divider.types.d.ts +0 -8
  172. package/dist/divider/index.d.ts +0 -2
  173. package/dist/drawer/Drawer.d.ts +0 -2
  174. package/dist/drawer/DrawerFooter.d.ts +0 -2
  175. package/dist/drawer/DrawerHeader.d.ts +0 -2
  176. package/dist/drawer/index.d.ts +0 -4
  177. package/dist/expandable-counter/ExpandableCounter.d.ts +0 -2
  178. package/dist/expandable-counter/index.d.ts +0 -2
  179. package/dist/filter-chip/FilterChip.d.ts +0 -2
  180. package/dist/filter-chip/index.d.ts +0 -2
  181. package/dist/filter-chip-dropdown-multiple/FilterChipDropdownMultiple.d.ts +0 -9
  182. package/dist/filter-chip-dropdown-multiple/FilterChipDropdownMultiple.types.d.ts +0 -19
  183. package/dist/filter-chip-dropdown-multiple/index.d.ts +0 -2
  184. package/dist/filter-chip-dropdown-single/FilterChipDropdownSingle.d.ts +0 -11
  185. package/dist/filter-chip-dropdown-single/FilterChipDropdownSingle.types.d.ts +0 -15
  186. package/dist/filter-chip-dropdown-single/index.d.ts +0 -2
  187. package/dist/filter-chip-group/FilterChipGroup.d.ts +0 -8
  188. package/dist/filter-chip-group/FilterChipGroup.types.d.ts +0 -12
  189. package/dist/filter-chip-group/index.d.ts +0 -2
  190. package/dist/floating-action-button/FloatingActionButton.d.ts +0 -2
  191. package/dist/floating-action-button/FloatingActionButton.types.d.ts +0 -9
  192. package/dist/floating-action-button/index.d.ts +0 -2
  193. package/dist/image-item/ImageItem.d.ts +0 -2
  194. package/dist/image-item/ImageItem.types.d.ts +0 -7
  195. package/dist/image-item/index.d.ts +0 -2
  196. package/dist/image-slider/ImageSlider.d.ts +0 -2
  197. package/dist/image-slider/ImageSlider.types.d.ts +0 -6
  198. package/dist/image-slider/index.d.ts +0 -2
  199. package/dist/index/index.d.ts +0 -94
  200. package/dist/input-number/InputNumber.d.ts +0 -2
  201. package/dist/input-number/index.d.ts +0 -2
  202. package/dist/input-otp/InputOtp.d.ts +0 -2
  203. package/dist/input-otp/index.d.ts +0 -2
  204. package/dist/input-text/CharacterCount.d.ts +0 -5
  205. package/dist/input-text/FloatLabel.d.ts +0 -6
  206. package/dist/input-text/FormField.d.ts +0 -8
  207. package/dist/input-text/HelperText.d.ts +0 -4
  208. package/dist/input-text/IconField.d.ts +0 -18
  209. package/dist/input-text/InputText.d.ts +0 -2
  210. package/dist/input-text/InputText.types.d.ts +0 -14
  211. package/dist/input-text/field-layout.d.ts +0 -12
  212. package/dist/input-text/index.d.ts +0 -11
  213. package/dist/keyboard-commands/index.d.ts +0 -5
  214. package/dist/keyboard-commands/useKeyboardCommands.d.ts +0 -27
  215. package/dist/keyboard-commands/useKeyboardNavGrid.d.ts +0 -19
  216. package/dist/keyboard-commands/useKeyboardNavList.d.ts +0 -17
  217. package/dist/keyboard-commands/useKeyboardScope.d.ts +0 -20
  218. package/dist/menu/Menu.d.ts +0 -2
  219. package/dist/menu/Menu.types.d.ts +0 -19
  220. package/dist/menu/index.d.ts +0 -2
  221. package/dist/message/Message.d.ts +0 -2
  222. package/dist/message/Message.types.d.ts +0 -17
  223. package/dist/message/index.d.ts +0 -2
  224. package/dist/multi-select/MultiSelect.d.ts +0 -12
  225. package/dist/multi-select/index.d.ts +0 -2
  226. package/dist/overlay-badge/OverlayBadge.d.ts +0 -2
  227. package/dist/overlay-badge/index.d.ts +0 -2
  228. package/dist/paginator/Paginator.d.ts +0 -2
  229. package/dist/paginator/index.d.ts +0 -2
  230. package/dist/panel-menu/PanelMenu.d.ts +0 -2
  231. package/dist/panel-menu/PanelMenu.types.d.ts +0 -12
  232. package/dist/panel-menu/index.d.ts +0 -2
  233. package/dist/password/Password.d.ts +0 -7
  234. package/dist/password/index.d.ts +0 -2
  235. package/dist/progress-bar/ProgressBar.d.ts +0 -2
  236. package/dist/progress-bar/index.d.ts +0 -2
  237. package/dist/progress-spinner/index.d.ts +0 -2
  238. package/dist/radio-group/RadioGroup.d.ts +0 -2
  239. package/dist/radio-group/index.d.ts +0 -2
  240. package/dist/search-field/SearchField.d.ts +0 -2
  241. package/dist/search-field/SearchField.types.d.ts +0 -26
  242. package/dist/search-field/index.d.ts +0 -2
  243. package/dist/segmented-control/SegmentedControl.d.ts +0 -2
  244. package/dist/segmented-control/index.d.ts +0 -2
  245. package/dist/select-field/SelectField.d.ts +0 -14
  246. package/dist/select-field/SelectField.types.d.ts +0 -11
  247. package/dist/select-field/index.d.ts +0 -2
  248. package/dist/shared/Combobox-DrkeDMW0.js +0 -139
  249. package/dist/shared/FloatingActionButton-BWB5Taeg.js +0 -28
  250. package/dist/shared/IconCheck-DzZA6b2U.js +0 -5
  251. package/dist/shared/IconChevronDown-ev2ML7Ex.js +0 -5
  252. package/dist/shared/IconChevronRight-DEIDRsvg.js +0 -7
  253. package/dist/shared/IconField-CqKydKep.js +0 -81
  254. package/dist/shared/IconMinus-fS_GL0Et.js +0 -5
  255. package/dist/shared/IconSearch-CgM6jEUh.js +0 -5
  256. package/dist/shared/IconX-CpPADKjZ.js +0 -5
  257. package/dist/shared/InputNumber-nxus9h5s.js +0 -64
  258. package/dist/shared/InputOtp-BxBc6Vhs.js +0 -73
  259. package/dist/shared/MultiSelect-DlaYWcPo.js +0 -248
  260. package/dist/shared/Password-D4PRaleH.js +0 -97
  261. package/dist/shared/RadioGroup-B8CXU8-l.js +0 -139
  262. package/dist/shared/SearchField-DIsFhJ22.js +0 -64
  263. package/dist/shared/SelectField-CcnbnPEi.js +0 -121
  264. package/dist/shared/Slider-Cl9PyH2q.js +0 -102
  265. package/dist/shared/Switch-B5DSQLFL.js +0 -106
  266. package/dist/shared/Textarea-DHJIWBRM.js +0 -42
  267. package/dist/shared/createReactComponent-Cb6Pzf10.js +0 -48
  268. package/dist/shared/useMediaQuery.d.ts +0 -5
  269. package/dist/skeleton/Skeleton.d.ts +0 -2
  270. package/dist/skeleton/Skeleton.types.d.ts +0 -20
  271. package/dist/skeleton/index.d.ts +0 -2
  272. package/dist/slider/Slider.d.ts +0 -2
  273. package/dist/slider/index.d.ts +0 -2
  274. package/dist/snackbar/Snackbar.d.ts +0 -3
  275. package/dist/snackbar/Snackbar.test.d.ts +0 -1
  276. package/dist/snackbar/index.d.ts +0 -2
  277. package/dist/stepper/Stepper.d.ts +0 -2
  278. package/dist/stepper/Stepper.types.d.ts +0 -18
  279. package/dist/stepper/index.d.ts +0 -2
  280. package/dist/switch/Switch.d.ts +0 -2
  281. package/dist/switch/index.d.ts +0 -2
  282. package/dist/tabs/Tabs.d.ts +0 -10
  283. package/dist/tabs/Tabs.types.d.ts +0 -7
  284. package/dist/tabs/index.d.ts +0 -2
  285. package/dist/tag/Tag.d.ts +0 -2
  286. package/dist/tag/Tag.types.d.ts +0 -11
  287. package/dist/tag/index.d.ts +0 -2
  288. package/dist/tag-chip/TagChip.d.ts +0 -2
  289. package/dist/tag-chip/index.d.ts +0 -2
  290. package/dist/textarea/Textarea.d.ts +0 -2
  291. package/dist/textarea/Textarea.types.d.ts +0 -15
  292. package/dist/textarea/index.d.ts +0 -2
  293. package/dist/vite.config.d.ts +0 -2
@@ -1,64 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { a as C, I as t } from "./IconField-CqKydKep.js";
3
- import { P as x } from "./ProgressSpinner-B-lrS-tu.js";
4
- import { I as v } from "./IconSearch-CgM6jEUh.js";
5
- import { I as F } from "./IconX-CpPADKjZ.js";
6
- const L = (o) => !!o.value && o.clearable, P = (o) => o.loading && !o.disabled;
7
- function N({
8
- value: o = "",
9
- onValueChange: s,
10
- loading: e = !1,
11
- clearable: c = !1,
12
- disabled: n = !1,
13
- leftIcon: l = /* @__PURE__ */ i(v, {}),
14
- clearIcon: u = /* @__PURE__ */ i(F, {}),
15
- rightIcon: r,
16
- onClear: h,
17
- ...I
18
- }) {
19
- const a = L({ value: o, clearable: c }), m = P({ loading: e, disabled: n }), S = !!r || c || e, p = /* @__PURE__ */ i(
20
- C,
21
- {
22
- ...I,
23
- value: o,
24
- onValueChange: s,
25
- disabled: n,
26
- rounded: !0
27
- }
28
- );
29
- if (!S)
30
- return /* @__PURE__ */ i(
31
- t,
32
- {
33
- icon: l,
34
- position: "left",
35
- disabled: n,
36
- children: p
37
- }
38
- );
39
- const d = r || (m ? /* @__PURE__ */ i(x, { className: "mare:size-5" }) : a ? u : null), f = !r && !m && a;
40
- return /* @__PURE__ */ i(
41
- t,
42
- {
43
- icon: l,
44
- position: "left",
45
- disabled: n,
46
- children: /* @__PURE__ */ i(
47
- t,
48
- {
49
- icon: d,
50
- position: "right",
51
- disabled: n,
52
- onIconClick: f ? () => {
53
- s?.(""), h?.();
54
- } : void 0,
55
- iconLabel: f ? "Clear" : void 0,
56
- children: p
57
- }
58
- )
59
- }
60
- );
61
- }
62
- export {
63
- N as S
64
- };
@@ -1,121 +0,0 @@
1
- import { jsxs as m, jsx as e } from "react/jsx-runtime";
2
- import { useMemo as w } from "react";
3
- import { createListCollection as y, SelectRoot as v, SelectLabel as I, SelectControl as N, SelectTrigger as C, SelectContext as z, SelectValueText as T, SelectClearTrigger as j, SelectIndicator as _, SelectPositioner as $, SelectContent as D, SelectItem as L, SelectItemText as V, SelectItemIndicator as F } from "@ark-ui/react/select";
4
- import { o as M } from "./index-ByQ37VXf.js";
5
- import { I as P } from "./IconX-CpPADKjZ.js";
6
- import { I as R } from "./IconChevronDown-ev2ML7Ex.js";
7
- import { I as X } from "./IconCheck-DzZA6b2U.js";
8
- const q = ["small", "medium"], A = {
9
- small: "mare:h-10",
10
- medium: "mare:h-12"
11
- }, B = {
12
- small: "mare:tpc-typography-body-s",
13
- medium: "mare:tpc-typography-body-m"
14
- }, E = (r) => `
15
- mare:group mare:w-full mare:flex mare:items-center mare:justify-between mare:gap-3
16
- ${A[r]}
17
- mare:px-3 mare:cursor-pointer
18
- mare:rounded-input mare:border mare:border-strong mare:bg-default
19
- mare:text-default ${B[r]}
20
- mare:ark-open:outline-solid mare:ark-open:outline-2 mare:ark-open:outline-accent mare:ark-open:-outline-offset-2
21
- mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default mare:ark-disabled:cursor-not-allowed
22
- mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
23
- `, l = "mare:flex-auto mare:text-left mare:truncate mare:data-[placeholder-shown]:text-weak", G = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", H = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", J = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", K = `
24
- mare:flex mare:flex-col mare:gap-0.5 mare:p-1
25
- mare:rounded-input mare:border mare:border-default mare:bg-raised
26
- mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
27
- mare:max-h-72 mare:overflow-y-auto
28
- mare:min-w-[var(--reference-width)]
29
- mare:z-50
30
- `, Q = `
31
- mare:group/option mare:flex mare:items-center mare:justify-between mare:gap-2
32
- mare:w-full mare:min-h-8 mare:py-2 mare:px-3 mare:cursor-pointer mare:rounded-menu-item
33
- mare:tpc-typography-body-s mare:text-default
34
- mare:ark-highlighted:bg-hover
35
- mare:ark-selected:bg-accent-weak mare:ark-selected:text-accent
36
- mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed
37
- `, U = "mare:flex mare:items-center mare:text-accent", W = "mare:tpc-typography-label-s mare:text-default mare:mb-1.5 mare:block";
38
- function me({
39
- value: r = null,
40
- onValueChange: d,
41
- options: t,
42
- placeholder: o = "Select…",
43
- size: u = "medium",
44
- disabled: p = !1,
45
- invalid: f = !1,
46
- clearable: h = !1,
47
- label: s,
48
- leadingIcon: i,
49
- indicator: x,
50
- clearIcon: b,
51
- checkIcon: g,
52
- renderValue: n,
53
- renderOption: c
54
- }) {
55
- const k = M(u, q, "medium"), S = w(
56
- () => y({
57
- items: t,
58
- itemToValue: (a) => a.value,
59
- itemToString: (a) => a.label,
60
- isItemDisabled: (a) => !!a.disabled
61
- }),
62
- [t]
63
- );
64
- return /* @__PURE__ */ m(
65
- v,
66
- {
67
- collection: S,
68
- value: r == null ? [] : [r],
69
- disabled: p,
70
- invalid: f,
71
- onValueChange: (a) => d?.(a.value[0] ?? null),
72
- children: [
73
- s && /* @__PURE__ */ e(I, { className: W, children: s }),
74
- /* @__PURE__ */ e(N, { children: /* @__PURE__ */ m(C, { className: E(k), children: [
75
- i && /* @__PURE__ */ e("span", { className: J, children: i }),
76
- n ? /* @__PURE__ */ e(z, { children: (a) => a.selectedItems.length > 0 ? /* @__PURE__ */ e("span", { className: l, children: n(
77
- a.selectedItems[0]
78
- ) }) : /* @__PURE__ */ e(
79
- "span",
80
- {
81
- className: l,
82
- style: {
83
- color: "var(--color-fg-weak)"
84
- },
85
- children: o
86
- }
87
- ) }) : /* @__PURE__ */ e(
88
- T,
89
- {
90
- className: l,
91
- placeholder: o
92
- }
93
- ),
94
- h && /* @__PURE__ */ e(j, { className: H, children: b ?? /* @__PURE__ */ e(P, { size: "1em" }) }),
95
- /* @__PURE__ */ e(_, { className: G, children: x ?? /* @__PURE__ */ e(R, { size: "1em" }) })
96
- ] }) }),
97
- /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(D, { className: K, children: t.map((a) => /* @__PURE__ */ m(
98
- L,
99
- {
100
- item: a,
101
- className: Q,
102
- children: [
103
- /* @__PURE__ */ e(V, { children: c ? c(a) : a.label }),
104
- /* @__PURE__ */ e(
105
- F,
106
- {
107
- className: U,
108
- children: g ?? /* @__PURE__ */ e(X, { size: "1em" })
109
- }
110
- )
111
- ]
112
- },
113
- a.value
114
- )) }) })
115
- ]
116
- }
117
- );
118
- }
119
- export {
120
- me as S
121
- };
@@ -1,102 +0,0 @@
1
- import { jsx as l, jsxs as g } from "react/jsx-runtime";
2
- import { Slider as a } from "@ark-ui/react/slider";
3
- import { o as u } from "./index-ByQ37VXf.js";
4
- const k = `
5
- mare:flex mare:items-center mare:gap-2
6
- mare:ark-horizontal:w-full mare:ark-horizontal:min-w-64
7
- mare:ark-vertical:flex-col mare:ark-vertical:h-50
8
- mare:ark-disabled:opacity-50 mare:ark-disabled:pointer-events-none
9
- `, p = `
10
- mare:relative mare:flex mare:flex-1 mare:items-center
11
- mare:h-8 mare:w-full
12
- mare:ark-vertical:flex-col mare:ark-vertical:w-8 mare:ark-vertical:h-full
13
- `, x = `
14
- mare:relative mare:flex-1 mare:overflow-hidden
15
- mare:bg-neutral-weak mare:rounded-xs
16
-
17
- mare:before:content-[''] mare:before:absolute mare:before:inset-0
18
- mare:before:bg-repeat
19
-
20
- mare:ark-horizontal:h-[2px]
21
- mare:ark-horizontal:before:bg-[image:linear-gradient(to_right,transparent_calc(100%-1px),var(--color-border-default)_0%)]
22
- mare:ark-horizontal:before:bg-[length:var(--step-tick-size)_100%]
23
-
24
- mare:ark-vertical:w-[3px] mare:ark-vertical:h-full
25
- mare:ark-vertical:before:bg-[image:linear-gradient(to_bottom,transparent_calc(100%-1px),var(--color-border-default)_0%)]
26
- mare:ark-vertical:before:bg-[length:100%_var(--step-tick-size)]
27
- `, v = `
28
- mare:bg-accent mare:rounded-xs
29
-
30
- mare:ark-horizontal:h-full
31
- mare:ark-vertical:w-full
32
-
33
- mare:ark-disabled:bg-neutral!
34
- mare:ark-invalid:border mare:ark-invalid:border-danger
35
- `, _ = `
36
- mare:flex mare:items-center mare:justify-center
37
- mare:h-8 mare:w-8 mare:rounded-full
38
- mare:bg-raised mare:border mare:border-default
39
- mare:shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.10),0px_4px_6px_-2px_rgba(0,0,0,0.05)]
40
- mare:outline-0
41
- mare:cursor-grab mare:touch-none
42
- mare:hover:scale-110
43
- mare:ark-dragging:cursor-grabbing
44
- `, z = `
45
- mare:sr-only
46
- `, w = (e, t = 0, o = 100) => {
47
- const r = o - t;
48
- if (!(!e || e <= 0 || r <= 0) && !(r / e > 20))
49
- return `${Number((e / r * 100).toFixed(4))}%`;
50
- }, N = ["horizontal", "vertical"];
51
- function $({
52
- value: e = [0],
53
- onValueChange: t,
54
- min: o = 0,
55
- max: r = 100,
56
- step: m = 1,
57
- orientation: c = "horizontal",
58
- disabled: s = !1,
59
- invalid: d = !1,
60
- id: b,
61
- name: f
62
- }) {
63
- const h = u(
64
- c,
65
- N,
66
- "horizontal"
67
- );
68
- return /* @__PURE__ */ l(
69
- a.Root,
70
- {
71
- value: e,
72
- onValueChange: (i) => t?.(i.value),
73
- min: o,
74
- max: r,
75
- step: m,
76
- orientation: h,
77
- disabled: s,
78
- invalid: d,
79
- id: b,
80
- name: f,
81
- className: k,
82
- style: {
83
- "--step-tick-size": w(m, o, r)
84
- },
85
- children: /* @__PURE__ */ g(a.Control, { className: p, children: [
86
- /* @__PURE__ */ l(a.Track, { className: x, children: /* @__PURE__ */ l(a.Range, { className: v }) }),
87
- e.map((i, n) => /* @__PURE__ */ l(
88
- a.Thumb,
89
- {
90
- index: n,
91
- className: _,
92
- children: /* @__PURE__ */ l(a.HiddenInput, { className: z })
93
- },
94
- n
95
- ))
96
- ] })
97
- }
98
- );
99
- }
100
- export {
101
- $ as S
102
- };
@@ -1,106 +0,0 @@
1
- import { jsxs as p, jsx as e } from "react/jsx-runtime";
2
- import { Switch as a } from "@ark-ui/react/switch";
3
- import { o as g } from "./index-ByQ37VXf.js";
4
- const k = ["small", "medium", "large"], f = `
5
- mare:inline-flex mare:items-center mare:gap-2
6
- mare:select-none mare:cursor-pointer
7
- mare:ark-disabled:cursor-default
8
- `, x = `
9
- mare:inline-flex mare:shrink-0 mare:items-center mare:px-0.5
10
- mare:rounded-full mare:border mare:border-transparent
11
- mare:bg-neutral
12
- mare:shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
13
- mare:transition-colors mare:duration-200
14
-
15
- mare:data-size-small:w-9 mare:data-size-small:h-5.5
16
- mare:data-size-medium:w-13 mare:data-size-medium:h-8
17
- mare:data-size-large:w-16 mare:data-size-large:h-9
18
-
19
- mare:ark-checked:bg-accent
20
- mare:not-ark-disabled:ark-checked:hover:bg-accent-hover
21
-
22
- mare:ark-disabled:bg-disabled!
23
-
24
- mare:ark-invalid:border-danger
25
- `, w = `
26
- mare:rounded-full mare:bg-default
27
- mare:transition-transform mare:duration-300
28
-
29
- mare:data-size-small:w-4.5 mare:data-size-small:h-4.5
30
- mare:data-size-medium:w-7 mare:data-size-medium:h-7
31
- mare:data-size-large:w-8 mare:data-size-large:h-8
32
-
33
- mare:data-size-small:ark-checked:translate-x-3
34
- mare:data-size-medium:ark-checked:translate-x-4.5
35
- mare:data-size-large:ark-checked:translate-x-6.5
36
- `, y = `
37
- mare:text-default
38
- mare:data-size-small:tpc-typography-body-s
39
- mare:data-size-medium:tpc-typography-body-m
40
- mare:data-size-large:tpc-typography-body-l
41
- mare:ark-disabled:text-disabled
42
- `, N = `
43
- mare:sr-only
44
- `;
45
- function C({
46
- checked: s,
47
- defaultChecked: t,
48
- onCheckedChange: d,
49
- children: m,
50
- size: l = "small",
51
- disabled: i = !1,
52
- invalid: o = !1,
53
- readOnly: n = !1,
54
- required: c = !1,
55
- name: h,
56
- value: u = "on",
57
- id: z
58
- }) {
59
- const r = g(l, k, "small");
60
- return /* @__PURE__ */ p(
61
- a.Root,
62
- {
63
- checked: s,
64
- defaultChecked: t,
65
- onCheckedChange: (b) => {
66
- d?.(b.checked);
67
- },
68
- disabled: i,
69
- invalid: o,
70
- readOnly: n,
71
- required: c,
72
- name: h,
73
- value: u,
74
- id: z,
75
- className: f,
76
- children: [
77
- /* @__PURE__ */ e(
78
- a.Control,
79
- {
80
- className: x,
81
- "data-size": r,
82
- children: /* @__PURE__ */ e(
83
- a.Thumb,
84
- {
85
- className: w,
86
- "data-size": r
87
- }
88
- )
89
- }
90
- ),
91
- m && /* @__PURE__ */ e(
92
- a.Label,
93
- {
94
- className: y,
95
- "data-size": r,
96
- children: m
97
- }
98
- ),
99
- /* @__PURE__ */ e(a.HiddenInput, { className: N })
100
- ]
101
- }
102
- );
103
- }
104
- export {
105
- C as S
106
- };
@@ -1,42 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { useFieldContext as x, FieldTextarea as F, FieldRoot as L } from "@ark-ui/react/field";
3
- import { m as b } from "./InputText.types-KhlkzHMw-BtRY371_.js";
4
- import { u as C, a as T } from "./field-layout-o6bDLvVU.js";
5
- import { o as g } from "./index-ByQ37VXf.js";
6
- function j({
7
- value: o = "",
8
- onValueChange: s,
9
- size: l = "medium",
10
- invalid: r = !1,
11
- disabled: i = !1,
12
- autoresize: m = !1,
13
- placeholder: n,
14
- ...f
15
- }) {
16
- const e = C(), c = !x(), u = g(l, b, "medium"), d = T({
17
- size: u,
18
- hasFloatLabel: e?.hasFloatLabel ?? !1
19
- }), h = e?.hasFloatLabel ? " " : n, a = /* @__PURE__ */ t(
20
- F,
21
- {
22
- ...f,
23
- autoresize: m,
24
- className: d,
25
- placeholder: h,
26
- value: o,
27
- onChange: (p) => s?.(p.target.value)
28
- }
29
- );
30
- return c ? /* @__PURE__ */ t(
31
- L,
32
- {
33
- invalid: r,
34
- disabled: i,
35
- className: "mare:w-full",
36
- children: a
37
- }
38
- ) : a;
39
- }
40
- export {
41
- j as T
42
- };
@@ -1,48 +0,0 @@
1
- import { forwardRef as u, createElement as e } from "react";
2
- var k = {
3
- outline: {
4
- xmlns: "http://www.w3.org/2000/svg",
5
- width: 24,
6
- height: 24,
7
- viewBox: "0 0 24 24",
8
- fill: "none",
9
- stroke: "currentColor",
10
- strokeWidth: 2,
11
- strokeLinecap: "round",
12
- strokeLinejoin: "round"
13
- },
14
- filled: {
15
- xmlns: "http://www.w3.org/2000/svg",
16
- width: 24,
17
- height: 24,
18
- viewBox: "0 0 24 24",
19
- fill: "currentColor",
20
- stroke: "none"
21
- }
22
- };
23
- const v = (i, s, a, l) => {
24
- const o = u(
25
- ({ color: w = "currentColor", size: r = 24, stroke: c = 2, title: n, className: h, children: t, ...m }, d) => e(
26
- "svg",
27
- {
28
- ref: d,
29
- ...k[i],
30
- width: r,
31
- height: r,
32
- className: ["tabler-icon", `tabler-icon-${s}`, h].join(" "),
33
- strokeWidth: c,
34
- stroke: w,
35
- ...m
36
- },
37
- [
38
- n && e("title", { key: "svg-title" }, n),
39
- ...l.map(([g, p]) => e(g, p)),
40
- ...Array.isArray(t) ? t : [t]
41
- ]
42
- )
43
- );
44
- return o.displayName = `${a}`, o;
45
- };
46
- export {
47
- v as c
48
- };
@@ -1,5 +0,0 @@
1
- /** Tiny `matchMedia` subscription — no dependency, mirrors the Vue DS's
2
- * useScreenWidth for the one thing components here actually need: whether
3
- * we're at/above Tailwind's default `sm` breakpoint (640px). */
4
- export declare function useMediaQuery(query: string): boolean;
5
- export declare const SM_BREAKPOINT_QUERY = "(min-width: 640px)";
@@ -1,2 +0,0 @@
1
- import { SkeletonProperties } from './Skeleton.types';
2
- export declare function Skeleton({ shape, width, height, size, ...native }: SkeletonProperties): import("react").JSX.Element;
@@ -1,20 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- import { SkeletonShape } from '@tpc-development/mare-ui-components-core/skeleton';
3
- export type { SkeletonShape } from '@tpc-development/mare-ui-components-core/skeleton';
4
- type ForwardedNativeProperties = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>;
5
- export interface SkeletonProperties extends ForwardedNativeProperties {
6
- /** @default 'rectangle' */
7
- shape?: SkeletonShape;
8
- /**
9
- * Width of the placeholder (number = px, or any CSS length string).
10
- * @default '100%'
11
- */
12
- width?: string | number;
13
- /**
14
- * Height of the placeholder (number = px, or any CSS length string).
15
- * @default '1rem'
16
- */
17
- height?: string | number;
18
- /** Convenience for shape='circle': sets width and height to the same value. */
19
- size?: string | number;
20
- }
@@ -1,2 +0,0 @@
1
- export { Skeleton } from './Skeleton';
2
- export type { SkeletonProperties, SkeletonShape } from './Skeleton.types';
@@ -1,2 +0,0 @@
1
- import { SliderProperties } from './Slider.types';
2
- export declare function Slider({ value, onValueChange, min, max, step, orientation, disabled, invalid, id, name, }: SliderProperties): import("react").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { Slider } from './Slider';
2
- export type { SliderProperties, SliderOrientation } from './Slider.types';
@@ -1,3 +0,0 @@
1
- import { SnackbarController, SnackbarConfig, SnackbarProperties } from './Snackbar.types';
2
- export declare function createSnackbar(config?: SnackbarConfig): SnackbarController;
3
- export declare function Snackbar({ controller, portalContainer }: SnackbarProperties): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { Snackbar, createSnackbar } from './Snackbar';
2
- export type { SnackbarProperties, SnackbarController, SnackbarConfig, SnackbarShowOptions, SnackbarSeverity, SnackbarPlacement, } from './Snackbar.types';
@@ -1,2 +0,0 @@
1
- import { StepperProperties } from './Stepper.types';
2
- export declare function Stepper({ items, step, defaultStep, onStepChange, onStepComplete, linear, orientation, indicatorVariant, isStepValid, isStepSkippable, }: StepperProperties): import("react").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { StepItemData, StepperOrientation, StepperIndicatorVariant } from '@tpc-development/mare-ui-components-core/stepper';
2
- export type { StepItemData, StepperOrientation, StepperIndicatorVariant, } from '@tpc-development/mare-ui-components-core/stepper';
3
- export interface StepperProperties {
4
- items: StepItemData[];
5
- /** Controlled current step index (0-based). Omit to let Ark manage it. */
6
- step?: number;
7
- defaultStep?: number;
8
- onStepChange?: (step: number) => void;
9
- onStepComplete?: () => void;
10
- /** Requires steps to be completed in order — blocks jumping ahead. */
11
- linear?: boolean;
12
- orientation?: StepperOrientation;
13
- /** 'default': completed steps stay weak-accent. 'strong': completed steps
14
- * get the same full-accent treatment as the current one. */
15
- indicatorVariant?: StepperIndicatorVariant;
16
- isStepValid?: (index: number) => boolean;
17
- isStepSkippable?: (index: number) => boolean;
18
- }
@@ -1,2 +0,0 @@
1
- export { Stepper } from './Stepper';
2
- export type { StepperProperties, StepItemData, StepperOrientation, StepperIndicatorVariant, } from './Stepper.types';
@@ -1,2 +0,0 @@
1
- import { SwitchProperties } from './Switch.types';
2
- export declare function Switch({ checked, defaultChecked, onCheckedChange, children, size, disabled, invalid, readOnly, required, name, value, id, }: SwitchProperties): import("react").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { Switch } from './Switch';
2
- export type { SwitchProperties, SwitchSize } from './Switch.types';
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TabsProperties, TabItem } from './Tabs.types';
3
- interface TabsReactProperties extends TabsProperties {
4
- value?: string;
5
- onValueChange?: (value: string) => void;
6
- renderTab?: (item: TabItem) => ReactNode;
7
- renderPanel?: (item: TabItem) => ReactNode;
8
- }
9
- export declare function Tabs({ value, onValueChange, items, size, fluid, renderTab, renderPanel, }: TabsReactProperties): import("react").JSX.Element;
10
- export {};
@@ -1,7 +0,0 @@
1
- import { TabSize, TabItem } from '@tpc-development/mare-ui-components-core/tabs';
2
- export type { TabSize, TabItem, } from '@tpc-development/mare-ui-components-core/tabs';
3
- export interface TabsProperties {
4
- items: TabItem[];
5
- size?: TabSize;
6
- fluid?: boolean;
7
- }
@@ -1,2 +0,0 @@
1
- export { Tabs } from './Tabs';
2
- export type { TabsProperties, TabItem, TabSize } from './Tabs.types';
package/dist/tag/Tag.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { TagProperties } from './Tag.types';
2
- export declare function Tag({ severity, size, icon, children, }: TagProperties): import("react").JSX.Element;
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TagSeverity, TagSize } from '@tpc-development/mare-ui-components-core/tag';
3
- export type { TagSeverity, TagSize, } from '@tpc-development/mare-ui-components-core/tag';
4
- export interface TagProperties {
5
- /** @default 'accent' */
6
- severity?: TagSeverity;
7
- /** @default 'small' */
8
- size?: TagSize;
9
- icon?: ReactNode;
10
- children?: ReactNode;
11
- }
@@ -1,2 +0,0 @@
1
- export { Tag } from './Tag';
2
- export type { TagProperties, TagSeverity, TagSize } from './Tag.types';
@@ -1,2 +0,0 @@
1
- import { TagChipProperties } from './TagChip.types';
2
- export declare function TagChip({ severity, size, disabled, icon, image, imageAlt, removable, onRemove, removeLabel, children, }: TagChipProperties): import("react").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { TagChip } from './TagChip';
2
- export type { TagChipProperties, TagChipSeverity, TagChipSize, } from './TagChip.types';
@@ -1,2 +0,0 @@
1
- import { TextareaProperties } from './Textarea.types';
2
- export declare function Textarea({ value, onValueChange, size, invalid, disabled, autoresize, placeholder, ...native }: TextareaProperties): import("react").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { TextareaHTMLAttributes } from 'react';
2
- import { InputTextSize } from '@tpc-development/mare-ui-components-core/input-text';
3
- type ForwardedNativeProperties = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'className' | 'style'>;
4
- export interface TextareaProperties extends ForwardedNativeProperties {
5
- /** Controlled value. */
6
- value?: string;
7
- /** Controlled change handler — receives the next string value. */
8
- onValueChange?: (value: string) => void;
9
- size?: InputTextSize;
10
- invalid?: boolean;
11
- disabled?: boolean;
12
- /** Grows the textarea to fit its content instead of showing a scrollbar. */
13
- autoresize?: boolean;
14
- }
15
- export {};
@@ -1,2 +0,0 @@
1
- export { Textarea } from './Textarea';
2
- export type { TextareaProperties } from './Textarea.types';
@@ -1,2 +0,0 @@
1
- declare const _default: import('vite').UserConfig;
2
- export default _default;