@cssui/react 1.0.0 → 1.0.2

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 (544) hide show
  1. package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts +8 -0
  2. package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
  3. package/dist/adapter-react/components/breadcrumb/Breadcrumb.js +170 -0
  4. package/dist/adapter-react/components/breadcrumb/Breadcrumb.js.map +1 -0
  5. package/dist/adapter-react/components/breadcrumb/index.d.ts +2 -0
  6. package/dist/adapter-react/components/breadcrumb/index.d.ts.map +1 -0
  7. package/dist/adapter-react/components/button/Button.d.ts +10 -0
  8. package/dist/adapter-react/components/button/Button.d.ts.map +1 -0
  9. package/dist/adapter-react/components/button/Button.js +49 -0
  10. package/dist/adapter-react/components/button/Button.js.map +1 -0
  11. package/dist/adapter-react/components/button/index.d.ts +3 -0
  12. package/dist/adapter-react/components/button/index.d.ts.map +1 -0
  13. package/dist/adapter-react/components/carousel/Carousel.d.ts +12 -0
  14. package/dist/adapter-react/components/carousel/Carousel.d.ts.map +1 -0
  15. package/dist/adapter-react/components/carousel/Carousel.js +155 -0
  16. package/dist/adapter-react/components/carousel/Carousel.js.map +1 -0
  17. package/dist/adapter-react/components/carousel/index.d.ts +3 -0
  18. package/dist/adapter-react/components/carousel/index.d.ts.map +1 -0
  19. package/dist/adapter-react/components/checkbox/Checkbox.d.ts +11 -0
  20. package/dist/adapter-react/components/checkbox/Checkbox.d.ts.map +1 -0
  21. package/dist/adapter-react/components/checkbox/Checkbox.js +69 -0
  22. package/dist/adapter-react/components/checkbox/Checkbox.js.map +1 -0
  23. package/dist/adapter-react/components/checkbox/CheckboxGroup.d.ts +22 -0
  24. package/dist/adapter-react/components/checkbox/CheckboxGroup.d.ts.map +1 -0
  25. package/dist/adapter-react/components/checkbox/CheckboxGroup.js +86 -0
  26. package/dist/adapter-react/components/checkbox/CheckboxGroup.js.map +1 -0
  27. package/dist/adapter-react/components/checkbox/index.d.ts +5 -0
  28. package/dist/adapter-react/components/checkbox/index.d.ts.map +1 -0
  29. package/dist/adapter-react/components/date-picker/DatePicker.d.ts +8 -0
  30. package/dist/adapter-react/components/date-picker/DatePicker.d.ts.map +1 -0
  31. package/dist/adapter-react/components/date-picker/DatePicker.js +438 -0
  32. package/dist/adapter-react/components/date-picker/DatePicker.js.map +1 -0
  33. package/dist/adapter-react/components/date-picker/index.d.ts +2 -0
  34. package/dist/adapter-react/components/date-picker/index.d.ts.map +1 -0
  35. package/dist/adapter-react/components/divider/Divider.d.ts +13 -0
  36. package/dist/adapter-react/components/divider/Divider.d.ts.map +1 -0
  37. package/dist/adapter-react/components/divider/Divider.js +31 -0
  38. package/dist/adapter-react/components/divider/Divider.js.map +1 -0
  39. package/dist/adapter-react/components/divider/index.d.ts +3 -0
  40. package/dist/adapter-react/components/divider/index.d.ts.map +1 -0
  41. package/dist/adapter-react/components/float-button/FloatButton.d.ts +17 -0
  42. package/dist/adapter-react/components/float-button/FloatButton.d.ts.map +1 -0
  43. package/dist/adapter-react/components/float-button/FloatButton.js +97 -0
  44. package/dist/adapter-react/components/float-button/FloatButton.js.map +1 -0
  45. package/dist/adapter-react/components/float-button/FloatButtonGroup.d.ts +9 -0
  46. package/dist/adapter-react/components/float-button/FloatButtonGroup.d.ts.map +1 -0
  47. package/dist/adapter-react/components/float-button/FloatButtonGroup.js +61 -0
  48. package/dist/adapter-react/components/float-button/FloatButtonGroup.js.map +1 -0
  49. package/dist/adapter-react/components/float-button/context.d.ts +3 -0
  50. package/dist/adapter-react/components/float-button/context.d.ts.map +1 -0
  51. package/dist/adapter-react/components/float-button/context.js +6 -0
  52. package/dist/adapter-react/components/float-button/context.js.map +1 -0
  53. package/dist/adapter-react/components/float-button/index.d.ts +5 -0
  54. package/dist/adapter-react/components/float-button/index.d.ts.map +1 -0
  55. package/dist/adapter-react/components/form/Form.d.ts +13 -0
  56. package/dist/adapter-react/components/form/Form.d.ts.map +1 -0
  57. package/dist/adapter-react/components/form/Form.js +355 -0
  58. package/dist/adapter-react/components/form/Form.js.map +1 -0
  59. package/dist/adapter-react/components/form/index.d.ts +4 -0
  60. package/dist/adapter-react/components/form/index.d.ts.map +1 -0
  61. package/dist/adapter-react/components/grid/Grid.d.ts +8 -0
  62. package/dist/adapter-react/components/grid/Grid.d.ts.map +1 -0
  63. package/dist/adapter-react/components/grid/Grid.js +51 -0
  64. package/dist/adapter-react/components/grid/Grid.js.map +1 -0
  65. package/dist/adapter-react/components/grid/GridItem.d.ts +8 -0
  66. package/dist/adapter-react/components/grid/GridItem.d.ts.map +1 -0
  67. package/dist/adapter-react/components/grid/GridItem.js +31 -0
  68. package/dist/adapter-react/components/grid/GridItem.js.map +1 -0
  69. package/dist/adapter-react/components/grid/index.d.ts +6 -0
  70. package/dist/adapter-react/components/grid/index.d.ts.map +1 -0
  71. package/dist/adapter-react/components/icon/Icon.d.ts +18 -0
  72. package/dist/adapter-react/components/icon/Icon.d.ts.map +1 -0
  73. package/dist/adapter-react/components/icon/Icon.js +51 -0
  74. package/dist/adapter-react/components/icon/Icon.js.map +1 -0
  75. package/dist/adapter-react/components/icon/index.d.ts +3 -0
  76. package/dist/adapter-react/components/icon/index.d.ts.map +1 -0
  77. package/dist/adapter-react/components/input/Input.d.ts +10 -0
  78. package/dist/adapter-react/components/input/Input.d.ts.map +1 -0
  79. package/dist/adapter-react/components/input/Input.js +79 -0
  80. package/dist/adapter-react/components/input/Input.js.map +1 -0
  81. package/dist/adapter-react/components/input/index.d.ts +3 -0
  82. package/dist/adapter-react/components/input/index.d.ts.map +1 -0
  83. package/dist/adapter-react/components/input-bar/InputBar.d.ts +9 -0
  84. package/dist/adapter-react/components/input-bar/InputBar.d.ts.map +1 -0
  85. package/dist/adapter-react/components/input-bar/InputBar.js +136 -0
  86. package/dist/adapter-react/components/input-bar/InputBar.js.map +1 -0
  87. package/dist/adapter-react/components/input-bar/index.d.ts +3 -0
  88. package/dist/adapter-react/components/input-bar/index.d.ts.map +1 -0
  89. package/dist/adapter-react/components/input-number/InputNumber.d.ts +9 -0
  90. package/dist/adapter-react/components/input-number/InputNumber.d.ts.map +1 -0
  91. package/dist/adapter-react/components/input-number/InputNumber.js +135 -0
  92. package/dist/adapter-react/components/input-number/InputNumber.js.map +1 -0
  93. package/dist/adapter-react/components/input-number/index.d.ts +2 -0
  94. package/dist/adapter-react/components/input-number/index.d.ts.map +1 -0
  95. package/dist/adapter-react/components/modal/Modal.d.ts +18 -0
  96. package/dist/adapter-react/components/modal/Modal.d.ts.map +1 -0
  97. package/dist/adapter-react/components/modal/Modal.js +108 -0
  98. package/dist/adapter-react/components/modal/Modal.js.map +1 -0
  99. package/dist/adapter-react/components/modal/index.d.ts +6 -0
  100. package/dist/adapter-react/components/modal/index.d.ts.map +1 -0
  101. package/dist/adapter-react/components/nav-menu/NavMenu.d.ts +11 -0
  102. package/dist/adapter-react/components/nav-menu/NavMenu.d.ts.map +1 -0
  103. package/dist/adapter-react/components/nav-menu/NavMenu.js +197 -0
  104. package/dist/adapter-react/components/nav-menu/NavMenu.js.map +1 -0
  105. package/dist/adapter-react/components/nav-menu/index.d.ts +3 -0
  106. package/dist/adapter-react/components/nav-menu/index.d.ts.map +1 -0
  107. package/dist/adapter-react/components/pagination/Pagination.d.ts +11 -0
  108. package/dist/adapter-react/components/pagination/Pagination.d.ts.map +1 -0
  109. package/dist/adapter-react/components/pagination/Pagination.js +128 -0
  110. package/dist/adapter-react/components/pagination/Pagination.js.map +1 -0
  111. package/dist/adapter-react/components/pagination/index.d.ts +3 -0
  112. package/dist/adapter-react/components/pagination/index.d.ts.map +1 -0
  113. package/dist/adapter-react/components/radio/Radio.d.ts +12 -0
  114. package/dist/adapter-react/components/radio/Radio.d.ts.map +1 -0
  115. package/dist/adapter-react/components/radio/Radio.js +83 -0
  116. package/dist/adapter-react/components/radio/Radio.js.map +1 -0
  117. package/dist/adapter-react/components/radio/RadioGroup.d.ts +24 -0
  118. package/dist/adapter-react/components/radio/RadioGroup.d.ts.map +1 -0
  119. package/dist/adapter-react/components/radio/RadioGroup.js +97 -0
  120. package/dist/adapter-react/components/radio/RadioGroup.js.map +1 -0
  121. package/dist/adapter-react/components/radio/index.d.ts +7 -0
  122. package/dist/adapter-react/components/radio/index.d.ts.map +1 -0
  123. package/dist/adapter-react/components/select/Select.d.ts +9 -0
  124. package/dist/adapter-react/components/select/Select.d.ts.map +1 -0
  125. package/dist/adapter-react/components/select/Select.js +189 -0
  126. package/dist/adapter-react/components/select/Select.js.map +1 -0
  127. package/dist/adapter-react/components/select/index.d.ts +3 -0
  128. package/dist/adapter-react/components/select/index.d.ts.map +1 -0
  129. package/dist/adapter-react/components/sidebar/Sidebar.d.ts +13 -0
  130. package/dist/adapter-react/components/sidebar/Sidebar.d.ts.map +1 -0
  131. package/dist/adapter-react/components/sidebar/Sidebar.js +242 -0
  132. package/dist/adapter-react/components/sidebar/Sidebar.js.map +1 -0
  133. package/dist/adapter-react/components/sidebar/index.d.ts +3 -0
  134. package/dist/adapter-react/components/sidebar/index.d.ts.map +1 -0
  135. package/dist/adapter-react/components/slider/Slider.d.ts +9 -0
  136. package/dist/adapter-react/components/slider/Slider.d.ts.map +1 -0
  137. package/dist/adapter-react/components/slider/Slider.js +150 -0
  138. package/dist/adapter-react/components/slider/Slider.js.map +1 -0
  139. package/dist/adapter-react/components/slider/index.d.ts +3 -0
  140. package/dist/adapter-react/components/slider/index.d.ts.map +1 -0
  141. package/dist/adapter-react/components/steps/Steps.d.ts +11 -0
  142. package/dist/adapter-react/components/steps/Steps.d.ts.map +1 -0
  143. package/dist/adapter-react/components/steps/Steps.js +172 -0
  144. package/dist/adapter-react/components/steps/Steps.js.map +1 -0
  145. package/dist/adapter-react/components/steps/index.d.ts +3 -0
  146. package/dist/adapter-react/components/steps/index.d.ts.map +1 -0
  147. package/dist/adapter-react/components/switch/Switch.d.ts +11 -0
  148. package/dist/adapter-react/components/switch/Switch.d.ts.map +1 -0
  149. package/dist/adapter-react/components/switch/Switch.js +98 -0
  150. package/dist/adapter-react/components/switch/Switch.js.map +1 -0
  151. package/dist/adapter-react/components/switch/index.d.ts +2 -0
  152. package/dist/adapter-react/components/switch/index.d.ts.map +1 -0
  153. package/dist/adapter-react/components/table/Table.d.ts +15 -0
  154. package/dist/adapter-react/components/table/Table.d.ts.map +1 -0
  155. package/dist/adapter-react/components/table/Table.js +211 -0
  156. package/dist/adapter-react/components/table/Table.js.map +1 -0
  157. package/dist/adapter-react/components/table/index.d.ts +3 -0
  158. package/dist/adapter-react/components/table/index.d.ts.map +1 -0
  159. package/dist/adapter-react/components/tabs/Tabs.d.ts +9 -0
  160. package/dist/adapter-react/components/tabs/Tabs.d.ts.map +1 -0
  161. package/dist/adapter-react/components/tabs/Tabs.js +62 -0
  162. package/dist/adapter-react/components/tabs/Tabs.js.map +1 -0
  163. package/dist/adapter-react/components/tabs/index.d.ts +2 -0
  164. package/dist/adapter-react/components/tabs/index.d.ts.map +1 -0
  165. package/dist/adapter-react/components/time-picker/TimePicker.d.ts +9 -0
  166. package/dist/adapter-react/components/time-picker/TimePicker.d.ts.map +1 -0
  167. package/dist/adapter-react/components/time-picker/TimePicker.js +271 -0
  168. package/dist/adapter-react/components/time-picker/TimePicker.js.map +1 -0
  169. package/dist/adapter-react/components/time-picker/index.d.ts +2 -0
  170. package/dist/adapter-react/components/time-picker/index.d.ts.map +1 -0
  171. package/dist/adapter-react/components/toast/Toast.d.ts +25 -0
  172. package/dist/adapter-react/components/toast/Toast.d.ts.map +1 -0
  173. package/dist/adapter-react/components/toast/Toast.js +223 -0
  174. package/dist/adapter-react/components/toast/Toast.js.map +1 -0
  175. package/dist/adapter-react/components/toast/index.d.ts +3 -0
  176. package/dist/adapter-react/components/toast/index.d.ts.map +1 -0
  177. package/dist/adapter-react/components/toolbars/Toolbar.d.ts +11 -0
  178. package/dist/adapter-react/components/toolbars/Toolbar.d.ts.map +1 -0
  179. package/dist/adapter-react/components/toolbars/Toolbar.js +66 -0
  180. package/dist/adapter-react/components/toolbars/Toolbar.js.map +1 -0
  181. package/dist/adapter-react/components/toolbars/index.d.ts +3 -0
  182. package/dist/adapter-react/components/toolbars/index.d.ts.map +1 -0
  183. package/dist/adapter-react/components/tooltip/Tooltip.d.ts +9 -0
  184. package/dist/adapter-react/components/tooltip/Tooltip.d.ts.map +1 -0
  185. package/dist/adapter-react/components/tooltip/Tooltip.js +141 -0
  186. package/dist/adapter-react/components/tooltip/Tooltip.js.map +1 -0
  187. package/dist/adapter-react/components/tooltip/index.d.ts +2 -0
  188. package/dist/adapter-react/components/tooltip/index.d.ts.map +1 -0
  189. package/dist/adapter-react/hooks/index.d.ts +12 -0
  190. package/dist/adapter-react/hooks/index.d.ts.map +1 -0
  191. package/dist/adapter-react/hooks/index.js +43 -0
  192. package/dist/adapter-react/hooks/index.js.map +1 -0
  193. package/dist/adapter-react/hooks/useControlled.d.ts +7 -0
  194. package/dist/adapter-react/hooks/useControlled.d.ts.map +1 -0
  195. package/dist/adapter-react/hooks/useControlled.js +21 -0
  196. package/dist/adapter-react/hooks/useControlled.js.map +1 -0
  197. package/dist/adapter-react/hooks/useEvent.d.ts +2 -0
  198. package/dist/adapter-react/hooks/useEvent.d.ts.map +1 -0
  199. package/dist/adapter-react/hooks/useMergedState.d.ts +4 -0
  200. package/dist/adapter-react/hooks/useMergedState.d.ts.map +1 -0
  201. package/dist/adapter-react/hooks/useMergedState.js +15 -0
  202. package/dist/adapter-react/hooks/useMergedState.js.map +1 -0
  203. package/dist/adapter-react/index.d.ts +37 -0
  204. package/dist/adapter-react/index.d.ts.map +1 -0
  205. package/dist/adapter-react/runtime/createComponent.d.ts +3 -0
  206. package/dist/adapter-react/runtime/createComponent.d.ts.map +1 -0
  207. package/dist/adapter-react/runtime/createComponent.js +6 -0
  208. package/dist/adapter-react/runtime/createComponent.js.map +1 -0
  209. package/dist/adapter-react/runtime/createProps.d.ts +2 -0
  210. package/dist/adapter-react/runtime/createProps.d.ts.map +1 -0
  211. package/dist/adapter-react/runtime/forwardRef.d.ts +3 -0
  212. package/dist/adapter-react/runtime/forwardRef.d.ts.map +1 -0
  213. package/dist/adapter-react/runtime/forwardRef.js +6 -0
  214. package/dist/adapter-react/runtime/forwardRef.js.map +1 -0
  215. package/dist/adapter-react/runtime/index.d.ts +5 -0
  216. package/dist/adapter-react/runtime/index.d.ts.map +1 -0
  217. package/dist/adapter-react/runtime/withInstall.d.ts +3 -0
  218. package/dist/adapter-react/runtime/withInstall.d.ts.map +1 -0
  219. package/dist/adapter-react/runtime/withInstall.js +6 -0
  220. package/dist/adapter-react/runtime/withInstall.js.map +1 -0
  221. package/dist/adapter-react/style/index.d.ts +2 -0
  222. package/dist/adapter-react/style/index.d.ts.map +1 -0
  223. package/dist/adapter-react/style/injectStyle.d.ts +2 -0
  224. package/dist/adapter-react/style/injectStyle.d.ts.map +1 -0
  225. package/dist/adapter-react/types.d.ts +6 -0
  226. package/dist/adapter-react/types.d.ts.map +1 -0
  227. package/dist/breadcrumb/index.d.ts +2 -2
  228. package/dist/breadcrumb/index.js +34 -1
  229. package/dist/breadcrumb/index.js.map +1 -0
  230. package/dist/breadcrumb/style.css +219 -1
  231. package/dist/button/index.d.ts +2 -2
  232. package/dist/button/index.js +34 -1
  233. package/dist/button/index.js.map +1 -0
  234. package/dist/button/style.css +151 -1
  235. package/dist/carousel/index.d.ts +2 -2
  236. package/dist/carousel/index.js +34 -1
  237. package/dist/carousel/index.js.map +1 -0
  238. package/dist/carousel/style.css +196 -1
  239. package/dist/checkbox/index.d.ts +3 -3
  240. package/dist/checkbox/index.js +34 -2
  241. package/dist/checkbox/index.js.map +1 -0
  242. package/dist/checkbox/style.css +135 -1
  243. package/dist/components/breadcrumb/index.d.ts +61 -0
  244. package/dist/components/breadcrumb/index.d.ts.map +1 -0
  245. package/dist/components/breadcrumb/index.js +49 -0
  246. package/dist/components/breadcrumb/index.js.map +1 -0
  247. package/dist/components/breadcrumb/style.css +219 -0
  248. package/dist/components/button/index.d.ts +15 -0
  249. package/dist/components/button/index.d.ts.map +1 -0
  250. package/dist/components/button/index.js +11 -0
  251. package/dist/components/button/index.js.map +1 -0
  252. package/dist/components/button/style.css +151 -0
  253. package/dist/components/carousel/index.d.ts +38 -0
  254. package/dist/components/carousel/index.d.ts.map +1 -0
  255. package/dist/components/carousel/index.js +33 -0
  256. package/dist/components/carousel/index.js.map +1 -0
  257. package/dist/components/carousel/style.css +196 -0
  258. package/dist/components/checkbox/index.d.ts +36 -0
  259. package/dist/components/checkbox/index.d.ts.map +1 -0
  260. package/dist/components/checkbox/index.js +34 -0
  261. package/dist/components/checkbox/index.js.map +1 -0
  262. package/dist/components/checkbox/style.css +135 -0
  263. package/dist/components/date-picker/index.d.ts +53 -0
  264. package/dist/components/date-picker/index.d.ts.map +1 -0
  265. package/dist/components/date-picker/index.js +105 -0
  266. package/dist/components/date-picker/index.js.map +1 -0
  267. package/dist/components/date-picker/style.css +491 -0
  268. package/dist/components/divider/index.d.ts +12 -0
  269. package/dist/components/divider/index.d.ts.map +1 -0
  270. package/dist/components/divider/index.js +23 -0
  271. package/dist/components/divider/index.js.map +1 -0
  272. package/dist/components/divider/style.css +100 -0
  273. package/dist/components/float-button/index.d.ts +32 -0
  274. package/dist/components/float-button/index.d.ts.map +1 -0
  275. package/dist/components/float-button/index.js +23 -0
  276. package/dist/components/float-button/index.js.map +1 -0
  277. package/dist/components/float-button/style.css +176 -0
  278. package/dist/components/form/index.d.ts +79 -0
  279. package/dist/components/form/index.d.ts.map +1 -0
  280. package/dist/components/form/index.js +144 -0
  281. package/dist/components/form/index.js.map +1 -0
  282. package/dist/components/form/style.css +79 -0
  283. package/dist/components/grid/index.d.ts +34 -0
  284. package/dist/components/grid/index.d.ts.map +1 -0
  285. package/dist/components/grid/index.js +109 -0
  286. package/dist/components/grid/index.js.map +1 -0
  287. package/dist/components/grid/style.css +189 -0
  288. package/dist/components/icon/index.d.ts +35 -0
  289. package/dist/components/icon/index.d.ts.map +1 -0
  290. package/dist/components/icon/index.js +16 -0
  291. package/dist/components/icon/index.js.map +1 -0
  292. package/dist/components/icon/style.css +28 -0
  293. package/dist/components/input/index.d.ts +29 -0
  294. package/dist/components/input/index.d.ts.map +1 -0
  295. package/dist/components/input/index.js +19 -0
  296. package/dist/components/input/index.js.map +1 -0
  297. package/dist/components/input/style.css +110 -0
  298. package/dist/components/input-bar/index.d.ts +31 -0
  299. package/dist/components/input-bar/index.d.ts.map +1 -0
  300. package/dist/components/input-bar/index.js +18 -0
  301. package/dist/components/input-bar/index.js.map +1 -0
  302. package/dist/components/input-bar/style.css +180 -0
  303. package/dist/components/input-number/index.d.ts +28 -0
  304. package/dist/components/input-number/index.d.ts.map +1 -0
  305. package/dist/components/input-number/index.js +21 -0
  306. package/dist/components/input-number/index.js.map +1 -0
  307. package/dist/components/input-number/style.css +109 -0
  308. package/dist/components/modal/index.d.ts +17 -0
  309. package/dist/components/modal/index.d.ts.map +1 -0
  310. package/dist/components/modal/index.js +10 -0
  311. package/dist/components/modal/index.js.map +1 -0
  312. package/dist/components/modal/style.css +150 -0
  313. package/dist/components/nav-menu/index.d.ts +35 -0
  314. package/dist/components/nav-menu/index.d.ts.map +1 -0
  315. package/dist/components/nav-menu/index.js +47 -0
  316. package/dist/components/nav-menu/index.js.map +1 -0
  317. package/dist/components/nav-menu/style.css +241 -0
  318. package/dist/components/pagination/index.d.ts +32 -0
  319. package/dist/components/pagination/index.d.ts.map +1 -0
  320. package/dist/components/pagination/index.js +35 -0
  321. package/dist/components/pagination/index.js.map +1 -0
  322. package/dist/components/pagination/style.css +150 -0
  323. package/dist/components/radio/index.d.ts +45 -0
  324. package/dist/components/radio/index.d.ts.map +1 -0
  325. package/dist/components/radio/index.js +48 -0
  326. package/dist/components/radio/index.js.map +1 -0
  327. package/dist/components/radio/style.css +294 -0
  328. package/dist/components/select/index.d.ts +30 -0
  329. package/dist/components/select/index.d.ts.map +1 -0
  330. package/dist/components/select/index.js +16 -0
  331. package/dist/components/select/index.js.map +1 -0
  332. package/dist/components/select/style.css +255 -0
  333. package/dist/components/sidebar/index.d.ts +19 -0
  334. package/dist/components/sidebar/index.d.ts.map +1 -0
  335. package/dist/components/sidebar/index.js +23 -0
  336. package/dist/components/sidebar/index.js.map +1 -0
  337. package/dist/components/sidebar/style.css +270 -0
  338. package/dist/components/slider/index.d.ts +29 -0
  339. package/dist/components/slider/index.d.ts.map +1 -0
  340. package/dist/components/slider/index.js +24 -0
  341. package/dist/components/slider/index.js.map +1 -0
  342. package/dist/components/slider/style.css +206 -0
  343. package/dist/components/src/index.d.ts +28 -0
  344. package/dist/components/src/index.d.ts.map +1 -0
  345. package/dist/components/steps/index.d.ts +41 -0
  346. package/dist/components/steps/index.d.ts.map +1 -0
  347. package/dist/components/steps/index.js +32 -0
  348. package/dist/components/steps/index.js.map +1 -0
  349. package/dist/components/steps/style.css +286 -0
  350. package/dist/components/switch/index.d.ts +16 -0
  351. package/dist/components/switch/index.d.ts.map +1 -0
  352. package/dist/components/switch/index.js +17 -0
  353. package/dist/components/switch/index.js.map +1 -0
  354. package/dist/components/switch/style.css +160 -0
  355. package/dist/components/table/index.d.ts +49 -0
  356. package/dist/components/table/index.d.ts.map +1 -0
  357. package/dist/components/table/index.js +74 -0
  358. package/dist/components/table/index.js.map +1 -0
  359. package/dist/components/table/style.css +131 -0
  360. package/dist/components/tabs/index.d.ts +34 -0
  361. package/dist/components/tabs/index.d.ts.map +1 -0
  362. package/dist/components/tabs/index.js +21 -0
  363. package/dist/components/tabs/index.js.map +1 -0
  364. package/dist/components/tabs/style.css +146 -0
  365. package/dist/components/time-picker/index.d.ts +56 -0
  366. package/dist/components/time-picker/index.d.ts.map +1 -0
  367. package/dist/components/time-picker/index.js +84 -0
  368. package/dist/components/time-picker/index.js.map +1 -0
  369. package/dist/components/time-picker/style.css +258 -0
  370. package/dist/components/toast/index.d.ts +41 -0
  371. package/dist/components/toast/index.d.ts.map +1 -0
  372. package/dist/components/toast/index.js +24 -0
  373. package/dist/components/toast/index.js.map +1 -0
  374. package/dist/components/toast/style.css +117 -0
  375. package/dist/components/toolbars/index.d.ts +31 -0
  376. package/dist/components/toolbars/index.d.ts.map +1 -0
  377. package/dist/components/toolbars/index.js +32 -0
  378. package/dist/components/toolbars/index.js.map +1 -0
  379. package/dist/components/toolbars/style.css +220 -0
  380. package/dist/components/tooltip/index.d.ts +31 -0
  381. package/dist/components/tooltip/index.d.ts.map +1 -0
  382. package/dist/components/tooltip/index.js +17 -0
  383. package/dist/components/tooltip/index.js.map +1 -0
  384. package/dist/components/tooltip/style.css +138 -0
  385. package/dist/date-picker/index.d.ts +2 -2
  386. package/dist/date-picker/index.js +34 -1
  387. package/dist/date-picker/index.js.map +1 -0
  388. package/dist/date-picker/style.css +491 -1
  389. package/dist/divider/index.d.ts +2 -2
  390. package/dist/divider/index.js +34 -1
  391. package/dist/divider/index.js.map +1 -0
  392. package/dist/divider/style.css +100 -1
  393. package/dist/float-button/index.d.ts +2 -2
  394. package/dist/float-button/index.js +34 -1
  395. package/dist/float-button/index.js.map +1 -0
  396. package/dist/float-button/style.css +176 -1
  397. package/dist/form/index.d.ts +2 -2
  398. package/dist/form/index.js +34 -1
  399. package/dist/form/index.js.map +1 -0
  400. package/dist/form/style.css +79 -1
  401. package/dist/grid/index.d.ts +2 -2
  402. package/dist/grid/index.js +34 -1
  403. package/dist/grid/index.js.map +1 -0
  404. package/dist/grid/style.css +189 -1
  405. package/dist/icon/index.d.ts +2 -2
  406. package/dist/icon/index.js +34 -1
  407. package/dist/icon/index.js.map +1 -0
  408. package/dist/icon/style.css +28 -1
  409. package/dist/icons/react/add_circle.js +30 -0
  410. package/dist/icons/react/add_circle.js.map +1 -0
  411. package/dist/icons/react/arrow_back.js +24 -0
  412. package/dist/icons/react/arrow_back.js.map +1 -0
  413. package/dist/icons/react/arrow_drop_down.js +26 -0
  414. package/dist/icons/react/arrow_drop_down.js.map +1 -0
  415. package/dist/icons/react/arrow_forward.js +26 -0
  416. package/dist/icons/react/arrow_forward.js.map +1 -0
  417. package/dist/icons/react/calendar_month.js +26 -0
  418. package/dist/icons/react/calendar_month.js.map +1 -0
  419. package/dist/icons/react/check.js +24 -0
  420. package/dist/icons/react/check.js.map +1 -0
  421. package/dist/icons/react/chevron_right.js +26 -0
  422. package/dist/icons/react/chevron_right.js.map +1 -0
  423. package/dist/icons/react/close.js +24 -0
  424. package/dist/icons/react/close.js.map +1 -0
  425. package/dist/icons/react/config.js +32 -0
  426. package/dist/icons/react/config.js.map +1 -0
  427. package/dist/icons/react/dark_mode.js +24 -0
  428. package/dist/icons/react/dark_mode.js.map +1 -0
  429. package/dist/icons/react/do_not_disturb_on.js +32 -0
  430. package/dist/icons/react/do_not_disturb_on.js.map +1 -0
  431. package/dist/icons/react/error.js +24 -0
  432. package/dist/icons/react/error.js.map +1 -0
  433. package/dist/icons/react/home.js +27 -0
  434. package/dist/icons/react/home.js.map +1 -0
  435. package/dist/icons/react/index.js +27 -0
  436. package/dist/icons/react/index.js.map +1 -0
  437. package/dist/icons/react/info.js +30 -0
  438. package/dist/icons/react/info.js.map +1 -0
  439. package/dist/icons/react/logo_Block.js +30 -0
  440. package/dist/icons/react/logo_Block.js.map +1 -0
  441. package/dist/icons/react/logo_Horizontal.js +32 -0
  442. package/dist/icons/react/logo_Horizontal.js.map +1 -0
  443. package/dist/icons/react/looks_3.js +24 -0
  444. package/dist/icons/react/looks_3.js.map +1 -0
  445. package/dist/icons/react/looks_one.js +30 -0
  446. package/dist/icons/react/looks_one.js.map +1 -0
  447. package/dist/icons/react/looks_two.js +24 -0
  448. package/dist/icons/react/looks_two.js.map +1 -0
  449. package/dist/icons/react/menu.js +24 -0
  450. package/dist/icons/react/menu.js.map +1 -0
  451. package/dist/icons/react/menu_open.js +24 -0
  452. package/dist/icons/react/menu_open.js.map +1 -0
  453. package/dist/icons/react/more_horiz.js +27 -0
  454. package/dist/icons/react/more_horiz.js.map +1 -0
  455. package/dist/icons/react/schedule.js +24 -0
  456. package/dist/icons/react/schedule.js.map +1 -0
  457. package/dist/icons/react/search.js +30 -0
  458. package/dist/icons/react/search.js.map +1 -0
  459. package/dist/icons/react/sunny.js +24 -0
  460. package/dist/icons/react/sunny.js.map +1 -0
  461. package/dist/icons/react/warning.js +30 -0
  462. package/dist/icons/react/warning.js.map +1 -0
  463. package/dist/index.css +5214 -0
  464. package/dist/index.css.map +1 -0
  465. package/dist/input/index.d.ts +2 -2
  466. package/dist/input/index.js +34 -1
  467. package/dist/input/index.js.map +1 -0
  468. package/dist/input/style.css +110 -1
  469. package/dist/input-bar/index.d.ts +2 -2
  470. package/dist/input-bar/index.js +34 -1
  471. package/dist/input-bar/index.js.map +1 -0
  472. package/dist/input-bar/style.css +180 -1
  473. package/dist/input-number/index.d.ts +1 -1
  474. package/dist/input-number/index.js +34 -1
  475. package/dist/input-number/index.js.map +1 -0
  476. package/dist/input-number/style.css +109 -1
  477. package/dist/modal/index.d.ts +2 -2
  478. package/dist/modal/index.js +34 -1
  479. package/dist/modal/index.js.map +1 -0
  480. package/dist/modal/style.css +150 -1
  481. package/dist/nav-menu/index.d.ts +2 -2
  482. package/dist/nav-menu/index.js +34 -1
  483. package/dist/nav-menu/index.js.map +1 -0
  484. package/dist/nav-menu/style.css +241 -1
  485. package/dist/pagination/index.d.ts +1 -1
  486. package/dist/pagination/index.js +34 -1
  487. package/dist/pagination/index.js.map +1 -0
  488. package/dist/pagination/style.css +150 -1
  489. package/dist/radio/index.d.ts +3 -3
  490. package/dist/radio/index.js +34 -2
  491. package/dist/radio/index.js.map +1 -0
  492. package/dist/radio/style.css +294 -1
  493. package/dist/select/index.d.ts +2 -2
  494. package/dist/select/index.js +34 -1
  495. package/dist/select/index.js.map +1 -0
  496. package/dist/select/style.css +255 -1
  497. package/dist/sidebar/index.d.ts +2 -2
  498. package/dist/sidebar/index.js +34 -1
  499. package/dist/sidebar/index.js.map +1 -0
  500. package/dist/sidebar/style.css +270 -1
  501. package/dist/slider/index.d.ts +2 -2
  502. package/dist/slider/index.js +34 -1
  503. package/dist/slider/index.js.map +1 -0
  504. package/dist/slider/style.css +206 -1
  505. package/dist/src/index.js +33 -31
  506. package/dist/src/index.js.map +1 -0
  507. package/dist/steps/index.d.ts +1 -1
  508. package/dist/steps/index.js +34 -1
  509. package/dist/steps/index.js.map +1 -0
  510. package/dist/steps/style.css +286 -1
  511. package/dist/style.css +2 -0
  512. package/dist/switch/index.d.ts +2 -2
  513. package/dist/switch/index.js +34 -1
  514. package/dist/switch/index.js.map +1 -0
  515. package/dist/switch/style.css +160 -1
  516. package/dist/table/index.d.ts +1 -1
  517. package/dist/table/index.js +34 -1
  518. package/dist/table/index.js.map +1 -0
  519. package/dist/table/style.css +131 -1
  520. package/dist/tabs/index.d.ts +2 -2
  521. package/dist/tabs/index.js +34 -1
  522. package/dist/tabs/index.js.map +1 -0
  523. package/dist/tabs/style.css +146 -1
  524. package/dist/theme.css +183 -0
  525. package/dist/time-picker/index.d.ts +2 -2
  526. package/dist/time-picker/index.js +34 -1
  527. package/dist/time-picker/index.js.map +1 -0
  528. package/dist/time-picker/style.css +258 -1
  529. package/dist/toast/index.d.ts +4 -4
  530. package/dist/toast/index.js +38 -3
  531. package/dist/toast/index.js.map +1 -0
  532. package/dist/toast/style.css +117 -1
  533. package/dist/toolbars/index.d.ts +3 -3
  534. package/dist/toolbars/index.js +34 -1
  535. package/dist/toolbars/index.js.map +1 -0
  536. package/dist/toolbars/style.css +220 -1
  537. package/dist/tooltip/index.d.ts +1 -1
  538. package/dist/tooltip/index.js +34 -1
  539. package/dist/tooltip/index.js.map +1 -0
  540. package/dist/tooltip/style.css +138 -1
  541. package/dist/utils/src/index.js +6 -0
  542. package/dist/utils/src/index.js.map +1 -0
  543. package/package.json +9 -7
  544. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -0,0 +1,355 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { useMemo, useState, useEffect } from 'react';
