@moduix/react 2.1.0 → 2.2.4

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 (629) hide show
  1. package/README.md +28 -16
  2. package/dist/components/accordion/Accordion.d.ts +12 -13
  3. package/dist/components/accordion/Accordion.js +69 -68
  4. package/dist/components/accordion/Accordion.module.js +17 -15
  5. package/dist/components/accordion/Accordion_module.css +203 -0
  6. package/dist/components/accordion/index.d.ts +1 -2
  7. package/dist/components/accordion/index.js +1 -0
  8. package/dist/components/alert/Alert.d.ts +10 -12
  9. package/dist/components/alert/Alert.js +68 -70
  10. package/dist/components/alert/Alert.module.js +9 -11
  11. package/dist/components/alert/Alert_module.css +139 -0
  12. package/dist/components/alert/index.d.ts +1 -0
  13. package/dist/components/alert/index.js +1 -0
  14. package/dist/components/angle-slider/AngleSlider.d.ts +25 -31
  15. package/dist/components/angle-slider/AngleSlider.js +105 -91
  16. package/dist/components/angle-slider/AngleSlider.module.js +10 -12
  17. package/dist/components/angle-slider/AngleSlider_module.css +195 -0
  18. package/dist/components/angle-slider/index.d.ts +1 -2
  19. package/dist/components/angle-slider/index.js +1 -0
  20. package/dist/components/aspect-ratio/AspectRatio.d.ts +5 -7
  21. package/dist/components/aspect-ratio/AspectRatio.js +20 -19
  22. package/dist/components/aspect-ratio/AspectRatio.module.js +5 -5
  23. package/dist/components/aspect-ratio/AspectRatio_module.css +17 -0
  24. package/dist/components/aspect-ratio/index.d.ts +1 -0
  25. package/dist/components/aspect-ratio/index.js +1 -0
  26. package/dist/components/avatar/Avatar.d.ts +15 -17
  27. package/dist/components/avatar/Avatar.js +47 -48
  28. package/dist/components/avatar/Avatar.module.js +6 -8
  29. package/dist/components/avatar/Avatar_module.css +77 -0
  30. package/dist/components/avatar/index.d.ts +1 -2
  31. package/dist/components/avatar/index.js +1 -0
  32. package/dist/components/badge/Badge.d.ts +6 -8
  33. package/dist/components/badge/Badge.js +32 -29
  34. package/dist/components/badge/Badge.module.js +6 -7
  35. package/dist/components/badge/Badge_module.css +115 -0
  36. package/dist/components/badge/index.d.ts +1 -0
  37. package/dist/components/badge/index.js +1 -0
  38. package/dist/components/bleed/Bleed.d.ts +6 -8
  39. package/dist/components/bleed/Bleed.js +17 -17
  40. package/dist/components/bleed/Bleed.module.js +5 -5
  41. package/dist/components/bleed/Bleed_module.css +52 -0
  42. package/dist/components/bleed/index.d.ts +1 -0
  43. package/dist/components/bleed/index.js +1 -0
  44. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +17 -24
  45. package/dist/components/breadcrumbs/Breadcrumbs.js +106 -95
  46. package/dist/components/breadcrumbs/Breadcrumbs.module.js +11 -13
  47. package/dist/components/breadcrumbs/Breadcrumbs_module.css +105 -0
  48. package/dist/components/breadcrumbs/index.d.ts +1 -2
  49. package/dist/components/breadcrumbs/index.js +1 -0
  50. package/dist/components/button/Button.d.ts +10 -12
  51. package/dist/components/button/Button.js +36 -28
  52. package/dist/components/button/Button.module.js +5 -5
  53. package/dist/components/button/Button_module.css +230 -0
  54. package/dist/components/button/index.d.ts +1 -0
  55. package/dist/components/button/index.js +1 -0
  56. package/dist/components/card/Card.d.ts +14 -16
  57. package/dist/components/card/Card.js +96 -98
  58. package/dist/components/card/Card.module.js +12 -14
  59. package/dist/components/card/Card_module.css +169 -0
  60. package/dist/components/card/index.d.ts +1 -0
  61. package/dist/components/card/index.js +1 -0
  62. package/dist/components/carousel/Carousel.d.ts +19 -22
  63. package/dist/components/carousel/Carousel.js +126 -125
  64. package/dist/components/carousel/Carousel.module.js +15 -17
  65. package/dist/components/carousel/Carousel_module.css +201 -0
  66. package/dist/components/carousel/index.d.ts +1 -2
  67. package/dist/components/carousel/index.js +1 -0
  68. package/dist/components/checkbox/Checkbox.d.ts +15 -17
  69. package/dist/components/checkbox/Checkbox.js +90 -76
  70. package/dist/components/checkbox/Checkbox.module.js +9 -11
  71. package/dist/components/checkbox/Checkbox_module.css +137 -0
  72. package/dist/components/checkbox/index.d.ts +1 -2
  73. package/dist/components/checkbox/index.js +1 -0
  74. package/dist/components/clipboard/Clipboard.d.ts +14 -16
  75. package/dist/components/clipboard/Clipboard.js +95 -95
  76. package/dist/components/clipboard/Clipboard.module.js +11 -13
  77. package/dist/components/clipboard/Clipboard_module.css +156 -0
  78. package/dist/components/clipboard/index.d.ts +1 -2
  79. package/dist/components/clipboard/index.js +1 -0
  80. package/dist/components/close-button/CloseButton.d.ts +8 -10
  81. package/dist/components/close-button/CloseButton.js +34 -34
  82. package/dist/components/close-button/CloseButton.module.js +5 -5
  83. package/dist/components/close-button/CloseButton_module.css +64 -0
  84. package/dist/components/close-button/index.d.ts +1 -0
  85. package/dist/components/close-button/index.js +1 -0
  86. package/dist/components/collapsible/Collapsible.d.ts +10 -12
  87. package/dist/components/collapsible/Collapsible.js +61 -61
  88. package/dist/components/collapsible/Collapsible.module.js +12 -12
  89. package/dist/components/collapsible/Collapsible_module.css +149 -0
  90. package/dist/components/collapsible/index.d.ts +1 -2
  91. package/dist/components/collapsible/index.js +1 -0
  92. package/dist/components/color-picker/ColorPicker.d.ts +36 -38
  93. package/dist/components/color-picker/ColorPicker.js +325 -293
  94. package/dist/components/color-picker/ColorPicker.module.js +33 -33
  95. package/dist/components/color-picker/ColorPicker_module.css +507 -0
  96. package/dist/components/color-picker/index.d.ts +1 -2
  97. package/dist/components/color-picker/index.js +1 -0
  98. package/dist/components/combobox/Combobox.d.ts +28 -29
  99. package/dist/components/combobox/Combobox.js +215 -193
  100. package/dist/components/combobox/Combobox.module.js +23 -22
  101. package/dist/components/combobox/Combobox_module.css +336 -0
  102. package/dist/components/combobox/index.d.ts +1 -2
  103. package/dist/components/combobox/index.js +1 -0
  104. package/dist/components/command-palette/CommandPalette.d.ts +52 -77
  105. package/dist/components/command-palette/CommandPalette.js +370 -351
  106. package/dist/components/command-palette/CommandPalette.module.js +41 -40
  107. package/dist/components/command-palette/CommandPalette_module.css +460 -0
  108. package/dist/components/command-palette/index.d.ts +1 -2
  109. package/dist/components/command-palette/index.js +1 -0
  110. package/dist/components/container/Container.d.ts +6 -8
  111. package/dist/components/container/Container.js +17 -17
  112. package/dist/components/container/Container.module.js +5 -5
  113. package/dist/components/container/Container_module.css +46 -0
  114. package/dist/components/container/index.d.ts +1 -0
  115. package/dist/components/container/index.js +1 -0
  116. package/dist/components/date-input/DateInput.d.ts +16 -24
  117. package/dist/components/date-input/DateInput.js +103 -89
  118. package/dist/components/date-input/DateInput.module.js +9 -11
  119. package/dist/components/date-input/DateInput_module.css +110 -0
  120. package/dist/components/date-input/index.d.ts +1 -2
  121. package/dist/components/date-input/index.js +1 -0
  122. package/dist/components/date-picker/DatePicker.d.ts +61 -62
  123. package/dist/components/date-picker/DatePicker.js +429 -367
  124. package/dist/components/date-picker/DatePicker.module.js +28 -28
  125. package/dist/components/date-picker/DatePicker_module.css +435 -0
  126. package/dist/components/date-picker/index.d.ts +1 -2
  127. package/dist/components/date-picker/index.js +1 -0
  128. package/dist/components/dialog/Dialog.d.ts +27 -45
  129. package/dist/components/dialog/Dialog.js +126 -114
  130. package/dist/components/dialog/Dialog.module.js +22 -20
  131. package/dist/components/dialog/Dialog_module.css +236 -0
  132. package/dist/components/dialog/index.d.ts +2 -2
  133. package/dist/components/dialog/index.js +1 -0
  134. package/dist/components/drawer/Drawer.d.ts +35 -55
  135. package/dist/components/drawer/Drawer.js +166 -161
  136. package/dist/components/drawer/Drawer.module.js +39 -31
  137. package/dist/components/drawer/Drawer_module.css +546 -0
  138. package/dist/components/drawer/index.d.ts +1 -2
  139. package/dist/components/drawer/index.js +1 -0
  140. package/dist/components/editable/Editable.d.ts +15 -23
  141. package/dist/components/editable/Editable.js +109 -102
  142. package/dist/components/editable/Editable.module.js +10 -12
  143. package/dist/components/editable/Editable_module.css +176 -0
  144. package/dist/components/editable/index.d.ts +1 -2
  145. package/dist/components/editable/index.js +1 -0
  146. package/dist/components/empty/Empty.d.ts +7 -9
  147. package/dist/components/empty/Empty.js +64 -66
  148. package/dist/components/empty/Empty.module.js +9 -11
  149. package/dist/components/empty/Empty_module.css +91 -0
  150. package/dist/components/empty/index.d.ts +1 -0
  151. package/dist/components/empty/index.js +1 -0
  152. package/dist/components/field/Field.d.ts +16 -25
  153. package/dist/components/field/Field.js +93 -93
  154. package/dist/components/field/Field.module.js +11 -13
  155. package/dist/components/field/Field_module.css +98 -0
  156. package/dist/components/field/index.d.ts +1 -2
  157. package/dist/components/field/index.js +1 -0
  158. package/dist/components/fieldset/Fieldset.d.ts +9 -11
  159. package/dist/components/fieldset/Fieldset.js +48 -48
  160. package/dist/components/fieldset/Fieldset.module.js +7 -9
  161. package/dist/components/fieldset/Fieldset_module.css +53 -0
  162. package/dist/components/fieldset/index.d.ts +1 -2
  163. package/dist/components/fieldset/index.js +1 -0
  164. package/dist/components/file-upload/FileUpload.d.ts +27 -42
  165. package/dist/components/file-upload/FileUpload.js +196 -176
  166. package/dist/components/file-upload/FileUpload.module.js +19 -21
  167. package/dist/components/file-upload/FileUpload_module.css +378 -0
  168. package/dist/components/file-upload/index.d.ts +1 -2
  169. package/dist/components/file-upload/index.js +1 -0
  170. package/dist/components/floating-panel/FloatingPanel.d.ts +32 -50
  171. package/dist/components/floating-panel/FloatingPanel.js +185 -176
  172. package/dist/components/floating-panel/FloatingPanel.module.js +19 -19
  173. package/dist/components/floating-panel/FloatingPanel_module.css +322 -0
  174. package/dist/components/floating-panel/index.d.ts +1 -2
  175. package/dist/components/floating-panel/index.js +1 -0
  176. package/dist/components/heading/Heading.d.ts +7 -9
  177. package/dist/components/heading/Heading.js +26 -26
  178. package/dist/components/heading/Heading.module.js +5 -5
  179. package/dist/components/heading/Heading_module.css +59 -0
  180. package/dist/components/heading/index.d.ts +1 -0
  181. package/dist/components/heading/index.js +1 -0
  182. package/dist/components/highlight/Highlight.d.ts +6 -12
  183. package/dist/components/highlight/Highlight.js +14 -14
  184. package/dist/components/highlight/Highlight.module.js +5 -5
  185. package/dist/components/highlight/Highlight_module.css +16 -0
  186. package/dist/components/highlight/index.d.ts +1 -2
  187. package/dist/components/highlight/index.js +1 -0
  188. package/dist/components/hover-card/HoverCard.d.ts +17 -28
  189. package/dist/components/hover-card/HoverCard.js +77 -72
  190. package/dist/components/hover-card/HoverCard.module.js +12 -12
  191. package/dist/components/hover-card/HoverCard_module.css +117 -0
  192. package/dist/components/hover-card/index.d.ts +1 -2
  193. package/dist/components/hover-card/index.js +1 -0
  194. package/dist/components/image/Image.d.ts +5 -11
  195. package/dist/components/image/Image.js +21 -23
  196. package/dist/components/image/Image.module.js +5 -5
  197. package/dist/components/image/Image_module.css +8 -0
  198. package/dist/components/image/index.d.ts +1 -2
  199. package/dist/components/image/index.js +1 -0
  200. package/dist/components/image-cropper/ImageCropper.d.ts +16 -19
  201. package/dist/components/image-cropper/ImageCropper.js +86 -86
  202. package/dist/components/image-cropper/ImageCropper.module.js +9 -11
  203. package/dist/components/image-cropper/ImageCropper_module.css +163 -0
  204. package/dist/components/image-cropper/index.d.ts +1 -2
  205. package/dist/components/image-cropper/index.js +1 -0
  206. package/dist/components/input/Input.d.ts +9 -12
  207. package/dist/components/input/Input.js +19 -18
  208. package/dist/components/input/Input.module.js +5 -5
  209. package/dist/components/input/Input_module.css +110 -0
  210. package/dist/components/input/index.d.ts +1 -2
  211. package/dist/components/input/index.js +1 -0
  212. package/dist/components/input-group/InputGroup.d.ts +21 -24
  213. package/dist/components/input-group/InputGroup.js +64 -66
  214. package/dist/components/input-group/InputGroup.module.js +8 -10
  215. package/dist/components/input-group/InputGroup_module.css +162 -0
  216. package/dist/components/input-group/index.d.ts +1 -2
  217. package/dist/components/input-group/index.js +1 -0
  218. package/dist/components/kbd/Kbd.d.ts +3 -5
  219. package/dist/components/kbd/Kbd.js +24 -26
  220. package/dist/components/kbd/Kbd.module.js +5 -7
  221. package/dist/components/kbd/Kbd_module.css +46 -0
  222. package/dist/components/kbd/index.d.ts +1 -0
  223. package/dist/components/kbd/index.js +1 -0
  224. package/dist/components/lightbox/Lightbox.d.ts +39 -63
  225. package/dist/components/lightbox/Lightbox.js +203 -194
  226. package/dist/components/lightbox/Lightbox.module.js +23 -21
  227. package/dist/components/lightbox/Lightbox_module.css +255 -0
  228. package/dist/components/lightbox/index.d.ts +2 -2
  229. package/dist/components/lightbox/index.js +1 -0
  230. package/dist/components/list/List.d.ts +10 -13
  231. package/dist/components/list/List.js +39 -41
  232. package/dist/components/list/List.module.js +5 -5
  233. package/dist/components/list/List_module.css +119 -0
  234. package/dist/components/list/index.d.ts +1 -2
  235. package/dist/components/list/index.js +1 -0
  236. package/dist/components/listbox/Listbox.d.ts +30 -46
  237. package/dist/components/listbox/Listbox.js +158 -156
  238. package/dist/components/listbox/Listbox.module.js +20 -22
  239. package/dist/components/listbox/Listbox_module.css +323 -0
  240. package/dist/components/listbox/index.d.ts +1 -2
  241. package/dist/components/listbox/index.js +1 -0
  242. package/dist/components/marquee/Marquee.d.ts +11 -13
  243. package/dist/components/marquee/Marquee.js +56 -57
  244. package/dist/components/marquee/Marquee.module.js +12 -12
  245. package/dist/components/marquee/Marquee_module.css +109 -0
  246. package/dist/components/marquee/index.d.ts +1 -2
  247. package/dist/components/marquee/index.js +1 -0
  248. package/dist/components/menu/Menu.d.ts +48 -78
  249. package/dist/components/menu/Menu.js +261 -223
  250. package/dist/components/menu/Menu.module.js +31 -32
  251. package/dist/components/menu/Menu_module.css +386 -0
  252. package/dist/components/menu/index.d.ts +1 -2
  253. package/dist/components/menu/index.js +1 -0
  254. package/dist/components/native-select/NativeSelect.d.ts +6 -9
  255. package/dist/components/native-select/NativeSelect.js +32 -29
  256. package/dist/components/native-select/NativeSelect.module.js +6 -8
  257. package/dist/components/native-select/NativeSelect_module.css +116 -0
  258. package/dist/components/native-select/index.d.ts +1 -2
  259. package/dist/components/native-select/index.js +1 -0
  260. package/dist/components/number-input/NumberInput.d.ts +16 -19
  261. package/dist/components/number-input/NumberInput.js +94 -95
  262. package/dist/components/number-input/NumberInput.module.js +11 -13
  263. package/dist/components/number-input/NumberInput_module.css +161 -0
  264. package/dist/components/number-input/index.d.ts +1 -2
  265. package/dist/components/number-input/index.js +1 -0
  266. package/dist/components/pagination/Pagination.d.ts +15 -18
  267. package/dist/components/pagination/Pagination.js +103 -94
  268. package/dist/components/pagination/Pagination.module.js +9 -11
  269. package/dist/components/pagination/Pagination_module.css +109 -0
  270. package/dist/components/pagination/index.d.ts +1 -2
  271. package/dist/components/pagination/index.js +1 -0
  272. package/dist/components/password-input/PasswordInput.d.ts +14 -16
  273. package/dist/components/password-input/PasswordInput.js +79 -74
  274. package/dist/components/password-input/PasswordInput.module.js +9 -11
  275. package/dist/components/password-input/PasswordInput_module.css +150 -0
  276. package/dist/components/password-input/index.d.ts +1 -2
  277. package/dist/components/password-input/index.js +1 -0
  278. package/dist/components/pin-input/PinInput.d.ts +16 -26
  279. package/dist/components/pin-input/PinInput.js +112 -81
  280. package/dist/components/pin-input/PinInput.module.js +8 -10
  281. package/dist/components/pin-input/PinInput_module.css +97 -0
  282. package/dist/components/pin-input/index.d.ts +1 -2
  283. package/dist/components/pin-input/index.js +1 -0
  284. package/dist/components/popover/Popover.d.ts +29 -49
  285. package/dist/components/popover/Popover.js +151 -145
  286. package/dist/components/popover/Popover.module.js +19 -19
  287. package/dist/components/popover/Popover_module.css +186 -0
  288. package/dist/components/popover/index.d.ts +1 -2
  289. package/dist/components/popover/index.js +1 -0
  290. package/dist/components/progress-circular/ProgressCircular.d.ts +17 -20
  291. package/dist/components/progress-circular/ProgressCircular.js +82 -81
  292. package/dist/components/progress-circular/ProgressCircular.module.js +12 -13
  293. package/dist/components/progress-circular/ProgressCircular_module.css +79 -0
  294. package/dist/components/progress-circular/index.d.ts +1 -2
  295. package/dist/components/progress-circular/index.js +1 -0
  296. package/dist/components/progress-linear/ProgressLinear.d.ts +13 -16
  297. package/dist/components/progress-linear/ProgressLinear.js +64 -66
  298. package/dist/components/progress-linear/ProgressLinear.module.js +13 -13
  299. package/dist/components/progress-linear/ProgressLinear_module.css +119 -0
  300. package/dist/components/progress-linear/index.d.ts +1 -2
  301. package/dist/components/progress-linear/index.js +1 -0
  302. package/dist/components/qr-code/QrCode.d.ts +10 -12
  303. package/dist/components/qr-code/QrCode.js +56 -56
  304. package/dist/components/qr-code/QrCode.module.js +8 -10
  305. package/dist/components/qr-code/QrCode_module.css +120 -0
  306. package/dist/components/qr-code/index.d.ts +1 -2
  307. package/dist/components/qr-code/index.js +1 -0
  308. package/dist/components/radio-group/RadioGroup.d.ts +20 -20
  309. package/dist/components/radio-group/RadioGroup.js +93 -78
  310. package/dist/components/radio-group/RadioGroup.module.js +9 -11
  311. package/dist/components/radio-group/RadioGroup_module.css +157 -0
  312. package/dist/components/radio-group/index.d.ts +2 -2
  313. package/dist/components/radio-group/index.js +1 -0
  314. package/dist/components/rating-group/RatingGroup.d.ts +20 -24
  315. package/dist/components/rating-group/RatingGroup.js +99 -84
  316. package/dist/components/rating-group/RatingGroup.module.js +10 -12
  317. package/dist/components/rating-group/RatingGroup_module.css +139 -0
  318. package/dist/components/rating-group/index.d.ts +2 -2
  319. package/dist/components/rating-group/index.js +1 -0
  320. package/dist/components/scroll-area/ScrollArea.d.ts +20 -21
  321. package/dist/components/scroll-area/ScrollArea.js +69 -69
  322. package/dist/components/scroll-area/ScrollArea.module.js +9 -11
  323. package/dist/components/scroll-area/ScrollArea_module.css +176 -0
  324. package/dist/components/scroll-area/index.d.ts +2 -2
  325. package/dist/components/scroll-area/index.js +1 -0
  326. package/dist/components/segment-group/SegmentGroup.d.ts +22 -23
  327. package/dist/components/segment-group/SegmentGroup.js +120 -77
  328. package/dist/components/segment-group/SegmentGroup.module.js +9 -11
  329. package/dist/components/segment-group/SegmentGroup_module.css +123 -0
  330. package/dist/components/segment-group/index.d.ts +1 -2
  331. package/dist/components/segment-group/index.js +1 -0
  332. package/dist/components/select/Select.d.ts +40 -57
  333. package/dist/components/select/Select.js +273 -242
  334. package/dist/components/select/Select.module.js +25 -26
  335. package/dist/components/select/Select_module.css +375 -0
  336. package/dist/components/select/index.d.ts +1 -2
  337. package/dist/components/select/index.js +1 -0
  338. package/dist/components/separator/Separator.d.ts +7 -9
  339. package/dist/components/separator/Separator.js +22 -22
  340. package/dist/components/separator/Separator.module.js +5 -5
  341. package/dist/components/separator/Separator_module.css +47 -0
  342. package/dist/components/separator/index.d.ts +1 -0
  343. package/dist/components/separator/index.js +1 -0
  344. package/dist/components/sidebar/Sidebar.d.ts +53 -67
  345. package/dist/components/sidebar/Sidebar.js +342 -329
  346. package/dist/components/sidebar/Sidebar.module.js +26 -28
  347. package/dist/components/sidebar/Sidebar_module.css +482 -0
  348. package/dist/components/sidebar/index.d.ts +1 -2
  349. package/dist/components/sidebar/index.js +1 -0
  350. package/dist/components/signature-pad/SignaturePad.d.ts +16 -19
  351. package/dist/components/signature-pad/SignaturePad.js +118 -105
  352. package/dist/components/signature-pad/SignaturePad.module.js +9 -11
  353. package/dist/components/signature-pad/SignaturePad_module.css +89 -0
  354. package/dist/components/signature-pad/index.d.ts +1 -2
  355. package/dist/components/signature-pad/index.js +1 -0
  356. package/dist/components/simple-grid/SimpleGrid.d.ts +9 -11
  357. package/dist/components/simple-grid/SimpleGrid.js +31 -27
  358. package/dist/components/simple-grid/index.d.ts +1 -0
  359. package/dist/components/simple-grid/index.js +1 -0
  360. package/dist/components/skeleton/Skeleton.d.ts +10 -12
  361. package/dist/components/skeleton/Skeleton.js +27 -27
  362. package/dist/components/skeleton/Skeleton.module.js +5 -5
  363. package/dist/components/skeleton/Skeleton_module.css +35 -0
  364. package/dist/components/skeleton/index.d.ts +1 -0
  365. package/dist/components/skeleton/index.js +1 -0
  366. package/dist/components/slider/Slider.d.ts +21 -26
  367. package/dist/components/slider/Slider.js +119 -110
  368. package/dist/components/slider/Slider.module.js +13 -15
  369. package/dist/components/slider/Slider_module.css +222 -0
  370. package/dist/components/slider/index.d.ts +1 -2
  371. package/dist/components/slider/index.js +1 -0
  372. package/dist/components/spinner/Spinner.d.ts +7 -9
  373. package/dist/components/spinner/Spinner.js +35 -35
  374. package/dist/components/spinner/Spinner.module.js +6 -8
  375. package/dist/components/spinner/Spinner_module.css +59 -0
  376. package/dist/components/spinner/index.d.ts +1 -0
  377. package/dist/components/spinner/index.js +1 -0
  378. package/dist/components/split-button/SplitButton.d.ts +20 -24
  379. package/dist/components/split-button/SplitButton.js +80 -81
  380. package/dist/components/split-button/SplitButton.module.js +6 -8
  381. package/dist/components/split-button/SplitButton_module.css +52 -0
  382. package/dist/components/split-button/index.d.ts +1 -2
  383. package/dist/components/split-button/index.js +1 -0
  384. package/dist/components/splitter/Splitter.d.ts +10 -11
  385. package/dist/components/splitter/Splitter.js +58 -59
  386. package/dist/components/splitter/Splitter.module.js +7 -9
  387. package/dist/components/splitter/Splitter_module.css +174 -0
  388. package/dist/components/splitter/index.d.ts +1 -2
  389. package/dist/components/splitter/index.js +1 -0
  390. package/dist/components/stack/Stack.d.ts +17 -20
  391. package/dist/components/stack/Stack.js +29 -29
  392. package/dist/components/stack/Stack.module.js +5 -5
  393. package/dist/components/stack/Stack_module.css +14 -0
  394. package/dist/components/stack/index.d.ts +1 -2
  395. package/dist/components/stack/index.js +1 -0
  396. package/dist/components/steps/Steps.d.ts +24 -19
  397. package/dist/components/steps/Steps.js +109 -108
  398. package/dist/components/steps/Steps.module.js +14 -16
  399. package/dist/components/steps/Steps_module.css +306 -0
  400. package/dist/components/steps/index.d.ts +1 -2
  401. package/dist/components/steps/index.js +1 -0
  402. package/dist/components/swap/Swap.d.ts +15 -10
  403. package/dist/components/swap/Swap.js +34 -33
  404. package/dist/components/swap/Swap.module.js +21 -10
  405. package/dist/components/swap/Swap_module.css +118 -0
  406. package/dist/components/swap/index.d.ts +1 -2
  407. package/dist/components/swap/index.js +1 -0
  408. package/dist/components/switch/Switch.d.ts +15 -17
  409. package/dist/components/switch/Switch.js +66 -60
  410. package/dist/components/switch/Switch.module.js +7 -9
  411. package/dist/components/switch/Switch_module.css +144 -0
  412. package/dist/components/switch/index.d.ts +2 -2
  413. package/dist/components/switch/index.js +1 -0
  414. package/dist/components/table/Table.d.ts +31 -33
  415. package/dist/components/table/Table.js +155 -157
  416. package/dist/components/table/Table.module.js +14 -16
  417. package/dist/components/table/Table_module.css +165 -0
  418. package/dist/components/table/index.d.ts +1 -0
  419. package/dist/components/table/index.js +1 -0
  420. package/dist/components/tabs/Tabs.d.ts +16 -18
  421. package/dist/components/tabs/Tabs.js +61 -59
  422. package/dist/components/tabs/Tabs.module.js +8 -10
  423. package/dist/components/tabs/Tabs_module.css +191 -0
  424. package/dist/components/tabs/index.d.ts +1 -2
  425. package/dist/components/tabs/index.js +1 -0
  426. package/dist/components/tag/Tag.d.ts +10 -12
  427. package/dist/components/tag/Tag.js +62 -64
  428. package/dist/components/tag/Tag.module.js +8 -10
  429. package/dist/components/tag/Tag_module.css +100 -0
  430. package/dist/components/tag/index.d.ts +1 -0
  431. package/dist/components/tag/index.js +1 -0
  432. package/dist/components/tags-input/TagsInput.d.ts +18 -21
  433. package/dist/components/tags-input/TagsInput.js +183 -133
  434. package/dist/components/tags-input/TagsInput.module.js +13 -15
  435. package/dist/components/tags-input/TagsInput_module.css +223 -0
  436. package/dist/components/tags-input/index.d.ts +1 -2
  437. package/dist/components/tags-input/index.js +1 -0
  438. package/dist/components/text/Text.d.ts +12 -14
  439. package/dist/components/text/Text.js +38 -37
  440. package/dist/components/text/Text.module.js +5 -5
  441. package/dist/components/text/Text_module.css +100 -0
  442. package/dist/components/text/index.d.ts +1 -0
  443. package/dist/components/text/index.js +1 -0
  444. package/dist/components/textarea/Textarea.d.ts +3 -6
  445. package/dist/components/textarea/Textarea.js +16 -18
  446. package/dist/components/textarea/Textarea.module.js +5 -5
  447. package/dist/components/textarea/Textarea_module.css +58 -0
  448. package/dist/components/textarea/index.d.ts +1 -2
  449. package/dist/components/textarea/index.js +1 -0
  450. package/dist/components/timer/Timer.d.ts +19 -25
  451. package/dist/components/timer/Timer.js +84 -71
  452. package/dist/components/timer/Timer.module.js +9 -11
  453. package/dist/components/timer/Timer_module.css +102 -0
  454. package/dist/components/timer/index.d.ts +1 -2
  455. package/dist/components/timer/index.js +1 -0
  456. package/dist/components/toast/Toast.d.ts +15 -17
  457. package/dist/components/toast/Toast.js +95 -89
  458. package/dist/components/toast/Toast.module.js +9 -11
  459. package/dist/components/toast/Toast_module.css +171 -0
  460. package/dist/components/toast/index.d.ts +1 -2
  461. package/dist/components/toast/index.js +1 -0
  462. package/dist/components/toggle/Toggle.d.ts +11 -13
  463. package/dist/components/toggle/Toggle.js +26 -27
  464. package/dist/components/toggle/Toggle.module.js +5 -7
  465. package/dist/components/toggle/Toggle_module.css +169 -0
  466. package/dist/components/toggle/index.d.ts +2 -2
  467. package/dist/components/toggle/index.js +1 -0
  468. package/dist/components/toggle-group/ToggleGroup.d.ts +18 -20
  469. package/dist/components/toggle-group/ToggleGroup.js +57 -57
  470. package/dist/components/toggle-group/ToggleGroup.module.js +5 -7
  471. package/dist/components/toggle-group/ToggleGroup_module.css +46 -0
  472. package/dist/components/toggle-group/index.d.ts +1 -2
  473. package/dist/components/toggle-group/index.js +1 -0
  474. package/dist/components/tooltip/Tooltip.d.ts +19 -28
  475. package/dist/components/tooltip/Tooltip.js +96 -71
  476. package/dist/components/tooltip/Tooltip.module.js +13 -12
  477. package/dist/components/tooltip/Tooltip_module.css +146 -0
  478. package/dist/components/tooltip/index.d.ts +1 -2
  479. package/dist/components/tooltip/index.js +1 -0
  480. package/dist/components/tour/Tour.d.ts +27 -34
  481. package/dist/components/tour/Tour.js +157 -136
  482. package/dist/components/tour/Tour.module.js +25 -22
  483. package/dist/components/tour/Tour_module.css +361 -0
  484. package/dist/components/tour/index.d.ts +1 -2
  485. package/dist/components/tour/index.js +1 -0
  486. package/dist/components/tree-view/TreeView.d.ts +37 -31
  487. package/dist/components/tree-view/TreeView.js +184 -164
  488. package/dist/components/tree-view/TreeView.module.js +27 -25
  489. package/dist/components/tree-view/TreeView_module.css +283 -0
  490. package/dist/components/tree-view/index.d.ts +1 -2
  491. package/dist/components/tree-view/index.js +1 -0
  492. package/dist/components/typeset/Typeset.d.ts +4 -6
  493. package/dist/components/typeset/Typeset.js +28 -26
  494. package/dist/components/typeset/Typeset.module.js +5 -7
  495. package/dist/components/typeset/Typeset_module.css +325 -0
  496. package/dist/components/typeset/index.d.ts +1 -0
  497. package/dist/components/typeset/index.js +1 -0
  498. package/dist/internal/icons/ui/Icons.d.ts +45 -0
  499. package/dist/internal/icons/ui/Icons.js +969 -0
  500. package/dist/internal/icons/ui/index.d.ts +1 -0
  501. package/dist/internal/icons/ui/index.js +1 -0
  502. package/dist/internal/normalizeClassName.d.ts +1 -0
  503. package/dist/internal/normalizeClassName.js +2 -0
  504. package/dist/internal/overlayPortal.d.ts +13 -0
  505. package/dist/internal/overlayPortal.js +20 -0
  506. package/dist/locale.d.ts +1 -0
  507. package/dist/locale.js +1 -0
  508. package/dist/presets/contrast.css +131 -0
  509. package/dist/presets/dense.css +144 -0
  510. package/dist/presets/soft.css +143 -0
  511. package/dist/styles/animations.css +63 -0
  512. package/dist/styles/borders.css +10 -0
  513. package/dist/styles/colors.css +206 -0
  514. package/dist/styles/opacity.css +6 -0
  515. package/dist/styles/radius.css +11 -0
  516. package/dist/{lib/moduix/styles → styles}/reset.css +54 -39
  517. package/dist/styles/shadows.css +6 -0
  518. package/dist/styles/sizing.css +8 -0
  519. package/dist/styles/spacing.css +24 -0
  520. package/dist/styles/style.css +14 -0
  521. package/dist/styles/transforms.css +5 -0
  522. package/dist/styles/transitions.css +28 -0
  523. package/dist/styles/typography.css +27 -0
  524. package/dist/styles/z-index.css +13 -0
  525. package/package.json +385 -25
  526. package/dist/components/accordion/Accordion.css +0 -197
  527. package/dist/components/alert/Alert.css +0 -122
  528. package/dist/components/angle-slider/AngleSlider.css +0 -192
  529. package/dist/components/aspect-ratio/AspectRatio.css +0 -16
  530. package/dist/components/avatar/Avatar.css +0 -75
  531. package/dist/components/badge/Badge.css +0 -110
  532. package/dist/components/bleed/Bleed.css +0 -51
  533. package/dist/components/breadcrumbs/Breadcrumbs.css +0 -97
  534. package/dist/components/button/Button.css +0 -213
  535. package/dist/components/card/Card.css +0 -164
  536. package/dist/components/carousel/Carousel.css +0 -200
  537. package/dist/components/checkbox/Checkbox.css +0 -135
  538. package/dist/components/clipboard/Clipboard.css +0 -145
  539. package/dist/components/close-button/CloseButton.css +0 -49
  540. package/dist/components/collapsible/Collapsible.css +0 -145
  541. package/dist/components/color-picker/ColorPicker.css +0 -469
  542. package/dist/components/combobox/Combobox.css +0 -331
  543. package/dist/components/command-palette/CommandPalette.css +0 -459
  544. package/dist/components/container/Container.css +0 -45
  545. package/dist/components/date-input/DateInput.css +0 -107
  546. package/dist/components/date-picker/DatePicker.css +0 -441
  547. package/dist/components/dialog/Dialog.css +0 -226
  548. package/dist/components/drawer/Drawer.css +0 -483
  549. package/dist/components/editable/Editable.css +0 -173
  550. package/dist/components/empty/Empty.css +0 -78
  551. package/dist/components/field/Field.css +0 -111
  552. package/dist/components/fieldset/Fieldset.css +0 -52
  553. package/dist/components/file-upload/FileUpload.css +0 -363
  554. package/dist/components/floating-panel/FloatingPanel.css +0 -323
  555. package/dist/components/heading/Heading.css +0 -58
  556. package/dist/components/highlight/Highlight.css +0 -15
  557. package/dist/components/hover-card/HoverCard.css +0 -111
  558. package/dist/components/image/Image.css +0 -7
  559. package/dist/components/image-cropper/ImageCropper.css +0 -151
  560. package/dist/components/input/Input.css +0 -83
  561. package/dist/components/input-group/InputGroup.css +0 -158
  562. package/dist/components/kbd/Kbd.css +0 -45
  563. package/dist/components/lightbox/Lightbox.css +0 -244
  564. package/dist/components/list/List.css +0 -118
  565. package/dist/components/listbox/Listbox.css +0 -316
  566. package/dist/components/marquee/Marquee.css +0 -114
  567. package/dist/components/menu/Menu.css +0 -380
  568. package/dist/components/native-select/NativeSelect.css +0 -109
  569. package/dist/components/number-input/NumberInput.css +0 -155
  570. package/dist/components/pagination/Pagination.css +0 -99
  571. package/dist/components/password-input/PasswordInput.css +0 -155
  572. package/dist/components/pin-input/PinInput.css +0 -96
  573. package/dist/components/popover/Popover.css +0 -172
  574. package/dist/components/progress-circular/ProgressCircular.css +0 -68
  575. package/dist/components/progress-linear/ProgressLinear.css +0 -106
  576. package/dist/components/qr-code/QrCode.css +0 -101
  577. package/dist/components/radio-group/RadioGroup.css +0 -147
  578. package/dist/components/rating-group/RatingGroup.css +0 -133
  579. package/dist/components/scroll-area/ScrollArea.css +0 -167
  580. package/dist/components/segment-group/SegmentGroup.css +0 -120
  581. package/dist/components/select/Select.css +0 -377
  582. package/dist/components/separator/Separator.css +0 -45
  583. package/dist/components/sidebar/Sidebar.css +0 -479
  584. package/dist/components/signature-pad/SignaturePad.css +0 -95
  585. package/dist/components/skeleton/Skeleton.css +0 -29
  586. package/dist/components/slider/Slider.css +0 -171
  587. package/dist/components/spinner/Spinner.css +0 -60
  588. package/dist/components/split-button/SplitButton.css +0 -51
  589. package/dist/components/splitter/Splitter.css +0 -175
  590. package/dist/components/stack/Stack.css +0 -13
  591. package/dist/components/steps/Steps.css +0 -284
  592. package/dist/components/swap/Swap.css +0 -45
  593. package/dist/components/switch/Switch.css +0 -130
  594. package/dist/components/table/Table.css +0 -162
  595. package/dist/components/tabs/Tabs.css +0 -188
  596. package/dist/components/tag/Tag.css +0 -98
  597. package/dist/components/tags-input/TagsInput.css +0 -212
  598. package/dist/components/text/Text.css +0 -87
  599. package/dist/components/textarea/Textarea.css +0 -56
  600. package/dist/components/timer/Timer.css +0 -95
  601. package/dist/components/toast/Toast.css +0 -155
  602. package/dist/components/toggle/Toggle.css +0 -167
  603. package/dist/components/toggle-group/ToggleGroup.css +0 -42
  604. package/dist/components/tooltip/Tooltip.css +0 -130
  605. package/dist/components/tour/Tour.css +0 -291
  606. package/dist/components/tree-view/TreeView.css +0 -264
  607. package/dist/components/typeset/Typeset.css +0 -317
  608. package/dist/index.d.ts +0 -86
  609. package/dist/index.js +0 -86
  610. package/dist/lib/moduix/icons/ui/Icons.d.ts +0 -7
  611. package/dist/lib/moduix/icons/ui/Icons.js +0 -532
  612. package/dist/lib/moduix/icons/ui/index.d.ts +0 -2
  613. package/dist/lib/moduix/normalizeClassName.js +0 -4
  614. package/dist/lib/moduix/overlayPortal.d.ts +0 -9
  615. package/dist/lib/moduix/overlayPortal.js +0 -21
  616. package/dist/lib/moduix/presets/contrast.css +0 -65
  617. package/dist/lib/moduix/presets/dense.css +0 -78
  618. package/dist/lib/moduix/presets/soft.css +0 -77
  619. package/dist/lib/moduix/styles/style.css +0 -301
  620. package/dist/presets/contrast.d.ts +0 -1
  621. package/dist/presets/contrast.js +0 -1
  622. package/dist/presets/dense.d.ts +0 -1
  623. package/dist/presets/dense.js +0 -1
  624. package/dist/presets/soft.d.ts +0 -1
  625. package/dist/presets/soft.js +0 -1
  626. package/dist/reset.d.ts +0 -1
  627. package/dist/reset.js +0 -1
  628. package/dist/style.d.ts +0 -1
  629. package/dist/style.js +0 -1
