@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,246 @@
1
+ import { type CountryCode, type E164Number } from "libphonenumber-js/max";
2
+ import { type ChangeEventHandler, type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
3
+ import type { VariantProps } from "tailwind-variants";
4
+ import type { IconProps } from "../atoms/icon";
5
+ import { type InputProps } from "../atoms/input";
6
+ import { type LabelProps } from "../atoms/label";
7
+ export type PhoneInputSize = "sm" | "md" | "lg";
8
+ export type PhoneInputValidateStatus = "default" | "error" | "success" | "warning";
9
+ export type PhoneInputCountry = {
10
+ value: CountryCode;
11
+ label: ReactNode;
12
+ disabled?: boolean;
13
+ displayValue?: string;
14
+ name?: string;
15
+ flag?: ReactNode;
16
+ callingCode?: string;
17
+ [key: string]: unknown;
18
+ };
19
+ export type PhoneInputValueChangeDetails = {
20
+ value: string;
21
+ e164: E164Number | "";
22
+ country: CountryCode;
23
+ callingCode: string;
24
+ nationalNumber: string;
25
+ isPossible: boolean;
26
+ isValid: boolean;
27
+ };
28
+ export type PhoneInputCountryChangeDetails = PhoneInputValueChangeDetails & {
29
+ countryItem: PhoneInputCountry;
30
+ };
31
+ export declare const defaultPhoneInputCountries: PhoneInputCountry[];
32
+ declare const phoneInputVariants: import("tailwind-variants").TVReturnType<{
33
+ size: {
34
+ sm: {
35
+ control: string;
36
+ input: string;
37
+ };
38
+ md: {
39
+ control: string;
40
+ input: string;
41
+ };
42
+ lg: {
43
+ control: string;
44
+ input: string;
45
+ };
46
+ };
47
+ }, {
48
+ root: string[];
49
+ control: string[];
50
+ countrySelectRoot: string[];
51
+ countrySelectControl: string[];
52
+ countryTrigger: string[];
53
+ countryValue: string[];
54
+ countryFlag: string[];
55
+ countryCallingCode: string[];
56
+ input: string[];
57
+ itemContent: string[];
58
+ itemMeta: string[];
59
+ }, undefined, {
60
+ size: {
61
+ sm: {
62
+ control: string;
63
+ input: string;
64
+ };
65
+ md: {
66
+ control: string;
67
+ input: string;
68
+ };
69
+ lg: {
70
+ control: string;
71
+ input: string;
72
+ };
73
+ };
74
+ }, {
75
+ root: string[];
76
+ control: string[];
77
+ countrySelectRoot: string[];
78
+ countrySelectControl: string[];
79
+ countryTrigger: string[];
80
+ countryValue: string[];
81
+ countryFlag: string[];
82
+ countryCallingCode: string[];
83
+ input: string[];
84
+ itemContent: string[];
85
+ itemMeta: string[];
86
+ }, import("tailwind-variants").TVReturnType<{
87
+ size: {
88
+ sm: {
89
+ control: string;
90
+ input: string;
91
+ };
92
+ md: {
93
+ control: string;
94
+ input: string;
95
+ };
96
+ lg: {
97
+ control: string;
98
+ input: string;
99
+ };
100
+ };
101
+ }, {
102
+ root: string[];
103
+ control: string[];
104
+ countrySelectRoot: string[];
105
+ countrySelectControl: string[];
106
+ countryTrigger: string[];
107
+ countryValue: string[];
108
+ countryFlag: string[];
109
+ countryCallingCode: string[];
110
+ input: string[];
111
+ itemContent: string[];
112
+ itemMeta: string[];
113
+ }, undefined, unknown, unknown, undefined>>;
114
+ type PhoneInputContextValue = {
115
+ countries: PhoneInputCountry[];
116
+ selectedCountry: CountryCode;
117
+ selectedCountryItem: PhoneInputCountry;
118
+ setCountryValue: (country: CountryCode) => void;
119
+ countryName?: string;
120
+ form?: string;
121
+ size: PhoneInputSize;
122
+ inputId: string;
123
+ inputValue: string;
124
+ setInputValue: (value: string) => void;
125
+ details: PhoneInputValueChangeDetails;
126
+ disabled: boolean;
127
+ nativeValidation: boolean;
128
+ nativeValidationMessage: string;
129
+ readOnly: boolean;
130
+ required: boolean;
131
+ validateStatus: PhoneInputValidateStatus;
132
+ };
133
+ declare function usePhoneInputContext(): PhoneInputContextValue;
134
+ export type PhoneInputProps = VariantProps<typeof phoneInputVariants> & Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange"> & {
135
+ countries?: PhoneInputCountry[];
136
+ value?: string;
137
+ defaultValue?: string;
138
+ country?: CountryCode;
139
+ defaultCountry?: CountryCode;
140
+ name?: string;
141
+ countryName?: string;
142
+ form?: string;
143
+ required?: boolean;
144
+ disabled?: boolean;
145
+ readOnly?: boolean;
146
+ nativeValidation?: boolean;
147
+ nativeValidationMessage?: string;
148
+ validateStatus?: PhoneInputValidateStatus;
149
+ onValueChange?: (details: PhoneInputValueChangeDetails) => void;
150
+ onCountryChange?: (details: PhoneInputCountryChangeDetails) => void;
151
+ ref?: Ref<HTMLDivElement>;
152
+ };
153
+ export declare function PhoneInput({ countries: countriesProp, value, defaultValue, country, defaultCountry, name, countryName, form, required, disabled, readOnly, nativeValidation, nativeValidationMessage, validateStatus, onValueChange, onCountryChange, size, id: providedId, className, children, ref, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
154
+ export declare namespace PhoneInput {
155
+ var Label: ({ children, ...props }: PhoneInputLabelProps) => import("react/jsx-runtime").JSX.Element;
156
+ var Control: ({ children, className, ref, ...props }: PhoneInputControlProps) => import("react/jsx-runtime").JSX.Element;
157
+ var CountrySelect: ({ children, className, closeOnSelect, }: PhoneInputCountrySelectProps) => import("react/jsx-runtime").JSX.Element;
158
+ var CountryPicker: ({ className, selectProps, controlProps, triggerProps, positionerProps, contentProps, }: PhoneInputCountryPickerProps) => import("react/jsx-runtime").JSX.Element;
159
+ var CountryControl: ({ children, className, ref, ...props }: PhoneInputCountryControlProps) => import("react/jsx-runtime").JSX.Element;
160
+ var CountryTrigger: ({ children, className, ref, ...props }: PhoneInputCountryTriggerProps) => import("react/jsx-runtime").JSX.Element;
161
+ var CountryValue: ({ children, className, ref, ...props }: PhoneInputCountryValueProps) => import("react/jsx-runtime").JSX.Element;
162
+ var CountryFlag: ({ item, className, ref, ...props }: PhoneInputCountryFlagProps) => import("react/jsx-runtime").JSX.Element;
163
+ var CountryCallingCode: ({ item, className, ref, ...props }: PhoneInputCountryCallingCodeProps) => import("react/jsx-runtime").JSX.Element;
164
+ var Input: ({ className, onChange, placeholder, ref, ...props }: PhoneInputInputProps) => import("react/jsx-runtime").JSX.Element;
165
+ var CountryPositioner: ({ children, ...props }: PhoneInputCountryPositionerProps) => import("react/jsx-runtime").JSX.Element;
166
+ var CountryContent: ({ children, ...props }: PhoneInputCountryContentProps) => import("react/jsx-runtime").JSX.Element;
167
+ var CountryItem: ({ item, children, ...props }: PhoneInputCountryItemProps) => import("react/jsx-runtime").JSX.Element;
168
+ var CountryItemText: ({ children, ...props }: PhoneInputCountryItemTextProps) => import("react/jsx-runtime").JSX.Element;
169
+ var CountryItemMeta: ({ children, className, ref, ...props }: PhoneInputCountryItemMetaProps) => import("react/jsx-runtime").JSX.Element;
170
+ var CountryItemIndicator: ({ ...props }: PhoneInputCountryItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
171
+ var Positioner: ({ children, ...props }: PhoneInputCountryPositionerProps) => import("react/jsx-runtime").JSX.Element;
172
+ var Content: ({ children, ...props }: PhoneInputCountryContentProps) => import("react/jsx-runtime").JSX.Element;
173
+ var Item: ({ item, children, ...props }: PhoneInputCountryItemProps) => import("react/jsx-runtime").JSX.Element;
174
+ var ItemText: ({ children, ...props }: PhoneInputCountryItemTextProps) => import("react/jsx-runtime").JSX.Element;
175
+ var ItemMeta: ({ children, className, ref, ...props }: PhoneInputCountryItemMetaProps) => import("react/jsx-runtime").JSX.Element;
176
+ var ItemIndicator: ({ ...props }: PhoneInputCountryItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
177
+ var StatusText: ({ status, showIcon, children, ...props }: PhoneInputStatusTextProps) => import("react/jsx-runtime").JSX.Element;
178
+ var displayName: string;
179
+ }
180
+ type PhoneInputLabelProps = Omit<LabelProps, "htmlFor" | "size">;
181
+ type PhoneInputControlProps = ComponentPropsWithoutRef<"div"> & {
182
+ ref?: Ref<HTMLDivElement>;
183
+ };
184
+ type PhoneInputCountrySelectProps = {
185
+ children: ReactNode;
186
+ className?: string;
187
+ closeOnSelect?: boolean;
188
+ };
189
+ type PhoneInputCountryPickerProps = {
190
+ className?: string;
191
+ selectProps?: Omit<PhoneInputCountrySelectProps, "children">;
192
+ controlProps?: PhoneInputCountryControlProps;
193
+ triggerProps?: PhoneInputCountryTriggerProps;
194
+ positionerProps?: PhoneInputCountryPositionerProps;
195
+ contentProps?: PhoneInputCountryContentProps;
196
+ };
197
+ type PhoneInputCountryControlProps = ComponentPropsWithoutRef<"div"> & {
198
+ ref?: Ref<HTMLDivElement>;
199
+ };
200
+ type PhoneInputCountryTriggerProps = ComponentPropsWithoutRef<"button"> & {
201
+ iconSize?: IconProps["size"];
202
+ ref?: Ref<HTMLButtonElement>;
203
+ };
204
+ type PhoneInputCountryValueProps = ComponentPropsWithoutRef<"span"> & {
205
+ ref?: Ref<HTMLSpanElement>;
206
+ };
207
+ type PhoneInputCountryFlagProps = ComponentPropsWithoutRef<"span"> & {
208
+ item?: PhoneInputCountry;
209
+ ref?: Ref<HTMLSpanElement>;
210
+ };
211
+ type PhoneInputCountryCallingCodeProps = ComponentPropsWithoutRef<"span"> & {
212
+ item?: PhoneInputCountry;
213
+ ref?: Ref<HTMLSpanElement>;
214
+ };
215
+ type PhoneInputInputProps = Omit<InputProps, "aria-invalid" | "defaultValue" | "disabled" | "form" | "id" | "inputMode" | "name" | "onChange" | "readOnly" | "required" | "size" | "type" | "value" | "variant"> & {
216
+ onChange?: ChangeEventHandler<HTMLInputElement>;
217
+ };
218
+ type PhoneInputCountryPositionerProps = ComponentPropsWithoutRef<"div"> & {
219
+ ref?: Ref<HTMLDivElement>;
220
+ };
221
+ type PhoneInputCountryContentProps = ComponentPropsWithoutRef<"ul"> & {
222
+ ref?: Ref<HTMLUListElement>;
223
+ };
224
+ type PhoneInputCountryItemProps = ComponentPropsWithoutRef<"li"> & {
225
+ item: PhoneInputCountry;
226
+ ref?: Ref<HTMLLIElement>;
227
+ };
228
+ type PhoneInputCountryItemTextProps = ComponentPropsWithoutRef<"span"> & {
229
+ ref?: Ref<HTMLSpanElement>;
230
+ };
231
+ type PhoneInputCountryItemMetaProps = ComponentPropsWithoutRef<"span"> & {
232
+ ref?: Ref<HTMLSpanElement>;
233
+ };
234
+ type PhoneInputCountryItemIndicatorProps = ComponentPropsWithoutRef<"span"> & {
235
+ iconSize?: IconProps["size"];
236
+ ref?: Ref<HTMLSpanElement>;
237
+ };
238
+ type PhoneInputStatusTextProps = ComponentPropsWithoutRef<"div"> & {
239
+ status?: PhoneInputValidateStatus;
240
+ showIcon?: boolean;
241
+ ref?: Ref<HTMLDivElement>;
242
+ };
243
+ export declare function formatPhoneInputValue(value: string, country: CountryCode): string;
244
+ export declare function getPhoneInputValueDetails(value: string, country: CountryCode): PhoneInputValueChangeDetails;
245
+ export { phoneInputVariants, usePhoneInputContext };
246
+ //# sourceMappingURL=phone-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/phone-input.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
- import * as popover from '@zag-js/popover';
2
- import { type ReactNode, type Ref } from 'react';
3
- import type { VariantProps } from 'tailwind-variants';
1
+ import { type Api as PopoverApi, type Props as PopoverMachineProps, type Placement as PopoverPlacement, type PositioningOptions as PopoverPositioningOptions } from "@zag-js/popover";
2
+ import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
3
+ import type { VariantProps } from "tailwind-variants";
4
+ import { type ButtonProps } from "../atoms/button";
4
5
  declare const popoverVariants: import("tailwind-variants").TVReturnType<{
5
6
  shadow: {
6
7
  true: {
@@ -10,7 +11,7 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
10
11
  border: {
11
12
  true: {
12
13
  content: string;
13
- arrow: string;
14
+ arrowTip: string;
14
15
  };
15
16
  };
16
17
  size: {
@@ -29,11 +30,14 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
29
30
  };
30
31
  }, {
31
32
  trigger: string[];
33
+ indicator: string[];
32
34
  positioner: string[];
33
35
  content: string[];
34
36
  arrow: string;
37
+ arrowTip: string;
35
38
  title: string[];
36
39
  description: string[];
40
+ closeTrigger: string[];
37
41
  }, undefined, {
38
42
  shadow: {
39
43
  true: {
@@ -43,7 +47,7 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
43
47
  border: {
44
48
  true: {
45
49
  content: string;
46
- arrow: string;
50
+ arrowTip: string;
47
51
  };
48
52
  };
49
53
  size: {
@@ -62,11 +66,14 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
62
66
  };
63
67
  }, {
64
68
  trigger: string[];
69
+ indicator: string[];
65
70
  positioner: string[];
66
71
  content: string[];
67
72
  arrow: string;
73
+ arrowTip: string;
68
74
  title: string[];
69
75
  description: string[];
76
+ closeTrigger: string[];
70
77
  }, import("tailwind-variants").TVReturnType<{
71
78
  shadow: {
72
79
  true: {
@@ -76,7 +83,7 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
76
83
  border: {
77
84
  true: {
78
85
  content: string;
79
- arrow: string;
86
+ arrowTip: string;
80
87
  };
81
88
  };
82
89
  size: {
@@ -95,31 +102,76 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
95
102
  };
96
103
  }, {
97
104
  trigger: string[];
105
+ indicator: string[];
98
106
  positioner: string[];
99
107
  content: string[];
100
108
  arrow: string;
109
+ arrowTip: string;
101
110
  title: string[];
102
111
  description: string[];
112
+ closeTrigger: string[];
103
113
  }, undefined, unknown, unknown, undefined>>;
104
- export interface PopoverProps extends VariantProps<typeof popoverVariants>, popover.Props {
105
- trigger: ReactNode;
114
+ export type PopoverRootProps = VariantProps<typeof popoverVariants> & Omit<PopoverMachineProps, "id" | "positioning"> & {
106
115
  children: ReactNode;
107
- placement?: popover.Placement;
108
- offset?: popover.PositioningOptions['offset'];
109
- gutter?: popover.PositioningOptions['gutter'];
110
- flip?: popover.PositioningOptions['flip'];
111
- slide?: popover.PositioningOptions['slide'];
112
- sameWidth?: popover.PositioningOptions['sameWidth'];
113
- overflowPadding?: popover.PositioningOptions['overflowPadding'];
114
- showArrow?: boolean;
115
- title?: ReactNode;
116
- description?: ReactNode;
117
- triggerRef?: Ref<HTMLButtonElement>;
118
- contentRef?: Ref<HTMLDivElement>;
119
- triggerClassName?: string;
120
- contentClassName?: string;
121
- disabled?: boolean;
116
+ flip?: PopoverPositioningOptions["flip"];
117
+ gutter?: PopoverPositioningOptions["gutter"];
118
+ id?: string;
119
+ offset?: PopoverPositioningOptions["offset"];
120
+ overflowPadding?: PopoverPositioningOptions["overflowPadding"];
121
+ placement?: PopoverPlacement;
122
+ sameWidth?: PopoverPositioningOptions["sameWidth"];
123
+ slide?: PopoverPositioningOptions["slide"];
124
+ };
125
+ export declare function Popover({ autoFocus, border, children, closeOnEscape, closeOnInteractOutside, defaultOpen, dir, flip, gutter, id, modal, offset, onOpenChange, onPointerDownOutside, open, overflowPadding, placement, portalled, sameWidth, shadow, size, slide, ...props }: PopoverRootProps): import("react/jsx-runtime").JSX.Element;
126
+ export declare namespace Popover {
127
+ var Anchor: ({ className, ref, ...props }: PopoverAnchorProps) => import("react/jsx-runtime").JSX.Element;
128
+ var Trigger: ({ children, className, clickBehavior, disabled, onClick, ref, size, theme, type, ...props }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
129
+ var Indicator: ({ className, ref, ...props }: PopoverIndicatorProps) => import("react/jsx-runtime").JSX.Element;
130
+ var Positioner: ({ children, className, forceMount, ref, ...props }: PopoverPositionerProps) => import("react/jsx-runtime").JSX.Element | null;
131
+ var Content: ({ children, className, ref, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
132
+ var Arrow: ({ children, className, ref, ...props }: PopoverArrowProps) => import("react/jsx-runtime").JSX.Element;
133
+ var ArrowTip: ({ className, ref, ...props }: PopoverArrowTipProps) => import("react/jsx-runtime").JSX.Element;
134
+ var Title: ({ className, ref, ...props }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;
135
+ var Description: ({ className, ref, ...props }: PopoverDescriptionProps) => import("react/jsx-runtime").JSX.Element;
136
+ var CloseTrigger: ({ children, className, icon, onClick, ref, size, theme, type, ...props }: PopoverCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
137
+ var Context: ({ children, }: PopoverContextProps) => ReactNode;
138
+ var Root: typeof Popover;
139
+ var displayName: string;
122
140
  }
123
- export declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, gutter, sameWidth, slide, flip, overflowPadding, modal, closeOnInteractOutside, closeOnEscape, showArrow, autoFocus, portalled, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size, shadow, border, disabled, onPointerDownOutside, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
141
+ export type PopoverAnchorProps = ComponentPropsWithoutRef<"div"> & {
142
+ ref?: Ref<HTMLDivElement>;
143
+ };
144
+ export type PopoverTriggerProps = ButtonProps & {
145
+ clickBehavior?: "toggle" | "manual";
146
+ ref?: Ref<HTMLButtonElement>;
147
+ };
148
+ export type PopoverIndicatorProps = ComponentPropsWithoutRef<"span"> & {
149
+ ref?: Ref<HTMLSpanElement>;
150
+ };
151
+ export type PopoverPositionerProps = ComponentPropsWithoutRef<"div"> & {
152
+ forceMount?: boolean;
153
+ ref?: Ref<HTMLDivElement>;
154
+ };
155
+ export type PopoverContentProps = ComponentPropsWithoutRef<"div"> & {
156
+ ref?: Ref<HTMLDivElement>;
157
+ };
158
+ export type PopoverArrowProps = ComponentPropsWithoutRef<"div"> & {
159
+ ref?: Ref<HTMLDivElement>;
160
+ };
161
+ export type PopoverArrowTipProps = ComponentPropsWithoutRef<"div"> & {
162
+ ref?: Ref<HTMLDivElement>;
163
+ };
164
+ export type PopoverTitleProps = ComponentPropsWithoutRef<"div"> & {
165
+ ref?: Ref<HTMLDivElement>;
166
+ };
167
+ export type PopoverDescriptionProps = ComponentPropsWithoutRef<"div"> & {
168
+ ref?: Ref<HTMLDivElement>;
169
+ };
170
+ export type PopoverCloseTriggerProps = ButtonProps & {
171
+ ref?: Ref<HTMLButtonElement>;
172
+ };
173
+ export type PopoverContextProps = {
174
+ children: (api: PopoverApi) => ReactNode;
175
+ };
124
176
  export {};
125
177
  //# sourceMappingURL=popover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiDnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC,EAC1C,OAAO,CAAC,KAAK;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAoB,EACpB,MAAsC,EACtC,MAAU,EACV,SAAiB,EACjB,KAAY,EACZ,IAAW,EACX,eAAmB,EACnB,KAAa,EACb,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,WAAW,EACX,EAAE,EACF,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,IAAW,EACX,MAAa,EACb,MAAa,EACb,QAAgB,EAChB,oBAAoB,GACrB,EAAE,YAAY,2CA0Fd"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,GAAG,IAAI,UAAU,EACtB,KAAK,KAAK,IAAI,mBAAmB,EACjC,KAAK,SAAS,IAAI,gBAAgB,EAClC,KAAK,kBAAkB,IAAI,yBAAyB,EAErD,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG1D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsDnB,CAAA;AAoBF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GACjE,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,aAAa,CAAC,GAAG;IAChD,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAA;CAC3C,CAAA;AAEH,wBAAgB,OAAO,CAAC,EACtB,SAAgB,EAChB,MAAM,EACN,QAAQ,EACR,aAAoB,EACpB,sBAA6B,EAC7B,WAAW,EACX,GAAW,EACX,IAAW,EACX,MAAU,EACV,EAAE,EACF,KAAa,EACb,MAAsC,EACtC,YAAY,EACZ,oBAAoB,EACpB,IAAI,EACJ,eAAmB,EACnB,SAAoB,EACpB,SAAgB,EAChB,SAAiB,EACjB,MAAM,EACN,IAAI,EACJ,KAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0ClB;yBAlEe,OAAO;+CA4EpB,kBAAkB;+GAuBlB,mBAAmB;kDAyCnB,qBAAqB;yEAyBrB,sBAAsB;0DAkCtB,mBAAmB;wDAqCnB,iBAAiB;iDAmBjB,oBAAoB;8CAqBpB,iBAAiB;oDAiBjB,uBAAuB;iGA2BvB,wBAAwB;iCAoCxB,mBAAmB;;;;AAhStB,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACjE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAaD,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AA8CD,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAoBD,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AA6BD,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAuCD,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAkBD,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAmBD,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAeD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAmBD,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AA0CD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,SAAS,CAAA;CACzC,CAAA"}
@@ -1,8 +1,8 @@
1
- import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from 'react';
2
- import type { VariantProps } from 'tailwind-variants';
3
- import type { IconType } from '../atoms/icon';
4
- import { Image } from '../atoms/image';
5
- import { type RatingProps } from '../atoms/rating';
1
+ import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from "react";
2
+ import type { VariantProps } from "tailwind-variants";
3
+ import type { IconProps, IconType } from "../atoms/icon";
4
+ import { Image } from "../atoms/image";
5
+ import { type RatingProps } from "../atoms/rating";
6
6
  declare const productCardVariants: import("tailwind-variants").TVReturnType<{
7
7
  buttonVariant: {
8
8
  cart: {
@@ -103,13 +103,13 @@ declare const productCardVariants: import("tailwind-variants").TVReturnType<{
103
103
  actionsSlot: string;
104
104
  button: string;
105
105
  }, undefined, unknown, unknown, undefined>>;
106
- export interface ProductCardProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof productCardVariants>, 'buttonVariant'> {
106
+ export interface ProductCardProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof productCardVariants>, "buttonVariant"> {
107
107
  children: ReactNode;
108
108
  ref?: Ref<HTMLDivElement>;
109
109
  }
110
110
  type ProductCardImageProps<T extends ElementType = typeof Image> = {
111
111
  as?: T;
112
- ref?: ComponentPropsWithRef<T>['ref'];
112
+ ref?: ComponentPropsWithRef<T>["ref"];
113
113
  className?: string;
114
114
  } & Partial<ComponentPropsWithoutRef<T>>;
115
115
  interface ProductCardNameProps extends HTMLAttributes<HTMLHeadingElement> {
@@ -122,7 +122,7 @@ interface ProductCardPriceProps extends HTMLAttributes<HTMLParagraphElement> {
122
122
  }
123
123
  interface ProductCardStockProps extends HTMLAttributes<HTMLParagraphElement> {
124
124
  children: ReactNode;
125
- status?: 'in-stock' | 'limited-stock' | 'out-of-stock';
125
+ status?: "in-stock" | "limited-stock" | "out-of-stock";
126
126
  ref?: Ref<HTMLParagraphElement>;
127
127
  }
128
128
  interface ProductCardBadgesProps extends HTMLAttributes<HTMLDivElement> {
@@ -141,8 +141,9 @@ interface ProductCardActionsProps extends HTMLAttributes<HTMLDivElement> {
141
141
  interface ProductCardButtonProps extends HTMLAttributes<HTMLButtonElement> {
142
142
  children?: ReactNode;
143
143
  onClick?: () => void;
144
- buttonVariant?: 'cart' | 'detail' | 'wishlist' | 'custom';
144
+ buttonVariant?: "cart" | "detail" | "wishlist" | "custom";
145
145
  icon?: IconType;
146
+ iconSize?: IconProps["size"];
146
147
  ref?: Ref<HTMLButtonElement>;
147
148
  }
148
149
  export declare function ProductCard({ children, layout, className, ref, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
@@ -154,7 +155,7 @@ export declare namespace ProductCard {
154
155
  var Badges: ({ children, className, ref, ...props }: ProductCardBadgesProps) => import("react/jsx-runtime").JSX.Element;
155
156
  var Rating: ({ children, className, rating, ref, ...props }: ProductCardRatingProps) => import("react/jsx-runtime").JSX.Element;
156
157
  var Actions: ({ children, className, ref, ...props }: ProductCardActionsProps) => import("react/jsx-runtime").JSX.Element;
157
- var Button: ({ children, onClick, icon, className, buttonVariant, ref, ...props }: ProductCardButtonProps) => import("react/jsx-runtime").JSX.Element;
158
+ var Button: ({ children, onClick, icon, iconSize, className, buttonVariant, ref, ...props }: ProductCardButtonProps) => import("react/jsx-runtime").JSX.Element;
158
159
  }
159
160
  export {};
160
161
  //# sourceMappingURL=product-card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.tsx"],"names":[],"mappings":"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"}