@techsio/ui-kit 0.3.1 → 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
@@ -1,28 +1,45 @@
1
- import type { ElementType, ReactElement } from 'react';
2
- import { type VariantProps } from 'tailwind-variants';
3
- import { type IconType } from '../atoms/icon';
4
- declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
1
+ import { type ComponentPropsWithoutRef, type ElementType, type Ref } from "react";
2
+ import type { VariantProps } from "tailwind-variants";
3
+ import { type IconProps, type IconType } from "../atoms/icon";
4
+ import { type LinkProps } from "../atoms/link";
5
+ declare const BreadcrumbVariants: import("tailwind-variants").TVReturnType<{
6
+ variant: {
7
+ plain: {};
8
+ underline: {
9
+ link: string;
10
+ currentLink: string;
11
+ };
12
+ };
5
13
  size: {
6
14
  sm: {
7
15
  root: string;
8
16
  list: string;
9
- item: string;
17
+ link: string;
18
+ currentLink: string;
19
+ iconSize: string;
10
20
  separator: string;
11
- ellipsis: string;
21
+ separatorIconSize: string;
22
+ ellipsisIconSize: string;
12
23
  };
13
24
  md: {
14
25
  root: string;
15
26
  list: string;
16
- item: string;
27
+ link: string;
28
+ currentLink: string;
29
+ iconSize: string;
17
30
  separator: string;
18
- ellipsis: string;
31
+ separatorIconSize: string;
32
+ ellipsisIconSize: string;
19
33
  };
20
34
  lg: {
21
35
  root: string;
22
36
  list: string;
23
- item: string;
37
+ link: string;
38
+ currentLink: string;
39
+ iconSize: string;
24
40
  separator: string;
25
- ellipsis: string;
41
+ separatorIconSize: string;
42
+ ellipsisIconSize: string;
26
43
  };
27
44
  };
28
45
  }, {
@@ -31,30 +48,52 @@ declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
31
48
  item: string[];
32
49
  link: string[];
33
50
  currentLink: string[];
51
+ icon: string[];
52
+ iconSize: string;
34
53
  separator: string[];
54
+ separatorIcon: string[];
55
+ separatorIconSize: string;
35
56
  ellipsis: string[];
57
+ ellipsisIcon: string[];
58
+ ellipsisIconSize: string;
36
59
  }, undefined, {
60
+ variant: {
61
+ plain: {};
62
+ underline: {
63
+ link: string;
64
+ currentLink: string;
65
+ };
66
+ };
37
67
  size: {
38
68
  sm: {
39
69
  root: string;
40
70
  list: string;
41
- item: string;
71
+ link: string;
72
+ currentLink: string;
73
+ iconSize: string;
42
74
  separator: string;
43
- ellipsis: string;
75
+ separatorIconSize: string;
76
+ ellipsisIconSize: string;
44
77
  };
45
78
  md: {
46
79
  root: string;
47
80
  list: string;
48
- item: string;
81
+ link: string;
82
+ currentLink: string;
83
+ iconSize: string;
49
84
  separator: string;
50
- ellipsis: string;
85
+ separatorIconSize: string;
86
+ ellipsisIconSize: string;
51
87
  };
52
88
  lg: {
53
89
  root: string;
54
90
  list: string;
55
- item: string;
91
+ link: string;
92
+ currentLink: string;
93
+ iconSize: string;
56
94
  separator: string;
57
- ellipsis: string;
95
+ separatorIconSize: string;
96
+ ellipsisIconSize: string;
58
97
  };
59
98
  };
60
99
  }, {
@@ -63,30 +102,52 @@ declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
63
102
  item: string[];
64
103
  link: string[];
65
104
  currentLink: string[];
105
+ icon: string[];
106
+ iconSize: string;
66
107
  separator: string[];
108
+ separatorIcon: string[];
109
+ separatorIconSize: string;
67
110
  ellipsis: string[];
111
+ ellipsisIcon: string[];
112
+ ellipsisIconSize: string;
68
113
  }, import("tailwind-variants").TVReturnType<{
114
+ variant: {
115
+ plain: {};
116
+ underline: {
117
+ link: string;
118
+ currentLink: string;
119
+ };
120
+ };
69
121
  size: {
70
122
  sm: {
71
123
  root: string;
72
124
  list: string;
73
- item: string;
125
+ link: string;
126
+ currentLink: string;
127
+ iconSize: string;
74
128
  separator: string;
75
- ellipsis: string;
129
+ separatorIconSize: string;
130
+ ellipsisIconSize: string;
76
131
  };
77
132
  md: {
78
133
  root: string;
79
134
  list: string;
80
- item: string;
135
+ link: string;
136
+ currentLink: string;
137
+ iconSize: string;
81
138
  separator: string;
82
- ellipsis: string;
139
+ separatorIconSize: string;
140
+ ellipsisIconSize: string;
83
141
  };
84
142
  lg: {
85
143
  root: string;
86
144
  list: string;
87
- item: string;
145
+ link: string;
146
+ currentLink: string;
147
+ iconSize: string;
88
148
  separator: string;
89
- ellipsis: string;
149
+ separatorIconSize: string;
150
+ ellipsisIconSize: string;
90
151
  };
91
152
  };
92
153
  }, {
@@ -95,23 +156,59 @@ declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
95
156
  item: string[];
96
157
  link: string[];
97
158
  currentLink: string[];
159
+ icon: string[];
160
+ iconSize: string;
98
161
  separator: string[];
162
+ separatorIcon: string[];
163
+ separatorIconSize: string;
99
164
  ellipsis: string[];
165
+ ellipsisIcon: string[];
166
+ ellipsisIconSize: string;
100
167
  }, undefined, unknown, unknown, undefined>>;