@@ -1,255 +1,286 @@
1
- import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
2
- import { CheckIcon, ChevronUpDownIcon } from "../../lib/moduix/icons/ui/Icons.js";
3
- import { CloseButton } from "../close-button/CloseButton.js";
4
- import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
5
- import Select_module_default from "./Select.module.js";
1
+ "use client";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { Select, useSelect, useSelectContext, useSelectItemContext } from "@ark-ui/react/select";
6
4
  import { clsx } from "clsx";
7
5
  import { Children, cloneElement, forwardRef } from "react";
8
- import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
9
- import { Select, useSelect, useSelectContext, useSelectItemContext } from "@ark-ui/react/select";
10
- //#region src/components/select/Select.tsx
11
- const SelectRoot = forwardRef(function SelectRoot({ asChild, children, className, nativeFormControl = "select", portalled, portalRef, ...props }, ref) {
12
- return /* @__PURE__ */ jsx(OverlayPortalProvider, {
13
- portalled,
14
- portalRef,
15
- children: /* @__PURE__ */ jsx(Select.Root, {
16
- ref,
17
- "data-slot": "select-root",
18
- className: clsx(Select_module_default.root, normalizeClassName(className)),
19
- asChild,
20
- ...props,
21
- children: withNativeFormControl(children, asChild, nativeFormControl)
22
- })
23
- });
24
- });
25
- const SelectRootProvider = forwardRef(function SelectRootProvider({ asChild, children, className, nativeFormControl = "select", portalled, portalRef, ...props }, ref) {
26
- return /* @__PURE__ */ jsx(OverlayPortalProvider, {
27
- portalled,
28
- portalRef,
29
- children: /* @__PURE__ */ jsx(Select.RootProvider, {
30
- ref,
31
- "data-slot": "select-root-provider",
32
- className: clsx(Select_module_default.root, normalizeClassName(className)),
33
- asChild,
34
- ...props,
35
- children: withNativeFormControl(children, asChild, nativeFormControl)
36
- })
37
- });
38
- });
39
- const SelectLabel = forwardRef(function SelectLabel({ className, ...props }, ref) {
40
- return /* @__PURE__ */ jsx(Select.Label, {
41
- ref,
42
- "data-slot": "select-label",
43
- className: clsx(Select_module_default.label, normalizeClassName(className)),
44
- ...props
45
- });
46
- });
47
- const SelectControl = forwardRef(function SelectControl({ className, ...props }, ref) {
48
- return /* @__PURE__ */ jsx(Select.Control, {
49
- ref,
50
- "data-slot": "select-control",
51
- className: clsx(Select_module_default.control, normalizeClassName(className)),
52
- ...props
53
- });
54
- });
55
- const SelectTrigger = forwardRef(function SelectTrigger({ asChild, className, ...props }, ref) {
56
- return /* @__PURE__ */ jsx(Select.Trigger, {
57
- ref,
58
- "data-slot": "select-trigger",
59
- asChild,
60
- className: clsx(!asChild && Select_module_default.trigger, normalizeClassName(className)),
61
- ...props
62
- });
63
- });
64
- const SelectValueText = forwardRef(function SelectValueText({ className, ...props }, ref) {
65
- return /* @__PURE__ */ jsx(Select.ValueText, {
66
- ref,
67
- "data-slot": "select-value-text",
68
- className: clsx(Select_module_default.valueText, normalizeClassName(className)),
69
- ...props
70
- });
71
- });
72
- const SelectClearTrigger = forwardRef(function SelectClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
73
- const triggerClassName = clsx(Select_module_default.clearTrigger, normalizeClassName(className));
74
- if (asChild) return /* @__PURE__ */ jsx(Select.ClearTrigger, {
75
- ref,
76
- asChild: true,
77
- "data-slot": "select-clear-trigger",
78
- className: triggerClassName,
79
- "aria-label": ariaLabel,
80
- "aria-labelledby": ariaLabelledBy,
81
- ...props,
82
- children
83
- });
84
- return /* @__PURE__ */ jsx(Select.ClearTrigger, {
85
- ref,
86
- asChild: true,
87
- "data-slot": "select-clear-trigger",
88
- className: triggerClassName,
89
- ...props,
90
- children: /* @__PURE__ */ jsx(CloseButton.Root, {
91
- "aria-label": ariaLabel ?? (ariaLabelledBy == null ? "Clear selection" : void 0),
92
- "aria-labelledby": ariaLabelledBy,
93
- children
94
- })
95
- });
96
- });
97
- const SelectIndicator = forwardRef(function SelectIndicator({ className, children, ...props }, ref) {
98
- return /* @__PURE__ */ jsx(Select.Indicator, {
99
- ref,
100
- "data-slot": "select-indicator",
101
- className: clsx(Select_module_default.indicator, normalizeClassName(className)),
102
- ...props,
103
- children: children ?? /* @__PURE__ */ jsx(ChevronUpDownIcon, {})
104
- });
105
- });
106
- function SelectIndicators({ className, ...props }) {
107
- return /* @__PURE__ */ jsx("div", {
108
- "data-slot": "select-indicators",
109
- className: clsx(Select_module_default.indicators, normalizeClassName(className)),
110
- ...props
111
- });
112
- }
113
- const SelectField = forwardRef(function SelectField({ clearLabel, indicator, placeholder, ...props }, ref) {
114
- return /* @__PURE__ */ jsxs(SelectControl, {
115
- ref,
116
- ...props,
117
- children: [/* @__PURE__ */ jsxs(SelectTrigger, { children: [/* @__PURE__ */ jsx(SelectValueText, { placeholder }), /* @__PURE__ */ jsx(SelectIndicator, { children: indicator })] }), clearLabel && /* @__PURE__ */ jsx(SelectClearTrigger, { "aria-label": clearLabel })]
118
- });
119
- });
120
- const SelectPositioner = forwardRef(function SelectPositioner({ className, ...props }, ref) {
121
- return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
122
- ref,
123
- "data-slot": "select-positioner",
124
- className: clsx(Select_module_default.positioner, normalizeClassName(className)),
125
- ...props
126
- }) });
127
- });
128
- const SelectContent = forwardRef(function SelectContent({ className, ...props }, ref) {
129
- return /* @__PURE__ */ jsx(Select.Content, {
130
- ref,
131
- "data-slot": "select-content",
132
- className: clsx(Select_module_default.content, normalizeClassName(className)),
133
- ...props
134
- });
135
- });
136
- const SelectList = forwardRef(function SelectList({ className, ...props }, ref) {
137
- return /* @__PURE__ */ jsx(Select.List, {
138
- ref,
139
- "data-slot": "select-list",
140
- className: clsx(Select_module_default.list, normalizeClassName(className)),
141
- ...props
142
- });
143
- });
144
- const SelectItemGroup = forwardRef(function SelectItemGroup({ className, ...props }, ref) {
145
- return /* @__PURE__ */ jsx(Select.ItemGroup, {
146
- ref,
147
- "data-slot": "select-item-group",
148
- className: clsx(Select_module_default.itemGroup, normalizeClassName(className)),
149
- ...props
150
- });
151
- });
152
- const SelectItemGroupLabel = forwardRef(function SelectItemGroupLabel({ className, ...props }, ref) {
153
- return /* @__PURE__ */ jsx(Select.ItemGroupLabel, {
154
- ref,
155
- "data-slot": "select-item-group-label",
156
- className: clsx(Select_module_default.itemGroupLabel, normalizeClassName(className)),
157
- ...props
158
- });
159
- });
160
- const SelectItem = forwardRef(function SelectItem({ className, ...props }, ref) {
161
- return /* @__PURE__ */ jsx(Select.Item, {
162
- ref,
163
- "data-slot": "select-item",
164
- className: clsx(Select_module_default.item, normalizeClassName(className)),
165
- ...props
166
- });
167
- });
168
- const SelectItemText = forwardRef(function SelectItemText({ className, ...props }, ref) {
169
- return /* @__PURE__ */ jsx(Select.ItemText, {
170
- ref,
171
- "data-slot": "select-item-text",
172
- className: clsx(Select_module_default.itemText, normalizeClassName(className)),
173
- ...props
174
- });
175
- });
176
- const SelectItemIndicator = forwardRef(function SelectItemIndicator({ className, children, ...props }, ref) {
177
- return /* @__PURE__ */ jsx(Select.ItemIndicator, {
178
- ref,
179
- "data-slot": "select-item-indicator",
180
- className: clsx(Select_module_default.itemIndicator, normalizeClassName(className)),
181
- ...props,
182
- children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
183
- });
6
+ import { CheckIcon, ChevronUpDownIcon } from "../../internal/icons/ui/index.js";
7
+ import { normalizeClassName } from "../../internal/normalizeClassName.js";
8
+ import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
9
+ import { CloseButton } from "../close-button/index.js";
10
+ import Select_module from "./Select.module.js";
11
+ const Select_SelectRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, lazyMount = true, nativeFormControl = 'select', portalled, portalRef, unmountOnExit = true, ...props }, ref) {
12
+ return /*#__PURE__*/ jsx(OverlayPortalProvider, {
13
+ portalled: portalled,
14
+ portalRef: portalRef,
15
+ children: /*#__PURE__*/ jsx(Select.Root, {
16
+ ref: ref,
17
+ "data-slot": "select-root",
18
+ className: clsx(Select_module.root, normalizeClassName(className)),
19
+ asChild: asChild,
20
+ lazyMount: lazyMount,
21
+ unmountOnExit: unmountOnExit,
22
+ ...props,
23
+ children: withNativeFormControl(children, asChild, nativeFormControl)
24
+ })
25
+ });
26
+ });
27
+ const Select_SelectRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, lazyMount = true, nativeFormControl = 'select', portalled, portalRef, unmountOnExit = true, ...props }, ref) {
28
+ return /*#__PURE__*/ jsx(OverlayPortalProvider, {
29
+ portalled: portalled,
30
+ portalRef: portalRef,
31
+ children: /*#__PURE__*/ jsx(Select.RootProvider, {
32
+ ref: ref,
33
+ "data-slot": "select-root-provider",
34
+ className: clsx(Select_module.root, normalizeClassName(className)),
35
+ asChild: asChild,
36
+ lazyMount: lazyMount,
37
+ unmountOnExit: unmountOnExit,
38
+ ...props,
39
+ children: withNativeFormControl(children, asChild, nativeFormControl)
40
+ })
41
+ });
42
+ });
43
+ const Select_SelectLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
44
+ return /*#__PURE__*/ jsx(Select.Label, {
45
+ ref: ref,
46
+ "data-slot": "select-label",
47
+ className: clsx(Select_module.label, normalizeClassName(className)),
48
+ ...props
49
+ });
50
+ });
51
+ const Select_SelectControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
52
+ return /*#__PURE__*/ jsx(Select.Control, {
53
+ ref: ref,
54
+ "data-slot": "select-control",
55
+ className: clsx(Select_module.control, normalizeClassName(className)),
56
+ ...props
57
+ });
58
+ });
59
+ const Select_SelectTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
60
+ return /*#__PURE__*/ jsx(Select.Trigger, {
61
+ ref: ref,
62
+ "data-slot": "select-trigger",
63
+ asChild: asChild,
64
+ className: clsx(!asChild && Select_module.trigger, normalizeClassName(className)),
65
+ ...props
66
+ });
67
+ });
68
+ const Select_SelectValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
69
+ return /*#__PURE__*/ jsx(Select.ValueText, {
70
+ ref: ref,
71
+ "data-slot": "select-value-text",
72
+ className: clsx(Select_module.valueText, normalizeClassName(className)),
73
+ ...props
74
+ });
75
+ });
76
+ const Select_SelectClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
77
+ const triggerClassName = clsx(Select_module.clearTrigger, normalizeClassName(className));
78
+ if (asChild) return /*#__PURE__*/ jsx(Select.ClearTrigger, {
79
+ ref: ref,
80
+ asChild: true,
81
+ "data-slot": "select-clear-trigger",
82
+ className: triggerClassName,
83
+ "aria-label": ariaLabel,
84
+ "aria-labelledby": ariaLabelledBy,
85
+ ...props,
86
+ children: children
87
+ });
88
+ return /*#__PURE__*/ jsx(Select.ClearTrigger, {
89
+ ref: ref,
90
+ asChild: true,
91
+ "data-slot": "select-clear-trigger",
92
+ className: triggerClassName,
93
+ ...props,
94
+ children: /*#__PURE__*/ jsx(CloseButton.Root, {
95
+ "aria-label": ariaLabel ?? (null == ariaLabelledBy ? 'Clear selection' : void 0),
96
+ "aria-labelledby": ariaLabelledBy,
97
+ children: children
98
+ })
99
+ });
100
+ });
101
+ const Select_SelectIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
102
+ return /*#__PURE__*/ jsx(Select.Indicator, {
103
+ ref: ref,
104
+ "data-slot": "select-indicator",
105
+ className: clsx(Select_module.indicator, normalizeClassName(className)),
106
+ ...props,
107
+ children: children ?? /*#__PURE__*/ jsx(ChevronUpDownIcon, {})
108
+ });
109
+ });
110
+ const Select_SelectField = /*#__PURE__*/ forwardRef(function({ clearLabel, indicator, placeholder, ...props }, ref) {
111
+ return /*#__PURE__*/ jsxs(Select_SelectControl, {
112
+ ref: ref,
113
+ ...props,
114
+ children: [
115
+ /*#__PURE__*/ jsxs(Select_SelectTrigger, {
116
+ children: [
117
+ /*#__PURE__*/ jsx(Select_SelectValueText, {
118
+ placeholder: placeholder
119
+ }),
120
+ /*#__PURE__*/ jsx(Select_SelectIndicator, {
121
+ children: indicator
122
+ })
123
+ ]
124
+ }),
125
+ clearLabel && /*#__PURE__*/ jsx(Select_SelectClearTrigger, {
126
+ "aria-label": clearLabel
127
+ })
128
+ ]
129
+ });
130
+ });
131
+ const Select_SelectPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
132
+ return /*#__PURE__*/ jsx(OverlayPortal, {
133
+ children: /*#__PURE__*/ jsx(Select.Positioner, {
134
+ ref: ref,
135
+ "data-slot": "select-positioner",
136
+ className: clsx(Select_module.positioner, normalizeClassName(className)),
137
+ ...props
138
+ })
139
+ });
140
+ });
141
+ const Select_SelectContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
142
+ return /*#__PURE__*/ jsx(Select.Content, {
143
+ ref: ref,
144
+ "data-slot": "select-content",
145
+ className: clsx(Select_module.content, normalizeClassName(className)),
146
+ ...props
147
+ });
148
+ });
149
+ const Select_SelectList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
150
+ return /*#__PURE__*/ jsx(Select.List, {
151
+ ref: ref,
152
+ "data-slot": "select-list",
153
+ className: clsx(Select_module.list, normalizeClassName(className)),
154
+ ...props
155
+ });
156
+ });
157
+ const Select_SelectItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
158
+ return /*#__PURE__*/ jsx(Select.ItemGroup, {
159
+ ref: ref,
160
+ "data-slot": "select-item-group",
161
+ className: clsx(Select_module.itemGroup, normalizeClassName(className)),
162
+ ...props
163
+ });
164
+ });
165
+ const Select_SelectItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
166
+ return /*#__PURE__*/ jsx(Select.ItemGroupLabel, {
167
+ ref: ref,
168
+ "data-slot": "select-item-group-label",
169
+ className: clsx(Select_module.itemGroupLabel, normalizeClassName(className)),
170
+ ...props
171
+ });
172
+ });
173
+ const Select_SelectItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
174
+ return /*#__PURE__*/ jsx(Select.Item, {
175
+ ref: ref,
176
+ "data-slot": "select-item",
177
+ className: clsx(Select_module.item, normalizeClassName(className)),
178
+ ...props
179
+ });
180
+ });
181
+ const Select_SelectItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
182
+ return /*#__PURE__*/ jsx(Select.ItemText, {
183
+ ref: ref,
184
+ "data-slot": "select-item-text",
185
+ className: clsx(Select_module.itemText, normalizeClassName(className)),
186
+ ...props
187
+ });
188
+ });
189
+ const Select_SelectItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
190
+ return /*#__PURE__*/ jsx(Select.ItemIndicator, {
191
+ ref: ref,
192
+ "data-slot": "select-item-indicator",
193
+ className: clsx(Select_module.itemIndicator, normalizeClassName(className)),
194
+ ...props,
195
+ children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
196
+ });
184
197
  });
