@moduix/react 2.2.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 (569) hide show
  1. package/README.md +15 -2
  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.css → Accordion_module.css} +76 -70
  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.css → Alert_module.css} +58 -57
  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.css → AspectRatio_module.css} +7 -6
  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.css → Avatar_module.css} +31 -29
  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.css → Breadcrumbs_module.css} +30 -22
  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.css → Card_module.css} +77 -72
  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.css → Checkbox_module.css} +46 -44
  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.css → Clipboard_module.css} +41 -39
  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.css → Collapsible_module.css} +50 -48
  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.css → ColorPicker_module.css} +176 -142
  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.css → Combobox_module.css} +92 -90
  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 -39
  107. package/dist/components/command-palette/{CommandPalette.css → CommandPalette_module.css} +118 -112
  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.css → DateInput_module.css} +41 -39
  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.css → DatePicker_module.css} +119 -127
  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.css → Dialog_module.css} +72 -67
  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.css → Editable_module.css} +59 -58
  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.css → Empty_module.css} +31 -18
  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.css → Field_module.css} +28 -41
  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.css → Fieldset_module.css} +13 -12
  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.css → FileUpload_module.css} +113 -101
  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.css → FloatingPanel_module.css} +124 -129
  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.css → Highlight_module.css} +2 -1
  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.css → HoverCard_module.css} +34 -30
  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.css → Image_module.css} +2 -1
  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.css → ImageCropper_module.css} +56 -47
  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.css → Kbd_module.css} +7 -6
  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.css → Lightbox_module.css} +108 -100
  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.css → Listbox_module.css} +93 -89
  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.css → Menu_module.css} +121 -116
  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.css → NativeSelect_module.css} +38 -32
  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.css → NumberInput_module.css} +52 -49
  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.css → Pagination_module.css} +41 -32
  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.css → PasswordInput_module.css} +49 -55
  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.css → PinInput_module.css} +32 -31
  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.css → Popover_module.css} +49 -39
  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.css → ProgressCircular_module.css} +27 -16
  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.css → ProgressLinear_module.css} +49 -37
  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.css → QrCode_module.css} +25 -10
  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.css → SegmentGroup_module.css} +44 -41
  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 -52
  333. package/dist/components/select/Select.js +273 -234
  334. package/dist/components/select/Select.module.js +25 -25
  335. package/dist/components/select/{Select.css → Select_module.css} +98 -92
  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.css → Sidebar_module.css} +181 -178
  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.css → SignaturePad_module.css} +20 -26
  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.css → Slider_module.css} +117 -66
  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.css → Spinner_module.css} +13 -14
  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.css → SplitButton_module.css} +10 -9
  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.css → Splitter_module.css} +68 -70
  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.css → Stack_module.css} +4 -3
  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.css → Steps_module.css} +138 -116
  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.css → Switch_module.css} +52 -40
  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.css → Table_module.css} +55 -54
  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.css → Tabs_module.css} +85 -84
  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.css → Tag_module.css} +41 -39
  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.css → TagsInput_module.css} +69 -64
  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.css → Textarea_module.css} +11 -10
  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.css → Timer_module.css} +33 -27
  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.css → Toast_module.css} +40 -39
  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.css → ToggleGroup_module.css} +22 -18
  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.css → Tooltip_module.css} +44 -31
  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.css → Tour_module.css} +164 -98
  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.css → TreeView_module.css} +90 -73
  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 +53 -38
  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/angle-slider/AngleSlider.css +0 -193
  527. package/dist/components/badge/Badge.css +0 -110
  528. package/dist/components/bleed/Bleed.css +0 -51
  529. package/dist/components/button/Button.css +0 -216
  530. package/dist/components/carousel/Carousel.css +0 -200
  531. package/dist/components/close-button/CloseButton.css +0 -49
  532. package/dist/components/container/Container.css +0 -45
  533. package/dist/components/drawer/Drawer.css +0 -501
  534. package/dist/components/heading/Heading.css +0 -58
  535. package/dist/components/input/Input.css +0 -84
  536. package/dist/components/input-group/InputGroup.css +0 -159
  537. package/dist/components/list/List.css +0 -118
  538. package/dist/components/marquee/Marquee.css +0 -114
  539. package/dist/components/radio-group/RadioGroup.css +0 -147
  540. package/dist/components/rating-group/RatingGroup.css +0 -133
  541. package/dist/components/scroll-area/ScrollArea.css +0 -167
  542. package/dist/components/separator/Separator.css +0 -45
  543. package/dist/components/skeleton/Skeleton.css +0 -31
  544. package/dist/components/swap/Swap.css +0 -45
  545. package/dist/components/text/Text.css +0 -87
  546. package/dist/components/toggle/Toggle.css +0 -167
  547. package/dist/components/typeset/Typeset.css +0 -317
  548. package/dist/index.d.ts +0 -86
  549. package/dist/index.js +0 -86
  550. package/dist/lib/moduix/icons/ui/Icons.d.ts +0 -7
  551. package/dist/lib/moduix/icons/ui/Icons.js +0 -532
  552. package/dist/lib/moduix/icons/ui/index.d.ts +0 -2
  553. package/dist/lib/moduix/normalizeClassName.js +0 -4
  554. package/dist/lib/moduix/overlayPortal.d.ts +0 -9
  555. package/dist/lib/moduix/overlayPortal.js +0 -21
  556. package/dist/lib/moduix/presets/contrast.css +0 -64
  557. package/dist/lib/moduix/presets/dense.css +0 -77
  558. package/dist/lib/moduix/presets/soft.css +0 -76
  559. package/dist/lib/moduix/styles/style.css +0 -305
  560. package/dist/presets/contrast.d.ts +0 -1
  561. package/dist/presets/contrast.js +0 -1
  562. package/dist/presets/dense.d.ts +0 -1
  563. package/dist/presets/dense.js +0 -1
  564. package/dist/presets/soft.d.ts +0 -1
  565. package/dist/presets/soft.js +0 -1
  566. package/dist/reset.d.ts +0 -1
  567. package/dist/reset.js +0 -1
  568. package/dist/style.d.ts +0 -1
  569. package/dist/style.js +0 -1
