asheeui 0.6.15 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (389) hide show
  1. package/dist/AsheeUIProvider.d.ts.map +1 -1
  2. package/dist/AsheeUIProvider.js +29 -24
  3. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  4. package/dist/components/accordion/Accordion.js +81 -173
  5. package/dist/components/accordion/accordion-config.js +12 -13
  6. package/dist/components/accordion/accordion-styles.js +21 -24
  7. package/dist/components/alert/Alert.d.ts +88 -0
  8. package/dist/components/alert/Alert.d.ts.map +1 -0
  9. package/dist/components/alert/Alert.js +61 -0
  10. package/dist/components/alert/alert-config.d.ts +56 -0
  11. package/dist/components/alert/alert-config.d.ts.map +1 -0
  12. package/dist/components/alert/alert-config.js +14 -0
  13. package/dist/components/alert/alert-styles.d.ts +32 -0
  14. package/dist/components/alert/alert-styles.d.ts.map +1 -0
  15. package/dist/components/alert/alert-styles.js +20 -0
  16. package/dist/components/alert/index.d.ts +3 -0
  17. package/dist/components/alert/index.d.ts.map +1 -0
  18. package/dist/components/alert/index.js +3 -0
  19. package/dist/components/autocomplete/Autocomplete.d.ts +6 -6
  20. package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
  21. package/dist/components/autocomplete/Autocomplete.js +114 -136
  22. package/dist/components/autocomplete/autocomplete-config.d.ts +1 -1
  23. package/dist/components/autocomplete/autocomplete-config.d.ts.map +1 -1
  24. package/dist/components/autocomplete/autocomplete-config.js +7 -12
  25. package/dist/components/avatar/Avatar.d.ts +87 -0
  26. package/dist/components/avatar/Avatar.d.ts.map +1 -0
  27. package/dist/components/avatar/Avatar.js +43 -0
  28. package/dist/components/avatar/avatar-config.d.ts +48 -0
  29. package/dist/components/avatar/avatar-config.d.ts.map +1 -0
  30. package/dist/components/avatar/avatar-config.js +14 -0
  31. package/dist/components/avatar/avatar-styles.d.ts +21 -0
  32. package/dist/components/avatar/avatar-styles.d.ts.map +1 -0
  33. package/dist/components/avatar/avatar-styles.js +13 -0
  34. package/dist/components/avatar/avatar.helpers.d.ts +19 -0
  35. package/dist/components/avatar/avatar.helpers.d.ts.map +1 -0
  36. package/dist/components/avatar/avatar.helpers.js +11 -0
  37. package/dist/components/avatar/index.d.ts +3 -0
  38. package/dist/components/avatar/index.d.ts.map +1 -0
  39. package/dist/components/avatar/index.js +4 -0
  40. package/dist/components/badge/Badge.d.ts +69 -0
  41. package/dist/components/badge/Badge.d.ts.map +1 -0
  42. package/dist/components/badge/Badge.js +39 -0
  43. package/dist/components/badge/badge-config.d.ts +63 -0
  44. package/dist/components/badge/badge-config.d.ts.map +1 -0
  45. package/dist/components/badge/badge-config.js +15 -0
  46. package/dist/components/badge/badge-styles.d.ts +27 -0
  47. package/dist/components/badge/badge-styles.d.ts.map +1 -0
  48. package/dist/components/badge/badge-styles.js +25 -0
  49. package/dist/components/badge/index.d.ts +3 -0
  50. package/dist/components/badge/index.d.ts.map +1 -0
  51. package/dist/components/badge/index.js +3 -0
  52. package/dist/components/breadcrumb/Breadcrumb.d.ts +106 -0
  53. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
  54. package/dist/components/breadcrumb/Breadcrumb.js +52 -0
  55. package/dist/components/breadcrumb/breadcrumb-config.d.ts +41 -0
  56. package/dist/components/breadcrumb/breadcrumb-config.d.ts.map +1 -0
  57. package/dist/components/breadcrumb/breadcrumb-config.js +10 -0
  58. package/dist/components/breadcrumb/breadcrumb-styles.d.ts +28 -0
  59. package/dist/components/breadcrumb/breadcrumb-styles.d.ts.map +1 -0
  60. package/dist/components/breadcrumb/breadcrumb-styles.js +17 -0
  61. package/dist/components/breadcrumb/index.d.ts +3 -0
  62. package/dist/components/breadcrumb/index.d.ts.map +1 -0
  63. package/dist/components/breadcrumb/index.js +3 -0
  64. package/dist/components/button/Button.d.ts +29 -1
  65. package/dist/components/button/Button.d.ts.map +1 -1
  66. package/dist/components/button/Button.js +50 -108
  67. package/dist/components/button/button-config.js +16 -17
  68. package/dist/components/button/button-styles.js +10 -11
  69. package/dist/components/{date-picker/DatePicker.d.ts → calendar/Calendar.d.ts} +22 -22
  70. package/dist/components/calendar/Calendar.d.ts.map +1 -0
  71. package/dist/components/calendar/Calendar.js +123 -0
  72. package/dist/components/{date-picker/Calendar.d.ts → calendar/DateGrid.d.ts} +7 -7
  73. package/dist/components/calendar/DateGrid.d.ts.map +1 -0
  74. package/dist/components/calendar/DateGrid.js +194 -0
  75. package/dist/components/calendar/TimeSpinner.d.ts.map +1 -0
  76. package/dist/components/calendar/TimeSpinner.js +60 -0
  77. package/dist/components/{date-picker/date-picker-config.d.ts → calendar/calendar-config.d.ts} +17 -17
  78. package/dist/components/calendar/calendar-config.d.ts.map +1 -0
  79. package/dist/components/calendar/calendar-config.js +15 -0
  80. package/dist/components/{date-picker/date-picker-styles.d.ts → calendar/calendar-styles.d.ts} +1 -1
  81. package/dist/components/calendar/calendar-styles.d.ts.map +1 -0
  82. package/dist/components/calendar/calendar-styles.js +46 -0
  83. package/dist/components/{date-picker/date-picker.helpers.d.ts → calendar/calendar.helpers.d.ts} +9 -9
  84. package/dist/components/calendar/calendar.helpers.d.ts.map +1 -0
  85. package/dist/components/calendar/calendar.helpers.js +82 -0
  86. package/dist/components/calendar/index.d.ts +3 -0
  87. package/dist/components/calendar/index.d.ts.map +1 -0
  88. package/dist/components/calendar/index.js +6 -0
  89. package/dist/components/card/Card.d.ts +36 -16
  90. package/dist/components/card/Card.d.ts.map +1 -1
  91. package/dist/components/card/Card.js +115 -205
  92. package/dist/components/card/card-config.js +24 -21
  93. package/dist/components/card/card-styles.js +19 -22
  94. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  95. package/dist/components/carousel/Carousel.js +125 -248
  96. package/dist/components/carousel/carousel-config.js +24 -25
  97. package/dist/components/carousel/carousel-styles.d.ts +1 -20
  98. package/dist/components/carousel/carousel-styles.d.ts.map +1 -1
  99. package/dist/components/carousel/carousel-styles.js +14 -16
  100. package/dist/components/chip/Chip.js +84 -191
  101. package/dist/components/chip/chip-config.js +13 -14
  102. package/dist/components/chip/chip-styles.js +22 -26
  103. package/dist/components/drawer/Drawer.d.ts +33 -11
  104. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  105. package/dist/components/drawer/Drawer.js +70 -131
  106. package/dist/components/drawer/drawer-config.js +14 -15
  107. package/dist/components/drawer/drawer-styles.js +38 -42
  108. package/dist/components/{select/Select.d.ts → dropmenu/Dropmenu.d.ts} +22 -21
  109. package/dist/components/dropmenu/Dropmenu.d.ts.map +1 -0
  110. package/dist/components/dropmenu/Dropmenu.js +102 -0
  111. package/dist/components/{select/select-config.d.ts → dropmenu/dropmenu-config.d.ts} +8 -8
  112. package/dist/components/dropmenu/dropmenu-config.d.ts.map +1 -0
  113. package/dist/components/dropmenu/dropmenu-config.js +9 -0
  114. package/dist/components/{select/select-styles.d.ts → dropmenu/dropmenu-styles.d.ts} +1 -1
  115. package/dist/components/dropmenu/dropmenu-styles.d.ts.map +1 -0
  116. package/dist/components/dropmenu/dropmenu-styles.js +6 -0
  117. package/dist/components/dropmenu/index.d.ts +3 -0
  118. package/dist/components/dropmenu/index.d.ts.map +1 -0
  119. package/dist/components/dropmenu/index.js +3 -0
  120. package/dist/components/field/FieldShell.d.ts +13 -1
  121. package/dist/components/field/FieldShell.d.ts.map +1 -1
  122. package/dist/components/field/FieldShell.js +50 -56
  123. package/dist/components/field/field-config.js +17 -18
  124. package/dist/components/field/field-styles.js +8 -8
  125. package/dist/components/form/Form.d.ts +109 -0
  126. package/dist/components/form/Form.d.ts.map +1 -0
  127. package/dist/components/form/Form.js +42 -0
  128. package/dist/components/form/form-config.d.ts +57 -0
  129. package/dist/components/form/form-config.d.ts.map +1 -0
  130. package/dist/components/form/form-config.js +12 -0
  131. package/dist/components/form/form-styles.d.ts +27 -0
  132. package/dist/components/form/form-styles.d.ts.map +1 -0
  133. package/dist/components/form/form-styles.js +5 -0
  134. package/dist/components/form/index.d.ts +3 -0
  135. package/dist/components/form/index.d.ts.map +1 -0
  136. package/dist/components/form/index.js +3 -0
  137. package/dist/components/image/Image.d.ts +8 -9
  138. package/dist/components/image/Image.d.ts.map +1 -1
  139. package/dist/components/image/Image.js +65 -132
  140. package/dist/components/image/image-config.js +17 -18
  141. package/dist/components/image/image-styles.js +14 -15
  142. package/dist/components/input/Input.js +65 -150
  143. package/dist/components/input/PasswordInput.js +30 -49
  144. package/dist/components/input/input-config.js +7 -7
  145. package/dist/components/input/input-styles.js +9 -10
  146. package/dist/components/keyboard/KeyboardContext.js +10 -11
  147. package/dist/components/keyboard/KeyboardProvider.js +100 -181
  148. package/dist/components/keyboard/OnScreenKeyboard.d.ts.map +1 -1
  149. package/dist/components/keyboard/OnScreenKeyboard.js +159 -166
  150. package/dist/components/keyboard/keyboard-config.js +59 -57
  151. package/dist/components/keyboard/keyboard-styles.js +10 -11
  152. package/dist/components/keyboard/use-keyboard-field.js +29 -21
  153. package/dist/components/link/Link.d.ts +12 -10
  154. package/dist/components/link/Link.d.ts.map +1 -1
  155. package/dist/components/link/Link.js +47 -137
  156. package/dist/components/link/link-config.js +14 -15
  157. package/dist/components/link/link-styles.js +25 -29
  158. package/dist/components/marquee/Marquee.d.ts.map +1 -1
  159. package/dist/components/marquee/Marquee.js +58 -144
  160. package/dist/components/marquee/marquee-config.js +18 -19
  161. package/dist/components/marquee/marquee-styles.js +13 -15
  162. package/dist/components/{select-menu/SelectMenu.d.ts → menu/Menu.d.ts} +52 -19
  163. package/dist/components/menu/Menu.d.ts.map +1 -0
  164. package/dist/components/menu/Menu.js +161 -0
  165. package/dist/components/menu/index.d.ts +5 -0
  166. package/dist/components/menu/index.d.ts.map +1 -0
  167. package/dist/components/menu/index.js +4 -0
  168. package/dist/components/{select-menu/select-menu-config.d.ts → menu/menu-config.d.ts} +5 -5
  169. package/dist/components/menu/menu-config.d.ts.map +1 -0
  170. package/dist/components/menu/menu-config.js +14 -0
  171. package/dist/components/menu/menu-navigation.d.ts +38 -0
  172. package/dist/components/menu/menu-navigation.d.ts.map +1 -0
  173. package/dist/components/menu/menu-navigation.js +20 -0
  174. package/dist/components/{select-menu/use-select-floating.d.ts → menu/use-menu-floating.d.ts} +20 -10
  175. package/dist/components/menu/use-menu-floating.d.ts.map +1 -0
  176. package/dist/components/menu/use-menu-floating.js +43 -0
  177. package/dist/components/modal/Modal.d.ts +32 -11
  178. package/dist/components/modal/Modal.d.ts.map +1 -1
  179. package/dist/components/modal/Modal.js +74 -137
  180. package/dist/components/modal/modal-config.js +15 -16
  181. package/dist/components/modal/modal-styles.js +13 -14
  182. package/dist/components/multi-select/MultiSelect.d.ts +29 -12
  183. package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
  184. package/dist/components/multi-select/MultiSelect.js +162 -283
  185. package/dist/components/multi-select/multi-select-config.d.ts +24 -19
  186. package/dist/components/multi-select/multi-select-config.d.ts.map +1 -1
  187. package/dist/components/multi-select/multi-select-config.js +18 -21
  188. package/dist/components/multi-select/multi-select-styles.js +17 -20
  189. package/dist/components/pagination/Pagination.d.ts +91 -0
  190. package/dist/components/pagination/Pagination.d.ts.map +1 -0
  191. package/dist/components/pagination/Pagination.js +66 -0
  192. package/dist/components/pagination/index.d.ts +3 -0
  193. package/dist/components/pagination/index.d.ts.map +1 -0
  194. package/dist/components/pagination/index.js +4 -0
  195. package/dist/components/pagination/pagination-config.d.ts +66 -0
  196. package/dist/components/pagination/pagination-config.d.ts.map +1 -0
  197. package/dist/components/pagination/pagination-config.js +19 -0
  198. package/dist/components/pagination/pagination-styles.d.ts +19 -0
  199. package/dist/components/pagination/pagination-styles.d.ts.map +1 -0
  200. package/dist/components/pagination/pagination-styles.js +5 -0
  201. package/dist/components/pagination/pagination.helpers.d.ts +26 -0
  202. package/dist/components/pagination/pagination.helpers.d.ts.map +1 -0
  203. package/dist/components/pagination/pagination.helpers.js +12 -0
  204. package/dist/components/radio/Radio.d.ts +53 -107
  205. package/dist/components/radio/Radio.d.ts.map +1 -1
  206. package/dist/components/radio/Radio.js +56 -79
  207. package/dist/components/radio/RadioGroup.d.ts +107 -53
  208. package/dist/components/radio/RadioGroup.d.ts.map +1 -1
  209. package/dist/components/radio/RadioGroup.js +51 -155
  210. package/dist/components/radio/index.d.ts +0 -1
  211. package/dist/components/radio/index.d.ts.map +1 -1
  212. package/dist/components/radio/radio-config.js +15 -16
  213. package/dist/components/radio/radio-context.js +6 -6
  214. package/dist/components/radio/radio-styles.js +55 -60
  215. package/dist/components/resizable-screen/ResizableScreen.d.ts +4 -4
  216. package/dist/components/resizable-screen/ResizableScreen.js +87 -177
  217. package/dist/components/resizable-screen/resizable-screen-config.js +16 -17
  218. package/dist/components/scrollbar/index.js +1 -0
  219. package/dist/components/scrollbar/scrollbar-config.js +13 -0
  220. package/dist/components/sidebar/Sidebar.d.ts +43 -22
  221. package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
  222. package/dist/components/sidebar/Sidebar.js +148 -331
  223. package/dist/components/sidebar/sidebar-config.d.ts +98 -31
  224. package/dist/components/sidebar/sidebar-config.d.ts.map +1 -1
  225. package/dist/components/sidebar/sidebar-config.js +47 -33
  226. package/dist/components/sidebar/sidebar-styles.js +27 -32
  227. package/dist/components/skeleton/Skeleton.d.ts +65 -0
  228. package/dist/components/skeleton/Skeleton.d.ts.map +1 -0
  229. package/dist/components/skeleton/Skeleton.js +29 -0
  230. package/dist/components/skeleton/index.d.ts +3 -0
  231. package/dist/components/skeleton/index.d.ts.map +1 -0
  232. package/dist/components/skeleton/index.js +3 -0
  233. package/dist/components/skeleton/skeleton-config.d.ts +40 -0
  234. package/dist/components/skeleton/skeleton-config.d.ts.map +1 -0
  235. package/dist/components/skeleton/skeleton-config.js +13 -0
  236. package/dist/components/skeleton/skeleton-styles.d.ts +19 -0
  237. package/dist/components/skeleton/skeleton-styles.d.ts.map +1 -0
  238. package/dist/components/skeleton/skeleton-styles.js +5 -0
  239. package/dist/components/spinner/spinner-config.js +12 -13
  240. package/dist/components/spinner/spinner-styles.js +13 -14
  241. package/dist/components/spinner/spinner.js +39 -82
  242. package/dist/components/switch/Switch.d.ts.map +1 -1
  243. package/dist/components/switch/Switch.js +64 -154
  244. package/dist/components/switch/switch-config.js +11 -12
  245. package/dist/components/switch/switch-styles.js +14 -16
  246. package/dist/components/table/Table.js +64 -186
  247. package/dist/components/table/table-config.js +17 -18
  248. package/dist/components/table/table-styles.js +48 -52
  249. package/dist/components/tabs/Tabs.d.ts +16 -8
  250. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  251. package/dist/components/tabs/Tabs.js +93 -208
  252. package/dist/components/tabs/tabs-config.d.ts +42 -20
  253. package/dist/components/tabs/tabs-config.d.ts.map +1 -1
  254. package/dist/components/tabs/tabs-config.js +26 -18
  255. package/dist/components/tabs/tabs-styles.js +15 -17
  256. package/dist/components/textarea/Textarea.d.ts +10 -10
  257. package/dist/components/textarea/Textarea.js +52 -138
  258. package/dist/components/textarea/textarea-config.d.ts +2 -2
  259. package/dist/components/textarea/textarea-config.js +10 -11
  260. package/dist/components/textarea/textarea-styles.js +9 -10
  261. package/dist/components/toast/ToastContext.js +22 -26
  262. package/dist/components/toast/ToastItem.d.ts.map +1 -1
  263. package/dist/components/toast/ToastItem.js +83 -144
  264. package/dist/components/toast/ToastProvider.d.ts.map +1 -1
  265. package/dist/components/toast/ToastProvider.js +128 -190
  266. package/dist/components/toast/toast-config.js +23 -24
  267. package/dist/components/toast/toast-styles.js +50 -55
  268. package/dist/components/toast/use-pausable-timeout.js +17 -13
  269. package/dist/components/tooltip/Tooltip.d.ts +5 -0
  270. package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
  271. package/dist/components/tooltip/Tooltip.js +68 -158
  272. package/dist/components/tooltip/tooltip-config.d.ts +25 -0
  273. package/dist/components/tooltip/tooltip-config.d.ts.map +1 -1
  274. package/dist/components/tooltip/tooltip-config.js +26 -22
  275. package/dist/components/tooltip/tooltip-styles.js +15 -17
  276. package/dist/components/typography/Typography.d.ts +60 -0
  277. package/dist/components/typography/Typography.d.ts.map +1 -0
  278. package/dist/components/typography/Typography.js +28 -0
  279. package/dist/components/typography/index.d.ts +3 -0
  280. package/dist/components/typography/index.d.ts.map +1 -0
  281. package/dist/components/typography/index.js +3 -0
  282. package/dist/components/typography/typography-config.d.ts +54 -0
  283. package/dist/components/typography/typography-config.d.ts.map +1 -0
  284. package/dist/components/typography/typography-config.js +12 -0
  285. package/dist/components/typography/typography-styles.d.ts +21 -0
  286. package/dist/components/typography/typography-styles.d.ts.map +1 -0
  287. package/dist/components/typography/typography-styles.js +19 -0
  288. package/dist/config/default-config.d.ts.map +1 -1
  289. package/dist/config/default-config.js +11 -34
  290. package/dist/config/index.js +1 -0
  291. package/dist/config/resolve-color.js +23 -23
  292. package/dist/config/resolve-config.d.ts.map +1 -1
  293. package/dist/config/resolve-config.js +14 -12
  294. package/dist/config/validate-config.d.ts +34 -0
  295. package/dist/config/validate-config.d.ts.map +1 -0
  296. package/dist/config/validate-config.js +190 -0
  297. package/dist/icons/ArrowLeftIcon.js +16 -19
  298. package/dist/icons/CalendarIcon.js +43 -24
  299. package/dist/icons/CheckIcon.js +16 -19
  300. package/dist/icons/ChevronDownIcon.js +15 -21
  301. package/dist/icons/ChevronLeftIcon.js +16 -19
  302. package/dist/icons/ChevronRightIcon.js +16 -19
  303. package/dist/icons/ChevronUpIcon.js +16 -19
  304. package/dist/icons/ClearIcon.js +26 -22
  305. package/dist/icons/ClockIcon.js +20 -22
  306. package/dist/icons/CloseIcon.js +26 -22
  307. package/dist/icons/ErrorIcon.js +16 -19
  308. package/dist/icons/ExternalLinkIcon.js +25 -23
  309. package/dist/icons/EyeIcon.js +20 -22
  310. package/dist/icons/EyeOffIcon.js +21 -22
  311. package/dist/icons/InfoIcon.js +16 -19
  312. package/dist/icons/SearchIcon.js +25 -22
  313. package/dist/icons/WarningIcon.js +16 -19
  314. package/dist/index.d.ts +15 -17
  315. package/dist/index.d.ts.map +1 -1
  316. package/dist/index.js +79 -163
  317. package/dist/libs/context.js +10 -13
  318. package/dist/libs/index.js +4 -0
  319. package/dist/libs/registry.js +10 -12
  320. package/dist/libs/use-body-scroll-lock.d.ts +21 -0
  321. package/dist/libs/use-body-scroll-lock.d.ts.map +1 -0
  322. package/dist/libs/use-body-scroll-lock.js +27 -0
  323. package/dist/libs/use-dialog-overlay.d.ts +21 -0
  324. package/dist/libs/use-dialog-overlay.d.ts.map +1 -0
  325. package/dist/libs/use-dialog-overlay.js +21 -0
  326. package/dist/libs/use-floating-z-index.d.ts +32 -0
  327. package/dist/libs/use-floating-z-index.d.ts.map +1 -0
  328. package/dist/libs/use-floating-z-index.js +16 -0
  329. package/dist/libs/use-isomorphic-layout-effect.js +5 -5
  330. package/dist/libs/use-prefers-reduced-motion.d.ts +23 -0
  331. package/dist/libs/use-prefers-reduced-motion.d.ts.map +1 -0
  332. package/dist/libs/use-prefers-reduced-motion.js +19 -0
  333. package/dist/scripts/AsheeThemeScript.js +70 -44
  334. package/dist/shared/index.d.ts +1 -0
  335. package/dist/shared/index.d.ts.map +1 -1
  336. package/dist/shared/radius.d.ts.map +1 -1
  337. package/dist/shared/radius.js +12 -13
  338. package/dist/shared/typography.d.ts +81 -0
  339. package/dist/shared/typography.d.ts.map +1 -0
  340. package/dist/shared/typography.js +137 -0
  341. package/dist/shared/variant.js +46 -134
  342. package/dist/theme/color.js +28 -28
  343. package/dist/theme/controller.d.ts.map +1 -1
  344. package/dist/theme/controller.js +65 -178
  345. package/dist/theme/useTheme.js +13 -44
  346. package/dist/utils/cn.js +7 -7
  347. package/dist/utils/index.d.ts +1 -0
  348. package/dist/utils/index.d.ts.map +1 -1
  349. package/dist/utils/index.js +1 -0
  350. package/dist/utils/merge-object.js +13 -14
  351. package/dist/utils/resolve-token.js +11 -14
  352. package/dist/utils/stacking.d.ts +76 -0
  353. package/dist/utils/stacking.d.ts.map +1 -0
  354. package/dist/utils/stacking.js +34 -0
  355. package/package.json +22 -14
  356. package/dist/components/date-picker/Calendar.d.ts.map +0 -1
  357. package/dist/components/date-picker/Calendar.js +0 -224
  358. package/dist/components/date-picker/DatePicker.d.ts.map +0 -1
  359. package/dist/components/date-picker/DatePicker.js +0 -221
  360. package/dist/components/date-picker/TimeSpinner.d.ts.map +0 -1
  361. package/dist/components/date-picker/TimeSpinner.js +0 -84
  362. package/dist/components/date-picker/date-picker-config.d.ts.map +0 -1
  363. package/dist/components/date-picker/date-picker-config.js +0 -16
  364. package/dist/components/date-picker/date-picker-styles.d.ts.map +0 -1
  365. package/dist/components/date-picker/date-picker-styles.js +0 -47
  366. package/dist/components/date-picker/date-picker.helpers.d.ts.map +0 -1
  367. package/dist/components/date-picker/date-picker.helpers.js +0 -110
  368. package/dist/components/date-picker/index.d.ts +0 -3
  369. package/dist/components/date-picker/index.d.ts.map +0 -1
  370. package/dist/components/date-picker/index.js +0 -6
  371. package/dist/components/select/Select.d.ts.map +0 -1
  372. package/dist/components/select/Select.js +0 -196
  373. package/dist/components/select/index.d.ts +0 -3
  374. package/dist/components/select/index.d.ts.map +0 -1
  375. package/dist/components/select/index.js +0 -3
  376. package/dist/components/select/select-config.d.ts.map +0 -1
  377. package/dist/components/select/select-config.js +0 -10
  378. package/dist/components/select/select-styles.d.ts.map +0 -1
  379. package/dist/components/select/select-styles.js +0 -6
  380. package/dist/components/select-menu/SelectMenu.d.ts.map +0 -1
  381. package/dist/components/select-menu/SelectMenu.js +0 -198
  382. package/dist/components/select-menu/index.d.ts +0 -4
  383. package/dist/components/select-menu/index.d.ts.map +0 -1
  384. package/dist/components/select-menu/index.js +0 -3
  385. package/dist/components/select-menu/select-menu-config.d.ts.map +0 -1
  386. package/dist/components/select-menu/select-menu-config.js +0 -14
  387. package/dist/components/select-menu/use-select-floating.d.ts.map +0 -1
  388. package/dist/components/select-menu/use-select-floating.js +0 -50
  389. /package/dist/components/{date-picker → calendar}/TimeSpinner.d.ts +0 -0