185
198
  function withNativeFormControl(children, asChild, nativeFormControl) {
186
- const formControl = /* @__PURE__ */ jsx(SelectFormControl, { nativeFormControl });
187
- if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, formControl] });
188
- const child = Children.only(children);
189
- return cloneElement(child, {}, child.props.children, formControl);
199
+ const formControl = /*#__PURE__*/ jsx(SelectFormControl, {
200
+ nativeFormControl: nativeFormControl
201
+ });
202
+ if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
203
+ children: [
204
+ children,
205
+ formControl
206
+ ]
207
+ });
208
+ const child = Children.only(children);
209
+ return /*#__PURE__*/ cloneElement(child, {}, child.props.children, formControl);
190
210
  }
191
211
  function SelectFormControl({ nativeFormControl }) {
192
- const select = useSelectContext();
193
- if (nativeFormControl === "select") return /* @__PURE__ */ jsx(Select.HiddenSelect, { "data-slot": "select-hidden-select" });
194
- const hiddenSelectProps = select.getHiddenSelectProps();
195
- return /* @__PURE__ */ jsx(Fragment$1, { children: select.value.map((value) => /* @__PURE__ */ jsx("input", {
196
- type: "hidden",
197
- "data-slot": "select-hidden-input",
198
- name: hiddenSelectProps.name,
199
- form: hiddenSelectProps.form,
200
- autoComplete: hiddenSelectProps.autoComplete,
201
- disabled: hiddenSelectProps.disabled,
202
- value
203
- }, value)) });
212
+ const select = useSelectContext();
213
+ if ('select' === nativeFormControl) return /*#__PURE__*/ jsx(Select.HiddenSelect, {
214
+ "data-slot": "select-hidden-select"
215
+ });
216
+ const hiddenSelectProps = select.getHiddenSelectProps();
217
+ return /*#__PURE__*/ jsxs(Fragment, {
218
+ children: [
219
+ /*#__PURE__*/ jsx("select", {
220
+ ...hiddenSelectProps,
221
+ "aria-hidden": true,
222
+ "data-slot": "select-hidden-input-proxy",
223
+ name: void 0,
224
+ required: false
225
+ }),
226
+ select.value.map((value)=>/*#__PURE__*/ jsx("input", {
227
+ type: "hidden",
228
+ "data-slot": "select-hidden-input",
229
+ name: hiddenSelectProps.name,
230
+ form: hiddenSelectProps.form,
231
+ autoComplete: hiddenSelectProps.autoComplete,
232
+ disabled: hiddenSelectProps.disabled,
233
+ value: value
234
+ }, value))
235
+ ]
236
+ });
204
237
  }