@@ -1,77 +0,0 @@
1
- [data-moduix-theme="dense"] {
2
- --moduix-background: oklch(98.5% .004 255);
3
- --moduix-foreground: oklch(18.5% .014 255);
4
- --moduix-card: oklch(99.8% .002 255);
5
- --moduix-card-foreground: oklch(18.5% .014 255);
6
- --moduix-popover: oklch(99.8% .002 255);
7
- --moduix-popover-foreground: oklch(18.5% .014 255);
8
- --moduix-primary: oklch(48% .16 255);
9
- --moduix-primary-foreground: oklch(99% .002 255);
10
- --moduix-secondary: oklch(95.8% .009 255);
11
- --moduix-secondary-foreground: oklch(24% .02 255);
12
- --moduix-muted: oklch(95.2% .008 255);
13
- --moduix-muted-foreground: oklch(47% .02 255);
14
- --moduix-accent: oklch(92.5% .02 255);
15
- --moduix-accent-foreground: oklch(22% .025 255);
16
- --moduix-border: oklch(88% .015 255);
17
- --moduix-input: oklch(84% .018 255);
18
- --moduix-ring: oklch(56% .14 255);
19
- --moduix-overlay: oklch(16% .02 255 / .24);
20
- --moduix-overlay-foreground: oklch(16% .02 255 / .08);
21
- --moduix-sidebar: oklch(97.2% .007 255);
22
- --moduix-sidebar-foreground: oklch(18.5% .014 255);
23
- --moduix-sidebar-primary: oklch(48% .16 255);
24
- --moduix-sidebar-primary-foreground: oklch(99% .002 255);
25
- --moduix-sidebar-accent: oklch(92.5% .02 255);
26
- --moduix-sidebar-accent-foreground: oklch(22% .025 255);
27
- --moduix-sidebar-border: oklch(88% .015 255);
28
- --moduix-sidebar-ring: oklch(56% .14 255);
29
- --moduix-radius: .45rem;
30
- --moduix-spacing-1: 3px;
31
- --moduix-spacing-2: 6px;
32
- --moduix-spacing-3: 10px;
33
- --moduix-spacing-4: 14px;
34
- --moduix-spacing-5: 18px;
35
- --moduix-spacing-6: 22px;
36
- --moduix-spacing-8: 28px;
37
- --moduix-spacing-10: 36px;
38
- --moduix-size-xs: 22px;
39
- --moduix-size-sm: 30px;
40
- --moduix-size-md: 34px;
41
- --moduix-size-lg: 38px;
42
- --moduix-size-xl: 44px;
43
- --moduix-shadow-sm: 0 1px 2px #0f172a14;
44
- --moduix-shadow-md: 0 3px 8px #0f172a1a;
45
- --moduix-shadow-lg: 0 12px 24px #0f172a1f;
46
-
47
- &[data-moduix-color-scheme="dark"], & [data-moduix-color-scheme="dark"] {
48
- color-scheme: dark;
49
- --moduix-background: oklch(16% .014 255);
50
- --moduix-foreground: oklch(97% .003 255);
51
- --moduix-card: oklch(20.5% .016 255);
52
- --moduix-card-foreground: oklch(97% .003 255);
53
- --moduix-popover: oklch(20.5% .016 255);
54
- --moduix-popover-foreground: oklch(97% .003 255);
55
- --moduix-primary: oklch(76% .13 255);
56
- --moduix-primary-foreground: oklch(17% .018 255);
57
- --moduix-secondary: oklch(25.5% .018 255);
58
- --moduix-secondary-foreground: oklch(97% .003 255);
59
- --moduix-muted: oklch(25% .016 255);
60
- --moduix-muted-foreground: oklch(71% .018 255);
61
- --moduix-accent: oklch(31% .03 255);
62
- --moduix-accent-foreground: oklch(97% .003 255);
63
- --moduix-border: oklch(72% .02 255 / .25);
64
- --moduix-input: oklch(76% .02 255 / .32);
65
- --moduix-ring: oklch(70% .12 255);
66
- --moduix-overlay: oklch(10% .02 255 / .78);
67
- --moduix-overlay-foreground: oklch(97% .003 255 / .09);
68
- --moduix-sidebar: oklch(19% .016 255);
69
- --moduix-sidebar-foreground: oklch(97% .003 255);
70
- --moduix-sidebar-primary: oklch(76% .13 255);
71
- --moduix-sidebar-primary-foreground: oklch(17% .018 255);
72
- --moduix-sidebar-accent: oklch(31% .03 255);
73
- --moduix-sidebar-accent-foreground: oklch(97% .003 255);
74
- --moduix-sidebar-border: oklch(72% .02 255 / .25);
75
- --moduix-sidebar-ring: oklch(70% .12 255);
76
- }
77
- }
@@ -1,76 +0,0 @@
1
- [data-moduix-theme="soft"] {
2
- --moduix-background: oklch(98.5% .012 320);
3
- --moduix-foreground: oklch(22.5% .024 315);
4
- --moduix-card: oklch(99.8% .004 320);
5
- --moduix-card-foreground: oklch(22.5% .024 315);
6
- --moduix-popover: oklch(99.8% .004 320);
7
- --moduix-popover-foreground: oklch(22.5% .024 315);
8
- --moduix-primary: oklch(54% .18 305);
9
- --moduix-primary-foreground: oklch(99% .004 320);
10
- --moduix-secondary: oklch(95.8% .018 320);
11
- --moduix-secondary-foreground: oklch(30% .04 310);
12
- --moduix-muted: oklch(95% .016 320);
13
- --moduix-muted-foreground: oklch(50% .035 315);
14
- --moduix-accent: oklch(92% .04 315);
15
- --moduix-accent-foreground: oklch(29% .05 305);
16
- --moduix-border: oklch(88% .025 320);
17
- --moduix-input: oklch(84% .03 320);
18
- --moduix-ring: oklch(61% .15 305);
19
- --moduix-overlay: oklch(22% .035 310 / .22);
20
- --moduix-overlay-foreground: oklch(22% .035 310 / .08);
21
- --moduix-sidebar: oklch(97.5% .014 320);
22
- --moduix-sidebar-foreground: oklch(22.5% .024 315);
23
- --moduix-sidebar-primary: oklch(54% .18 305);
24
- --moduix-sidebar-primary-foreground: oklch(99% .004 320);
25
- --moduix-sidebar-accent: oklch(92% .04 315);
26
- --moduix-sidebar-accent-foreground: oklch(29% .05 305);
27
- --moduix-sidebar-border: oklch(88% .025 320);
28
- --moduix-sidebar-ring: oklch(61% .15 305);
29
- --moduix-radius: 1rem;
30
- --moduix-spacing-2: 9px;
31
- --moduix-spacing-3: 14px;
32
- --moduix-spacing-4: 18px;
33
- --moduix-spacing-5: 22px;
34
- --moduix-spacing-6: 28px;
35
- --moduix-spacing-8: 36px;
36
- --moduix-spacing-10: 44px;
37
- --moduix-size-xs: 26px;
38
- --moduix-size-sm: 34px;
39
- --moduix-size-md: 40px;
40
- --moduix-size-lg: 44px;
41
- --moduix-size-xl: 52px;
42
- --moduix-shadow-sm: 0 2px 6px #61236b14;
43
- --moduix-shadow-md: 0 8px 18px #61236b1f;
44
- --moduix-shadow-lg: 0 18px 38px #61236b29;
45
-
46
- &[data-moduix-color-scheme="dark"], & [data-moduix-color-scheme="dark"] {
47
- color-scheme: dark;
48
- --moduix-background: oklch(17% .018 315);
49
- --moduix-foreground: oklch(97.2% .006 320);
50
- --moduix-card: oklch(22% .022 315);
51
- --moduix-card-foreground: oklch(97.2% .006 320);
52
- --moduix-popover: oklch(22% .022 315);
53
- --moduix-popover-foreground: oklch(97.2% .006 320);
54
- --moduix-primary: oklch(78% .13 305);
55
- --moduix-primary-foreground: oklch(23% .026 315);
56
- --moduix-secondary: oklch(28.5% .03 315);
57
- --moduix-secondary-foreground: oklch(97.2% .006 320);
58
- --moduix-muted: oklch(27.5% .026 315);
59
- --moduix-muted-foreground: oklch(74% .03 320);
60
- --moduix-accent: oklch(34% .06 310);
61
- --moduix-accent-foreground: oklch(97.2% .006 320);
62
- --moduix-border: oklch(76% .035 320 / .24);
63
- --moduix-input: oklch(76% .035 320 / .3);
64
- --moduix-ring: oklch(74% .11 305);
65
- --moduix-overlay: oklch(10% .02 315 / .8);
66
- --moduix-overlay-foreground: oklch(97.2% .006 320 / .1);
67
- --moduix-sidebar: oklch(20% .022 315);
68
- --moduix-sidebar-foreground: oklch(97.2% .006 320);
69
- --moduix-sidebar-primary: oklch(78% .13 305);
70
- --moduix-sidebar-primary-foreground: oklch(23% .026 315);
71
- --moduix-sidebar-accent: oklch(34% .06 310);
72
- --moduix-sidebar-accent-foreground: oklch(97.2% .006 320);
73
- --moduix-sidebar-border: oklch(76% .035 320 / .24);
74
- --moduix-sidebar-ring: oklch(74% .11 305);
75
- }
76
- }
@@ -1,305 +0,0 @@
1
- @layer moduix.reset;
2
-
3
- @layer moduix.tokens {
4
- @keyframes moduix-pulse {
5
- 50% {
6
- opacity: .3;
7
- }
8
- }
9
-
10
- @keyframes moduix-fade-in {
11
- from {
12
- opacity: 0;
13
- }
14
- }
15
-
16
- @keyframes moduix-fade-out {
17
- from {
18
- opacity: 1;
19
- }
20
-
21
- to {
22
- opacity: 0;
23
- }
24
- }
25
-
26
- @keyframes moduix-slide-up {
27
- from {
28
- opacity: 0;
29
- transform: translateY(4px);
30
- }
31
- }
32
-
33
- @keyframes moduix-slide-down {
34
- from {
35
- opacity: 0;
36
- transform: translateY(-4px);
37
- }
38
- }
39
-
40
- @keyframes moduix-spin {
41
- to {
42
- transform: rotate(360deg);
43
- }
44
- }
45
-
46
- :root {
47
- --moduix-animation-pulse: moduix-pulse 2.5s ease-in-out infinite;
48
- --moduix-animation-fade-in: moduix-fade-in var(--moduix-duration-normal) var(--moduix-ease-out);
49
- --moduix-animation-fade-out: moduix-fade-out var(--moduix-duration-normal) var(--moduix-ease-in);
50
- --moduix-animation-slide-up: moduix-slide-up var(--moduix-duration-normal) var(--moduix-ease-out);
51
- --moduix-animation-slide-down: moduix-slide-down var(--moduix-duration-normal)
52
- var(--moduix-ease-out);
53
- --moduix-animation-spin: moduix-spin .75s linear infinite;
54
- }
55
-
56
- @media (prefers-reduced-motion: reduce) {
57
- :root {
58
- --moduix-animation-pulse: none;
59
- --moduix-animation-fade-in: none;
60
- --moduix-animation-fade-out: none;
61
- --moduix-animation-slide-up: none;
62
- --moduix-animation-slide-down: none;
63
- --moduix-animation-spin: none;
64
- }
65
- }
66
-
67
- :root {
68
- --moduix-border-width-sm: 1px;
69
- --moduix-border-width-md: 2px;
70
- --moduix-border-width-lg: 4px;
71
- --moduix-focus-ring-width: var(--moduix-border-width-md);
72
- --moduix-focus-ring-inset-width: var(--moduix-border-width-sm);
73
- --moduix-focus-ring-offset: var(--moduix-spacing-0-5);
74
- --moduix-focus-ring-inset-offset: calc(var(--moduix-border-width-sm) * -1);
75
- }
76
-
77
- :root {
78
- --moduix-background: oklch(98.2% .003 285);
79
- --moduix-foreground: oklch(17.5% .01 285);
80
- --moduix-card: oklch(99.5% .002 285);
81
- --moduix-card-foreground: oklch(17.5% .01 285);
82
- --moduix-popover: oklch(99.5% .002 285);
83
- --moduix-popover-foreground: oklch(17.5% .01 285);
84
- --moduix-primary: oklch(23.5% .016 285);
85
- --moduix-primary-foreground: oklch(98.2% .003 285);
86
- --moduix-secondary: oklch(96% .006 285);
87
- --moduix-secondary-foreground: oklch(23.5% .016 285);
88
- --moduix-muted: oklch(95.5% .006 285);
89
- --moduix-muted-foreground: oklch(48.5% .015 285);
90
- --moduix-accent: oklch(95% .01 285);
91
- --moduix-accent-foreground: oklch(23.5% .016 285);
92
- --moduix-destructive: oklch(56.5% .235 22);
93
- --moduix-destructive-foreground: var(--moduix-primary-foreground);
94
- --moduix-success: oklch(62.7% .194 149.214);
95
- --moduix-warning: oklch(79.5% .184 86.047);
96
- --moduix-border: oklch(90.5% .008 285);
97
- --moduix-input: oklch(90.5% .008 285);
98
- --moduix-ring: oklch(62% .035 285);
99
- --moduix-overlay: oklch(17.5% .014 285 / .2);
100
- --moduix-overlay-foreground: oklch(17.5% .014 285 / .07);
101
- --moduix-chart-1: oklch(65% .18 295);
102
- --moduix-chart-2: oklch(70% .14 175);
103
- --moduix-chart-3: oklch(72% .16 55);
104
- --moduix-chart-4: oklch(60% .2 350);
105
- --moduix-chart-5: oklch(68% .13 130);
106
- --moduix-sidebar: oklch(97.5% .005 285);
107
- --moduix-sidebar-foreground: oklch(17.5% .01 285);
108
- --moduix-sidebar-primary: oklch(23.5% .016 285);
109
- --moduix-sidebar-primary-foreground: oklch(98.2% .003 285);
110
- --moduix-sidebar-accent: oklch(95% .01 285);
111
- --moduix-sidebar-accent-foreground: oklch(23.5% .016 285);
112
- --moduix-sidebar-border: oklch(90.5% .008 285);
113
- --moduix-sidebar-ring: oklch(62% .035 285);
114
-
115
- &[data-moduix-color-scheme="light"], & [data-moduix-color-scheme="light"] {
116
- color-scheme: light;
117
- }
118
-
119
- &[data-moduix-color-scheme="dark"], & [data-moduix-color-scheme="dark"] {
120
- color-scheme: dark;
121
- --moduix-background: oklch(15.5% .008 285);
122
- --moduix-foreground: oklch(96.8% .003 285);
123
- --moduix-card: oklch(20% .011 285);
124
- --moduix-card-foreground: oklch(96.8% .003 285);
125
- --moduix-popover: oklch(20% .011 285);
126
- --moduix-popover-foreground: oklch(96.8% .003 285);
127
- --moduix-primary: oklch(91.8% .007 285);
128
- --moduix-primary-foreground: oklch(20% .011 285);
129
- --moduix-secondary: oklch(25.5% .012 285);
130
- --moduix-secondary-foreground: oklch(96.8% .003 285);
131
- --moduix-muted: oklch(25.5% .012 285);
132
- --moduix-muted-foreground: oklch(70.5% .016 285);
133
- --moduix-accent: oklch(29% .015 285);
134
- --moduix-accent-foreground: oklch(96.8% .003 285);
135
- --moduix-destructive: oklch(69% .185 18);
136
- --moduix-destructive-foreground: var(--moduix-primary-foreground);
137
- --moduix-success: oklch(62.7% .194 149.214);
138
- --moduix-warning: oklch(79.5% .184 86.047);
139
- --moduix-border: oklch(100% .004 285 / .13);
140
- --moduix-input: oklch(100% .004 285 / .17);
141
- --moduix-ring: oklch(58.5% .038 285);
142
- --moduix-overlay: oklch(10.5% .012 285 / .74);
143
- --moduix-overlay-foreground: oklch(96.8% .003 285 / .09);
144
- --moduix-chart-1: oklch(72% .17 295);
145
- --moduix-chart-2: oklch(76% .13 175);
146
- --moduix-chart-3: oklch(78% .15 55);
147
- --moduix-chart-4: oklch(67% .19 350);
148
- --moduix-chart-5: oklch(74% .12 130);
149
- --moduix-sidebar: oklch(20% .011 285);
150
- --moduix-sidebar-foreground: oklch(96.8% .003 285);
151
- --moduix-sidebar-primary: oklch(72% .17 295);
152
- --moduix-sidebar-primary-foreground: oklch(15.5% .008 285);
153
- --moduix-sidebar-accent: oklch(29% .015 285);
154
- --moduix-sidebar-accent-foreground: oklch(96.8% .003 285);
155
- --moduix-sidebar-border: oklch(100% .004 285 / .13);
156
- --moduix-sidebar-ring: oklch(58.5% .038 285);
157
- }
158
-
159
- --moduix-color-background: var(--moduix-background);
160
- --moduix-color-foreground: var(--moduix-foreground);
161
- --moduix-color-card: var(--moduix-card);
162
- --moduix-color-card-foreground: var(--moduix-card-foreground);
163
- --moduix-color-popover: var(--moduix-popover);
164
- --moduix-color-popover-foreground: var(--moduix-popover-foreground);
165
- --moduix-color-primary: var(--moduix-primary);
166
- --moduix-color-primary-foreground: var(--moduix-primary-foreground);
167
- --moduix-color-secondary: var(--moduix-secondary);
168
- --moduix-color-secondary-foreground: var(--moduix-secondary-foreground);
169
- --moduix-color-muted: var(--moduix-muted);
170
- --moduix-color-muted-foreground: var(--moduix-muted-foreground);
171
- --moduix-color-accent: var(--moduix-accent);
172
- --moduix-color-accent-foreground: var(--moduix-accent-foreground);
173
- --moduix-color-destructive: var(--moduix-destructive);
174
- --moduix-color-destructive-foreground: var(--moduix-destructive-foreground);
175
- --moduix-color-success: var(--moduix-success);
176
- --moduix-color-warning: var(--moduix-warning);
177
- --moduix-color-border: var(--moduix-border);
178
- --moduix-color-input: var(--moduix-input);
179
- --moduix-color-ring: var(--moduix-ring);
180
- --moduix-color-overlay: var(--moduix-overlay);
181
- --moduix-color-overlay-foreground: var(--moduix-overlay-foreground);
182
- --moduix-color-chart-1: var(--moduix-chart-1);
183
- --moduix-color-chart-2: var(--moduix-chart-2);
184
- --moduix-color-chart-3: var(--moduix-chart-3);
185
- --moduix-color-chart-4: var(--moduix-chart-4);
186
- --moduix-color-chart-5: var(--moduix-chart-5);
187
- --moduix-color-sidebar: var(--moduix-sidebar);
188
- --moduix-color-sidebar-foreground: var(--moduix-sidebar-foreground);
189
- --moduix-color-sidebar-primary: var(--moduix-sidebar-primary);
190
- --moduix-color-sidebar-primary-foreground: var(--moduix-sidebar-primary-foreground);
191
- --moduix-color-sidebar-accent: var(--moduix-sidebar-accent);
192
- --moduix-color-sidebar-accent-foreground: var(--moduix-sidebar-accent-foreground);
193
- --moduix-color-sidebar-border: var(--moduix-sidebar-border);
194
- --moduix-color-sidebar-ring: var(--moduix-sidebar-ring);
195
- }
196
-
197
- :root {
198
- --moduix-opacity-disabled: .5;
199
- --moduix-opacity-loading: .85;
200
- --moduix-opacity-hover: .9;
201
- --moduix-radius: .625rem;
202
- --moduix-radius-none: 0;
203
- --moduix-radius-xs: calc(var(--moduix-radius) * .4);
204
- --moduix-radius-sm: calc(var(--moduix-radius) * .6);
205
- --moduix-radius-md: calc(var(--moduix-radius) * .8);
206
- --moduix-radius-lg: var(--moduix-radius);
207
- --moduix-radius-xl: calc(var(--moduix-radius) * 1.2);
208
- --moduix-radius-full: 9999px;
209
- --moduix-shadow-sm: 0 2px 4px 0 #0000001a, 0 1px 2px -1px #0000001a;
210
- --moduix-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
211
- --moduix-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
212
- --moduix-size-xs: 24px;
213
- --moduix-size-sm: 32px;
214
- --moduix-size-md: 36px;
215
- --moduix-size-lg: 40px;
216
- --moduix-size-xl: 48px;
217
- --moduix-spacing-0: 0px;
218
- --moduix-spacing-1: 4px;
219
- --moduix-spacing-0-5: calc((var(--moduix-spacing-0) + var(--moduix-spacing-1)) / 2);
220
- --moduix-spacing-2: 8px;
221
- --moduix-spacing-1-5: calc((var(--moduix-spacing-1) + var(--moduix-spacing-2)) / 2);
222
- --moduix-spacing-3: 12px;
223
- --moduix-spacing-2-5: calc((var(--moduix-spacing-2) + var(--moduix-spacing-3)) / 2);
224
- --moduix-spacing-4: 16px;
225
- --moduix-spacing-3-5: calc((var(--moduix-spacing-3) + var(--moduix-spacing-4)) / 2);
226
- --moduix-spacing-5: 20px;
227
- --moduix-spacing-4-5: calc((var(--moduix-spacing-4) + var(--moduix-spacing-5)) / 2);
228
- --moduix-spacing-6: 24px;
229
- --moduix-spacing-7: calc((var(--moduix-spacing-6) + var(--moduix-spacing-8)) / 2);
230
- --moduix-spacing-8: 32px;
231
- --moduix-spacing-10: 40px;
232
- --moduix-spacing-xs: var(--moduix-spacing-1);
233
- --moduix-spacing-sm: var(--moduix-spacing-2);
234
- --moduix-spacing-md: var(--moduix-spacing-3);
235
- --moduix-spacing-lg: var(--moduix-spacing-4);
236
- --moduix-spacing-xl: var(--moduix-spacing-5);
237
- --moduix-spacing-2xl: var(--moduix-spacing-6);
238
- --moduix-scale-popup: .9;
239
- --moduix-scale-dropdown: .95;
240
- --moduix-duration-fast: .15s;
241
- --moduix-duration-normal: .2s;
242
- --moduix-duration-slow: .35s;
243
- --moduix-duration-slower: .45s;
244
- --moduix-ease-in: cubic-bezier(.4, 0, 1, 1);
245
- --moduix-ease-out: cubic-bezier(0, 0, .2, 1);
246
- --moduix-ease-in-out: cubic-bezier(.4, 0, .2, 1);
247
- --moduix-ease-standard: ease;
248
- --moduix-ease-spring: cubic-bezier(.32, .72, 0, 1);
249
- --moduix-ease-emphasized: cubic-bezier(.22, 1, .36, 1);
250
- --moduix-transition-default: var(--moduix-duration-normal) var(--moduix-ease-in-out);
251
- --moduix-transition-fast: var(--moduix-duration-fast) var(--moduix-ease-in-out);
252
- --moduix-transition-slow: var(--moduix-duration-slow) var(--moduix-ease-in-out);
253
- --moduix-transition-slower: var(--moduix-duration-slower) var(--moduix-ease-in-out);
254
- --moduix-transition-spring: var(--moduix-duration-slower) var(--moduix-ease-spring);
255
- --moduix-transition-emphasized: var(--moduix-duration-slower) var(--moduix-ease-emphasized);
256
- }
257
-
258
- @media (prefers-reduced-motion: reduce) {
259
- :root {
260
- --moduix-duration-fast: .01ms;
261
- --moduix-duration-normal: .01ms;
262
- --moduix-duration-slow: .01ms;
263
- --moduix-duration-slower: .01ms;
264
- }
265
- }
266
-
267
- :root {
268
- --moduix-font-sans: "Noto Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
269
- "Segoe UI Symbol", "Noto Color Emoji";
270
- --moduix-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
271
- monospace;
272
- --moduix-weight-regular: 400;
273
- --moduix-weight-medium: 500;
274
- --moduix-weight-semibold: 600;
275
- --moduix-weight-bold: 700;
276
- --moduix-text-xs: 12px;
277
- --moduix-text-sm: 14px;
278
- --moduix-text-md: 16px;
279
- --moduix-text-lg: 18px;
280
- --moduix-text-xl: 20px;
281
- --moduix-text-2xl: 24px;
282
- --moduix-text-3xl: 30px;
283
- --moduix-line-height-text-xs: 16px;
284
- --moduix-line-height-text-sm: 20px;
285
- --moduix-line-height-text-md: 24px;
286
- --moduix-line-height-text-lg: 28px;
287
- --moduix-line-height-text-xl: 28px;
288
- --moduix-line-height-text-2xl: 32px;
289
- --moduix-line-height-text-3xl: 36px;
290
- --moduix-tracking-text-sm: -.01em;
291
- --moduix-tracking-text-xs: -.016em;
292
- --moduix-z-default: 1;
293
- --moduix-z-xs: 5;
294
- --moduix-z-sm: 10;
295
- --moduix-z-md: 20;
296
- --moduix-z-lg: 30;
297
- --moduix-z-xl: 40;
298
- --moduix-z-backdrop: 40;
299
- --moduix-z-modal: 50;
300
- --moduix-z-popup: 60;
301
- --moduix-z-toast: 70;
302
- }
303
- }
304
-
305
- @layer moduix.base, moduix.components;
@@ -1 +0,0 @@
1
- export { };
@@ -1 +0,0 @@
1
- import "../lib/moduix/presets/contrast.css";
@@ -1 +0,0 @@
1
- export { };
@@ -1 +0,0 @@
1
- import "../lib/moduix/presets/dense.css";
@@ -1 +0,0 @@
1
- export { };
@@ -1 +0,0 @@
1
- import "../lib/moduix/presets/soft.css";
package/dist/reset.d.ts DELETED
@@ -1 +0,0 @@
1
- export { };
package/dist/reset.js DELETED
@@ -1 +0,0 @@
1
- import "./lib/moduix/styles/reset.css";
package/dist/style.d.ts DELETED
@@ -1 +0,0 @@
1
- export { };
package/dist/style.js DELETED
@@ -1 +0,0 @@
1
- import "./lib/moduix/styles/style.css";