@techsio/ui-kit 0.3.2 → 0.4.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 (446) hide show
  1. package/README.md +59 -6
  2. package/dist/.storybook/decorator.d.ts +12 -0
  3. package/dist/.storybook/decorator.d.ts.map +1 -0
  4. package/dist/.storybook/main.d.ts +4 -0
  5. package/dist/.storybook/main.d.ts.map +1 -0
  6. package/dist/.storybook/preview.d.ts +5 -0
  7. package/dist/.storybook/preview.d.ts.map +1 -0
  8. package/dist/.storybook/test-runner.d.ts +12 -0
  9. package/dist/.storybook/test-runner.d.ts.map +1 -0
  10. package/dist/atoms/badge.js +37 -19
  11. package/dist/atoms/button.js +167 -154
  12. package/dist/atoms/checkbox.js +52 -0
  13. package/dist/atoms/figma/badge.figma.js +33 -0
  14. package/dist/atoms/figma/button.figma.js +76 -0
  15. package/dist/atoms/figma/checkbox.figma.js +35 -0
  16. package/dist/atoms/figma/icon.figma.js +33 -0
  17. package/dist/atoms/figma/image.figma.js +21 -0
  18. package/dist/atoms/figma/input.figma.js +34 -0
  19. package/dist/atoms/figma/label.figma.js +25 -0
  20. package/dist/atoms/figma/link-button.figma.js +42 -0
  21. package/dist/atoms/figma/link.figma.js +15 -0
  22. package/dist/atoms/figma/numeric-input.figma.js +52 -0
  23. package/dist/atoms/figma/rating.figma.js +38 -0
  24. package/dist/atoms/figma/skeleton.figma.js +119 -0
  25. package/dist/atoms/figma/status-text.figma.js +27 -0
  26. package/dist/atoms/figma/textarea.figma.js +38 -0
  27. package/dist/atoms/figma/tooltip.figma.js +47 -0
  28. package/dist/atoms/icon.js +17 -17
  29. package/dist/atoms/image.js +22 -4
  30. package/dist/atoms/input.js +40 -34
  31. package/dist/atoms/label.js +10 -10
  32. package/dist/atoms/link-button.js +19 -18
  33. package/dist/atoms/link.js +6 -4
  34. package/dist/atoms/numeric-input.js +98 -70
  35. package/dist/atoms/rating.js +30 -30
  36. package/dist/atoms/skeleton.js +47 -47
  37. package/dist/atoms/status-text.js +75 -0
  38. package/dist/atoms/textarea.js +48 -42
  39. package/dist/atoms/tooltip.js +17 -17
  40. package/dist/molecules/accordion.js +58 -60
  41. package/dist/molecules/breadcrumb.js +206 -124
  42. package/dist/molecules/carousel.js +139 -87
  43. package/dist/molecules/color-select.js +56 -56
  44. package/dist/molecules/combobox.js +131 -104
  45. package/dist/molecules/dialog.js +97 -97
  46. package/dist/molecules/figma/accordion.figma.js +41 -0
  47. package/dist/molecules/figma/breadcrumb.figma.js +31 -0
  48. package/dist/molecules/figma/carousel.figma.js +34 -0
  49. package/dist/molecules/figma/combobox.figma.js +38 -0
  50. package/dist/molecules/figma/dialog.figma.js +24 -0
  51. package/dist/molecules/figma/form-checkbox.figma.js +41 -0
  52. package/dist/molecules/figma/form-input.figma.js +38 -0
  53. package/dist/molecules/figma/form-numeric-input.figma.js +67 -0
  54. package/dist/molecules/figma/form-textarea.figma.js +38 -0
  55. package/dist/molecules/figma/menu.figma.js +26 -0
  56. package/dist/molecules/figma/pagination.figma.js +22 -0
  57. package/dist/molecules/figma/popover.figma.js +38 -0
  58. package/dist/molecules/figma/product-card.figma.js +34 -0
  59. package/dist/molecules/figma/radio-card.figma.js +35 -0
  60. package/dist/molecules/figma/radio-group.figma.js +45 -0
  61. package/dist/molecules/figma/search-form.figma.js +24 -0
  62. package/dist/molecules/figma/select.figma.js +46 -0
  63. package/dist/molecules/figma/slider.figma.js +30 -0
  64. package/dist/molecules/figma/steps.figma.js +33 -0
  65. package/dist/molecules/figma/switch.figma.js +33 -0
  66. package/dist/molecules/figma/tabs.figma.js +46 -0
  67. package/dist/molecules/figma/toast.figma.js +34 -0
  68. package/dist/molecules/figma/tree-view.figma.js +30 -0
  69. package/dist/molecules/form-checkbox.js +121 -48
  70. package/dist/molecules/form-input.js +15 -27
  71. package/dist/molecules/form-numeric-input.js +11 -24
  72. package/dist/molecules/form-textarea.js +15 -27
  73. package/dist/molecules/menu.js +69 -67
  74. package/dist/molecules/pagination.js +112 -76
  75. package/dist/molecules/phone-input.js +654 -0
  76. package/dist/molecules/popover.js +221 -96
  77. package/dist/molecules/product-card.js +38 -37
  78. package/dist/molecules/radio-card.js +517 -0
  79. package/dist/molecules/radio-group.js +341 -0
  80. package/dist/molecules/search-form.js +170 -91
  81. package/dist/molecules/select.js +369 -141
  82. package/dist/molecules/slider.js +72 -85
  83. package/dist/molecules/steps.js +517 -152
  84. package/dist/molecules/switch.js +37 -43
  85. package/dist/molecules/tabs.js +63 -61
  86. package/dist/molecules/toast.js +32 -32
  87. package/dist/molecules/tree-view.js +89 -83
  88. package/dist/organisms/footer.js +50 -52
  89. package/dist/organisms/gallery.js +244 -0
  90. package/dist/organisms/header.js +60 -58
  91. package/dist/organisms/table.js +52 -52
  92. package/dist/src/atoms/badge.d.ts +27 -7
  93. package/dist/src/atoms/badge.d.ts.map +1 -1
  94. package/dist/src/atoms/button.d.ts +7 -6
  95. package/dist/src/atoms/button.d.ts.map +1 -1
  96. package/dist/src/atoms/checkbox.d.ts +11 -0
  97. package/dist/src/atoms/checkbox.d.ts.map +1 -0
  98. package/dist/src/atoms/figma/badge.figma.d.ts +2 -0
  99. package/dist/src/atoms/figma/badge.figma.d.ts.map +1 -0
  100. package/dist/src/atoms/figma/button.figma.d.ts +2 -0
  101. package/dist/src/atoms/figma/button.figma.d.ts.map +1 -0
  102. package/dist/src/atoms/figma/checkbox.figma.d.ts +2 -0
  103. package/dist/src/atoms/figma/checkbox.figma.d.ts.map +1 -0
  104. package/dist/src/atoms/figma/icon.figma.d.ts +2 -0
  105. package/dist/src/atoms/figma/icon.figma.d.ts.map +1 -0
  106. package/dist/src/atoms/figma/image.figma.d.ts +2 -0
  107. package/dist/src/atoms/figma/image.figma.d.ts.map +1 -0
  108. package/dist/src/atoms/figma/input.figma.d.ts +2 -0
  109. package/dist/src/atoms/figma/input.figma.d.ts.map +1 -0
  110. package/dist/src/atoms/figma/label.figma.d.ts +2 -0
  111. package/dist/src/atoms/figma/label.figma.d.ts.map +1 -0
  112. package/dist/src/atoms/figma/link-button.figma.d.ts +2 -0
  113. package/dist/src/atoms/figma/link-button.figma.d.ts.map +1 -0
  114. package/dist/src/atoms/figma/link.figma.d.ts +2 -0
  115. package/dist/src/atoms/figma/link.figma.d.ts.map +1 -0
  116. package/dist/src/atoms/figma/numeric-input.figma.d.ts +2 -0
  117. package/dist/src/atoms/figma/numeric-input.figma.d.ts.map +1 -0
  118. package/dist/src/atoms/figma/rating.figma.d.ts +2 -0
  119. package/dist/src/atoms/figma/rating.figma.d.ts.map +1 -0
  120. package/dist/src/atoms/figma/skeleton.figma.d.ts +2 -0
  121. package/dist/src/atoms/figma/skeleton.figma.d.ts.map +1 -0
  122. package/dist/src/atoms/figma/status-text.figma.d.ts +2 -0
  123. package/dist/src/atoms/figma/status-text.figma.d.ts.map +1 -0
  124. package/dist/src/atoms/figma/textarea.figma.d.ts +2 -0
  125. package/dist/src/atoms/figma/textarea.figma.d.ts.map +1 -0
  126. package/dist/src/atoms/figma/tooltip.figma.d.ts +2 -0
  127. package/dist/src/atoms/figma/tooltip.figma.d.ts.map +1 -0
  128. package/dist/src/atoms/icon.d.ts +6 -6
  129. package/dist/src/atoms/image.d.ts +35 -9
  130. package/dist/src/atoms/image.d.ts.map +1 -1
  131. package/dist/src/atoms/input.d.ts +3 -3
  132. package/dist/src/atoms/input.d.ts.map +1 -1
  133. package/dist/src/atoms/label.d.ts +2 -2
  134. package/dist/src/atoms/link-button.d.ts +71 -12
  135. package/dist/src/atoms/link-button.d.ts.map +1 -1
  136. package/dist/src/atoms/link.d.ts +5 -5
  137. package/dist/src/atoms/link.d.ts.map +1 -1
  138. package/dist/src/atoms/numeric-input.d.ts +23 -22
  139. package/dist/src/atoms/numeric-input.d.ts.map +1 -1
  140. package/dist/src/atoms/rating.d.ts +6 -5
  141. package/dist/src/atoms/rating.d.ts.map +1 -1
  142. package/dist/src/atoms/skeleton.d.ts +15 -15
  143. package/dist/src/atoms/skeleton.d.ts.map +1 -1
  144. package/dist/src/atoms/status-text.d.ts +97 -0
  145. package/dist/src/atoms/status-text.d.ts.map +1 -0
  146. package/dist/src/atoms/textarea.d.ts +3 -3
  147. package/dist/src/atoms/textarea.d.ts.map +1 -1
  148. package/dist/src/atoms/tooltip.d.ts +3 -3
  149. package/dist/src/atoms/tooltip.d.ts.map +1 -1
  150. package/dist/src/molecules/accordion.d.ts +14 -13
  151. package/dist/src/molecules/accordion.d.ts.map +1 -1
  152. package/dist/src/molecules/breadcrumb.d.ts +132 -35
  153. package/dist/src/molecules/breadcrumb.d.ts.map +1 -1
  154. package/dist/src/molecules/carousel.d.ts +67 -16
  155. package/dist/src/molecules/carousel.d.ts.map +1 -1
  156. package/dist/src/molecules/color-select.d.ts +4 -4
  157. package/dist/src/molecules/combobox.d.ts +36 -9
  158. package/dist/src/molecules/combobox.d.ts.map +1 -1
  159. package/dist/src/molecules/dialog.d.ts +3 -3
  160. package/dist/src/molecules/dialog.d.ts.map +1 -1
  161. package/dist/src/molecules/figma/accordion.figma.d.ts +2 -0
  162. package/dist/src/molecules/figma/accordion.figma.d.ts.map +1 -0
  163. package/dist/src/molecules/figma/breadcrumb.figma.d.ts +2 -0
  164. package/dist/src/molecules/figma/breadcrumb.figma.d.ts.map +1 -0
  165. package/dist/src/molecules/figma/carousel.figma.d.ts +2 -0
  166. package/dist/src/molecules/figma/carousel.figma.d.ts.map +1 -0
  167. package/dist/src/molecules/figma/combobox.figma.d.ts +2 -0
  168. package/dist/src/molecules/figma/combobox.figma.d.ts.map +1 -0
  169. package/dist/src/molecules/figma/dialog.figma.d.ts +2 -0
  170. package/dist/src/molecules/figma/dialog.figma.d.ts.map +1 -0
  171. package/dist/src/molecules/figma/form-checkbox.figma.d.ts +2 -0
  172. package/dist/src/molecules/figma/form-checkbox.figma.d.ts.map +1 -0
  173. package/dist/src/molecules/figma/form-input.figma.d.ts +2 -0
  174. package/dist/src/molecules/figma/form-input.figma.d.ts.map +1 -0
  175. package/dist/src/molecules/figma/form-numeric-input.figma.d.ts +2 -0
  176. package/dist/src/molecules/figma/form-numeric-input.figma.d.ts.map +1 -0
  177. package/dist/src/molecules/figma/form-textarea.figma.d.ts +2 -0
  178. package/dist/src/molecules/figma/form-textarea.figma.d.ts.map +1 -0
  179. package/dist/src/molecules/figma/menu.figma.d.ts +2 -0
  180. package/dist/src/molecules/figma/menu.figma.d.ts.map +1 -0
  181. package/dist/src/molecules/figma/pagination.figma.d.ts +2 -0
  182. package/dist/src/molecules/figma/pagination.figma.d.ts.map +1 -0
  183. package/dist/src/molecules/figma/popover.figma.d.ts +2 -0
  184. package/dist/src/molecules/figma/popover.figma.d.ts.map +1 -0
  185. package/dist/src/molecules/figma/product-card.figma.d.ts +2 -0
  186. package/dist/src/molecules/figma/product-card.figma.d.ts.map +1 -0
  187. package/dist/src/molecules/figma/radio-card.figma.d.ts +2 -0
  188. package/dist/src/molecules/figma/radio-card.figma.d.ts.map +1 -0
  189. package/dist/src/molecules/figma/radio-group.figma.d.ts +2 -0
  190. package/dist/src/molecules/figma/radio-group.figma.d.ts.map +1 -0
  191. package/dist/src/molecules/figma/search-form.figma.d.ts +2 -0
  192. package/dist/src/molecules/figma/search-form.figma.d.ts.map +1 -0
  193. package/dist/src/molecules/figma/select.figma.d.ts +2 -0
  194. package/dist/src/molecules/figma/select.figma.d.ts.map +1 -0
  195. package/dist/src/molecules/figma/slider.figma.d.ts +2 -0
  196. package/dist/src/molecules/figma/slider.figma.d.ts.map +1 -0
  197. package/dist/src/molecules/figma/steps.figma.d.ts +2 -0
  198. package/dist/src/molecules/figma/steps.figma.d.ts.map +1 -0
  199. package/dist/src/molecules/figma/switch.figma.d.ts +2 -0
  200. package/dist/src/molecules/figma/switch.figma.d.ts.map +1 -0
  201. package/dist/src/molecules/figma/tabs.figma.d.ts +2 -0
  202. package/dist/src/molecules/figma/tabs.figma.d.ts.map +1 -0
  203. package/dist/src/molecules/figma/toast.figma.d.ts +2 -0
  204. package/dist/src/molecules/figma/toast.figma.d.ts.map +1 -0
  205. package/dist/src/molecules/figma/tree-view.figma.d.ts +2 -0
  206. package/dist/src/molecules/figma/tree-view.figma.d.ts.map +1 -0
  207. package/dist/src/molecules/form-checkbox.d.ts +22 -12
  208. package/dist/src/molecules/form-checkbox.d.ts.map +1 -1
  209. package/dist/src/molecules/form-input.d.ts +8 -6
  210. package/dist/src/molecules/form-input.d.ts.map +1 -1
  211. package/dist/src/molecules/form-numeric-input.d.ts +6 -6
  212. package/dist/src/molecules/form-numeric-input.d.ts.map +1 -1
  213. package/dist/src/molecules/form-textarea.d.ts +8 -6
  214. package/dist/src/molecules/form-textarea.d.ts.map +1 -1
  215. package/dist/src/molecules/menu.d.ts +11 -11
  216. package/dist/src/molecules/menu.d.ts.map +1 -1
  217. package/dist/src/molecules/pagination.d.ts +37 -9
  218. package/dist/src/molecules/pagination.d.ts.map +1 -1
  219. package/dist/src/molecules/phone-input.d.ts +246 -0
  220. package/dist/src/molecules/phone-input.d.ts.map +1 -0
  221. package/dist/src/molecules/popover.d.ts +76 -24
  222. package/dist/src/molecules/popover.d.ts.map +1 -1
  223. package/dist/src/molecules/product-card.d.ts +11 -10
  224. package/dist/src/molecules/product-card.d.ts.map +1 -1
  225. package/dist/src/molecules/radio-card.d.ts +429 -0
  226. package/dist/src/molecules/radio-card.d.ts.map +1 -0
  227. package/dist/src/molecules/radio-group.d.ts +245 -0
  228. package/dist/src/molecules/radio-group.d.ts.map +1 -0
  229. package/dist/src/molecules/search-form.d.ts +94 -27
  230. package/dist/src/molecules/search-form.d.ts.map +1 -1
  231. package/dist/src/molecules/select.d.ts +124 -30
  232. package/dist/src/molecules/select.d.ts.map +1 -1
  233. package/dist/src/molecules/slider.d.ts +9 -12
  234. package/dist/src/molecules/slider.d.ts.map +1 -1
  235. package/dist/src/molecules/steps.d.ts +236 -64
  236. package/dist/src/molecules/steps.d.ts.map +1 -1
  237. package/dist/src/molecules/switch.d.ts +7 -7
  238. package/dist/src/molecules/switch.d.ts.map +1 -1
  239. package/dist/src/molecules/tabs.d.ts +10 -10
  240. package/dist/src/molecules/tabs.d.ts.map +1 -1
  241. package/dist/src/molecules/toast.d.ts +6 -6
  242. package/dist/src/molecules/tree-view.d.ts +14 -14
  243. package/dist/src/molecules/tree-view.d.ts.map +1 -1
  244. package/dist/src/organisms/footer.d.ts +15 -6
  245. package/dist/src/organisms/footer.d.ts.map +1 -1
  246. package/dist/src/organisms/gallery.d.ts +147 -0
  247. package/dist/src/organisms/gallery.d.ts.map +1 -0
  248. package/dist/src/organisms/header.d.ts +9 -9
  249. package/dist/src/organisms/header.d.ts.map +1 -1
  250. package/dist/src/organisms/table.d.ts +10 -10
  251. package/dist/src/organisms/table.d.ts.map +1 -1
  252. package/dist/src/templates/accordion.d.ts +3 -3
  253. package/dist/src/templates/breadcrumb.d.ts +28 -0
  254. package/dist/src/templates/breadcrumb.d.ts.map +1 -0
  255. package/dist/src/templates/carousel.d.ts +4 -4
  256. package/dist/src/templates/carousel.d.ts.map +1 -1
  257. package/dist/src/templates/gallery.d.ts +43 -0
  258. package/dist/src/templates/gallery.d.ts.map +1 -0
  259. package/dist/src/templates/numeric-input.d.ts +5 -5
  260. package/dist/src/templates/popover.d.ts +19 -0
  261. package/dist/src/templates/popover.d.ts.map +1 -0
  262. package/dist/src/templates/product-card.d.ts +4 -4
  263. package/dist/src/templates/select.d.ts +22 -0
  264. package/dist/src/templates/select.d.ts.map +1 -0
  265. package/dist/src/templates/tabs.d.ts +4 -4
  266. package/dist/src/types/zag.d.ts +19 -18
  267. package/dist/src/types/zag.d.ts.map +1 -1
  268. package/dist/src/utils.d.ts +1 -1
  269. package/dist/src/utils.d.ts.map +1 -1
  270. package/dist/stories/atoms/badge.stories.d.ts +12 -0
  271. package/dist/stories/atoms/badge.stories.d.ts.map +1 -0
  272. package/dist/stories/atoms/button.stories.d.ts +12 -0
  273. package/dist/stories/atoms/button.stories.d.ts.map +1 -0
  274. package/dist/stories/atoms/checkbox.stories.d.ts +56 -0
  275. package/dist/stories/atoms/checkbox.stories.d.ts.map +1 -0
  276. package/dist/stories/atoms/icon.stories.d.ts +11 -0
  277. package/dist/stories/atoms/icon.stories.d.ts.map +1 -0
  278. package/dist/stories/atoms/image.stories.d.ts +8 -0
  279. package/dist/stories/atoms/image.stories.d.ts.map +1 -0
  280. package/dist/stories/atoms/input.stories.d.ts +8 -0
  281. package/dist/stories/atoms/input.stories.d.ts.map +1 -0
  282. package/dist/stories/atoms/numeric-input.stories.d.ts +23 -0
  283. package/dist/stories/atoms/numeric-input.stories.d.ts.map +1 -0
  284. package/dist/stories/atoms/rating.stories.d.ts +10 -0
  285. package/dist/stories/atoms/rating.stories.d.ts.map +1 -0
  286. package/dist/stories/atoms/skeleton.stories.d.ts +34 -0
  287. package/dist/stories/atoms/skeleton.stories.d.ts.map +1 -0
  288. package/dist/stories/atoms/status-text.stories.d.ts +15 -0
  289. package/dist/stories/atoms/status-text.stories.d.ts.map +1 -0
  290. package/dist/stories/atoms/textarea.stories.d.ts +12 -0
  291. package/dist/stories/atoms/textarea.stories.d.ts.map +1 -0
  292. package/dist/stories/atoms/tooltip.stories.d.ts +28 -0
  293. package/dist/stories/atoms/tooltip.stories.d.ts.map +1 -0
  294. package/dist/stories/helpers/icon-options.d.ts +4 -0
  295. package/dist/stories/helpers/icon-options.d.ts.map +1 -0
  296. package/dist/stories/molecules/accordion.stories.d.ts +14 -0
  297. package/dist/stories/molecules/accordion.stories.d.ts.map +1 -0
  298. package/dist/stories/molecules/breadcrumb.stories.d.ts +14 -0
  299. package/dist/stories/molecules/breadcrumb.stories.d.ts.map +1 -0
  300. package/dist/stories/molecules/carousel.stories.d.ts +19 -0
  301. package/dist/stories/molecules/carousel.stories.d.ts.map +1 -0
  302. package/dist/stories/molecules/color-select.stories.d.ts +12 -0
  303. package/dist/stories/molecules/color-select.stories.d.ts.map +1 -0
  304. package/dist/stories/molecules/combobox.stories.d.ts +11 -0
  305. package/dist/stories/molecules/combobox.stories.d.ts.map +1 -0
  306. package/dist/stories/molecules/dialog.stories.d.ts +19 -0
  307. package/dist/stories/molecules/dialog.stories.d.ts.map +1 -0
  308. package/dist/stories/molecules/form-checkbox.stories.d.ts +17 -0
  309. package/dist/stories/molecules/form-checkbox.stories.d.ts.map +1 -0
  310. package/dist/stories/molecules/form-input.stories.d.ts +12 -0
  311. package/dist/stories/molecules/form-input.stories.d.ts.map +1 -0
  312. package/dist/stories/molecules/form-numeric-input.stories.d.ts +17 -0
  313. package/dist/stories/molecules/form-numeric-input.stories.d.ts.map +1 -0
  314. package/dist/stories/molecules/form-textarea.stories.d.ts +12 -0
  315. package/dist/stories/molecules/form-textarea.stories.d.ts.map +1 -0
  316. package/dist/stories/molecules/menu.stories.d.ts +22 -0
  317. package/dist/stories/molecules/menu.stories.d.ts.map +1 -0
  318. package/dist/stories/molecules/pagination.stories.d.ts +13 -0
  319. package/dist/stories/molecules/pagination.stories.d.ts.map +1 -0
  320. package/dist/stories/molecules/phone-input.stories.d.ts +19 -0
  321. package/dist/stories/molecules/phone-input.stories.d.ts.map +1 -0
  322. package/dist/stories/molecules/popover.stories.d.ts +140 -0
  323. package/dist/stories/molecules/popover.stories.d.ts.map +1 -0
  324. package/dist/stories/molecules/product-card.stories.d.ts +41 -0
  325. package/dist/stories/molecules/product-card.stories.d.ts.map +1 -0
  326. package/dist/stories/molecules/radio-card.stories.d.ts +13 -0
  327. package/dist/stories/molecules/radio-card.stories.d.ts.map +1 -0
  328. package/dist/stories/molecules/radio-group.stories.d.ts +13 -0
  329. package/dist/stories/molecules/radio-group.stories.d.ts.map +1 -0
  330. package/dist/stories/molecules/search-form.stories.d.ts +16 -0
  331. package/dist/stories/molecules/search-form.stories.d.ts.map +1 -0
  332. package/dist/stories/molecules/select.stories.d.ts +19 -0
  333. package/dist/stories/molecules/select.stories.d.ts.map +1 -0
  334. package/dist/stories/molecules/slider.stories.d.ts +19 -0
  335. package/dist/stories/molecules/slider.stories.d.ts.map +1 -0
  336. package/dist/stories/molecules/steps.stories.d.ts +19 -0
  337. package/dist/stories/molecules/steps.stories.d.ts.map +1 -0
  338. package/dist/stories/molecules/switch.stories.d.ts +13 -0
  339. package/dist/stories/molecules/switch.stories.d.ts.map +1 -0
  340. package/dist/stories/molecules/tabs.stories.d.ts +18 -0
  341. package/dist/stories/molecules/tabs.stories.d.ts.map +1 -0
  342. package/dist/stories/molecules/toast.stories.d.ts +11 -0
  343. package/dist/stories/molecules/toast.stories.d.ts.map +1 -0
  344. package/dist/stories/molecules/tree-view.stories.d.ts +17 -0
  345. package/dist/stories/molecules/tree-view.stories.d.ts.map +1 -0
  346. package/dist/stories/organisms/footer.stories.d.ts +12 -0
  347. package/dist/stories/organisms/footer.stories.d.ts.map +1 -0
  348. package/dist/stories/organisms/gallery.stories.d.ts +73 -0
  349. package/dist/stories/organisms/gallery.stories.d.ts.map +1 -0
  350. package/dist/stories/organisms/header.stories.d.ts +12 -0
  351. package/dist/stories/organisms/header.stories.d.ts.map +1 -0
  352. package/dist/stories/organisms/table.stories.d.ts +56 -0
  353. package/dist/stories/organisms/table.stories.d.ts.map +1 -0
  354. package/dist/stories/overview/apca-contrast-test.stories.d.ts +8 -0
  355. package/dist/stories/overview/apca-contrast-test.stories.d.ts.map +1 -0
  356. package/dist/stories/overview/color-palette.stories.d.ts +8 -0
  357. package/dist/stories/overview/color-palette.stories.d.ts.map +1 -0
  358. package/dist/stories/overview/component-comparison.stories.d.ts +6 -0
  359. package/dist/stories/overview/component-comparison.stories.d.ts.map +1 -0
  360. package/dist/stories/templates/accordion.stories.d.ts +8 -0
  361. package/dist/stories/templates/accordion.stories.d.ts.map +1 -0
  362. package/dist/stories/templates/breadcrumb.stories.d.ts +12 -0
  363. package/dist/stories/templates/breadcrumb.stories.d.ts.map +1 -0
  364. package/dist/stories/templates/carousel.stories.d.ts +8 -0
  365. package/dist/stories/templates/carousel.stories.d.ts.map +1 -0
  366. package/dist/stories/templates/comprehensive-form.stories.d.ts +26 -0
  367. package/dist/stories/templates/comprehensive-form.stories.d.ts.map +1 -0
  368. package/dist/stories/templates/gallery.stories.d.ts +7 -0
  369. package/dist/stories/templates/gallery.stories.d.ts.map +1 -0
  370. package/dist/stories/templates/numeric-input.stories.d.ts +8 -0
  371. package/dist/stories/templates/numeric-input.stories.d.ts.map +1 -0
  372. package/dist/stories/templates/popover.stories.d.ts +55 -0
  373. package/dist/stories/templates/popover.stories.d.ts.map +1 -0
  374. package/dist/stories/templates/product-card.stories.d.ts +10 -0
  375. package/dist/stories/templates/product-card.stories.d.ts.map +1 -0
  376. package/dist/stories/templates/select.stories.d.ts +10 -0
  377. package/dist/stories/templates/select.stories.d.ts.map +1 -0
  378. package/dist/stories/templates/tabs.stories.d.ts +8 -0
  379. package/dist/stories/templates/tabs.stories.d.ts.map +1 -0
  380. package/dist/templates/accordion.js +9 -9
  381. package/dist/templates/breadcrumb.js +78 -0
  382. package/dist/templates/carousel.js +13 -15
  383. package/dist/templates/gallery.js +89 -0
  384. package/dist/templates/numeric-input.js +4 -4
  385. package/dist/templates/popover.js +35 -0
  386. package/dist/templates/product-card.js +10 -10
  387. package/dist/templates/select.js +43 -0
  388. package/dist/templates/tabs.js +8 -8
  389. package/dist/test/visual.spec.d.ts +2 -0
  390. package/dist/test/visual.spec.d.ts.map +1 -0
  391. package/dist/utils.js +1 -1
  392. package/package.json +41 -28
  393. package/src/tokens/_base.css +3 -3
  394. package/src/tokens/_layout.css +4 -0
  395. package/src/tokens/_semantic.css +49 -10
  396. package/src/tokens/_tokens-base.css +67 -0
  397. package/src/tokens/_typography.css +36 -6
  398. package/src/tokens/components/_form-control.css +67 -0
  399. package/src/tokens/components/atoms/_badge.css +16 -5
  400. package/src/tokens/components/atoms/_button.css +16 -10
  401. package/src/tokens/components/atoms/_checkbox.css +52 -0
  402. package/src/tokens/components/atoms/_icon.css +90 -2
  403. package/src/tokens/components/atoms/_image.css +5 -0
  404. package/src/tokens/components/atoms/_input.css +11 -32
  405. package/src/tokens/components/atoms/_label.css +11 -0
  406. package/src/tokens/components/atoms/_numeric-input.css +27 -13
  407. package/src/tokens/components/atoms/_rating.css +2 -2
  408. package/src/tokens/components/atoms/_status-text.css +32 -0
  409. package/src/tokens/components/atoms/_textarea.css +15 -17
  410. package/src/tokens/components/components.css +10 -1
  411. package/src/tokens/components/molecules/_accordion.css +1 -8
  412. package/src/tokens/components/molecules/_breadcrumb.css +42 -20
  413. package/src/tokens/components/molecules/_carousel.css +10 -2
  414. package/src/tokens/components/molecules/_color-select.css +3 -3
  415. package/src/tokens/components/molecules/_combobox.css +15 -21
  416. package/src/tokens/components/molecules/_dialog.css +0 -1
  417. package/src/tokens/components/molecules/_menu.css +0 -1
  418. package/src/tokens/components/molecules/_pagination.css +3 -3
  419. package/src/tokens/components/molecules/_phone-input.css +63 -0
  420. package/src/tokens/components/molecules/_popover.css +3 -0
  421. package/src/tokens/components/molecules/_product-card.css +9 -1
  422. package/src/tokens/components/molecules/_radio-card.css +197 -0
  423. package/src/tokens/components/molecules/_radio-group.css +150 -0
  424. package/src/tokens/components/molecules/_search-form.css +7 -3
  425. package/src/tokens/components/molecules/_select.css +41 -20
  426. package/src/tokens/components/molecules/_steps.css +115 -34
  427. package/src/tokens/components/molecules/_toast.css +5 -5
  428. package/src/tokens/components/molecules/_tree-view.css +5 -6
  429. package/src/tokens/components/organisms/_footer.css +1 -6
  430. package/src/tokens/components/organisms/_gallery.css +35 -0
  431. package/src/tokens/components/organisms/_header.css +8 -0
  432. package/src/tokens/figma/dark/variables.css +1406 -0
  433. package/src/tokens/figma/light/variables.css +1406 -0
  434. package/src/tokens/index.css +1 -65
  435. package/src/tokens/tokens-only.css +1 -64
  436. package/dist/atoms/error-text.js +0 -38
  437. package/dist/atoms/extra-text.js +0 -27
  438. package/dist/molecules/checkbox.js +0 -98
  439. package/dist/src/atoms/error-text.d.ts +0 -29
  440. package/dist/src/atoms/error-text.d.ts.map +0 -1
  441. package/dist/src/atoms/extra-text.d.ts +0 -27
  442. package/dist/src/atoms/extra-text.d.ts.map +0 -1
  443. package/dist/src/molecules/checkbox.d.ts +0 -19
  444. package/dist/src/molecules/checkbox.d.ts.map +0 -1
  445. package/src/tokens/components/molecules/_checkbox.css +0 -34
  446. package/src/tokens/components/molecules/index.css +0 -2