205
238
  function SelectItemTextContent({ className, ...props }) {
206
- return /* @__PURE__ */ jsx("span", {
207
- "data-slot": "select-item-text-content",
208
- className: clsx(Select_module_default.itemTextContent, normalizeClassName(className)),
209
- ...props
210
- });
239
+ return /*#__PURE__*/ jsx("span", {
240
+ "data-slot": "select-item-text-content",
241
+ className: clsx(Select_module.itemTextContent, normalizeClassName(className)),
242
+ ...props
243
+ });
211
244
  }
212
245
  function SelectItemTextIcon({ className, ...props }) {
213
- return /* @__PURE__ */ jsx("span", {
214
- "data-slot": "select-item-text-icon",
215
- className: clsx(Select_module_default.itemTextIcon, normalizeClassName(className)),
216
- ...props
217
- });
246
+ return /*#__PURE__*/ jsx("span", {
247
+ "data-slot": "select-item-text-icon",
248
+ className: clsx(Select_module.itemTextIcon, normalizeClassName(className)),
249
+ ...props
250
+ });
218
251
  }
219
252
  function SelectItemTextLabel({ className, ...props }) {
220
- return /* @__PURE__ */ jsx("span", {
221
- "data-slot": "select-item-text-label",
222
- className: clsx(Select_module_default.itemTextLabel, normalizeClassName(className)),
223
- ...props
224
- });
253
+ return /*#__PURE__*/ jsx("span", {
254
+ "data-slot": "select-item-text-label",
255
+ className: clsx(Select_module.itemTextLabel, normalizeClassName(className)),
256
+ ...props
257
+ });
225
258
  }