3
+ import { getFormInitialValues, normalizeFormValues, isFormFieldRequired, getFormItemClassNames, getFormClassNames, validateFormValues, normalizeFormValue, validateFormField } from '../../../components/form/index.js';
4
+ import { cn } from '../../../utils/src/index.js';
5
+ import { createComponent } from '../../runtime/createComponent.js';
6
+ import { withInstall } from '../../runtime/withInstall.js';
7
+ import { forwardRef } from '../../runtime/forwardRef.js';
8
+ import { Button } from '../button/Button.js';
9
+ import { Checkbox } from '../checkbox/Checkbox.js';
10
+ import { CheckboxGroup } from '../checkbox/CheckboxGroup.js';
11
+ import { DatePicker } from '../date-picker/DatePicker.js';
12
+ import IconComponent from '../icon/Icon.js';
13
+ import { Input } from '../input/Input.js';
14
+ import { InputBar } from '../input-bar/InputBar.js';
15
+ import { InputNumber } from '../input-number/InputNumber.js';
16
+ import { RadioGroup } from '../radio/RadioGroup.js';
17
+ import { Select } from '../select/Select.js';
18
+ import { Slider } from '../slider/Slider.js';
19
+ import { Switch } from '../switch/Switch.js';
20
+ import { TimePicker } from '../time-picker/TimePicker.js';
21
+
22
+ const FormComponent = createComponent(
23
+ forwardRef((props, ref) => {
24
+ const {
25
+ fields,
26
+ values,
27
+ initialValues,
28
+ layout = "vertical",
29
+ validateTrigger = "submit",
30
+ submitText = "\u63D0\u4EA4",
31
+ resetText = "\u91CD\u7F6E",
32
+ showReset = true,
33
+ showActions = true,
34
+ disabled = false,
35
+ className,
36
+ onChange,
37
+ onSubmit,
38
+ onSubmitFailed,
39
+ onReset,
40
+ onValidationChange,
41
+ ...restProps
42
+ } = props;
43
+ const seededValues = useMemo(
44
+ () => getFormInitialValues(fields, initialValues),
45
+ [fields, initialValues]
46
+ );
47
+ const [innerValues, setInnerValues] = useState(seededValues);
48
+ const [errors, setErrors] = useState({});
49
+ useEffect(() => {
50
+ if (values === void 0) {
51
+ setInnerValues((previousValues) => normalizeFormValues(fields, previousValues, initialValues));
52
+ }
53
+ }, [fields, initialValues, values]);
54
+ const mergedValues = useMemo(
55
+ () => normalizeFormValues(fields, values ?? innerValues, initialValues),
56
+ [fields, initialValues, innerValues, values]
57
+ );
58
+ const updateErrors = (nextErrors) => {
59
+ setErrors(nextErrors);
60
+ onValidationChange?.(nextErrors);
61
+ };
62
+ const handleFieldChange = (field, nextValue) => {
63
+ const nextValues = normalizeFormValues(
64
+ fields,
65
+ { ...mergedValues, [field.name]: normalizeFormValue(field, nextValue) },
66
+ initialValues
67
+ );
68
+ if (values === void 0) {
69
+ setInnerValues(nextValues);
70
+ }
71
+ onChange?.(nextValues, field.name, nextValues[field.name]);
72
+ const nextError = validateFormField({
73
+ field,
74
+ value: nextValues[field.name],
75
+ values: nextValues,
76
+ trigger: "change",
77
+ validateTrigger
78
+ });
79
+ const nextErrors = { ...errors };
80
+ if (nextError) {
81
+ nextErrors[field.name] = nextError;
82
+ } else {
83
+ delete nextErrors[field.name];
84
+ }
85
+ updateErrors(nextErrors);
86
+ };
87
+ const handleReset = () => {
88
+ if (disabled) {
89
+ return;
90
+ }
91
+ const nextValues = getFormInitialValues(fields, initialValues);
92
+ if (values === void 0) {
93
+ setInnerValues(nextValues);
94
+ }
95
+ updateErrors({});
96
+ onReset?.(nextValues);
97
+ };
98
+ const handleSubmit = (event) => {
99
+ event.preventDefault();
100
+ if (disabled) {
101
+ return;
102
+ }
103
+ const nextErrors = validateFormValues({
104
+ fields,
105
+ values: mergedValues,
106
+ trigger: "submit",
107
+ validateTrigger
108
+ });
109
+ updateErrors(nextErrors);
110
+ if (Object.keys(nextErrors).length > 0) {
111
+ onSubmitFailed?.(nextErrors, mergedValues);
112
+ return;
113
+ }
114
+ onSubmit?.(mergedValues);
115
+ };
116
+ const renderCheckboxGroup = (field, errorMessage) => {
117
+ const checkboxValue = Array.isArray(mergedValues[field.name]) ? mergedValues[field.name] : [];
118
+ const componentProps = field.componentProps ?? {};
119
+ return /* @__PURE__ */ jsx(
120
+ CheckboxGroup,
121
+ {
122
+ ...componentProps,
123
+ name: field.name,
124
+ value: checkboxValue,
125
+ options: field.options ?? [],
126
+ direction: componentProps.direction ?? "vertical",
127
+ disabled: disabled || field.disabled,
128
+ error: Boolean(errorMessage),
129
+ onChange: (value) => handleFieldChange(field, value)
130
+ }
131
+ );
132
+ };
133
+ const renderFieldFeedback = (errorMessage, helpText) => {
134
+ if (errorMessage) {
135
+ return /* @__PURE__ */ jsxs("p", { className: "css-form__error", children: [
136
+ /* @__PURE__ */ jsx(IconComponent, { name: "Error", size: 18 }),
137
+ /* @__PURE__ */ jsx("span", { children: errorMessage })
138
+ ] });
139
+ }
140
+ if (helpText) {
141
+ return /* @__PURE__ */ jsx("p", { className: "css-form__help", children: helpText });
142
+ }
143
+ return null;
144
+ };
145
+ const shouldRenderOuterLabel = (field) => field.type === "checkbox-group" && field.label;
146
+ const getNumericFieldValue = (field) => {
147
+ const rawValue = mergedValues[field.name];
148
+ return typeof rawValue === "number" ? rawValue : 0;
149
+ };
150
+ const getDatePickerFieldValue = (field, range) => {
151
+ const rawValue = mergedValues[field.name];
152
+ if (range) {
153
+ return Array.isArray(rawValue) ? [String(rawValue[0] ?? ""), String(rawValue[1] ?? "")] : ["", ""];
154
+ }
155
+ return String(rawValue ?? "");
156
+ };
157
+ const renderFieldControl = (field, errorMessage) => {
158
+ const componentProps = field.componentProps ?? {};
159
+ switch (field.type) {
160
+ case "textarea":
161
+ return /* @__PURE__ */ jsx(
162
+ Input,
163
+ {
164
+ ...componentProps,
165
+ type: "textarea",
166
+ label: field.label,
167
+ value: String(mergedValues[field.name] ?? ""),
168
+ placeholder: field.placeholder,
169
+ disabled: disabled || field.disabled,
170
+ status: errorMessage ? "error" : "default",
171
+ onChange: (value) => handleFieldChange(field, value)
172
+ }
173
+ );
174
+ case "select":
175
+ return /* @__PURE__ */ jsx(
176
+ Select,
177
+ {
178
+ ...componentProps,
179
+ label: field.label,
180
+ value: field.multiple ? Array.isArray(mergedValues[field.name]) ? mergedValues[field.name] : [] : String(mergedValues[field.name] ?? ""),
181
+ options: field.options ?? [],
182
+ multiple: field.multiple,
183
+ placeholder: field.placeholder,
184
+ disabled: disabled || field.disabled,
185
+ status: errorMessage ? "error" : "default",
186
+ onChange: (value) => handleFieldChange(field, value)
187
+ }
188
+ );
189
+ case "radio":
190
+ return /* @__PURE__ */ jsxs("div", { className: "css-form__radio-field", children: [
191
+ /* @__PURE__ */ jsx(
192
+ RadioGroup,
193
+ {
194
+ ...componentProps,
195
+ label: field.label,
196
+ value: String(mergedValues[field.name] ?? ""),
197
+ options: field.options ?? [],
198
+ direction: "vertical",
199
+ disabled: disabled || field.disabled,
200
+ error: Boolean(errorMessage),
201
+ onChange: (value) => handleFieldChange(field, String(value))
202
+ }
203
+ ),
204
+ renderFieldFeedback(errorMessage, field.helpText)
205
+ ] });
206
+ case "checkbox":
207
+ return /* @__PURE__ */ jsx(
208
+ Checkbox,
209
+ {
210
+ ...componentProps,
211
+ label: field.controlLabel ?? field.label,
212
+ checked: Boolean(mergedValues[field.name]),
213
+ disabled: disabled || field.disabled,
214
+ error: Boolean(errorMessage),
215
+ onChange: (e) => handleFieldChange(field, e.target.checked)
216
+ }
217
+ );
218
+ case "switch":
219
+ return /* @__PURE__ */ jsx(
220
+ Switch,
221
+ {
222
+ ...componentProps,
223
+ label: field.controlLabel ?? field.label,
224
+ checked: Boolean(mergedValues[field.name]),
225
+ disabled: disabled || field.disabled,
226
+ onChange: (checked) => handleFieldChange(field, checked)
227
+ }
228
+ );
229
+ case "checkbox-group":
230
+ return renderCheckboxGroup(field, errorMessage);
231
+ case "input-bar":
232
+ return /* @__PURE__ */ jsx(
233
+ InputBar,
234
+ {
235
+ ...componentProps,
236
+ label: field.label,
237
+ value: getNumericFieldValue(field),
238
+ placeholder: field.placeholder,
239
+ disabled: disabled || field.disabled,
240
+ onChange: (value) => handleFieldChange(field, value)
241
+ }
242
+ );
243
+ case "input-number":
244
+ return /* @__PURE__ */ jsx(
245
+ InputNumber,
246
+ {
247
+ ...componentProps,
248
+ label: field.label,
249
+ value: getNumericFieldValue(field),
250
+ disabled: disabled || field.disabled,
251
+ onChange: (value) => handleFieldChange(field, value)
252
+ }
253
+ );
254
+ case "date-picker":
255
+ return /* @__PURE__ */ jsx(
256
+ DatePicker,
257
+ {
258
+ ...componentProps,
259
+ label: field.label,
260
+ value: getDatePickerFieldValue(field, Boolean(componentProps.range)),
261
+ placeholder: componentProps.placeholder ?? field.placeholder,
262
+ disabled: disabled || field.disabled,
263
+ status: errorMessage ? "error" : "default",
264
+ onChange: (value) => handleFieldChange(field, value)
265
+ }
266
+ );
267
+ case "time-picker":
268
+ return /* @__PURE__ */ jsx(
269
+ TimePicker,
270
+ {
271
+ ...componentProps,
272
+ label: field.label,
273
+ value: String(mergedValues[field.name] ?? ""),
274
+ placeholder: componentProps.placeholder ?? field.placeholder,
275
+ disabled: disabled || field.disabled,
276
+ status: errorMessage ? "error" : "default",
277
+ onChange: (value) => handleFieldChange(field, value)
278
+ }
279
+ );
280
+ case "slide":
281
+ case "slider":
282
+ return /* @__PURE__ */ jsx(
283
+ Slider,
284
+ {
285
+ ...componentProps,
286
+ label: field.label,
287
+ value: getNumericFieldValue(field),
288
+ disabled: disabled || field.disabled,
289
+ onChange: (value) => handleFieldChange(field, value)
290
+ }
291
+ );
292
+ case "input":
293
+ default:
294
+ return /* @__PURE__ */ jsx(
295
+ Input,
296
+ {
297
+ ...componentProps,
298
+ label: field.label,
299
+ value: String(mergedValues[field.name] ?? ""),
300
+ placeholder: field.placeholder,
301
+ disabled: disabled || field.disabled,
302
+ status: errorMessage ? "error" : "default",
303
+ onChange: (value) => handleFieldChange(field, value)
304
+ }
305
+ );
306
+ }
307
+ };
308
+ return /* @__PURE__ */ jsxs(
309
+ "form",
310
+ {
311
+ ref,
312
+ className: cn(getFormClassNames({ layout }), className),
313
+ onSubmit: handleSubmit,
314
+ onReset: handleReset,
315
+ ...restProps,
316
+ children: [
317
+ fields.map((field) => {
318
+ const errorMessage = errors[field.name];
319
+ const required = isFormFieldRequired(field);
320
+ const mainContent = /* @__PURE__ */ jsxs("div", { className: "css-form__item-main", children: [
321
+ /* @__PURE__ */ jsx("div", { className: "css-form__control", children: renderFieldControl(field, errorMessage) }),
322
+ field.type === "radio" ? null : renderFieldFeedback(errorMessage, field.helpText)
323
+ ] });
324
+ return /* @__PURE__ */ jsxs(
325
+ "div",
326
+ {
327
+ className: cn(
328
+ getFormItemClassNames({ layout, error: Boolean(errorMessage), required }),
329
+ field.className
330
+ ),
331
+ children: [
332
+ shouldRenderOuterLabel(field) ? /* @__PURE__ */ jsxs("label", { className: "css-form__label", htmlFor: field.name, children: [
333
+ required ? /* @__PURE__ */ jsx("span", { className: "css-form__required", children: "*" }) : null,
334
+ /* @__PURE__ */ jsx("span", { children: field.label })
335
+ ] }) : null,
336
+ mainContent
337
+ ]
338
+ },
339
+ field.name
340
+ );
341
+ }),
342
+ showActions ? /* @__PURE__ */ jsxs("div", { className: "css-form__actions", children: [
343
+ /* @__PURE__ */ jsx(Button, { htmlType: "submit", disabled, children: submitText }),
344
+ showReset ? /* @__PURE__ */ jsx(Button, { htmlType: "reset", type: "outline", disabled, children: resetText }) : null
345
+ ] }) : null
346
+ ]
347
+ }
348
+ );
349
+ })
350
+ );
351
+ FormComponent.displayName = "CssForm";
352
+ const Form = withInstall(FormComponent);
353
+
354
+ export { Form };
355
+ //# sourceMappingURL=Form.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Form.js","sources":["../../../../../adapter-react/components/form/Form.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, type FormEvent, type FormHTMLAttributes } from 'react'\r\nimport {\r\n getFormClassNames,\r\n getFormInitialValues,\r\n getFormItemClassNames,\r\n isFormFieldRequired,\r\n normalizeFormValues,\r\n normalizeFormValue,\r\n validateFormField,\r\n validateFormValues,\r\n type FormErrors,\r\n type FormField,\r\n type FormProps as BaseFormProps,\r\n type FormValue,\r\n type FormValues,\r\n} from '@cssui/components/form'\r\nimport { cn } from '@cssui/utils'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\nimport Button from '../button/Button'\r\nimport Checkbox from '../checkbox/Checkbox'\r\nimport CheckboxGroup from '../checkbox/CheckboxGroup'\r\nimport DatePicker from '../date-picker/DatePicker'\r\nimport Icon from '../icon/Icon'\r\nimport Input from '../input/Input'\r\nimport InputBar from '../input-bar/InputBar'\r\nimport InputNumber from '../input-number/InputNumber'\r\nimport RadioGroup from '../radio/RadioGroup'\r\nimport Select from '../select/Select'\r\nimport Slider from '../slider/Slider'\r\nimport Switch from '../switch/Switch'\r\nimport TimePicker from '../time-picker/TimePicker'\r\n\r\nimport '@cssui/components/form/style.css'\r\n\r\nexport interface FormProps\r\n extends\r\n Omit<\r\n BaseFormProps,\r\n 'onChange' | 'onSubmit' | 'onReset' | 'onSubmitFailed' | 'onValidationChange'\r\n >,\r\n Omit<FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange' | 'onSubmit' | 'onReset'> {\r\n onChange?: (values: FormValues, fieldName: string, value: FormValue) => void\r\n onSubmit?: (values: FormValues) => void\r\n onSubmitFailed?: (errors: FormErrors, values: FormValues) => void\r\n onReset?: (values: FormValues) => void\r\n onValidationChange?: (errors: FormErrors) => void\r\n}\r\n\r\nconst FormComponent = createComponent(\r\n forwardRef<HTMLFormElement, FormProps>((props, ref) => {\r\n const {\r\n fields,\r\n values,\r\n initialValues,\r\n layout = 'vertical',\r\n validateTrigger = 'submit',\r\n submitText = '提交',\r\n resetText = '重置',\r\n showReset = true,\r\n showActions = true,\r\n disabled = false,\r\n className,\r\n onChange,\r\n onSubmit,\r\n onSubmitFailed,\r\n onReset,\r\n onValidationChange,\r\n ...restProps\r\n } = props\r\n\r\n const seededValues = useMemo(\r\n () => getFormInitialValues(fields, initialValues),\r\n [fields, initialValues]\r\n )\r\n const [innerValues, setInnerValues] = useState<FormValues>(seededValues)\r\n const [errors, setErrors] = useState<FormErrors>({})\r\n\r\n useEffect(() => {\r\n if (values === undefined) {\r\n setInnerValues(previousValues => normalizeFormValues(fields, previousValues, initialValues))\r\n }\r\n }, [fields, initialValues, values])\r\n\r\n const mergedValues = useMemo(\r\n () => normalizeFormValues(fields, values ?? innerValues, initialValues),\r\n [fields, initialValues, innerValues, values]\r\n )\r\n\r\n const updateErrors = (nextErrors: FormErrors) => {\r\n setErrors(nextErrors)\r\n onValidationChange?.(nextErrors)\r\n }\r\n\r\n const handleFieldChange = (field: FormField, nextValue: FormValue) => {\r\n const nextValues = normalizeFormValues(\r\n fields,\r\n { ...mergedValues, [field.name]: normalizeFormValue(field, nextValue) },\r\n initialValues\r\n )\r\n\r\n if (values === undefined) {\r\n setInnerValues(nextValues)\r\n }\r\n\r\n onChange?.(nextValues, field.name, nextValues[field.name])\r\n\r\n const nextError = validateFormField({\r\n field,\r\n value: nextValues[field.name],\r\n values: nextValues,\r\n trigger: 'change',\r\n validateTrigger,\r\n })\r\n\r\n const nextErrors = { ...errors }\r\n\r\n if (nextError) {\r\n nextErrors[field.name] = nextError\r\n } else {\r\n delete nextErrors[field.name]\r\n }\r\n\r\n updateErrors(nextErrors)\r\n }\r\n\r\n const handleReset = () => {\r\n if (disabled) {\r\n return\r\n }\r\n\r\n const nextValues = getFormInitialValues(fields, initialValues)\r\n\r\n if (values === undefined) {\r\n setInnerValues(nextValues)\r\n }\r\n\r\n updateErrors({})\r\n onReset?.(nextValues)\r\n }\r\n\r\n const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\r\n event.preventDefault()\r\n\r\n if (disabled) {\r\n return\r\n }\r\n\r\n const nextErrors = validateFormValues({\r\n fields,\r\n values: mergedValues,\r\n trigger: 'submit',\r\n validateTrigger,\r\n })\r\n\r\n updateErrors(nextErrors)\r\n\r\n if (Object.keys(nextErrors).length > 0) {\r\n onSubmitFailed?.(nextErrors, mergedValues)\r\n return\r\n }\r\n\r\n onSubmit?.(mergedValues)\r\n }\r\n\r\n const renderCheckboxGroup = (field: FormField, errorMessage?: string) => {\r\n const checkboxValue = Array.isArray(mergedValues[field.name])\r\n ? (mergedValues[field.name] as string[])\r\n : []\r\n\r\n const componentProps = (field.componentProps ?? {}) as Record<string, any>\r\n\r\n return (\r\n <CheckboxGroup\r\n {...componentProps}\r\n name={field.name}\r\n value={checkboxValue}\r\n options={field.options ?? []}\r\n direction={componentProps.direction ?? 'vertical'}\r\n disabled={disabled || field.disabled}\r\n error={Boolean(errorMessage)}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n }\r\n\r\n const renderFieldFeedback = (errorMessage?: string, helpText?: string) => {\r\n if (errorMessage) {\r\n return (\r\n <p className=\"css-form__error\">\r\n <Icon name=\"Error\" size={18} />\r\n <span>{errorMessage}</span>\r\n </p>\r\n )\r\n }\r\n\r\n if (helpText) {\r\n return <p className=\"css-form__help\">{helpText}</p>\r\n }\r\n\r\n return null\r\n }\r\n\r\n const shouldRenderOuterLabel = (field: FormField) =>\r\n field.type === 'checkbox-group' && field.label\r\n\r\n const getNumericFieldValue = (field: FormField) => {\r\n const rawValue = mergedValues[field.name]\r\n return typeof rawValue === 'number' ? rawValue : 0\r\n }\r\n\r\n const getDatePickerFieldValue = (\r\n field: FormField,\r\n range?: boolean\r\n ): string | [string, string] => {\r\n const rawValue = mergedValues[field.name]\r\n\r\n if (range) {\r\n return Array.isArray(rawValue)\r\n ? [String(rawValue[0] ?? ''), String(rawValue[1] ?? '')]\r\n : ['', '']\r\n }\r\n\r\n return String(rawValue ?? '')\r\n }\r\n\r\n const renderFieldControl = (field: FormField, errorMessage?: string) => {\r\n const componentProps = (field.componentProps ?? {}) as Record<string, any>\r\n\r\n switch (field.type) {\r\n case 'textarea':\r\n return (\r\n <Input\r\n {...componentProps}\r\n type=\"textarea\"\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'select':\r\n return (\r\n <Select\r\n {...componentProps}\r\n label={field.label}\r\n value={\r\n field.multiple\r\n ? Array.isArray(mergedValues[field.name])\r\n ? (mergedValues[field.name] as string[])\r\n : []\r\n : String(mergedValues[field.name] ?? '')\r\n }\r\n options={field.options ?? []}\r\n multiple={field.multiple}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n case 'radio':\r\n return (\r\n <div className=\"css-form__radio-field\">\r\n <RadioGroup\r\n {...componentProps}\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n options={field.options ?? []}\r\n direction=\"vertical\"\r\n disabled={disabled || field.disabled}\r\n error={Boolean(errorMessage)}\r\n onChange={value => handleFieldChange(field, String(value))}\r\n />\r\n {renderFieldFeedback(errorMessage, field.helpText)}\r\n </div>\r\n )\r\n case 'checkbox':\r\n return (\r\n <Checkbox\r\n {...componentProps}\r\n label={field.controlLabel ?? field.label}\r\n checked={Boolean(mergedValues[field.name])}\r\n disabled={disabled || field.disabled}\r\n error={Boolean(errorMessage)}\r\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n handleFieldChange(field, e.target.checked)\r\n }\r\n />\r\n )\r\n case 'switch':\r\n return (\r\n <Switch\r\n {...componentProps}\r\n label={field.controlLabel ?? field.label}\r\n checked={Boolean(mergedValues[field.name])}\r\n disabled={disabled || field.disabled}\r\n onChange={checked => handleFieldChange(field, checked)}\r\n />\r\n )\r\n case 'checkbox-group':\r\n return renderCheckboxGroup(field, errorMessage)\r\n case 'input-bar':\r\n return (\r\n <InputBar\r\n {...componentProps}\r\n label={field.label}\r\n value={getNumericFieldValue(field)}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'input-number':\r\n return (\r\n <InputNumber\r\n {...componentProps}\r\n label={field.label}\r\n value={getNumericFieldValue(field)}\r\n disabled={disabled || field.disabled}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'date-picker':\r\n return (\r\n <DatePicker\r\n {...componentProps}\r\n label={field.label}\r\n value={getDatePickerFieldValue(field, Boolean(componentProps.range))}\r\n placeholder={componentProps.placeholder ?? field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n case 'time-picker':\r\n return (\r\n <TimePicker\r\n {...componentProps}\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n placeholder={componentProps.placeholder ?? field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n case 'slide':\r\n case 'slider':\r\n return (\r\n <Slider\r\n {...componentProps}\r\n label={field.label}\r\n value={getNumericFieldValue(field)}\r\n disabled={disabled || field.disabled}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'input':\r\n default:\r\n return (\r\n <Input\r\n {...componentProps}\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n }\r\n }\r\n\r\n return (\r\n <form\r\n ref={ref}\r\n className={cn(getFormClassNames({ layout }), className)}\r\n onSubmit={handleSubmit}\r\n onReset={handleReset}\r\n {...restProps}\r\n >\r\n {fields.map(field => {\r\n const errorMessage = errors[field.name]\r\n const required = isFormFieldRequired(field)\r\n const mainContent = (\r\n <div className=\"css-form__item-main\">\r\n <div className=\"css-form__control\">{renderFieldControl(field, errorMessage)}</div>\r\n {field.type === 'radio' ? null : renderFieldFeedback(errorMessage, field.helpText)}\r\n </div>\r\n )\r\n\r\n return (\r\n <div\r\n key={field.name}\r\n className={cn(\r\n getFormItemClassNames({ layout, error: Boolean(errorMessage), required }),\r\n field.className\r\n )}\r\n >\r\n {shouldRenderOuterLabel(field) ? (\r\n <label className=\"css-form__label\" htmlFor={field.name}>\r\n {required ? <span className=\"css-form__required\">*</span> : null}\r\n <span>{field.label}</span>\r\n </label>\r\n ) : null}\r\n {mainContent}\r\n </div>\r\n )\r\n })}\r\n {showActions ? (\r\n <div className=\"css-form__actions\">\r\n <Button htmlType=\"submit\" disabled={disabled}>\r\n {submitText}\r\n </Button>\r\n {showReset ? (\r\n <Button htmlType=\"reset\" type=\"outline\" disabled={disabled}>\r\n {resetText}\r\n </Button>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n </form>\r\n )\r\n })\r\n)\r\n\r\nFormComponent.displayName = 'CssForm'\r\n\r\nexport const Form = withInstall(FormComponent)\r\n\r\nexport default Form\r\n"],"names":["Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,aAAA,GAAgB,eAAA;AAAA,EACpB,UAAA,CAAuC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrD,IAAA,MAAM;AAAA,MACJ,MAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA,GAAS,UAAA;AAAA,MACT,eAAA,GAAkB,QAAA;AAAA,MAClB,UAAA,GAAa,cAAA;AAAA,MACb,SAAA,GAAY,cAAA;AAAA,MACZ,SAAA,GAAY,IAAA;AAAA,MACZ,WAAA,GAAc,IAAA;AAAA,MACd,QAAA,GAAW,KAAA;AAAA,MACX,SAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,kBAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,YAAA,GAAe,OAAA;AAAA,MACnB,MAAM,oBAAA,CAAqB,MAAA,EAAQ,aAAa,CAAA;AAAA,MAChD,CAAC,QAAQ,aAAa;AAAA,KACxB;AACA,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAqB,YAAY,CAAA;AACvE,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAAA,CAAqB,EAAE,CAAA;AAEnD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,WAAW,MAAA,EAAW;AACxB,QAAA,cAAA,CAAe,CAAA,cAAA,KAAkB,mBAAA,CAAoB,MAAA,EAAQ,cAAA,EAAgB,aAAa,CAAC,CAAA;AAAA,MAC7F;AAAA,IACF,CAAA,EAAG,CAAC,MAAA,EAAQ,aAAA,EAAe,MAAM,CAAC,CAAA;AAElC,IAAA,MAAM,YAAA,GAAe,OAAA;AAAA,MACnB,MAAM,mBAAA,CAAoB,MAAA,EAAQ,MAAA,IAAU,aAAa,aAAa,CAAA;AAAA,MACtE,CAAC,MAAA,EAAQ,aAAA,EAAe,WAAA,EAAa,MAAM;AAAA,KAC7C;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,UAAA,KAA2B;AAC/C,MAAA,SAAA,CAAU,UAAU,CAAA;AACpB,MAAA,kBAAA,GAAqB,UAAU,CAAA;AAAA,IACjC,CAAA;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,EAAkB,SAAA,KAAyB;AACpE,MAAA,MAAM,UAAA,GAAa,mBAAA;AAAA,QACjB,MAAA;AAAA,QACA,EAAE,GAAG,YAAA,EAAc,CAAC,KAAA,CAAM,IAAI,GAAG,kBAAA,CAAmB,KAAA,EAAO,SAAS,CAAA,EAAE;AAAA,QACtE;AAAA,OACF;AAEA,MAAA,IAAI,WAAW,MAAA,EAAW;AACxB,QAAA,cAAA,CAAe,UAAU,CAAA;AAAA,MAC3B;AAEA,MAAA,QAAA,GAAW,YAAY,KAAA,CAAM,IAAA,EAAM,UAAA,CAAW,KAAA,CAAM,IAAI,CAAC,CAAA;AAEzD,MAAA,MAAM,YAAY,iBAAA,CAAkB;AAAA,QAClC,KAAA;AAAA,QACA,KAAA,EAAO,UAAA,CAAW,KAAA,CAAM,IAAI,CAAA;AAAA,QAC5B,MAAA,EAAQ,UAAA;AAAA,QACR,OAAA,EAAS,QAAA;AAAA,QACT;AAAA,OACD,CAAA;AAED,MAAA,MAAM,UAAA,GAAa,EAAE,GAAG,MAAA,EAAO;AAE/B,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,UAAA,CAAW,KAAA,CAAM,IAAI,CAAA,GAAI,SAAA;AAAA,MAC3B,CAAA,MAAO;AACL,QAAA,OAAO,UAAA,CAAW,MAAM,IAAI,CAAA;AAAA,MAC9B;AAEA,MAAA,YAAA,CAAa,UAAU,CAAA;AAAA,IACzB,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,UAAA,GAAa,oBAAA,CAAqB,MAAA,EAAQ,aAAa,CAAA;AAE7D,MAAA,IAAI,WAAW,MAAA,EAAW;AACxB,QAAA,cAAA,CAAe,UAAU,CAAA;AAAA,MAC3B;AAEA,MAAA,YAAA,CAAa,EAAE,CAAA;AACf,MAAA,OAAA,GAAU,UAAU,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAsC;AAC1D,MAAA,KAAA,CAAM,cAAA,EAAe;AAErB,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,aAAa,kBAAA,CAAmB;AAAA,QACpC,MAAA;AAAA,QACA,MAAA,EAAQ,YAAA;AAAA,QACR,OAAA,EAAS,QAAA;AAAA,QACT;AAAA,OACD,CAAA;AAED,MAAA,YAAA,CAAa,UAAU,CAAA;AAEvB,MAAA,IAAI,MAAA,CAAO,IAAA,CAAK,UAAU,CAAA,CAAE,SAAS,CAAA,EAAG;AACtC,QAAA,cAAA,GAAiB,YAAY,YAAY,CAAA;AACzC,QAAA;AAAA,MACF;AAEA,MAAA,QAAA,GAAW,YAAY,CAAA;AAAA,IACzB,CAAA;AAEA,IAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,EAAkB,YAAA,KAA0B;AACvE,MAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,OAAA,CAAQ,YAAA,CAAa,KAAA,CAAM,IAAI,CAAC,CAAA,GACvD,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA,GACxB,EAAC;AAEL,MAAA,MAAM,cAAA,GAAkB,KAAA,CAAM,cAAA,IAAkB,EAAC;AAEjD,MAAA,uBACE,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACE,GAAG,cAAA;AAAA,UACJ,MAAM,KAAA,CAAM,IAAA;AAAA,UACZ,KAAA,EAAO,aAAA;AAAA,UACP,OAAA,EAAS,KAAA,CAAM,OAAA,IAAW,EAAC;AAAA,UAC3B,SAAA,EAAW,eAAe,SAAA,IAAa,UAAA;AAAA,UACvC,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,UAC5B,KAAA,EAAO,QAAQ,YAAY,CAAA;AAAA,UAC3B,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAkB;AAAA;AAAA,OAChE;AAAA,IAEJ,CAAA;AAEA,IAAA,MAAM,mBAAA,GAAsB,CAAC,YAAA,EAAuB,QAAA,KAAsB;AACxE,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iBAAA,EACX,QAAA,EAAA;AAAA,0BAAA,GAAA,CAACA,aAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,0BAC7B,GAAA,CAAC,UAAM,QAAA,EAAA,YAAA,EAAa;AAAA,SAAA,EACtB,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MACjD;AAEA,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAEA,IAAA,MAAM,yBAAyB,CAAC,KAAA,KAC9B,KAAA,CAAM,IAAA,KAAS,oBAAoB,KAAA,CAAM,KAAA;AAE3C,IAAA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAAqB;AACjD,MAAA,MAAM,QAAA,GAAW,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA;AACxC,MAAA,OAAO,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,CAAA;AAAA,IACnD,CAAA;AAEA,IAAA,MAAM,uBAAA,GAA0B,CAC9B,KAAA,EACA,KAAA,KAC8B;AAC9B,MAAA,MAAM,QAAA,GAAW,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA;AAExC,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,OAAO,KAAA,CAAM,QAAQ,QAAQ,CAAA,GACzB,CAAC,MAAA,CAAO,QAAA,CAAS,CAAC,CAAA,IAAK,EAAE,GAAG,MAAA,CAAO,QAAA,CAAS,CAAC,CAAA,IAAK,EAAE,CAAC,CAAA,GACrD,CAAC,IAAI,EAAE,CAAA;AAAA,MACb;AAEA,MAAA,OAAO,MAAA,CAAO,YAAY,EAAE,CAAA;AAAA,IAC9B,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,EAAkB,YAAA,KAA0B;AACtE,MAAA,MAAM,cAAA,GAAkB,KAAA,CAAM,cAAA,IAAkB,EAAC;AAEjD,MAAA,QAAQ,MAAM,IAAA;AAAM,QAClB,KAAK,UAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,IAAA,EAAK,UAAA;AAAA,cACL,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,OAAO,MAAA,CAAO,YAAA,CAAa,KAAA,CAAM,IAAI,KAAK,EAAE,CAAA;AAAA,cAC5C,aAAa,KAAA,CAAM,WAAA;AAAA,cACnB,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,MAAA,EAAQ,eAAe,OAAA,GAAU,SAAA;AAAA,cACjC,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAK;AAAA;AAAA,WACnD;AAAA,QAEJ,KAAK,QAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,KAAA,EACE,MAAM,QAAA,GACF,KAAA,CAAM,QAAQ,YAAA,CAAa,KAAA,CAAM,IAAI,CAAC,CAAA,GACnC,aAAa,KAAA,CAAM,IAAI,IACxB,EAAC,GACH,OAAO,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA,IAAK,EAAE,CAAA;AAAA,cAE3C,OAAA,EAAS,KAAA,CAAM,OAAA,IAAW,EAAC;AAAA,cAC3B,UAAU,KAAA,CAAM,QAAA;AAAA,cAChB,aAAa,KAAA,CAAM,WAAA;AAAA,cACnB,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,MAAA,EAAQ,eAAe,OAAA,GAAU,SAAA;AAAA,cACjC,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAkB;AAAA;AAAA,WAChE;AAAA,QAEJ,KAAK,OAAA;AACH,UAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACE,GAAG,cAAA;AAAA,gBACJ,OAAO,KAAA,CAAM,KAAA;AAAA,gBACb,OAAO,MAAA,CAAO,YAAA,CAAa,KAAA,CAAM,IAAI,KAAK,EAAE,CAAA;AAAA,gBAC5C,OAAA,EAAS,KAAA,CAAM,OAAA,IAAW,EAAC;AAAA,gBAC3B,SAAA,EAAU,UAAA;AAAA,gBACV,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,gBAC5B,KAAA,EAAO,QAAQ,YAAY,CAAA;AAAA,gBAC3B,UAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,MAAA,CAAO,KAAK,CAAC;AAAA;AAAA,aAC3D;AAAA,YACC,mBAAA,CAAoB,YAAA,EAAc,KAAA,CAAM,QAAQ;AAAA,WAAA,EACnD,CAAA;AAAA,QAEJ,KAAK,UAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,KAAA,EAAO,KAAA,CAAM,YAAA,IAAgB,KAAA,CAAM,KAAA;AAAA,cACnC,OAAA,EAAS,OAAA,CAAQ,YAAA,CAAa,KAAA,CAAM,IAAI,CAAC,CAAA;AAAA,cACzC,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,KAAA,EAAO,QAAQ,YAAY,CAAA;AAAA,cAC3B,UAAU,CAAC,CAAA,KACT,kBAAkB,KAAA,EAAO,CAAA,CAAE,OAAO,OAAO;AAAA;AAAA,WAE7C;AAAA,QAEJ,KAAK,QAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,KAAA,EAAO,KAAA,CAAM,YAAA,IAAgB,KAAA,CAAM,KAAA;AAAA,cACnC,OAAA,EAAS,OAAA,CAAQ,YAAA,CAAa,KAAA,CAAM,IAAI,CAAC,CAAA;AAAA,cACzC,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,QAAA,EAAU,CAAA,OAAA,KAAW,iBAAA,CAAkB,KAAA,EAAO,OAAO;AAAA;AAAA,WACvD;AAAA,QAEJ,KAAK,gBAAA;AACH,UAAA,OAAO,mBAAA,CAAoB,OAAO,YAAY,CAAA;AAAA,QAChD,KAAK,WAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,KAAA,EAAO,qBAAqB,KAAK,CAAA;AAAA,cACjC,aAAa,KAAA,CAAM,WAAA;AAAA,cACnB,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAK;AAAA;AAAA,WACnD;AAAA,QAEJ,KAAK,cAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,KAAA,EAAO,qBAAqB,KAAK,CAAA;AAAA,cACjC,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAK;AAAA;AAAA,WACnD;AAAA,QAEJ,KAAK,aAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,OAAO,uBAAA,CAAwB,KAAA,EAAO,OAAA,CAAQ,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,cACnE,WAAA,EAAa,cAAA,CAAe,WAAA,IAAe,KAAA,CAAM,WAAA;AAAA,cACjD,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,MAAA,EAAQ,eAAe,OAAA,GAAU,SAAA;AAAA,cACjC,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAkB;AAAA;AAAA,WAChE;AAAA,QAEJ,KAAK,aAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,OAAO,MAAA,CAAO,YAAA,CAAa,KAAA,CAAM,IAAI,KAAK,EAAE,CAAA;AAAA,cAC5C,WAAA,EAAa,cAAA,CAAe,WAAA,IAAe,KAAA,CAAM,WAAA;AAAA,cACjD,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,MAAA,EAAQ,eAAe,OAAA,GAAU,SAAA;AAAA,cACjC,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAkB;AAAA;AAAA,WAChE;AAAA,QAEJ,KAAK,OAAA;AAAA,QACL,KAAK,QAAA;AACH,UAAA,uBACE,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,KAAA,EAAO,qBAAqB,KAAK,CAAA;AAAA,cACjC,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAK;AAAA;AAAA,WACnD;AAAA,QAEJ,KAAK,OAAA;AAAA,QACL;AACE,UAAA,uBACE,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACE,GAAG,cAAA;AAAA,cACJ,OAAO,KAAA,CAAM,KAAA;AAAA,cACb,OAAO,MAAA,CAAO,YAAA,CAAa,KAAA,CAAM,IAAI,KAAK,EAAE,CAAA;AAAA,cAC5C,aAAa,KAAA,CAAM,WAAA;AAAA,cACnB,QAAA,EAAU,YAAY,KAAA,CAAM,QAAA;AAAA,cAC5B,MAAA,EAAQ,eAAe,OAAA,GAAU,SAAA;AAAA,cACjC,QAAA,EAAU,CAAA,KAAA,KAAS,iBAAA,CAAkB,KAAA,EAAO,KAAK;AAAA;AAAA,WACnD;AAAA;AAEN,IACF,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,MAAA,EAAQ,GAAG,SAAS,CAAA;AAAA,QACtD,QAAA,EAAU,YAAA;AAAA,QACV,OAAA,EAAS,WAAA;AAAA,QACR,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,IAAI,CAAA,KAAA,KAAS;AACnB,YAAA,MAAM,YAAA,GAAe,MAAA,CAAO,KAAA,CAAM,IAAI,CAAA;AACtC,YAAA,MAAM,QAAA,GAAW,oBAAoB,KAAK,CAAA;AAC1C,YAAA,MAAM,WAAA,mBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,SAAI,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAA,EAAE,CAAA;AAAA,cAC3E,MAAM,IAAA,KAAS,OAAA,GAAU,OAAO,mBAAA,CAAoB,YAAA,EAAc,MAAM,QAAQ;AAAA,aAAA,EACnF,CAAA;AAGF,YAAA,uBACE,IAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAW,EAAA;AAAA,kBACT,qBAAA,CAAsB,EAAE,MAAA,EAAQ,KAAA,EAAO,QAAQ,YAAY,CAAA,EAAG,UAAU,CAAA;AAAA,kBACxE,KAAA,CAAM;AAAA,iBACR;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,sBAAA,CAAuB,KAAK,oBAC3B,IAAA,CAAC,OAAA,EAAA,EAAM,WAAU,iBAAA,EAAkB,OAAA,EAAS,MAAM,IAAA,EAC/C,QAAA,EAAA;AAAA,oBAAA,QAAA,mBAAW,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EAAqB,eAAC,CAAA,GAAU,IAAA;AAAA,oCAC5D,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM;AAAA,mBAAA,EACrB,CAAA,GACE,IAAA;AAAA,kBACH;AAAA;AAAA,eAAA;AAAA,cAZI,KAAA,CAAM;AAAA,aAab;AAAA,UAEJ,CAAC,CAAA;AAAA,UACA,WAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAS,QAAA,EAAS,QAAA,EACvB,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,YACC,SAAA,uBACE,MAAA,EAAA,EAAO,QAAA,EAAS,SAAQ,IAAA,EAAK,SAAA,EAAU,QAAA,EACrC,QAAA,EAAA,SAAA,EACH,CAAA,GACE;AAAA,WAAA,EACN,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,SAAA;AAErB,MAAM,IAAA,GAAO,YAAY,aAAa;;;;"}
@@ -0,0 +1,4 @@
1
+ export { Form, default } from './Form';
2
+ export type { FormProps } from './Form';
3
+ export type { FormErrors, FormField, FormFieldOption, FormRule, FormValidateTrigger, FormValue, FormValues, } from '../../../components/form/index';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACtC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,GACX,MAAM,wBAAwB,CAAA"}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from 'react';
2
+ import { type GridProps as BaseGridProps } from '../../../components/grid/index';
3
+ import '../../../components/grid/style.css';
4
+ export interface GridProps extends BaseGridProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
5
+ }
6
+ export declare const Grid: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>>;
7
+ export default Grid;
8
+ //# sourceMappingURL=Grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAGL,KAAK,SAAS,IAAI,aAAa,EAChC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,SACf,SAAQ,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;CAAG;AA8C5E,eAAO,MAAM,IAAI,4IAA6B,CAAA;AAE9C,eAAe,IAAI,CAAA"}
@@ -0,0 +1,51 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { getGridStyleVars, getGridClassNames } from '../../../components/grid/index.js';
3
+ import { cn } from '../../../utils/src/index.js';
4
+ import { createComponent } from '../../runtime/createComponent.js';
5
+ import { withInstall } from '../../runtime/withInstall.js';
6
+ import { forwardRef } from '../../runtime/forwardRef.js';
7
+
8
+ const GridComponent = createComponent(
9
+ forwardRef((props, ref) => {
10
+ const {
11
+ columns,
12
+ gap,
13
+ columnGap,
14
+ rowGap,
15
+ margin,
16
+ maxWidth,
17
+ bounded = true,
18
+ className,
19
+ children,
20
+ style,
21
+ ...restProps
22
+ } = props;
23
+ const gridStyle = {
24
+ ...getGridStyleVars({
25
+ columns,
26
+ gap,
27
+ columnGap,
28
+ rowGap,
29
+ margin,
30
+ maxWidth,
31
+ bounded
32
+ }),
33
+ ...style
34
+ };
35
+ return /* @__PURE__ */ jsx(
36
+ "div",
37
+ {
38
+ ref,
39
+ className: cn(getGridClassNames({ bounded }), className),
40
+ style: gridStyle,
41
+ ...restProps,
42
+ children: /* @__PURE__ */ jsx("div", { className: "css-grid__inner", children })
43
+ }
44
+ );
45
+ })
46
+ );
47
+ GridComponent.displayName = "CssGrid";
48
+ const Grid = withInstall(GridComponent);
49
+
50
+ export { Grid };
51
+ //# sourceMappingURL=Grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.js","sources":["../../../../../adapter-react/components/grid/Grid.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react'\r\nimport {\r\n getGridClassNames,\r\n getGridStyleVars,\r\n type GridProps as BaseGridProps,\r\n} from '@cssui/components/grid'\r\nimport { cn } from '@cssui/utils'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\n\r\nimport '@cssui/components/grid/style.css'\r\n\r\nexport interface GridProps\r\n extends BaseGridProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {}\r\n\r\nconst GridComponent = createComponent(\r\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\r\n const {\r\n columns,\r\n gap,\r\n columnGap,\r\n rowGap,\r\n margin,\r\n maxWidth,\r\n bounded = true,\r\n className,\r\n children,\r\n style,\r\n ...restProps\r\n } = props\r\n\r\n const gridStyle = {\r\n ...getGridStyleVars({\r\n columns,\r\n gap,\r\n columnGap,\r\n rowGap,\r\n margin,\r\n maxWidth,\r\n bounded,\r\n }),\r\n ...(style as CSSProperties),\r\n } as CSSProperties\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(getGridClassNames({ bounded }), className)}\r\n style={gridStyle}\r\n {...restProps}\r\n >\r\n <div className=\"css-grid__inner\">{children}</div>\r\n </div>\r\n )\r\n })\r\n)\r\n\r\nGridComponent.displayName = 'CssGrid'\r\n\r\nexport const Grid = withInstall(GridComponent)\r\n\r\nexport default Grid\r\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,aAAA,GAAgB,eAAA;AAAA,EACpB,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACpD,IAAA,MAAM;AAAA,MACJ,OAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA,GAAU,IAAA;AAAA,MACV,SAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,SAAA,GAAY;AAAA,MAChB,GAAG,gBAAA,CAAiB;AAAA,QAClB,OAAA;AAAA,QACA,GAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,MACD,GAAI;AAAA,KACN;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QACvD,KAAA,EAAO,SAAA;AAAA,QACN,GAAG,SAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,SAAA;AAErB,MAAM,IAAA,GAAO,YAAY,aAAa;;;;"}
@@ -0,0 +1,8 @@
1
+ import type { HTMLAttributes } from 'react';
2
+ import { type GridItemProps as BaseGridItemProps } from '../../../components/grid/index';
3
+ import '../../../components/grid/style.css';
4
+ export interface GridItemProps extends BaseGridItemProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
5
+ }
6
+ export declare const GridItem: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLDivElement>>>;
7
+ export default GridItem;
8
+ //# sourceMappingURL=GridItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../components/grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,aACf,SAAQ,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;CAAG;AA0BhF,eAAO,MAAM,QAAQ,gJAAiC,CAAA;AAEtD,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,31 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { getGridItemStyleVars, getGridItemClassNames } from '../../../components/grid/index.js';
3
+ import { cn } from '../../../utils/src/index.js';
4
+ import { createComponent } from '../../runtime/createComponent.js';
5
+ import { withInstall } from '../../runtime/withInstall.js';
6
+ import { forwardRef } from '../../runtime/forwardRef.js';
7
+
8
+ const GridItemComponent = createComponent(
9
+ forwardRef((props, ref) => {
10
+ const { span, className, children, style, ...restProps } = props;
11
+ const itemStyle = {
12
+ ...getGridItemStyleVars({ span }),
13
+ ...style
14
+ };
15
+ return /* @__PURE__ */ jsx(
16
+ "div",
17
+ {
18
+ ref,
19
+ className: cn(getGridItemClassNames(), className),
20
+ style: itemStyle,
21
+ ...restProps,
22
+ children
23
+ }
24
+ );
25
+ })
26
+ );
27
+ GridItemComponent.displayName = "CssGridItem";
28
+ const GridItem = withInstall(GridItemComponent);
29
+
30
+ export { GridItem };
31
+ //# sourceMappingURL=GridItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GridItem.js","sources":["../../../../../adapter-react/components/grid/GridItem.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react'\r\nimport {\r\n getGridItemClassNames,\r\n getGridItemStyleVars,\r\n type GridItemProps as BaseGridItemProps,\r\n} from '@cssui/components/grid'\r\nimport { cn } from '@cssui/utils'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\n\r\nimport '@cssui/components/grid/style.css'\r\n\r\nexport interface GridItemProps\r\n extends BaseGridItemProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {}\r\n\r\nconst GridItemComponent = createComponent(\r\n forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\r\n const { span, className, children, style, ...restProps } = props\r\n\r\n const itemStyle = {\r\n ...getGridItemStyleVars({ span }),\r\n ...(style as CSSProperties),\r\n } as CSSProperties\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(getGridItemClassNames(), className)}\r\n style={itemStyle}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n )\r\n })\r\n)\r\n\r\nGridItemComponent.displayName = 'CssGridItem'\r\n\r\nexport const GridItem = withInstall(GridItemComponent)\r\n\r\nexport default GridItem\r\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,iBAAA,GAAoB,eAAA;AAAA,EACxB,UAAA,CAA0C,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxD,IAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,KAAA,EAAO,GAAG,WAAU,GAAI,KAAA;AAE3D,IAAA,MAAM,SAAA,GAAY;AAAA,MAChB,GAAG,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,MAChC,GAAI;AAAA,KACN;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAsB,EAAG,SAAS,CAAA;AAAA,QAChD,KAAA,EAAO,SAAA;AAAA,QACN,GAAG,SAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,iBAAA,CAAkB,WAAA,GAAc,aAAA;AAEzB,MAAM,QAAA,GAAW,YAAY,iBAAiB;;;;"}
@@ -0,0 +1,6 @@
1
+ export { Grid, default } from './Grid';
2
+ export { GridItem } from './GridItem';
3
+ export type { GridProps } from './Grid';
4
+ export type { GridItemProps } from './GridItem';
5
+ export type { GridBreakpoint, GridLength, GridResponsiveValue, GridSpan, } from '../../../components/grid/index';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EACV,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,QAAQ,GACT,MAAM,wBAAwB,CAAA"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { type IconProps as BaseIconProps } from '../../../components/icon/index';
3
+ import '../../../components/icon/style.css';
4
+ export interface IconProps extends Omit<BaseIconProps, 'name'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
5
+ /**
6
+ * 内置图标名称
7
+ * 例如: 'LogoBlock', 'LogoHorizontal'
8
+ */
9
+ name?: string;
10
+ /**
11
+ * 自定义图标组件
12
+ * 可以是任何 React 组件或 JSX 元素
13
+ */
14
+ icon?: React.ComponentType<any> | React.ReactElement;
15
+ }
16
+ declare const IconComponent: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
17
+ export default IconComponent;
18
+ //# sourceMappingURL=Icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAgB,KAAK,SAAS,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtF,OAAO,KAAK,QAAQ,MAAM,cAAc,CAAA;AAExC,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACxF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAA;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;CACrD;AAED,QAAA,MAAM,aAAa,kFAmDjB,CAAA;AAIF,eAAe,aAAa,CAAA"}
@@ -0,0 +1,51 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import React, { forwardRef, useMemo } from 'react';
3
+ import { getIconStyle } from '../../../components/icon/index.js';
4
+ import { cn } from '../../../utils/src/index.js';
5
+ import * as index from '../../../icons/react/index.js';
6
+
7
+ const IconComponent = forwardRef((props, ref) => {
8
+ const { size, color, spin, rotate, component, name, icon, className, style, ...restProps } = props;
9
+ const computedStyle = useMemo(() => {
10
+ return {
11
+ ...getIconStyle({ size, color, rotate }),
12
+ ...style
13
+ };
14
+ }, [size, color, rotate, style]);
15
+ const classes = cn("css-icon", spin ? "css-icon-spin" : void 0, className);
16
+ let content = null;
17
+ if (icon) {
18
+ if (React.isValidElement(icon)) {
19
+ content = icon;
20
+ } else if (typeof icon === "function") {
21
+ const IconComponent2 = icon;
22
+ content = /* @__PURE__ */ jsx(IconComponent2, {});
23
+ }
24
+ } else if (component) {
25
+ if (React.isValidElement(component)) {
26
+ content = component;
27
+ } else if (typeof component === "function") {
28
+ const Component = component;
29
+ content = /* @__PURE__ */ jsx(Component, {});
30
+ }
31
+ } else if (name && index[name]) {
32
+ const BuiltInIcon = index[name];
33
+ content = /* @__PURE__ */ jsx(BuiltInIcon, {});
34
+ }
35
+ return /* @__PURE__ */ jsx(
36
+ "i",
37
+ {
38
+ ref,
39
+ className: classes,
40
+ style: computedStyle,
41
+ role: "img",
42
+ "aria-hidden": "true",
43
+ ...restProps,
44
+ children: content
45
+ }
46
+ );
47
+ });
48
+ IconComponent.displayName = "Icon";
49
+
50
+ export { IconComponent as default };
51
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sources":["../../../../../adapter-react/components/icon/Icon.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react'\nimport { getIconStyle, type IconProps as BaseIconProps } from '@cssui/components/icon'\nimport { cn } from '@cssui/utils'\nimport * as CssIcons from '@cssui/icons'\n\nimport '@cssui/components/icon/style.css'\n\nexport interface IconProps\n extends Omit<BaseIconProps, 'name'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n /**\n * 内置图标名称\n * 例如: 'LogoBlock', 'LogoHorizontal'\n */\n name?: keyof typeof CssIcons\n /**\n * 自定义图标组件\n * 可以是任何 React 组件或 JSX 元素\n */\n icon?: React.ComponentType<any> | React.ReactElement\n}\n\nconst IconComponent = forwardRef<HTMLDivElement, IconProps>((props, ref) => {\n const { size, color, spin, rotate, component, name, icon, className, style, ...restProps } = props\n\n const computedStyle = useMemo(() => {\n return {\n ...getIconStyle({ size, color, rotate }),\n ...style,\n }\n }, [size, color, rotate, style])\n\n const classes = cn('css-icon', spin ? 'css-icon-spin' : undefined, className)\n\n // 渲染图标内容\n let content: React.ReactNode = null\n\n // 优先级: icon > component > name > children\n if (icon) {\n // 如果 icon 是 React 元素,直接渲染\n if (React.isValidElement(icon)) {\n content = icon\n }\n // 如果 icon 是组件,渲染它\n else if (typeof icon === 'function') {\n const IconComponent = icon\n content = <IconComponent />\n }\n } else if (component) {\n if (React.isValidElement(component)) {\n content = component\n } else if (typeof component === 'function') {\n const Component = component\n content = <Component />\n }\n } else if (name && CssIcons[name]) {\n // 使用内置图标\n const BuiltInIcon = CssIcons[name] as React.ComponentType<any>\n content = <BuiltInIcon />\n }\n\n return (\n <i\n ref={ref}\n className={classes}\n style={computedStyle}\n role=\"img\"\n aria-hidden=\"true\"\n {...restProps}\n >\n {content}\n </i>\n )\n})\n\nIconComponent.displayName = 'Icon'\n\nexport default IconComponent\n"],"names":["IconComponent","CssIcons"],"mappings":";;;;;;AAqBA,MAAM,aAAA,GAAgB,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1E,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,SAAA,EAAW,IAAA,EAAM,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,SAAA,EAAU,GAAI,KAAA;AAE7F,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,OAAO;AAAA,MACL,GAAG,YAAA,CAAa,EAAE,IAAA,EAAM,KAAA,EAAO,QAAQ,CAAA;AAAA,MACvC,GAAG;AAAA,KACL;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,KAAK,CAAC,CAAA;AAE/B,EAAA,MAAM,UAAU,EAAA,CAAG,UAAA,EAAY,IAAA,GAAO,eAAA,GAAkB,QAAW,SAAS,CAAA;AAG5E,EAAA,IAAI,OAAA,GAA2B,IAAA;AAG/B,EAAA,IAAI,IAAA,EAAM;AAER,IAAA,IAAI,KAAA,CAAM,cAAA,CAAe,IAAI,CAAA,EAAG;AAC9B,MAAA,OAAA,GAAU,IAAA;AAAA,IACZ,CAAA,MAAA,IAES,OAAO,IAAA,KAAS,UAAA,EAAY;AACnC,MAAA,MAAMA,cAAAA,GAAgB,IAAA;AACtB,MAAA,OAAA,mBAAU,GAAA,CAACA,gBAAA,EAAc,CAAA;AAAA,IAC3B;AAAA,EACF,WAAW,SAAA,EAAW;AACpB,IAAA,IAAI,KAAA,CAAM,cAAA,CAAe,SAAS,CAAA,EAAG;AACnC,MAAA,OAAA,GAAU,SAAA;AAAA,IACZ,CAAA,MAAA,IAAW,OAAO,SAAA,KAAc,UAAA,EAAY;AAC1C,MAAA,MAAM,SAAA,GAAY,SAAA;AAClB,MAAA,OAAA,uBAAW,SAAA,EAAA,EAAU,CAAA;AAAA,IACvB;AAAA,EACF,CAAA,MAAA,IAAW,IAAA,IAAQC,KAAA,CAAS,IAAI,CAAA,EAAG;AAEjC,IAAA,MAAM,WAAA,GAAcA,MAAS,IAAI,CAAA;AACjC,IAAA,OAAA,uBAAW,WAAA,EAAA,EAAY,CAAA;AAAA,EACzB;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,IAAA,EAAK,KAAA;AAAA,MACL,aAAA,EAAY,MAAA;AAAA,MACX,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,aAAA,CAAc,WAAA,GAAc,MAAA;;;;"}
@@ -0,0 +1,3 @@
1
+ export { default as Icon } from './Icon';
2
+ export type { IconProps } from './Icon';
3
+ //# sourceMappingURL=index.d.ts.map