101
- export type BreadcrumbItemType = {
102
- label: string;
103
- href?: string;
104
- icon?: IconType;
105
- separator?: IconType;
106
- isCurrent?: boolean;
168
+ export type BreadcrumbSize = NonNullable<VariantProps<typeof BreadcrumbVariants>["size"]>;
169
+ export type BreadcrumbVariant = NonNullable<VariantProps<typeof BreadcrumbVariants>["variant"]>;
170
+ export type BreadcrumbRootProps = ComponentPropsWithoutRef<"nav"> & VariantProps<typeof BreadcrumbVariants> & {
171
+ ref?: Ref<HTMLElement>;
107
172
  };
108
- interface BreadcrumbProps extends VariantProps<typeof breadcrumbsVariants> {
109
- items: BreadcrumbItemType[];
110
- maxItems?: number;
111
- className?: string;
112
- 'aria-label'?: string;
113
- linkAs?: ElementType | ReactElement<HTMLAnchorElement>;
173
+ export declare function Breadcrumb({ children, className, ref, size, variant, "aria-label": ariaLabel, ...props }: BreadcrumbRootProps): import("react/jsx-runtime").JSX.Element;
174
+ export declare namespace Breadcrumb {
175
+ var List: ({ children, className, ref, ...props }: BreadcrumbListProps) => import("react/jsx-runtime").JSX.Element;
176
+ var Item: ({ children, className, ref, ...props }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
177
+ var Link: <T extends ElementType = "a">({ children, className, ...props }: BreadcrumbLinkProps<T>) => import("react/jsx-runtime").JSX.Element;
178
+ var CurrentLink: ({ children, className, ref, ...props }: BreadcrumbCurrentLinkProps) => import("react/jsx-runtime").JSX.Element;
179
+ var Icon: ({ className, size, ...props }: BreadcrumbIconProps) => import("react/jsx-runtime").JSX.Element;
180
+ var Separator: ({ children, className, icon, iconProps, iconSize, ref, ...props }: BreadcrumbSeparatorProps) => import("react/jsx-runtime").JSX.Element;
181
+ var Ellipsis: ({ children, className, icon, iconProps, iconSize, ref, ...props }: BreadcrumbEllipsisProps) => import("react/jsx-runtime").JSX.Element;
182
+ var Root: typeof Breadcrumb;
183
+ var displayName: string;
114
184
  }
115
- export declare function Breadcrumb({ items, maxItems, size, className, 'aria-label': ariaLabel, linkAs, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
185
+ export type BreadcrumbListProps = ComponentPropsWithoutRef<"ol"> & {
186
+ ref?: Ref<HTMLOListElement>;
187
+ };
188
+ export type BreadcrumbItemProps = ComponentPropsWithoutRef<"li"> & {
189
+ ref?: Ref<HTMLLIElement>;
190
+ };
191
+ type BreadcrumbLinkHref<T extends ElementType> = ComponentPropsWithoutRef<T> extends {
192
+ href?: infer H;
193
+ } ? H : string;
194
+ export type BreadcrumbLinkProps<T extends ElementType = "a"> = LinkProps<T> & {
195
+ href?: BreadcrumbLinkHref<T>;
196
+ };
197
+ export type BreadcrumbCurrentLinkProps = ComponentPropsWithoutRef<"span"> & {
198
+ ref?: Ref<HTMLSpanElement>;
199
+ };
200
+ export type BreadcrumbIconProps = IconProps;
201
+ export type BreadcrumbSeparatorProps = ComponentPropsWithoutRef<"li"> & {
202
+ icon?: IconType;
203
+ iconProps?: Omit<IconProps, "icon" | "size">;
204
+ iconSize?: IconProps["size"];
205
+ ref?: Ref<HTMLLIElement>;
206
+ };
207
+ export type BreadcrumbEllipsisProps = ComponentPropsWithoutRef<"li"> & {
208
+ icon?: IconType;
209
+ iconProps?: Omit<IconProps, "icon" | "size">;
210
+ iconSize?: IconProps["size"];
211
+ ref?: Ref<HTMLLIElement>;
212
+ };
116
213
  export {};
117
214
  //# sourceMappingURL=breadcrumb.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/molecules/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAInD,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmEvB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA8DD,UAAU,eAAgB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACxE,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;CACvD;AAGD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAY,EACZ,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAwB,EACtC,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,2CAqCjB"}
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/molecules/breadcrumb.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,9 @@
1
- import * as carousel from '@zag-js/carousel';
2
- import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from 'react';
3
- import { type VariantProps } from 'tailwind-variants';
4
- import type { IconType } from '../atoms/icon';
5
- import { Image } from '../atoms/image';
6
- type CarouselImageComponent<T extends ElementType = typeof Image> = T extends typeof Image ? typeof Image : T extends ElementType ? 'src' extends keyof ComponentPropsWithoutRef<T> ? 'alt' extends keyof ComponentPropsWithoutRef<T> ? T : never : never : never;
1
+ import * as carousel from "@zag-js/carousel";
2
+ import { type CSSProperties, type ComponentPropsWithoutRef, type ElementType, type ReactNode } from "react";
3
+ import { type VariantProps } from "tailwind-variants";
4
+ import type { IconType } from "../atoms/icon";
5
+ import { Image } from "../atoms/image";
6
+ type CarouselImageComponent<T extends ElementType = typeof Image> = T extends typeof Image ? typeof Image : T extends ElementType ? "src" extends keyof ComponentPropsWithoutRef<T> ? "alt" extends keyof ComponentPropsWithoutRef<T> ? T : never : never : never;
7
7
  declare const carouselVariants: import("tailwind-variants").TVReturnType<{
8
8
  objectFit: {
9
9
  cover: {
@@ -19,20 +19,37 @@ declare const carouselVariants: import("tailwind-variants").TVReturnType<{
19
19
  slide: string;
20
20
  };
21
21
  };
22
+ controlPosition: {
23
+ side: {
24
+ control: string;
25
+ };
26
+ top: {
27
+ control: string;
28
+ };
29
+ bottom: {
30
+ control: string;
31
+ };
32
+ unset: {};
33
+ };
22
34
  aspectRatio: {
23
35
  square: {
36
+ slideGroup: string;
24
37
  slide: string;
25
38
  };
26
39
  landscape: {
40
+ slideGroup: string;
27
41
  slide: string;
28
42
  };
29
43
  portrait: {
44
+ slideGroup: string;
30
45
  slide: string;
31
46
  };
32
47
  wide: {
48
+ slideGroup: string;
33
49
  slide: string;
34
50
  };
35
51
  none: {
52
+ slideGroup: string;
36
53
  slide: string;
37
54
  };
38
55
  };
@@ -81,20 +98,37 @@ declare const carouselVariants: import("tailwind-variants").TVReturnType<{
81
98
  slide: string;
82
99
  };
83
100
  };
101
+ controlPosition: {
102
+ side: {
103
+ control: string;
104
+ };
105
+ top: {
106
+ control: string;
107
+ };
108
+ bottom: {
109
+ control: string;
110
+ };
111
+ unset: {};
112
+ };
84
113
  aspectRatio: {
85
114
  square: {
115
+ slideGroup: string;
86
116
  slide: string;
87
117
  };
88
118
  landscape: {
119
+ slideGroup: string;
89
120
  slide: string;
90
121
  };
91
122
  portrait: {
123
+ slideGroup: string;
92
124
  slide: string;
93
125
  };
94
126
  wide: {
127
+ slideGroup: string;
95
128
  slide: string;
96
129
  };
97
130
  none: {
131
+ slideGroup: string;
98
132
  slide: string;
99
133
  };
100
134
  };
@@ -143,20 +177,37 @@ declare const carouselVariants: import("tailwind-variants").TVReturnType<{
143
177
  slide: string;
144
178
  };
145
179
  };
180
+ controlPosition: {
181
+ side: {
182
+ control: string;
183
+ };
184
+ top: {
185
+ control: string;
186
+ };
187
+ bottom: {
188
+ control: string;
189
+ };
190
+ unset: {};
191
+ };
146
192
  aspectRatio: {
147
193
  square: {
194
+ slideGroup: string;
148
195
  slide: string;
149
196
  };
150
197
  landscape: {
198
+ slideGroup: string;
151
199
  slide: string;
152
200
  };
153
201
  portrait: {
202
+ slideGroup: string;
154
203
  slide: string;
155
204
  };
156
205
  wide: {
206
+ slideGroup: string;
157
207
  slide: string;
158
208
  };
159
209
  none: {
210
+ slideGroup: string;
160
211
  slide: string;
161
212
  };
162
213
  };
@@ -198,26 +249,25 @@ export type CarouselSlide = {
198
249
  alt?: string;
199
250
  imageProps?: Record<string, unknown>;
200
251
  };
201
- export interface CarouselRootProps<T extends ElementType = typeof Image> extends VariantProps<typeof carouselVariants>, Omit<carousel.Props, 'id' | 'size'> {
252
+ type CarouselDimension = CSSProperties["width"];
253
+ export interface CarouselRootProps<T extends ElementType = typeof Image> extends Omit<VariantProps<typeof carouselVariants>, "controlPosition">, Omit<carousel.Props, "id" | "size"> {
202
254
  id?: string;
203
255
  className?: string;
204
256
  children: ReactNode;
205
257
  imageAs?: CarouselImageComponent<T>;
206
- width?: number;
207
- height?: number;
258
+ width?: CarouselDimension;
259
+ height?: CarouselDimension;
208
260
  }
209
261
  interface CarouselSlidesProps {
210
262
  slides: CarouselSlide[];
211
- size?: 'sm' | 'md' | 'lg' | 'full';
263
+ size?: "sm" | "md" | "lg" | "full";
212
264
  imageAs?: ElementType;
213
- width?: number;
214
- height?: number;
215
265
  className?: string;
216
266
  }
217
267
  interface CarouselSlideProps {
218
268
  index: number;
219
269
  children: ReactNode;
220
- size?: 'sm' | 'md' | 'lg' | 'full';
270
+ size?: "sm" | "md" | "lg" | "full";
221
271
  className?: string;
222
272
  }
223
273
  interface CarouselPreviousProps {
@@ -242,10 +292,11 @@ interface CarouselAutoplayProps {
242
292
  interface CarouselControlProps {
243
293
  children: ReactNode;
244
294
  className?: string;
295
+ controlPosition?: "top" | "bottom" | "side" | "unset";
245
296
  }
246
- export declare function Carousel<T extends ElementType = typeof Image>({ id, size, objectFit, aspectRatio, orientation, slideCount, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, dir, className, children, onPageChange, ...props }: CarouselRootProps<T>): import("react/jsx-runtime").JSX.Element;
297
+ export declare function Carousel<T extends ElementType = typeof Image>({ id, size, objectFit, aspectRatio, orientation, slideCount, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, dir, snapType, className, children, width, height, onPageChange, ...props }: CarouselRootProps<T>): import("react/jsx-runtime").JSX.Element;
247
298
  export declare namespace Carousel {
248
- var Slides: ({ slides, size: overrideSize, imageAs, width, height, className, }: CarouselSlidesProps) => import("react/jsx-runtime").JSX.Element;
299
+ var Slides: ({ slides, size: overrideSize, imageAs, className, }: CarouselSlidesProps) => import("react/jsx-runtime").JSX.Element;
249
300
  var Slide: ({ index, children, size: overrideSize, className, }: CarouselSlideProps) => import("react/jsx-runtime").JSX.Element;
250
301
  var Previous: ({ className, icon, }: CarouselPreviousProps) => import("react/jsx-runtime").JSX.Element;
251
302
  var Next: ({ className, icon, }: CarouselNextProps) => import("react/jsx-runtime").JSX.Element;
@@ -254,7 +305,7 @@ export declare namespace Carousel {
254
305
  }) => import("react/jsx-runtime").JSX.Element;
255
306
  var Indicator: ({ index, className, children, }: CarouselIndicatorProps) => import("react/jsx-runtime").JSX.Element;
256
307
  var Autoplay: ({ className, }: CarouselAutoplayProps) => import("react/jsx-runtime").JSX.Element;
257
- var Control: ({ children, className, }: CarouselControlProps) => import("react/jsx-runtime").JSX.Element;
308
+ var Control: ({ children, className, controlPosition, }: CarouselControlProps) => import("react/jsx-runtime").JSX.Element;
258
309
  var Root: typeof Carousel;
259
310
  }
260
311
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/molecules/carousel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/molecules/carousel.tsx"],"names":[],"mappings":"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"}
@@ -8,12 +8,12 @@ export interface ColorItem {
8
8
  }
9
9
  interface ColorSelectProps {
10
10
  colors: ColorItem[];
11
- layout?: 'list' | 'grid';
12
- size?: 'sm' | 'md' | 'lg' | 'full';
13
- radius?: 'sm' | 'md' | 'lg' | 'full';
11
+ layout?: "list" | "grid";
12
+ size?: "sm" | "md" | "lg" | "full";
13
+ radius?: "sm" | "md" | "lg" | "full";
14
14
  disabled?: boolean;
15
15
  onColorClick?: (color: string) => void;
16
- selectionMode?: 'single' | 'multiple';
16
+ selectionMode?: "single" | "multiple";
17
17
  }
18
18
  export declare const ColorSelect: ({ colors, layout, size, radius, disabled, onColorClick, selectionMode, }: ColorSelectProps) => import("react/jsx-runtime").JSX.Element;
19
19
  export {};
@@ -1,21 +1,28 @@
1
- import type { VariantProps } from 'tailwind-variants';
1
+ import type { VariantProps } from "tailwind-variants";
2
+ import { type IconProps, type IconType } from "../atoms/icon";
2
3
  declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
3
4
  size: {
4
5
  sm: {
5
6
  root: string;
7
+ control: string;
6
8
  item: string;
9
+ emptyState: string;
7
10
  input: string;
8
11
  content: string;
9
12
  };
10
13
  md: {
11
14
  root: string;
15
+ control: string;
12
16
  item: string;
17
+ emptyState: string;
13
18
  input: string;
14
19
  content: string;
15
20
  };
16
21
  lg: {
17
22
  root: string;
23
+ control: string;
18
24
  item: string;
25
+ emptyState: string;
19
26
  input: string;
20
27
  content: string;
21
28
  };
@@ -29,26 +36,34 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
29
36
  trigger: string[];
30
37
  positioner: string[];
31
38
  content: string[];
39
+ list: string[];
32
40
  item: string[];
41
+ emptyState: string[];
33
42
  helper: string[];
34
43
  multiple: never[];
35
44
  }, undefined, {
36
45
  size: {
37
46
  sm: {
38
47
  root: string;
48
+ control: string;
39
49
  item: string;
50
+ emptyState: string;
40
51
  input: string;
41
52
  content: string;
42
53
  };
43
54
  md: {
44
55
  root: string;
56
+ control: string;
45
57
  item: string;
58
+ emptyState: string;
46
59
  input: string;
47
60
  content: string;
48
61
  };
49
62
  lg: {
50
63
  root: string;
64
+ control: string;
51
65
  item: string;
66
+ emptyState: string;
52
67
  input: string;
53
68
  content: string;
54
69
  };
@@ -62,26 +77,34 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
62
77
  trigger: string[];
63
78
  positioner: string[];
64
79
  content: string[];
80
+ list: string[];
65
81
  item: string[];
82
+ emptyState: string[];
66
83
  helper: string[];
67
84
  multiple: never[];
68
85
  }, import("tailwind-variants").TVReturnType<{
69
86
  size: {
70
87
  sm: {
71
88
  root: string;
89
+ control: string;
72
90
  item: string;
91
+ emptyState: string;
73
92
  input: string;
74
93
  content: string;
75
94
  };
76
95
  md: {
77
96
  root: string;
97
+ control: string;
78
98
  item: string;
99
+ emptyState: string;
79
100
  input: string;
80
101
  content: string;
81
102
  };
82
103
  lg: {
83
104
  root: string;
105
+ control: string;
84
106
  item: string;
107
+ emptyState: string;
85
108
  input: string;
86
109
  content: string;
87
110
  };
@@ -95,7 +118,9 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
95
118
  trigger: string[];
96
119
  positioner: string[];
97
120
  content: string[];
121
+ list: string[];
98
122
  item: string[];
123
+ emptyState: string[];
99
124
  helper: string[];
100
125
  multiple: never[];
101
126
  }, undefined, unknown, unknown, undefined>>;
@@ -119,23 +144,25 @@ export interface ComboboxProps<T = unknown> extends VariantProps<typeof combobox
119
144
  defaultValue?: string | string[];
120
145
  inputValue?: string;
121
146
  multiple?: boolean;
122
- validationState?: 'normal' | 'error' | 'success' | 'warning';
123
- error?: string;
124
- helper?: string;
147
+ validateStatus?: "default" | "error" | "success" | "warning";
148
+ helpText?: string;
149
+ showHelpTextIcon?: boolean;
125
150
  noResultsMessage?: string;
126
151
  clearable?: boolean;
127
- selectionBehavior?: 'replace' | 'clear' | 'preserve';
152
+ selectionBehavior?: "replace" | "clear" | "preserve";
128
153
  closeOnSelect?: boolean;
129
154
  allowCustomValue?: boolean;
130
155
  loopFocus?: boolean;
131
156
  autoFocus?: boolean;
132
- triggerIcon?: string;
133
- clearIcon?: string;
157
+ triggerIcon?: IconType;
158
+ triggerIconSize?: IconProps["size"];
159
+ clearIcon?: IconType;
160
+ clearIconSize?: IconProps["size"];
134
161
  onChange?: (value: string | string[]) => void;
135
162
  onInputValueChange?: (value: string) => void;
136
163
  onOpenChange?: (open: boolean) => void;
137
- inputBehavior?: 'autohighlight' | 'autocomplete' | 'none';
164
+ inputBehavior?: "autohighlight" | "autocomplete" | "none";
138
165
  }
139
- export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple, validationState, error, helper, noResultsMessage, clearable, selectionBehavior, closeOnSelect, allowCustomValue, loopFocus, autoFocus, inputBehavior, onChange, onInputValueChange, onOpenChange, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
166
+ export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple, validateStatus, helpText, showHelpTextIcon, noResultsMessage, clearable, selectionBehavior, closeOnSelect, allowCustomValue, loopFocus, autoFocus, triggerIcon, triggerIconSize, clearIcon, clearIconSize, inputBehavior, onChange, onInputValueChange, onOpenChange, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
140
167
  export {};
141
168
  //# sourceMappingURL=combobox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AASrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8FpB,CAAA;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CACxC,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;IACpD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,eAAe,GAAG,cAAc,GAAG,MAAM,CAAA;CAC1D;AAED,wBAAgB,QAAQ,CAAC,CAAC,GAAG,OAAO,EAAE,EACpC,EAAE,EACF,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAA6B,EAC7B,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,KAAU,EACV,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAgB,EAChB,eAA0B,EAC1B,KAAK,EACL,MAAM,EACN,gBAAwD,EACxD,SAAgB,EAChB,iBAA6B,EAC7B,aAAqB,EACrB,gBAAwB,EACxB,SAAgB,EAChB,SAAiB,EACjB,aAA8B,EAC9B,QAAQ,EACR,kBAAkB,EAClB,YAAY,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwJlB"}
1
+ {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import { type ReactNode } from 'react';
2
- import { type VariantProps } from 'tailwind-variants';
1
+ import { type ReactNode } from "react";
2
+ import { type VariantProps } from "tailwind-variants";
3
3
  declare const dialogVariants: import("tailwind-variants").TVReturnType<{
4
4
  placement: {
5
5
  center: {
@@ -216,7 +216,7 @@ export interface DialogProps extends VariantProps<typeof dialogVariants> {
216
216
  closeOnInteractOutside?: boolean;
217
217
  preventScroll?: boolean;
218
218
  trapFocus?: boolean;
219
- role?: 'dialog' | 'alertdialog';
219
+ role?: "dialog" | "alertdialog";
220
220
  id?: string;
221
221
  customTrigger?: boolean;
222
222
  triggerText?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAGzD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiKlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAe,EACf,SAAoB,EACpB,QAAkB,EAClB,IAAW,EACX,QAAkB,EAClB,aAAoB,EACpB,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,aAAqB,EACrB,WAAoB,EACpB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAuB,EACvB,OAAO,EACP,SAAS,EACT,KAAY,EACZ,MAAa,GACd,EAAE,WAAW,2CAgFb"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiKlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAe,EACf,SAAoB,EACpB,QAAkB,EAClB,IAAW,EACX,QAAkB,EAClB,aAAoB,EACpB,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,aAAqB,EACrB,WAAoB,EACpB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAuB,EACvB,OAAO,EACP,SAAS,EACT,KAAY,EACZ,MAAa,GACd,EAAE,WAAW,2CA8Eb"}