226
- const Select$1 = Object.assign(SelectRoot, {
227
- Root: SelectRoot,
228
- RootProvider: SelectRootProvider,
229
- Context: Select.Context,
230
- ItemContext: Select.ItemContext,
231
- useSelect,
232
- useSelectContext,
233
- useSelectItemContext,
234
- Label: SelectLabel,
235
- Control: SelectControl,
236
- Field: SelectField,
237
- Trigger: SelectTrigger,
238
- ValueText: SelectValueText,
239
- ClearTrigger: SelectClearTrigger,
240
- Indicator: SelectIndicator,
241
- Indicators: SelectIndicators,
242
- Positioner: SelectPositioner,
243
- Content: SelectContent,
244
- List: SelectList,
245
- ItemGroup: SelectItemGroup,
246
- ItemGroupLabel: SelectItemGroupLabel,
247
- Item: SelectItem,
248
- ItemText: SelectItemText,
249
- ItemIndicator: SelectItemIndicator,
250
- ItemTextContent: SelectItemTextContent,
251
- ItemTextIcon: SelectItemTextIcon,
252
- ItemTextLabel: SelectItemTextLabel
253
- });
254
- //#endregion
255
- export { Select$1 as Select };
259
+ const Select_Select = Object.assign(Select_SelectRoot, {
260
+ Root: Select_SelectRoot,
261
+ RootProvider: Select_SelectRootProvider,
262
+ Context: Select.Context,
263
+ ItemContext: Select.ItemContext,
264
+ useSelect: useSelect,
265
+ useSelectContext: useSelectContext,
266
+ useSelectItemContext: useSelectItemContext,
267
+ Label: Select_SelectLabel,
268
+ Control: Select_SelectControl,
269
+ Field: Select_SelectField,
270
+ Trigger: Select_SelectTrigger,
271
+ ValueText: Select_SelectValueText,
272
+ ClearTrigger: Select_SelectClearTrigger,
273
+ Indicator: Select_SelectIndicator,
274
+ Positioner: Select_SelectPositioner,
275
+ Content: Select_SelectContent,
276
+ List: Select_SelectList,
277
+ ItemGroup: Select_SelectItemGroup,
278
+ ItemGroupLabel: Select_SelectItemGroupLabel,
279
+ Item: Select_SelectItem,
280
+ ItemText: Select_SelectItemText,
281
+ ItemIndicator: Select_SelectItemIndicator,
282
+ ItemTextContent: SelectItemTextContent,
283
+ ItemTextIcon: SelectItemTextIcon,
284
+ ItemTextLabel: SelectItemTextLabel
285
+ });
286
+ export { Select_Select as Select, useSelect, useSelectContext, useSelectItemContext };
@@ -1,27 +1,26 @@
1
- import './Select.css';
2
- //#region src/components/select/Select.module.css
3
- var Select_module_default = {
4
- "clearTrigger": "FGbIOa_clearTrigger",
5
- "content": "FGbIOa_content",
6
- "control": "FGbIOa_control",
7
- "indicator": "FGbIOa_indicator",
8
- "indicators": "FGbIOa_indicators",
9
- "item": "FGbIOa_item",
10
- "itemGroup": "FGbIOa_itemGroup",
11
- "itemGroupLabel": "FGbIOa_itemGroupLabel",
12
- "itemIndicator": "FGbIOa_itemIndicator",
13
- "itemText": "FGbIOa_itemText",
14
- "itemTextContent": "FGbIOa_itemTextContent",
15
- "itemTextIcon": "FGbIOa_itemTextIcon",
16
- "itemTextLabel": "FGbIOa_itemTextLabel",
17
- "label": "FGbIOa_label",
18
- "list": "FGbIOa_list",
19
- "positioner": "FGbIOa_positioner",
20
- "root": "FGbIOa_root",
21
- "select-content-closed": "FGbIOa_select-content-closed",
22
- "select-content-open": "FGbIOa_select-content-open",
23
- "trigger": "FGbIOa_trigger",
24
- "valueText": "FGbIOa_valueText"
1
+ import "./Select_module.css";
2
+ const Select_module = {
3
+ root: "root-r1QO18",
4
+ label: "label-WNAZBK",
5
+ control: "control-QCSm_x",
6
+ trigger: "trigger-_8XyWR",
7
+ clearTrigger: "clearTrigger-bA52Dh",
8
+ valueText: "valueText-ZjlEZ9",
9
+ indicator: "indicator-ywAB27",
10
+ positioner: "positioner-mCDY9D",
11
+ content: "content-fSDhut",
12
+ "select-content-open": "select-content-open-BbqYJQ",
13
+ selectContentOpen: "select-content-open-BbqYJQ",
14
+ "select-content-closed": "select-content-closed-wG10Nx",
15
+ selectContentClosed: "select-content-closed-wG10Nx",
16
+ list: "list-cVXRp6",
17
+ itemGroup: "itemGroup-rRI1Ej",
18
+ itemGroupLabel: "itemGroupLabel-IeDuI7",
19
+ item: "item-p_9W64",
20
+ itemText: "itemText-yYAdr3",
21
+ itemIndicator: "itemIndicator-ONCmCH",
22
+ itemTextContent: "itemTextContent-QMS39O",
23
+ itemTextIcon: "itemTextIcon-gnF6sP",
24
+ itemTextLabel: "itemTextLabel-pPftyF"
25
25
  };
26
- //#endregion
27
- export { Select_module_default as default };
26
+ export default Select_module;