@@ -0,0 +1,429 @@
1
+ import { connect, type ItemProps, type Props as ZagRadioGroupProps } from "@zag-js/radio-group";
2
+ import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
3
+ import type { VariantProps } from "tailwind-variants";
4
+ import { Label } from "../atoms/label";
5
+ import { StatusText } from "../atoms/status-text";
6
+ declare const radioCardVariants: import("tailwind-variants").TVReturnType<{
7
+ variant: {
8
+ outline: {
9
+ item: string[];
10
+ itemIndicator: string[];
11
+ itemIndicatorContent: string[];
12
+ };
13
+ subtle: {
14
+ item: string[];
15
+ itemText: string[];
16
+ itemDescription: string[];
17
+ itemIndicator: string[];
18
+ itemIndicatorContent: string[];
19
+ itemAddon: string[];
20
+ };
21
+ solid: {
22
+ item: string[];
23
+ itemText: string[];
24
+ itemDescription: string[];
25
+ itemIndicator: string[];
26
+ itemIndicatorContent: string[];
27
+ itemAddon: string[];
28
+ };
29
+ };
30
+ size: {
31
+ sm: {
32
+ root: string;
33
+ itemControl: string[];
34
+ itemContent: string;
35
+ itemText: string;
36
+ itemDescription: string;
37
+ itemIndicator: string;
38
+ itemIndicatorMark: string;
39
+ itemAddon: string[];
40
+ };
41
+ md: {
42
+ root: string;
43
+ itemControl: string[];
44
+ itemContent: string;
45
+ itemText: string;
46
+ itemDescription: string;
47
+ itemIndicator: string;
48
+ itemIndicatorMark: string;
49
+ itemAddon: string[];
50
+ };
51
+ lg: {
52
+ root: string;
53
+ itemControl: string[];
54
+ itemContent: string;
55
+ itemText: string;
56
+ itemDescription: string;
57
+ itemIndicator: string;
58
+ itemIndicatorMark: string;
59
+ itemAddon: string[];
60
+ };
61
+ };
62
+ itemOrientation: {
63
+ horizontal: {
64
+ itemControl: string;
65
+ itemContent: string;
66
+ itemText: string;
67
+ };
68
+ vertical: {
69
+ itemControl: string;
70
+ };
71
+ };
72
+ align: {
73
+ start: {
74
+ itemControl: string;
75
+ itemContent: string;
76
+ itemText: string;
77
+ itemDescription: string;
78
+ itemAddon: string;
79
+ };
80
+ center: {
81
+ itemControl: string;
82
+ itemContent: string;
83
+ itemText: string;
84
+ itemDescription: string;
85
+ itemAddon: string;
86
+ };
87
+ end: {
88
+ itemControl: string;
89
+ itemContent: string;
90
+ itemText: string;
91
+ itemDescription: string;
92
+ itemAddon: string;
93
+ };
94
+ };
95
+ justify: {
96
+ start: {
97
+ itemControl: string;
98
+ };
99
+ center: {
100
+ itemControl: string;
101
+ };
102
+ end: {
103
+ itemControl: string;
104
+ };
105
+ between: {
106
+ itemControl: string;
107
+ };
108
+ };
109
+ }, {
110
+ root: string[];
111
+ item: string[];
112
+ itemControl: string[];
113
+ itemContent: string[];
114
+ itemText: string[];
115
+ itemDescription: string[];
116
+ itemIndicator: string[];
117
+ itemIndicatorContent: string[];
118
+ itemIndicatorMark: string[];
119
+ itemAddon: string[];
120
+ hiddenInput: string;
121
+ }, undefined, {
122
+ variant: {
123
+ outline: {
124
+ item: string[];
125
+ itemIndicator: string[];
126
+ itemIndicatorContent: string[];
127
+ };
128
+ subtle: {
129
+ item: string[];
130
+ itemText: string[];
131
+ itemDescription: string[];
132
+ itemIndicator: string[];
133
+ itemIndicatorContent: string[];
134
+ itemAddon: string[];
135
+ };
136
+ solid: {
137
+ item: string[];
138
+ itemText: string[];
139
+ itemDescription: string[];
140
+ itemIndicator: string[];
141
+ itemIndicatorContent: string[];
142
+ itemAddon: string[];
143
+ };
144
+ };
145
+ size: {
146
+ sm: {
147
+ root: string;
148
+ itemControl: string[];
149
+ itemContent: string;
150
+ itemText: string;
151
+ itemDescription: string;
152
+ itemIndicator: string;
153
+ itemIndicatorMark: string;
154
+ itemAddon: string[];
155
+ };
156
+ md: {
157
+ root: string;
158
+ itemControl: string[];
159
+ itemContent: string;
160
+ itemText: string;
161
+ itemDescription: string;
162
+ itemIndicator: string;
163
+ itemIndicatorMark: string;
164
+ itemAddon: string[];
165
+ };
166
+ lg: {
167
+ root: string;
168
+ itemControl: string[];
169
+ itemContent: string;
170
+ itemText: string;
171
+ itemDescription: string;
172
+ itemIndicator: string;
173
+ itemIndicatorMark: string;
174
+ itemAddon: string[];
175
+ };
176
+ };
177
+ itemOrientation: {
178
+ horizontal: {
179
+ itemControl: string;
180
+ itemContent: string;
181
+ itemText: string;
182
+ };
183
+ vertical: {
184
+ itemControl: string;
185
+ };
186
+ };
187
+ align: {
188
+ start: {
189
+ itemControl: string;
190
+ itemContent: string;
191
+ itemText: string;
192
+ itemDescription: string;
193
+ itemAddon: string;
194
+ };
195
+ center: {
196
+ itemControl: string;
197
+ itemContent: string;
198
+ itemText: string;
199
+ itemDescription: string;
200
+ itemAddon: string;
201
+ };
202
+ end: {
203
+ itemControl: string;
204
+ itemContent: string;
205
+ itemText: string;
206
+ itemDescription: string;
207
+ itemAddon: string;
208
+ };
209
+ };
210
+ justify: {
211
+ start: {
212
+ itemControl: string;
213
+ };
214
+ center: {
215
+ itemControl: string;
216
+ };
217
+ end: {
218
+ itemControl: string;
219
+ };
220
+ between: {
221
+ itemControl: string;
222
+ };
223
+ };
224
+ }, {
225
+ root: string[];
226
+ item: string[];
227
+ itemControl: string[];
228
+ itemContent: string[];
229
+ itemText: string[];
230
+ itemDescription: string[];
231
+ itemIndicator: string[];
232
+ itemIndicatorContent: string[];
233
+ itemIndicatorMark: string[];
234
+ itemAddon: string[];
235
+ hiddenInput: string;
236
+ }, import("tailwind-variants").TVReturnType<{
237
+ variant: {
238
+ outline: {
239
+ item: string[];
240
+ itemIndicator: string[];
241
+ itemIndicatorContent: string[];
242
+ };
243
+ subtle: {
244
+ item: string[];
245
+ itemText: string[];
246
+ itemDescription: string[];
247
+ itemIndicator: string[];
248
+ itemIndicatorContent: string[];
249
+ itemAddon: string[];
250
+ };
251
+ solid: {
252
+ item: string[];
253
+ itemText: string[];
254
+ itemDescription: string[];
255
+ itemIndicator: string[];
256
+ itemIndicatorContent: string[];
257
+ itemAddon: string[];
258
+ };
259
+ };
260
+ size: {
261
+ sm: {
262
+ root: string;
263
+ itemControl: string[];
264
+ itemContent: string;
265
+ itemText: string;
266
+ itemDescription: string;
267
+ itemIndicator: string;
268
+ itemIndicatorMark: string;
269
+ itemAddon: string[];
270
+ };
271
+ md: {
272
+ root: string;
273
+ itemControl: string[];
274
+ itemContent: string;
275
+ itemText: string;
276
+ itemDescription: string;
277
+ itemIndicator: string;
278
+ itemIndicatorMark: string;
279
+ itemAddon: string[];
280
+ };
281
+ lg: {
282
+ root: string;
283
+ itemControl: string[];
284
+ itemContent: string;
285
+ itemText: string;
286
+ itemDescription: string;
287
+ itemIndicator: string;
288
+ itemIndicatorMark: string;
289
+ itemAddon: string[];
290
+ };
291
+ };
292
+ itemOrientation: {
293
+ horizontal: {
294
+ itemControl: string;
295
+ itemContent: string;
296
+ itemText: string;
297
+ };
298
+ vertical: {
299
+ itemControl: string;
300
+ };
301
+ };
302
+ align: {
303
+ start: {
304
+ itemControl: string;
305
+ itemContent: string;
306
+ itemText: string;
307
+ itemDescription: string;
308
+ itemAddon: string;
309
+ };
310
+ center: {
311
+ itemControl: string;
312
+ itemContent: string;
313
+ itemText: string;
314
+ itemDescription: string;
315
+ itemAddon: string;
316
+ };
317
+ end: {
318
+ itemControl: string;
319
+ itemContent: string;
320
+ itemText: string;
321
+ itemDescription: string;
322
+ itemAddon: string;
323
+ };
324
+ };
325
+ justify: {
326
+ start: {
327
+ itemControl: string;
328
+ };
329
+ center: {
330
+ itemControl: string;
331
+ };
332
+ end: {
333
+ itemControl: string;
334
+ };
335
+ between: {
336
+ itemControl: string;
337
+ };
338
+ };
339
+ }, {
340
+ root: string[];
341
+ item: string[];
342
+ itemControl: string[];
343
+ itemContent: string[];
344
+ itemText: string[];
345
+ itemDescription: string[];
346
+ itemIndicator: string[];
347
+ itemIndicatorContent: string[];
348
+ itemIndicatorMark: string[];
349
+ itemAddon: string[];
350
+ hiddenInput: string;
351
+ }, undefined, unknown, unknown, undefined>>;
352
+ type RadioCardVariant = NonNullable<VariantProps<typeof radioCardVariants>["variant"]>;
353
+ type RadioCardSize = NonNullable<VariantProps<typeof radioCardVariants>["size"]>;
354
+ type RadioCardItemOrientation = NonNullable<VariantProps<typeof radioCardVariants>["itemOrientation"]>;
355
+ type RadioCardAlign = NonNullable<VariantProps<typeof radioCardVariants>["align"]>;
356
+ type RadioCardJustify = NonNullable<VariantProps<typeof radioCardVariants>["justify"]>;
357
+ type RadioCardValidateStatus = "default" | "error" | "success" | "warning";
358
+ type RadioCardContextValue = {
359
+ api: ReturnType<typeof connect>;
360
+ variant: RadioCardVariant;
361
+ size: RadioCardSize;
362
+ itemOrientation: RadioCardItemOrientation;
363
+ align: RadioCardAlign;
364
+ justify: RadioCardJustify;
365
+ disabled: boolean;
366
+ required: boolean;
367
+ validateStatus: RadioCardValidateStatus;
368
+ };
369
+ declare function useRadioCardContext(): RadioCardContextValue;
370
+ type RadioCardMachineProps = Omit<ZagRadioGroupProps, "id" | "invalid" | "onValueChange">;
371
+ export type RadioCardProps = VariantProps<typeof radioCardVariants> & RadioCardMachineProps & {
372
+ "aria-describedby"?: string;
373
+ id?: string;
374
+ children: ReactNode;
375
+ className?: string;
376
+ ref?: Ref<HTMLDivElement>;
377
+ validateStatus?: RadioCardValidateStatus;
378
+ onValueChange?: (value: string | null) => void;
379
+ };
380
+ export declare function RadioCard({ "aria-describedby": ariaDescribedByProp, id: providedId, disabled, required, orientation, itemOrientation, align, justify, validateStatus, onValueChange, variant, size, children, className, ref, ...machineProps }: RadioCardProps): import("react/jsx-runtime").JSX.Element;
381
+ export declare namespace RadioCard {
382
+ var Label: ({ children, disabled, required, size: sizeProp, ...props }: RadioCardLabelProps) => import("react/jsx-runtime").JSX.Element;
383
+ var Item: ({ value, disabled, invalid, children, className, ref, ...props }: RadioCardItemProps) => import("react/jsx-runtime").JSX.Element;
384
+ var ItemHiddenInput: ({ className, ref, ...props }: RadioCardItemHiddenInputProps) => import("react/jsx-runtime").JSX.Element;
385
+ var ItemControl: ({ children, className, ref, ...props }: RadioCardItemControlProps) => import("react/jsx-runtime").JSX.Element;
386
+ var ItemContent: ({ children, className, ref, ...props }: RadioCardItemContentProps) => import("react/jsx-runtime").JSX.Element;
387
+ var ItemText: ({ children, className, ref, ...props }: RadioCardItemTextProps) => import("react/jsx-runtime").JSX.Element;
388
+ var ItemDescription: ({ children, className, ref, ...props }: RadioCardItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
389
+ var ItemIndicator: ({ className, ref, ...props }: RadioCardItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
390
+ var ItemAddon: ({ children, className, ref, ...props }: RadioCardItemAddonProps) => import("react/jsx-runtime").JSX.Element;
391
+ var StatusText: ({ status, size: sizeProp, showIcon, children, ...props }: RadioCardStatusTextProps) => import("react/jsx-runtime").JSX.Element;
392
+ var displayName: string;
393
+ }
394
+ type RadioCardLabelProps = Omit<ComponentPropsWithoutRef<typeof Label>, "disabled" | "required"> & {
395
+ disabled?: boolean;
396
+ required?: boolean;
397
+ ref?: Ref<HTMLLabelElement>;
398
+ };
399
+ export type RadioCardItemProps = Omit<ComponentPropsWithoutRef<"label">, "value"> & ItemProps & {
400
+ ref?: Ref<HTMLLabelElement>;
401
+ };
402
+ type RadioCardItemHiddenInputProps = Omit<ComponentPropsWithoutRef<"input">, "type" | "value"> & {
403
+ ref?: Ref<HTMLInputElement>;
404
+ };
405
+ type RadioCardItemControlProps = ComponentPropsWithoutRef<"div"> & {
406
+ ref?: Ref<HTMLDivElement>;
407
+ };
408
+ type RadioCardItemContentProps = ComponentPropsWithoutRef<"div"> & {
409
+ ref?: Ref<HTMLDivElement>;
410
+ };
411
+ type RadioCardItemTextProps = ComponentPropsWithoutRef<"span"> & {
412
+ ref?: Ref<HTMLSpanElement>;
413
+ };
414
+ type RadioCardItemDescriptionProps = ComponentPropsWithoutRef<"div"> & {
415
+ ref?: Ref<HTMLDivElement>;
416
+ };
417
+ type RadioCardItemIndicatorProps = Omit<ComponentPropsWithoutRef<"span">, "children"> & {
418
+ ref?: Ref<HTMLSpanElement>;
419
+ };
420
+ type RadioCardItemAddonProps = ComponentPropsWithoutRef<"div"> & {
421
+ ref?: Ref<HTMLDivElement>;
422
+ };
423
+ type RadioCardStatusTextProps = Omit<ComponentPropsWithoutRef<typeof StatusText>, "status" | "size"> & {
424
+ status?: RadioCardValidateStatus;
425
+ size?: RadioCardSize;
426
+ ref?: Ref<HTMLDivElement>;
427
+ };
428
+ export { radioCardVariants, useRadioCardContext };
429
+ //# sourceMappingURL=radio-card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/radio-card.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,245 @@
1
+ import * as zagRadioGroup from "@zag-js/radio-group";
2
+ import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
3
+ import type { VariantProps } from "tailwind-variants";
4
+ import { Label } from "../atoms/label";
5
+ import { StatusText } from "../atoms/status-text";
6
+ declare const radioGroupVariants: import("tailwind-variants").TVReturnType<{
7
+ variant: {
8
+ outline: {
9
+ itemControl: string[];
10
+ itemIndicator: string;
11
+ };
12
+ subtle: {
13
+ itemControl: string[];
14
+ itemIndicator: string;
15
+ };
16
+ solid: {
17
+ itemControl: string[];
18
+ itemIndicator: string;
19
+ };
20
+ };
21
+ size: {
22
+ sm: {
23
+ root: string;
24
+ itemGroup: string;
25
+ item: string;
26
+ itemControl: string;
27
+ itemContent: string;
28
+ itemIndicator: string;
29
+ itemText: string;
30
+ itemDescription: string;
31
+ };
32
+ md: {
33
+ root: string;
34
+ itemGroup: string;
35
+ item: string;
36
+ itemControl: string;
37
+ itemContent: string;
38
+ itemIndicator: string;
39
+ itemText: string;
40
+ itemDescription: string;
41
+ };
42
+ lg: {
43
+ root: string;
44
+ itemGroup: string;
45
+ item: string;
46
+ itemControl: string;
47
+ itemContent: string;
48
+ itemIndicator: string;
49
+ itemText: string;
50
+ itemDescription: string;
51
+ };
52
+ };
53
+ }, {
54
+ root: string[];
55
+ itemGroup: string[];
56
+ item: string[];
57
+ itemControl: string[];
58
+ itemContent: string[];
59
+ itemIndicator: string[];
60
+ itemText: string[];
61
+ itemDescription: string[];
62
+ hiddenInput: string;
63
+ }, undefined, {
64
+ variant: {
65
+ outline: {
66
+ itemControl: string[];
67
+ itemIndicator: string;
68
+ };
69
+ subtle: {
70
+ itemControl: string[];
71
+ itemIndicator: string;
72
+ };
73
+ solid: {
74
+ itemControl: string[];
75
+ itemIndicator: string;
76
+ };
77
+ };
78
+ size: {
79
+ sm: {
80
+ root: string;
81
+ itemGroup: string;
82
+ item: string;
83
+ itemControl: string;
84
+ itemContent: string;
85
+ itemIndicator: string;
86
+ itemText: string;
87
+ itemDescription: string;
88
+ };
89
+ md: {
90
+ root: string;
91
+ itemGroup: string;
92
+ item: string;
93
+ itemControl: string;
94
+ itemContent: string;
95
+ itemIndicator: string;
96
+ itemText: string;
97
+ itemDescription: string;
98
+ };
99
+ lg: {
100
+ root: string;
101
+ itemGroup: string;
102
+ item: string;
103
+ itemControl: string;
104
+ itemContent: string;
105
+ itemIndicator: string;
106
+ itemText: string;
107
+ itemDescription: string;
108
+ };
109
+ };
110
+ }, {
111
+ root: string[];
112
+ itemGroup: string[];
113
+ item: string[];
114
+ itemControl: string[];
115
+ itemContent: string[];
116
+ itemIndicator: string[];
117
+ itemText: string[];
118
+ itemDescription: string[];
119
+ hiddenInput: string;
120
+ }, import("tailwind-variants").TVReturnType<{
121
+ variant: {
122
+ outline: {
123
+ itemControl: string[];
124
+ itemIndicator: string;
125
+ };
126
+ subtle: {
127
+ itemControl: string[];
128
+ itemIndicator: string;
129
+ };
130
+ solid: {
131
+ itemControl: string[];
132
+ itemIndicator: string;
133
+ };
134
+ };
135
+ size: {
136
+ sm: {
137
+ root: string;
138
+ itemGroup: string;
139
+ item: string;
140
+ itemControl: string;
141
+ itemContent: string;
142
+ itemIndicator: string;
143
+ itemText: string;
144
+ itemDescription: string;
145
+ };
146
+ md: {
147
+ root: string;
148
+ itemGroup: string;
149
+ item: string;
150
+ itemControl: string;
151
+ itemContent: string;
152
+ itemIndicator: string;
153
+ itemText: string;
154
+ itemDescription: string;
155
+ };
156
+ lg: {
157
+ root: string;
158
+ itemGroup: string;
159
+ item: string;
160
+ itemControl: string;
161
+ itemContent: string;
162
+ itemIndicator: string;
163
+ itemText: string;
164
+ itemDescription: string;
165
+ };
166
+ };
167
+ }, {
168
+ root: string[];
169
+ itemGroup: string[];
170
+ item: string[];
171
+ itemControl: string[];
172
+ itemContent: string[];
173
+ itemIndicator: string[];
174
+ itemText: string[];
175
+ itemDescription: string[];
176
+ hiddenInput: string;
177
+ }, undefined, unknown, unknown, undefined>>;
178
+ type RadioGroupVariant = NonNullable<VariantProps<typeof radioGroupVariants>["variant"]>;
179
+ type RadioGroupSize = NonNullable<VariantProps<typeof radioGroupVariants>["size"]>;
180
+ type RadioGroupValidateStatus = "default" | "error" | "success" | "warning";
181
+ type RadioGroupContextValue = {
182
+ api: ReturnType<typeof zagRadioGroup.connect>;
183
+ variant: RadioGroupVariant;
184
+ size: RadioGroupSize;
185
+ orientation: "horizontal" | "vertical";
186
+ disabled: boolean;
187
+ required: boolean;
188
+ validateStatus: RadioGroupValidateStatus;
189
+ };
190
+ declare function useRadioGroupContext(): RadioGroupContextValue;
191
+ type RadioGroupMachineProps = Omit<zagRadioGroup.Props, "id" | "invalid" | "onValueChange">;
192
+ export type RadioGroupProps = VariantProps<typeof radioGroupVariants> & RadioGroupMachineProps & {
193
+ id?: string;
194
+ children: ReactNode;
195
+ className?: string;
196
+ ref?: Ref<HTMLDivElement>;
197
+ validateStatus?: RadioGroupValidateStatus;
198
+ onValueChange?: (value: string | null) => void;
199
+ };
200
+ export declare function RadioGroup({ id: providedId, disabled, required, orientation, validateStatus, onValueChange, variant, size, children, className, ref, ...machineProps }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
201
+ export declare namespace RadioGroup {
202
+ var Label: ({ children, disabled, required, size: sizeProp, ...props }: RadioGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
203
+ var ItemGroup: ({ children, className, ref, ...props }: RadioGroupItemGroupProps) => import("react/jsx-runtime").JSX.Element;
204
+ var Item: ({ value, disabled, invalid, children, className, ref, ...props }: RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
205
+ var ItemHiddenInput: ({ className, ref, ...props }: RadioGroupItemHiddenInputProps) => import("react/jsx-runtime").JSX.Element;
206
+ var ItemControl: ({ children, className, ref, ...props }: RadioGroupItemControlProps) => import("react/jsx-runtime").JSX.Element;
207
+ var ItemContent: ({ children, className, ref, ...props }: RadioGroupItemContentProps) => import("react/jsx-runtime").JSX.Element;
208
+ var ItemText: ({ children, className, ref, ...props }: RadioGroupItemTextProps) => import("react/jsx-runtime").JSX.Element;
209
+ var ItemDescription: ({ children, className, ref, ...props }: RadioGroupItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
210
+ var StatusText: ({ status, size: sizeProp, showIcon, children, ...props }: RadioGroupStatusTextProps) => import("react/jsx-runtime").JSX.Element;
211
+ var displayName: string;
212
+ }
213
+ type RadioGroupLabelProps = Omit<ComponentPropsWithoutRef<typeof Label>, "disabled" | "required"> & {
214
+ disabled?: boolean;
215
+ required?: boolean;
216
+ ref?: Ref<HTMLLabelElement>;
217
+ };
218
+ type RadioGroupItemGroupProps = ComponentPropsWithoutRef<"div"> & {
219
+ ref?: Ref<HTMLDivElement>;
220
+ };
221
+ export type RadioGroupItemProps = Omit<ComponentPropsWithoutRef<"label">, "value"> & zagRadioGroup.ItemProps & {
222
+ ref?: Ref<HTMLLabelElement>;
223
+ };
224
+ type RadioGroupItemHiddenInputProps = Omit<ComponentPropsWithoutRef<"input">, "type" | "value"> & {
225
+ ref?: Ref<HTMLInputElement>;
226
+ };
227
+ type RadioGroupItemControlProps = ComponentPropsWithoutRef<"span"> & {
228
+ ref?: Ref<HTMLSpanElement>;
229
+ };
230
+ type RadioGroupItemContentProps = ComponentPropsWithoutRef<"div"> & {
231
+ ref?: Ref<HTMLDivElement>;
232
+ };
233
+ type RadioGroupItemTextProps = ComponentPropsWithoutRef<"span"> & {
234
+ ref?: Ref<HTMLSpanElement>;
235
+ };
236
+ type RadioGroupItemDescriptionProps = ComponentPropsWithoutRef<"div"> & {
237
+ ref?: Ref<HTMLDivElement>;
238
+ };
239
+ type RadioGroupStatusTextProps = Omit<ComponentPropsWithoutRef<typeof StatusText>, "status" | "size"> & {
240
+ status?: RadioGroupValidateStatus;
241
+ size?: RadioGroupSize;
242
+ ref?: Ref<HTMLDivElement>;
243
+ };
244
+ export { radioGroupVariants, useRadioGroupContext };
245
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/molecules/radio-group.tsx"],"names":[],"mappings":"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"}