@@ -1,81 +1,58 @@
1
1
  "use client";
2
- import { jsx as e } from "react/jsx-runtime";
3
- import { forwardRef as w, useId as F } from "react";
4
- import { useAsheeConfig as G } from "../../libs/context.js";
5
- import { resolveCascade as L } from "../../utils/resolve-token.js";
6
- import { FieldShell as O } from "../field/FieldShell.js";
2
+ "use client";
3
+ import { cn as e } from "../../utils/cn.js";
4
+ import { RADIUS_CLASS as t } from "../../shared/radius.js";
5
+ import { useAsheeConfig as n } from "../../libs/context.js";
6
+ import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as ee } from "../../utils/resolve-token.js";
7
7
  import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
8
- import { RadioContext as S } from "./radio-context.js";
9
- import { cn as _ } from "../../utils/cn.js";
10
- const j = w(
11
- ({
12
- children: i,
13
- name: s,
14
- value: n,
15
- onChange: m,
16
- size: d,
17
- color: c,
18
- variant: p,
19
- orientation: f = "vertical",
20
- status: u,
21
- label: g,
22
- labelAlign: v,
23
- description: A,
24
- message: x,
25
- required: R,
26
- disabled: b,
27
- className: h
28
- }, C) => {
29
- var t;
30
- const o = (t = G().components) == null ? void 0 : t.radio, r = F(), I = s ?? r, l = u ?? a.status, N = L(
31
- v,
32
- o == null ? void 0 : o.labelAlign,
33
- void 0,
34
- a.labelAlign
35
- );
36
- return /* @__PURE__ */ e(
37
- O,
38
- {
39
- id: r,
40
- label: g,
41
- labelAlign: N,
42
- description: A,
43
- message: x,
44
- status: l,
45
- required: R,
46
- children: /* @__PURE__ */ e(
47
- S.Provider,
48
- {
49
- value: {
50
- name: I,
51
- value: n,
52
- onChange: m,
53
- size: d,
54
- color: c,
55
- variant: p,
56
- disabled: b,
57
- status: l
58
- },
59
- children: /* @__PURE__ */ e(
60
- "div",
61
- {
62
- ref: C,
63
- role: "radiogroup",
64
- className: _(
65
- "flex",
66
- f === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
67
- h
68
- ),
69
- children: i
70
- }
71
- )
72
- }
73
- )
74
- }
75
- );
76
- }
77
- );
78
- j.displayName = "RadioGroup";
79
- export {
80
- j as RadioGroup
81
- };
8
+ import { useRadioGroupContext as o } from "./radio-context.js";
9
+ import { RADIO_COLOR_CLASS as s, RADIO_FONT_SIZE_CLASS as c, RADIO_GAP_CLASS as l, RADIO_INNER_SIZE_CLASS as te, RADIO_OUTER_SIZE_CLASS as ne, RADIO_STATUS_BORDER_CLASS as u } from "./radio-styles.js";
10
+ import { forwardRef as d, useCallback as f, useId as p, useState as m } from "react";
11
+ import { jsx as h, jsxs as g } from "react/jsx-runtime";
12
+ //#region src/components/radio/Radio.tsx
13
+ var _ = d(({ value: d, size: _, color: v, radius: y, variant: b, status: re, label: x, description: S, id: C, name: w, className: T, style: E, disabled: D, checked: O, defaultChecked: k = !1, onChange: A, ...j }, M) => {
14
+ let N = n(), P = o(), F = N.components?.radio, I = p(), L = C ?? I, R = w ?? P?.name, z = D ?? P?.disabled ?? !1, [B, V] = m(k), H = P ? P.value === d : O ?? B, U = r(_ ?? P?.size, F?.size, void 0, a.size), W = r(b ?? P?.variant, F?.variant, void 0, a.variant), G = r(v ?? P?.color, F?.color, N.defaultColor, a.color), K = re ?? P?.status ?? a.status, q = W === "card", J = ee(y, F?.radius, void 0, a.radius), Y = q && J === "full" ? "xl" : J, X = i(U, ne, a.size), ie = i(U, te, a.size), ae = i(U, c, a.size), oe = i(U, l, a.size), Z = i(J, t, a.radius), se = i(Y, t, "xl"), Q = s[G] ?? s.primary, $ = u[K] ?? u.default, ce = f((e) => {
15
+ z || (P ? P.onChange?.(d) : O === void 0 && V(!0), A?.(e.target.checked, d, e));
16
+ }, [
17
+ O,
18
+ P,
19
+ z,
20
+ A,
21
+ d
22
+ ]);
23
+ return /* @__PURE__ */ g("label", {
24
+ className: e("relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0", oe, q ? e("p-3 border bg-background", se) : "", q && (H ? `${Q.border} ${Q.cardBg}` : $), z && "opacity-50 pointer-events-none cursor-not-allowed", T),
25
+ style: E,
26
+ children: [
27
+ /* @__PURE__ */ h("input", {
28
+ ref: M,
29
+ id: L,
30
+ type: "radio",
31
+ name: R,
32
+ value: d,
33
+ checked: H,
34
+ disabled: z,
35
+ onChange: ce,
36
+ className: "sr-only peer",
37
+ ...j
38
+ }),
39
+ /* @__PURE__ */ h("div", {
40
+ className: e("shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2", X, Z, H ? Q.border : $),
41
+ children: /* @__PURE__ */ h("span", { className: e(ie, Z, Q.bg, "transition-all duration-200 ease-in-out transform-gpu", H ? "scale-100 opacity-100" : "scale-0 opacity-0") })
42
+ }),
43
+ (x || S) && /* @__PURE__ */ g("div", {
44
+ className: "flex flex-col min-w-0",
45
+ children: [x && /* @__PURE__ */ h("span", {
46
+ className: e("font-medium text-foreground leading-snug", ae),
47
+ children: x
48
+ }), S && /* @__PURE__ */ h("span", {
49
+ className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5",
50
+ children: S
51
+ })]
52
+ })
53
+ ]
54
+ });
55
+ });
56
+ _.displayName = "Radio";
57
+ //#endregion
58
+ export { _ as Radio };
@@ -1,90 +1,144 @@
1
- import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
2
- import { RadioConfig } from './radio-config';
3
- type BaseRadioProps = RadioConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color">;
1
+ import { ReactNode } from 'react';
2
+ import { Color } from '../../shared';
3
+ import { FieldSizeKey, FieldStatus, LabelAlign } from '../field/field-config';
4
+ import { RadioVariant } from './radio-config';
4
5
  /**
5
- * Configuration options for the Radio component.
6
+ * Configuration options for the RadioGroup component.
6
7
  */
7
- export interface RadioProps extends BaseRadioProps {
8
+ export interface RadioGroupProps {
8
9
  /**
9
- * The value of the radio button.
10
- * Used to identify which radio is selected in a group.
10
+ * Radio components to render inside the group.
11
11
  */
12
- value: string;
12
+ children: ReactNode;
13
13
  /**
14
- * Label text for the radio.
15
- * Displayed next to the radio button.
14
+ * Name attribute for all radio inputs in the group.
15
+ * Auto-generated if not provided.
16
16
  */
17
- label?: ReactNode;
17
+ name?: string;
18
+ /**
19
+ * Controlled selected value.
20
+ */
21
+ value?: string;
22
+ /**
23
+ * Uncontrolled initial selected value.
24
+ */
25
+ defaultValue?: string;
26
+ /**
27
+ * Callback fired when the selection changes.
28
+ * Receives the new selected value.
29
+ */
30
+ onChange?: (value: string) => void;
31
+ /**
32
+ * Size scale for all radios in the group.
33
+ * @default "md"
34
+ */
35
+ size?: FieldSizeKey;
36
+ /**
37
+ * Theme accent color for all radios in the group.
38
+ * @default "primary"
39
+ */
40
+ color?: Color;
41
+ /**
42
+ * Visual style variant for all radios in the group.
43
+ * @default "default"
44
+ */
45
+ variant?: RadioVariant;
46
+ /**
47
+ * Layout orientation of the radio group.
48
+ * - `horizontal`: Radios are laid out in a row.
49
+ * - `vertical`: Radios are laid out in a column.
50
+ * @default "vertical"
51
+ */
52
+ orientation?: "horizontal" | "vertical";
53
+ /**
54
+ * Validation status for the group.
55
+ * @default "default"
56
+ */
57
+ status?: FieldStatus;
58
+ /**
59
+ * Label text for the group.
60
+ */
61
+ label?: string;
62
+ /**
63
+ * Alignment of the label relative to the group.
64
+ * @default "left"
65
+ */
66
+ labelAlign?: LabelAlign;
18
67
  /**
19
68
  * Description text shown below the label.
20
- * Provides additional context for the option.
21
69
  */
22
- description?: ReactNode;
70
+ description?: string;
71
+ /**
72
+ * Validation message shown below the group.
73
+ */
74
+ message?: string;
23
75
  /**
24
- * Whether the radio is checked.
25
- * For controlled usage.
76
+ * Whether the field is required.
77
+ * @default false
26
78
  */
27
- checked?: boolean;
79
+ required?: boolean;
28
80
  /**
29
- * Whether the radio is initially checked.
30
- * For uncontrolled usage.
81
+ * Whether all radios in the group are disabled.
31
82
  * @default false
32
83
  */
33
- defaultChecked?: boolean;
84
+ disabled?: boolean;
34
85
  /**
35
- * Callback fired when the radio state changes.
36
- * Receives the checked state, value, and the change event.
86
+ * Extra CSS classes for the group container.
37
87
  */
38
- onChange?: (checked: boolean, value: string, event: ChangeEvent<HTMLInputElement>) => void;
88
+ className?: string;
39
89
  }
40
90
  /**
41
- * A single radio button with label and description.
42
- *
43
- * Radio renders a circular radio button with an optional label and
44
- * description. It supports controlled and uncontrolled usage, validation
45
- * states, and the standard AsheeUI cascade for visual tokens. When used
46
- * within a RadioGroup, it inherits shared props from the group context.
91
+ * A group of radio buttons that manages shared state and layout.
47
92
  *
48
- * The component automatically handles accessibility attributes including
49
- * proper role, aria-checked, and focus management.
93
+ * RadioGroup wraps multiple Radio components and provides a consistent
94
+ * context for shared props like name, value, size, color, and disabled
95
+ * state. It also handles labeling, validation, and layout through the
96
+ * FieldShell component.
50
97
  *
51
- * @param props - Radio configuration options.
52
- * @param props.value - The value of the radio button.
53
- * @param props.label - Label text for the radio.
54
- * @param props.description - Description text shown below the label.
55
- * @param props.checked - Whether the radio is checked (controlled).
56
- * @param props.defaultChecked - Whether the radio is initially checked (uncontrolled).
57
- * @param props.onChange - Callback fired when the radio state changes.
58
- * @param props.size - Size scale. Defaults to "md".
98
+ * @param props - RadioGroup configuration options.
99
+ * @param props.children - Radio components to render.
100
+ * @param props.name - Name attribute for all radios.
101
+ * @param props.value - Controlled selected value.
102
+ * @param props.defaultValue - Uncontrolled initial selected value.
103
+ * @param props.onChange - Callback fired when selection changes.
104
+ * @param props.size - Size scale for all radios. Defaults to "md".
59
105
  * @param props.color - Theme accent color. Defaults to "primary".
60
106
  * @param props.variant - Visual style variant. Defaults to "default".
61
- * @param props.radius - Corner rounding. Defaults to "full".
62
- * @param props.status - Validation status.
63
- * @param props.disabled - Whether the radio is disabled.
107
+ * @param props.orientation - Layout orientation. Defaults to "vertical".
108
+ * @param props.status - Validation status. Defaults to "default".
109
+ * @param props.label - Label text for the group.
110
+ * @param props.labelAlign - Alignment of the label. Defaults to "left".
111
+ * @param props.description - Description text.
112
+ * @param props.message - Validation message.
113
+ * @param props.required - Whether the field is required.
114
+ * @param props.disabled - Whether all radios are disabled.
115
+ * @param props.className - Extra CSS classes.
64
116
  *
65
117
  * @example
66
118
  * ```tsx
67
- * import { Radio } from "asheeui";
119
+ * import { Radio, RadioGroup } from "asheeui";
68
120
  * import { useState } from "react";
69
121
  *
70
122
  * export function Example() {
71
- * const [checked, setChecked] = useState(false);
123
+ * const [value, setValue] = useState("option-1");
72
124
  *
73
125
  * return (
74
- * <Radio
75
- * value="option-1"
76
- * label="Option 1"
77
- * description="This is the first option"
78
- * checked={checked}
79
- * onChange={(checked) => setChecked(checked)}
80
- * />
126
+ * <RadioGroup
127
+ * label="Choose an option"
128
+ * value={value}
129
+ * onChange={setValue}
130
+ * orientation="horizontal"
131
+ * >
132
+ * <Radio value="option-1" label="Option 1" />
133
+ * <Radio value="option-2" label="Option 2" />
134
+ * <Radio value="option-3" label="Option 3" disabled />
135
+ * </RadioGroup>
81
136
  * );
82
137
  * }
83
138
  * ```
84
139
  *
85
- * @see RadioGroup - The parent component that manages radio groups.
140
+ * @see Radio - The individual radio component.
86
141
  * @see RadioConfig - The configuration type for component defaults.
87
142
  */
88
- export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
89
- export {};
143
+ export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
90
144
  //# sourceMappingURL=RadioGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAWf,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AAaxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;CACX;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,KAAK,yGAoNjB,CAAC"}
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAKxB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,4GAuGtB,CAAC"}
@@ -1,156 +1,52 @@
1
1
  "use client";
2
- import { jsxs as b, jsx as o } from "react/jsx-runtime";
3
- import { forwardRef as as, useId as rs, useState as ts, useCallback as os } from "react";
4
- import { useAsheeConfig as is } from "../../libs/context.js";
5
- import { resolveCascade as A, resolveRadiusKey as ns, resolveClassKey as r } from "../../utils/resolve-token.js";
6
- import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
7
- import { useRadioGroupContext as ls } from "./radio-context.js";
8
- import { RADIO_OUTER_SIZE_CLASS as ds, RADIO_INNER_SIZE_CLASS as cs, RADIO_FONT_SIZE_CLASS as ms, RADIO_GAP_CLASS as fs, RADIO_COLOR_CLASS as N, RADIO_STATUS_BORDER_CLASS as O } from "./radio-styles.js";
9
- import { RADIUS_CLASS as h } from "../../shared/radius.js";
10
- import { cn as i } from "../../utils/cn.js";
11
- const us = as(
12
- ({
13
- value: t,
14
- size: z,
15
- color: D,
16
- radius: L,
17
- variant: k,
18
- status: K,
19
- label: f,
20
- description: u,
21
- id: E,
22
- name: w,
23
- className: B,
24
- style: T,
25
- disabled: U,
26
- checked: S,
27
- defaultChecked: j = !1,
28
- onChange: n,
29
- ...F
30
- }, G) => {
31
- var y;
32
- const C = is(), s = ls(), e = (y = C.components) == null ? void 0 : y.radio, Z = rs(), $ = E ?? Z, P = w ?? (s == null ? void 0 : s.name), l = U ?? (s == null ? void 0 : s.disabled) ?? !1, [V, q] = ts(j), d = s ? s.value === t : S ?? V, c = A(
33
- z ?? (s == null ? void 0 : s.size),
34
- e == null ? void 0 : e.size,
35
- void 0,
36
- a.size
37
- ), H = A(
38
- k ?? (s == null ? void 0 : s.variant),
39
- e == null ? void 0 : e.variant,
40
- void 0,
41
- a.variant
42
- ), J = A(
43
- D ?? (s == null ? void 0 : s.color),
44
- e == null ? void 0 : e.color,
45
- C.defaultColor,
46
- a.color
47
- ), M = K ?? (s == null ? void 0 : s.status) ?? a.status, R = H === "card", v = ns(
48
- L,
49
- e == null ? void 0 : e.radius,
50
- void 0,
51
- a.radius
52
- ), Q = R && v === "full" ? "xl" : v, W = r(
53
- c,
54
- ds,
55
- a.size
56
- ), X = r(
57
- c,
58
- cs,
59
- a.size
60
- ), Y = r(
61
- c,
62
- ms,
63
- a.size
64
- ), g = r(
65
- c,
66
- fs,
67
- a.size
68
- ), _ = r(
69
- v,
70
- h,
71
- a.radius
72
- ), ss = r(
73
- Q,
74
- h,
75
- "xl"
76
- ), m = N[J] ?? N.primary, p = O[M] ?? O.default, es = os(
77
- (I) => {
78
- var x;
79
- l || (s ? (x = s.onChange) == null || x.call(s, t) : S === void 0 && q(!0), n == null || n(I.target.checked, t, I));
80
- },
81
- [S, s, l, n, t]
82
- );
83
- return /* @__PURE__ */ b(
84
- "label",
85
- {
86
- className: i(
87
- "relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0",
88
- g,
89
- R ? i("p-3 border bg-background", ss) : "",
90
- R && (d ? `${m.border} ${m.cardBg}` : p),
91
- l && "opacity-50 pointer-events-none cursor-not-allowed",
92
- B
93
- ),
94
- style: T,
95
- children: [
96
- /* @__PURE__ */ o(
97
- "input",
98
- {
99
- ref: G,
100
- id: $,
101
- type: "radio",
102
- name: P,
103
- value: t,
104
- checked: d,
105
- disabled: l,
106
- onChange: es,
107
- className: "sr-only peer",
108
- ...F
109
- }
110
- ),
111
- /* @__PURE__ */ o(
112
- "div",
113
- {
114
- className: i(
115
- "shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5",
116
- "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
117
- W,
118
- _,
119
- d ? m.border : p
120
- ),
121
- children: /* @__PURE__ */ o(
122
- "span",
123
- {
124
- className: i(
125
- X,
126
- _,
127
- m.bg,
128
- "transition-all duration-200 ease-in-out transform-gpu",
129
- d ? "scale-100 opacity-100" : "scale-0 opacity-0"
130
- )
131
- }
132
- )
133
- }
134
- ),
135
- (f || u) && /* @__PURE__ */ b("div", { className: "flex flex-col min-w-0", children: [
136
- f && /* @__PURE__ */ o(
137
- "span",
138
- {
139
- className: i(
140
- "font-medium text-foreground leading-snug",
141
- Y
142
- ),
143
- children: f
144
- }
145
- ),
146
- u && /* @__PURE__ */ o("span", { className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5", children: u })
147
- ] })
148
- ]
149
- }
150
- );
151
- }
152
- );
153
- us.displayName = "Radio";
154
- export {
155
- us as Radio
156
- };
2
+ "use client";
3
+ import { cn as e } from "../../utils/cn.js";
4
+ import { useAsheeConfig as t } from "../../libs/context.js";
5
+ import { resolveCascade as n } from "../../utils/resolve-token.js";
6
+ import { FieldShell as r } from "../field/FieldShell.js";
7
+ import { FALLBACK_RADIO_CONFIG as i } from "./radio-config.js";
8
+ import { RadioContext as a } from "./radio-context.js";
9
+ import { forwardRef as o, useCallback as s, useId as c, useState as l } from "react";
10
+ import { jsx as u } from "react/jsx-runtime";
11
+ //#region src/components/radio/RadioGroup.tsx
12
+ var d = o(({ children: o, name: d, value: f, defaultValue: p, onChange: m, size: h, color: g, variant: _, orientation: v = "vertical", status: y, label: b, labelAlign: x, description: S, message: C, required: w, disabled: T, className: E }, D) => {
13
+ let O = t().components?.radio, k = c(), A = d ?? k, [j, M] = l(p), N = f !== void 0, P = N ? f : j, F = s((e) => {
14
+ N || M(e), m?.(e);
15
+ }, [N, m]), I = b ? `${k}-label` : void 0, L = S ? `${k}-description` : void 0, R = C ? `${k}-message` : void 0, z = [L, R].filter(Boolean).join(" ") || void 0, B = y ?? i.status, V = n(x, O?.labelAlign, void 0, i.labelAlign);
16
+ return /* @__PURE__ */ u(r, {
17
+ id: k,
18
+ htmlFor: null,
19
+ labelId: I,
20
+ label: b,
21
+ labelAlign: V,
22
+ description: S,
23
+ descriptionId: L,
24
+ message: C,
25
+ messageId: R,
26
+ status: B,
27
+ required: w,
28
+ children: /* @__PURE__ */ u(a.Provider, {
29
+ value: {
30
+ name: A,
31
+ value: P,
32
+ onChange: F,
33
+ size: h,
34
+ color: g,
35
+ variant: _,
36
+ disabled: T,
37
+ status: B
38
+ },
39
+ children: /* @__PURE__ */ u("div", {
40
+ ref: D,
41
+ role: "radiogroup",
42
+ "aria-labelledby": I,
43
+ "aria-describedby": z,
44
+ className: e("flex", v === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4", E),
45
+ children: o
46
+ })
47
+ })
48
+ });
49
+ });
50
+ d.displayName = "RadioGroup";
51
+ //#endregion
52
+ export { d as RadioGroup };
@@ -1,5 +1,4 @@
1
1
  export * from './Radio';
2
2
  export * from './RadioGroup';
3
3
  export * from './radio-config';
4
- export * from './radio-context';
5
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
@@ -1,18 +1,17 @@
1
1
  "use client";
2
- import { registerComponentDefaults as t } from "../../libs/registry.js";
3
- import { FALLBACK_FIELD_CONFIG as o } from "../field/field-config.js";
4
- import { defaultInputConfig as r } from "../input/input-config.js";
5
- const a = {
6
- ...r,
7
- radius: "full",
8
- variant: "default"
9
- }, u = {
10
- ...o,
11
- radius: "full",
12
- variant: "default"
13
- };
14
- t("radio", a);
15
- export {
16
- u as FALLBACK_RADIO_CONFIG,
17
- a as defaultRadioConfig
2
+ import { registerComponentDefaults as e } from "../../libs/registry.js";
3
+ import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
4
+ import { defaultInputConfig as n } from "../input/input-config.js";
5
+ //#region src/components/radio/radio-config.ts
6
+ var r = {
7
+ ...n,
8
+ radius: "full",
9
+ variant: "default"
10
+ }, i = {
11
+ ...t,
12
+ radius: "full",
13
+ variant: "default"
18
14
  };
15
+ e("radio", r);
16
+ //#endregion
17
+ export { i as FALLBACK_RADIO_CONFIG, r as defaultRadioConfig };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { createContext as t, useContext as o } from "react";
3
- const e = t(null), r = () => o(e);
4
- export {
5
- e as RadioContext,
6
- r as useRadioGroupContext
7
- };
2
+ "use client";
3
+ import { createContext as e, useContext as t } from "react";
4
+ //#region src/components/radio/radio-context.ts
5
+ var n = e(null), r = () => t(n);
6
+ //#endregion
7
+ export { n as RadioContext, r as useRadioGroupContext };