@arkyn/components 3.0.1-beta.17 → 3.0.1-beta.170

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 (417) hide show
  1. package/README.md +41 -0
  2. package/package.json +458 -20
  3. package/styles.d.ts +3 -0
  4. package/dist/bundle.js +0 -4292
  5. package/dist/bundle.umd.cjs +0 -30
  6. package/dist/documentation/src/app.d.ts +0 -3
  7. package/dist/documentation/src/app.d.ts.map +0 -1
  8. package/dist/documentation/src/app.js +0 -55
  9. package/dist/documentation/src/components/examples.alert.d.ts +0 -3
  10. package/dist/documentation/src/components/examples.alert.d.ts.map +0 -1
  11. package/dist/documentation/src/components/examples.alert.js +0 -7
  12. package/dist/documentation/src/components/examples.audioPlayer.d.ts +0 -3
  13. package/dist/documentation/src/components/examples.audioPlayer.d.ts.map +0 -1
  14. package/dist/documentation/src/components/examples.audioPlayer.js +0 -8
  15. package/dist/documentation/src/components/examples.badge.d.ts +0 -3
  16. package/dist/documentation/src/components/examples.badge.d.ts.map +0 -1
  17. package/dist/documentation/src/components/examples.badge.js +0 -9
  18. package/dist/documentation/src/components/examples.button.d.ts +0 -3
  19. package/dist/documentation/src/components/examples.button.d.ts.map +0 -1
  20. package/dist/documentation/src/components/examples.button.js +0 -9
  21. package/dist/documentation/src/components/examples.cardTab.d.ts +0 -3
  22. package/dist/documentation/src/components/examples.cardTab.d.ts.map +0 -1
  23. package/dist/documentation/src/components/examples.cardTab.js +0 -7
  24. package/dist/documentation/src/components/examples.checkbox.d.ts +0 -3
  25. package/dist/documentation/src/components/examples.checkbox.d.ts.map +0 -1
  26. package/dist/documentation/src/components/examples.checkbox.js +0 -13
  27. package/dist/documentation/src/components/examples.currencyInput.d.ts +0 -3
  28. package/dist/documentation/src/components/examples.currencyInput.d.ts.map +0 -1
  29. package/dist/documentation/src/components/examples.currencyInput.js +0 -9
  30. package/dist/documentation/src/components/examples.divider.d.ts +0 -3
  31. package/dist/documentation/src/components/examples.divider.d.ts.map +0 -1
  32. package/dist/documentation/src/components/examples.divider.js +0 -7
  33. package/dist/documentation/src/components/examples.drawer.d.ts +0 -3
  34. package/dist/documentation/src/components/examples.drawer.d.ts.map +0 -1
  35. package/dist/documentation/src/components/examples.drawer.js +0 -11
  36. package/dist/documentation/src/components/examples.iconButton.d.ts +0 -3
  37. package/dist/documentation/src/components/examples.iconButton.d.ts.map +0 -1
  38. package/dist/documentation/src/components/examples.iconButton.js +0 -9
  39. package/dist/documentation/src/components/examples.input.d.ts +0 -3
  40. package/dist/documentation/src/components/examples.input.d.ts.map +0 -1
  41. package/dist/documentation/src/components/examples.input.js +0 -9
  42. package/dist/documentation/src/components/examples.maskedInput.d.ts +0 -3
  43. package/dist/documentation/src/components/examples.maskedInput.d.ts.map +0 -1
  44. package/dist/documentation/src/components/examples.maskedInput.js +0 -9
  45. package/dist/documentation/src/components/examples.modal.d.ts +0 -3
  46. package/dist/documentation/src/components/examples.modal.d.ts.map +0 -1
  47. package/dist/documentation/src/components/examples.modal.js +0 -10
  48. package/dist/documentation/src/components/examples.multiSelect.d.ts +0 -3
  49. package/dist/documentation/src/components/examples.multiSelect.d.ts.map +0 -1
  50. package/dist/documentation/src/components/examples.multiSelect.js +0 -92
  51. package/dist/documentation/src/components/examples.phoneInput.d.ts +0 -3
  52. package/dist/documentation/src/components/examples.phoneInput.d.ts.map +0 -1
  53. package/dist/documentation/src/components/examples.phoneInput.js +0 -26
  54. package/dist/documentation/src/components/examples.radio.d.ts +0 -3
  55. package/dist/documentation/src/components/examples.radio.d.ts.map +0 -1
  56. package/dist/documentation/src/components/examples.radio.js +0 -11
  57. package/dist/documentation/src/components/examples.slider.d.ts +0 -3
  58. package/dist/documentation/src/components/examples.slider.d.ts.map +0 -1
  59. package/dist/documentation/src/components/examples.slider.js +0 -10
  60. package/dist/documentation/src/components/examples.switch.d.ts +0 -3
  61. package/dist/documentation/src/components/examples.switch.d.ts.map +0 -1
  62. package/dist/documentation/src/components/examples.switch.js +0 -20
  63. package/dist/documentation/src/components/examples.tab.d.ts +0 -3
  64. package/dist/documentation/src/components/examples.tab.d.ts.map +0 -1
  65. package/dist/documentation/src/components/examples.tab.js +0 -7
  66. package/dist/documentation/src/components/examples.texarea.d.ts +0 -3
  67. package/dist/documentation/src/components/examples.texarea.d.ts.map +0 -1
  68. package/dist/documentation/src/components/examples.texarea.js +0 -34
  69. package/dist/documentation/src/components/examples.tooltip.d.ts +0 -3
  70. package/dist/documentation/src/components/examples.tooltip.d.ts.map +0 -1
  71. package/dist/documentation/src/components/examples.tooltip.js +0 -8
  72. package/dist/documentation/src/main.d.ts +0 -3
  73. package/dist/documentation/src/main.d.ts.map +0 -1
  74. package/dist/documentation/src/main.js +0 -7
  75. package/dist/documentation/src/ui/box.d.ts +0 -8
  76. package/dist/documentation/src/ui/box.d.ts.map +0 -1
  77. package/dist/documentation/src/ui/box.js +0 -5
  78. package/dist/documentation/src/ui/row.d.ts +0 -7
  79. package/dist/documentation/src/ui/row.d.ts.map +0 -1
  80. package/dist/documentation/src/ui/row.js +0 -5
  81. package/dist/documentation/vite.config.d.ts +0 -3
  82. package/dist/documentation/vite.config.d.ts.map +0 -1
  83. package/dist/documentation/vite.config.js +0 -12
  84. package/dist/src/components/alert/alertContainer/index.d.ts +0 -44
  85. package/dist/src/components/alert/alertContainer/index.d.ts.map +0 -1
  86. package/dist/src/components/alert/alertContainer/index.js +0 -71
  87. package/dist/src/components/alert/alertContent/index.d.ts +0 -45
  88. package/dist/src/components/alert/alertContent/index.d.ts.map +0 -1
  89. package/dist/src/components/alert/alertContent/index.js +0 -47
  90. package/dist/src/components/alert/alertDescription/index.d.ts +0 -49
  91. package/dist/src/components/alert/alertDescription/index.d.ts.map +0 -1
  92. package/dist/src/components/alert/alertDescription/index.js +0 -51
  93. package/dist/src/components/alert/alertIcon/index.d.ts +0 -52
  94. package/dist/src/components/alert/alertIcon/index.d.ts.map +0 -1
  95. package/dist/src/components/alert/alertIcon/index.js +0 -66
  96. package/dist/src/components/alert/alertTitle/index.d.ts +0 -46
  97. package/dist/src/components/alert/alertTitle/index.d.ts.map +0 -1
  98. package/dist/src/components/alert/alertTitle/index.js +0 -48
  99. package/dist/src/components/audioPlayer/index.d.ts +0 -60
  100. package/dist/src/components/audioPlayer/index.d.ts.map +0 -1
  101. package/dist/src/components/audioPlayer/index.js +0 -130
  102. package/dist/src/components/badge/index.d.ts +0 -51
  103. package/dist/src/components/badge/index.d.ts.map +0 -1
  104. package/dist/src/components/badge/index.js +0 -49
  105. package/dist/src/components/button/index.d.ts +0 -60
  106. package/dist/src/components/button/index.d.ts.map +0 -1
  107. package/dist/src/components/button/index.js +0 -61
  108. package/dist/src/components/cardTab/cardTabButton/index.d.ts +0 -72
  109. package/dist/src/components/cardTab/cardTabButton/index.d.ts.map +0 -1
  110. package/dist/src/components/cardTab/cardTabButton/index.js +0 -80
  111. package/dist/src/components/cardTab/cardTabContainer/index.d.ts +0 -83
  112. package/dist/src/components/cardTab/cardTabContainer/index.d.ts.map +0 -1
  113. package/dist/src/components/cardTab/cardTabContainer/index.js +0 -88
  114. package/dist/src/components/cardTab/cardTabContext.d.ts +0 -16
  115. package/dist/src/components/cardTab/cardTabContext.d.ts.map +0 -1
  116. package/dist/src/components/cardTab/cardTabContext.js +0 -10
  117. package/dist/src/components/checkbox/index.d.ts +0 -73
  118. package/dist/src/components/checkbox/index.d.ts.map +0 -1
  119. package/dist/src/components/checkbox/index.js +0 -86
  120. package/dist/src/components/currencyInput/index.d.ts +0 -98
  121. package/dist/src/components/currencyInput/index.d.ts.map +0 -1
  122. package/dist/src/components/currencyInput/index.js +0 -140
  123. package/dist/src/components/divider/index.d.ts +0 -45
  124. package/dist/src/components/divider/index.d.ts.map +0 -1
  125. package/dist/src/components/divider/index.js +0 -45
  126. package/dist/src/components/drawer/drawerContainer/index.d.ts +0 -71
  127. package/dist/src/components/drawer/drawerContainer/index.d.ts.map +0 -1
  128. package/dist/src/components/drawer/drawerContainer/index.js +0 -75
  129. package/dist/src/components/drawer/drawerContext.d.ts +0 -12
  130. package/dist/src/components/drawer/drawerContext.d.ts.map +0 -1
  131. package/dist/src/components/drawer/drawerContext.js +0 -10
  132. package/dist/src/components/drawer/drawerHeader/index.d.ts +0 -55
  133. package/dist/src/components/drawer/drawerHeader/index.d.ts.map +0 -1
  134. package/dist/src/components/drawer/drawerHeader/index.js +0 -58
  135. package/dist/src/components/fieldError/index.d.ts +0 -29
  136. package/dist/src/components/fieldError/index.d.ts.map +0 -1
  137. package/dist/src/components/fieldError/index.js +0 -33
  138. package/dist/src/components/fieldLabel/index.d.ts +0 -38
  139. package/dist/src/components/fieldLabel/index.d.ts.map +0 -1
  140. package/dist/src/components/fieldLabel/index.js +0 -39
  141. package/dist/src/components/fieldWrapper/index.d.ts +0 -41
  142. package/dist/src/components/fieldWrapper/index.d.ts.map +0 -1
  143. package/dist/src/components/fieldWrapper/index.js +0 -41
  144. package/dist/src/components/iconButton/index.d.ts +0 -44
  145. package/dist/src/components/iconButton/index.d.ts.map +0 -1
  146. package/dist/src/components/iconButton/index.js +0 -41
  147. package/dist/src/components/input/index.d.ts +0 -81
  148. package/dist/src/components/input/index.d.ts.map +0 -1
  149. package/dist/src/components/input/index.js +0 -112
  150. package/dist/src/components/maskedInput/index.d.ts +0 -103
  151. package/dist/src/components/maskedInput/index.d.ts.map +0 -1
  152. package/dist/src/components/maskedInput/index.js +0 -130
  153. package/dist/src/components/modal/modalContainer/index.d.ts +0 -78
  154. package/dist/src/components/modal/modalContainer/index.d.ts.map +0 -1
  155. package/dist/src/components/modal/modalContainer/index.js +0 -82
  156. package/dist/src/components/modal/modalContext.d.ts +0 -12
  157. package/dist/src/components/modal/modalContext.d.ts.map +0 -1
  158. package/dist/src/components/modal/modalContext.js +0 -10
  159. package/dist/src/components/modal/modalFooter/index.d.ts +0 -72
  160. package/dist/src/components/modal/modalFooter/index.d.ts.map +0 -1
  161. package/dist/src/components/modal/modalFooter/index.js +0 -72
  162. package/dist/src/components/modal/modalHeader/index.d.ts +0 -66
  163. package/dist/src/components/modal/modalHeader/index.d.ts.map +0 -1
  164. package/dist/src/components/modal/modalHeader/index.js +0 -69
  165. package/dist/src/components/multiSelect/index.d.ts +0 -125
  166. package/dist/src/components/multiSelect/index.d.ts.map +0 -1
  167. package/dist/src/components/multiSelect/index.js +0 -169
  168. package/dist/src/components/multiSelect/multiSelectChevron/index.d.ts +0 -11
  169. package/dist/src/components/multiSelect/multiSelectChevron/index.d.ts.map +0 -1
  170. package/dist/src/components/multiSelect/multiSelectChevron/index.js +0 -13
  171. package/dist/src/components/multiSelect/multiSelectContainer/index.d.ts +0 -19
  172. package/dist/src/components/multiSelect/multiSelectContainer/index.d.ts.map +0 -1
  173. package/dist/src/components/multiSelect/multiSelectContainer/index.js +0 -11
  174. package/dist/src/components/multiSelect/multiSelectContent/index.d.ts +0 -9
  175. package/dist/src/components/multiSelect/multiSelectContent/index.d.ts.map +0 -1
  176. package/dist/src/components/multiSelect/multiSelectContent/index.js +0 -8
  177. package/dist/src/components/multiSelect/multiSelectMark/index.d.ts +0 -10
  178. package/dist/src/components/multiSelect/multiSelectMark/index.d.ts.map +0 -1
  179. package/dist/src/components/multiSelect/multiSelectMark/index.js +0 -11
  180. package/dist/src/components/multiSelect/multiSelectOption/index.d.ts +0 -11
  181. package/dist/src/components/multiSelect/multiSelectOption/index.d.ts.map +0 -1
  182. package/dist/src/components/multiSelect/multiSelectOption/index.js +0 -10
  183. package/dist/src/components/multiSelect/multiSelectOptionsContainer/index.d.ts +0 -12
  184. package/dist/src/components/multiSelect/multiSelectOptionsContainer/index.d.ts.map +0 -1
  185. package/dist/src/components/multiSelect/multiSelectOptionsContainer/index.js +0 -44
  186. package/dist/src/components/multiSelect/multiSelectOverlay/index.d.ts +0 -8
  187. package/dist/src/components/multiSelect/multiSelectOverlay/index.d.ts.map +0 -1
  188. package/dist/src/components/multiSelect/multiSelectOverlay/index.js +0 -9
  189. package/dist/src/components/multiSelect/multiSelectSpinner/index.d.ts +0 -8
  190. package/dist/src/components/multiSelect/multiSelectSpinner/index.d.ts.map +0 -1
  191. package/dist/src/components/multiSelect/multiSelectSpinner/index.js +0 -10
  192. package/dist/src/components/phoneInput/index.d.ts +0 -127
  193. package/dist/src/components/phoneInput/index.d.ts.map +0 -1
  194. package/dist/src/components/phoneInput/index.js +0 -202
  195. package/dist/src/components/phoneInput/phoneInputContainer/index.d.ts +0 -18
  196. package/dist/src/components/phoneInput/phoneInputContainer/index.d.ts.map +0 -1
  197. package/dist/src/components/phoneInput/phoneInputContainer/index.js +0 -11
  198. package/dist/src/components/phoneInput/phoneInputCountriesOverlay/index.d.ts +0 -8
  199. package/dist/src/components/phoneInput/phoneInputCountriesOverlay/index.d.ts.map +0 -1
  200. package/dist/src/components/phoneInput/phoneInputCountriesOverlay/index.js +0 -9
  201. package/dist/src/components/phoneInput/phoneInputCountryOption/index.d.ts +0 -18
  202. package/dist/src/components/phoneInput/phoneInputCountryOption/index.d.ts.map +0 -1
  203. package/dist/src/components/phoneInput/phoneInputCountryOption/index.js +0 -10
  204. package/dist/src/components/phoneInput/phoneInputCountryOptionsContainer/index.d.ts +0 -12
  205. package/dist/src/components/phoneInput/phoneInputCountryOptionsContainer/index.d.ts.map +0 -1
  206. package/dist/src/components/phoneInput/phoneInputCountryOptionsContainer/index.js +0 -40
  207. package/dist/src/components/phoneInput/phoneInputCountrySelector/index.d.ts +0 -17
  208. package/dist/src/components/phoneInput/phoneInputCountrySelector/index.d.ts.map +0 -1
  209. package/dist/src/components/phoneInput/phoneInputCountrySelector/index.js +0 -9
  210. package/dist/src/components/phoneInput/phoneInputMask/index.d.ts +0 -21
  211. package/dist/src/components/phoneInput/phoneInputMask/index.d.ts.map +0 -1
  212. package/dist/src/components/phoneInput/phoneInputMask/index.js +0 -34
  213. package/dist/src/components/radio/radioBox/index.d.ts +0 -85
  214. package/dist/src/components/radio/radioBox/index.d.ts.map +0 -1
  215. package/dist/src/components/radio/radioBox/index.js +0 -90
  216. package/dist/src/components/radio/radioContext.d.ts +0 -18
  217. package/dist/src/components/radio/radioContext.d.ts.map +0 -1
  218. package/dist/src/components/radio/radioContext.js +0 -11
  219. package/dist/src/components/radio/radioGroup/index.d.ts +0 -92
  220. package/dist/src/components/radio/radioGroup/index.d.ts.map +0 -1
  221. package/dist/src/components/radio/radioGroup/index.js +0 -100
  222. package/dist/src/components/slider/index.d.ts +0 -57
  223. package/dist/src/components/slider/index.d.ts.map +0 -1
  224. package/dist/src/components/slider/index.js +0 -97
  225. package/dist/src/components/switch/index.d.ts +0 -94
  226. package/dist/src/components/switch/index.d.ts.map +0 -1
  227. package/dist/src/components/switch/index.js +0 -99
  228. package/dist/src/components/tab/tabButton/index.d.ts +0 -72
  229. package/dist/src/components/tab/tabButton/index.d.ts.map +0 -1
  230. package/dist/src/components/tab/tabButton/index.js +0 -80
  231. package/dist/src/components/tab/tabContainer/index.d.ts +0 -83
  232. package/dist/src/components/tab/tabContainer/index.d.ts.map +0 -1
  233. package/dist/src/components/tab/tabContainer/index.js +0 -88
  234. package/dist/src/components/tab/tabContext.d.ts +0 -16
  235. package/dist/src/components/tab/tabContext.d.ts.map +0 -1
  236. package/dist/src/components/tab/tabContext.js +0 -10
  237. package/dist/src/components/textarea/index.d.ts +0 -103
  238. package/dist/src/components/textarea/index.d.ts.map +0 -1
  239. package/dist/src/components/textarea/index.js +0 -127
  240. package/dist/src/components/tooltip/index.d.ts +0 -80
  241. package/dist/src/components/tooltip/index.d.ts.map +0 -1
  242. package/dist/src/components/tooltip/index.js +0 -135
  243. package/dist/src/hooks/useForm.d.ts +0 -52
  244. package/dist/src/hooks/useForm.d.ts.map +0 -1
  245. package/dist/src/hooks/useForm.js +0 -52
  246. package/dist/src/hooks/useScopedParams.d.ts +0 -89
  247. package/dist/src/hooks/useScopedParams.d.ts.map +0 -1
  248. package/dist/src/hooks/useScopedParams.js +0 -107
  249. package/dist/src/hooks/useScrollLock.d.ts +0 -39
  250. package/dist/src/hooks/useScrollLock.d.ts.map +0 -1
  251. package/dist/src/hooks/useScrollLock.js +0 -49
  252. package/dist/src/hooks/useSlider.d.ts +0 -31
  253. package/dist/src/hooks/useSlider.d.ts.map +0 -1
  254. package/dist/src/hooks/useSlider.js +0 -49
  255. package/dist/src/index.d.ts +0 -40
  256. package/dist/src/index.d.ts.map +0 -1
  257. package/dist/src/index.js +0 -42
  258. package/dist/src/providers/formProvider.d.ts +0 -76
  259. package/dist/src/providers/formProvider.d.ts.map +0 -1
  260. package/dist/src/providers/formProvider.js +0 -69
  261. package/dist/src/services/iconRenderer.d.ts +0 -10
  262. package/dist/src/services/iconRenderer.d.ts.map +0 -1
  263. package/dist/src/services/iconRenderer.js +0 -13
  264. package/dist/src/services/maskCurrencyValues.d.ts +0 -4
  265. package/dist/src/services/maskCurrencyValues.d.ts.map +0 -1
  266. package/dist/src/services/maskCurrencyValues.js +0 -23
  267. package/dist/src/utils/phoneInputUtilities.d.ts +0 -1722
  268. package/dist/src/utils/phoneInputUtilities.d.ts.map +0 -1
  269. package/dist/src/utils/phoneInputUtilities.js +0 -99
  270. package/dist/style.css +0 -1
  271. package/dist/vite.config.d.ts +0 -3
  272. package/dist/vite.config.d.ts.map +0 -1
  273. package/dist/vite.config.js +0 -24
  274. package/dist/vitest.config.d.ts +0 -3
  275. package/dist/vitest.config.d.ts.map +0 -1
  276. package/dist/vitest.config.js +0 -4
  277. package/documentation/css/reset.css +0 -38
  278. package/documentation/css/variables.css +0 -41
  279. package/documentation/index.html +0 -13
  280. package/documentation/src/app.tsx +0 -93
  281. package/documentation/src/components/examples.alert.tsx +0 -49
  282. package/documentation/src/components/examples.audioPlayer.tsx +0 -16
  283. package/documentation/src/components/examples.badge.tsx +0 -38
  284. package/documentation/src/components/examples.button.tsx +0 -66
  285. package/documentation/src/components/examples.cardTab.tsx +0 -36
  286. package/documentation/src/components/examples.checkbox.tsx +0 -94
  287. package/documentation/src/components/examples.currencyInput.tsx +0 -263
  288. package/documentation/src/components/examples.divider.tsx +0 -12
  289. package/documentation/src/components/examples.drawer.tsx +0 -43
  290. package/documentation/src/components/examples.iconButton.tsx +0 -78
  291. package/documentation/src/components/examples.input.tsx +0 -256
  292. package/documentation/src/components/examples.maskedInput.tsx +0 -274
  293. package/documentation/src/components/examples.modal.tsx +0 -31
  294. package/documentation/src/components/examples.multiSelect.tsx +0 -320
  295. package/documentation/src/components/examples.phoneInput.tsx +0 -262
  296. package/documentation/src/components/examples.radio.tsx +0 -149
  297. package/documentation/src/components/examples.slider.tsx +0 -28
  298. package/documentation/src/components/examples.switch.tsx +0 -180
  299. package/documentation/src/components/examples.tab.tsx +0 -36
  300. package/documentation/src/components/examples.texarea.tsx +0 -188
  301. package/documentation/src/components/examples.tooltip.tsx +0 -45
  302. package/documentation/src/main.tsx +0 -12
  303. package/documentation/src/ui/box.tsx +0 -17
  304. package/documentation/src/ui/row.tsx +0 -11
  305. package/documentation/vite.config.ts +0 -13
  306. package/src/components/alert/alertContainer/index.tsx +0 -87
  307. package/src/components/alert/alertContainer/styles.css +0 -33
  308. package/src/components/alert/alertContent/index.tsx +0 -53
  309. package/src/components/alert/alertContent/styles.css +0 -5
  310. package/src/components/alert/alertDescription/index.tsx +0 -57
  311. package/src/components/alert/alertDescription/styles.css +0 -7
  312. package/src/components/alert/alertIcon/index.tsx +0 -79
  313. package/src/components/alert/alertIcon/styles.css +0 -23
  314. package/src/components/alert/alertTitle/index.tsx +0 -54
  315. package/src/components/alert/alertTitle/styles.css +0 -7
  316. package/src/components/audioPlayer/index.tsx +0 -187
  317. package/src/components/audioPlayer/styles.css +0 -50
  318. package/src/components/badge/index.tsx +0 -80
  319. package/src/components/badge/styles.css +0 -145
  320. package/src/components/button/index.tsx +0 -104
  321. package/src/components/button/styles.css +0 -208
  322. package/src/components/cardTab/cardTabButton/index.tsx +0 -114
  323. package/src/components/cardTab/cardTabButton/styles.css +0 -30
  324. package/src/components/cardTab/cardTabContainer/index.tsx +0 -121
  325. package/src/components/cardTab/cardTabContainer/styles.css +0 -9
  326. package/src/components/cardTab/cardTabContext.tsx +0 -30
  327. package/src/components/checkbox/index.tsx +0 -158
  328. package/src/components/checkbox/styles.css +0 -78
  329. package/src/components/currencyInput/index.tsx +0 -312
  330. package/src/components/currencyInput/style.css +0 -226
  331. package/src/components/divider/index.tsx +0 -58
  332. package/src/components/divider/styles.css +0 -17
  333. package/src/components/drawer/drawerContainer/index.tsx +0 -123
  334. package/src/components/drawer/drawerContainer/styles.css +0 -46
  335. package/src/components/drawer/drawerContext.tsx +0 -26
  336. package/src/components/drawer/drawerHeader/index.tsx +0 -88
  337. package/src/components/drawer/drawerHeader/styles.css +0 -38
  338. package/src/components/fieldError/index.tsx +0 -43
  339. package/src/components/fieldError/styles.css +0 -6
  340. package/src/components/fieldLabel/index.tsx +0 -52
  341. package/src/components/fieldLabel/styles.css +0 -15
  342. package/src/components/fieldWrapper/index.tsx +0 -54
  343. package/src/components/fieldWrapper/styles.css +0 -7
  344. package/src/components/iconButton/index.tsx +0 -83
  345. package/src/components/iconButton/styles.css +0 -166
  346. package/src/components/input/index.tsx +0 -233
  347. package/src/components/input/style.css +0 -226
  348. package/src/components/maskedInput/index.tsx +0 -260
  349. package/src/components/maskedInput/style.css +0 -226
  350. package/src/components/modal/modalContainer/index.tsx +0 -127
  351. package/src/components/modal/modalContainer/styles.css +0 -37
  352. package/src/components/modal/modalContext.tsx +0 -26
  353. package/src/components/modal/modalFooter/index.tsx +0 -80
  354. package/src/components/modal/modalFooter/styles.css +0 -27
  355. package/src/components/modal/modalHeader/index.tsx +0 -99
  356. package/src/components/modal/modalHeader/styles.css +0 -38
  357. package/src/components/multiSelect/index.tsx +0 -319
  358. package/src/components/multiSelect/multiSelectChevron/index.tsx +0 -26
  359. package/src/components/multiSelect/multiSelectChevron/styles.css +0 -7
  360. package/src/components/multiSelect/multiSelectContainer/index.tsx +0 -51
  361. package/src/components/multiSelect/multiSelectContainer/styles.css +0 -134
  362. package/src/components/multiSelect/multiSelectContent/index.tsx +0 -15
  363. package/src/components/multiSelect/multiSelectContent/styles.css +0 -24
  364. package/src/components/multiSelect/multiSelectMark/index.tsx +0 -32
  365. package/src/components/multiSelect/multiSelectMark/styles.css +0 -44
  366. package/src/components/multiSelect/multiSelectOption/index.tsx +0 -25
  367. package/src/components/multiSelect/multiSelectOption/styles.css +0 -37
  368. package/src/components/multiSelect/multiSelectOptionsContainer/index.tsx +0 -81
  369. package/src/components/multiSelect/multiSelectOptionsContainer/styles.css +0 -45
  370. package/src/components/multiSelect/multiSelectOverlay/index.tsx +0 -14
  371. package/src/components/multiSelect/multiSelectOverlay/styles.css +0 -8
  372. package/src/components/multiSelect/multiSelectSpinner/index.tsx +0 -22
  373. package/src/components/multiSelect/multiSelectSpinner/styles.css +0 -12
  374. package/src/components/phoneInput/index.tsx +0 -332
  375. package/src/components/phoneInput/phoneInputContainer/index.tsx +0 -46
  376. package/src/components/phoneInput/phoneInputContainer/styles.css +0 -59
  377. package/src/components/phoneInput/phoneInputCountriesOverlay/index.tsx +0 -16
  378. package/src/components/phoneInput/phoneInputCountriesOverlay/styles.css +0 -8
  379. package/src/components/phoneInput/phoneInputCountryOption/index.tsx +0 -35
  380. package/src/components/phoneInput/phoneInputCountryOption/styles.css +0 -50
  381. package/src/components/phoneInput/phoneInputCountryOptionsContainer/index.tsx +0 -77
  382. package/src/components/phoneInput/phoneInputCountryOptionsContainer/styles.css +0 -59
  383. package/src/components/phoneInput/phoneInputCountrySelector/index.tsx +0 -37
  384. package/src/components/phoneInput/phoneInputCountrySelector/styles.css +0 -26
  385. package/src/components/phoneInput/phoneInputMask/index.tsx +0 -105
  386. package/src/components/phoneInput/phoneInputMask/style.css +0 -36
  387. package/src/components/radio/radioBox/index.tsx +0 -124
  388. package/src/components/radio/radioBox/styles.css +0 -95
  389. package/src/components/radio/radioContext.tsx +0 -34
  390. package/src/components/radio/radioGroup/index.tsx +0 -150
  391. package/src/components/radio/radioGroup/styles.css +0 -5
  392. package/src/components/slider/index.tsx +0 -132
  393. package/src/components/slider/styles.css +0 -45
  394. package/src/components/switch/index.tsx +0 -156
  395. package/src/components/switch/styles.css +0 -90
  396. package/src/components/tab/tabButton/index.tsx +0 -114
  397. package/src/components/tab/tabButton/styles.css +0 -41
  398. package/src/components/tab/tabContainer/index.tsx +0 -121
  399. package/src/components/tab/tabContainer/styles.css +0 -11
  400. package/src/components/tab/tabContext.tsx +0 -28
  401. package/src/components/textarea/index.tsx +0 -193
  402. package/src/components/textarea/styles.css +0 -93
  403. package/src/components/tooltip/index.tsx +0 -172
  404. package/src/components/tooltip/styles.css +0 -112
  405. package/src/hooks/useForm.ts +0 -55
  406. package/src/hooks/useScopedParams.ts +0 -111
  407. package/src/hooks/useScrollLock.ts +0 -52
  408. package/src/hooks/useSlider.ts +0 -52
  409. package/src/index.ts +0 -44
  410. package/src/providers/formProvider.tsx +0 -88
  411. package/src/services/iconRenderer.tsx +0 -23
  412. package/src/services/maskCurrencyValues.ts +0 -54
  413. package/src/utils/phoneInputUtilities.ts +0 -138
  414. package/tsconfig.json +0 -35
  415. package/variables.css +0 -41
  416. package/vite.config.ts +0 -24
  417. package/vitest.config.ts +0 -5
@@ -1,3 +0,0 @@
1
- declare function MaskedInputExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { MaskedInputExamples };
3
- //# sourceMappingURL=examples.maskedInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.maskedInput.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.maskedInput.tsx"],"names":[],"mappings":"AAiBA,iBAAS,mBAAmB,4CA8P3B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MaskedInput } from "@components";
3
- import { Calendar, Clock, CreditCard, FileText, Hash, IdCard, MapPin, Phone, User, XCircle, } from "lucide-react";
4
- import { Box } from "../ui/box";
5
- import { Row } from "../ui/row";
6
- function MaskedInputExamples() {
7
- return (_jsxs(Box, { title: "MaskedInput", children: [_jsxs(Row, { children: [_jsx(MaskedInput, { name: "variant-solid", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Solid variant (default):" }), _jsx(MaskedInput, { name: "variant-outline", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Outline variant:", variant: "outline" }), _jsx(MaskedInput, { name: "variant-underline", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Underline variant:", variant: "underline" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "size-md", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Medium size (default):" }), _jsx(MaskedInput, { name: "size-lg", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Large size:", size: "lg" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "cpf", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "CPF:", leftIcon: User }), _jsx(MaskedInput, { name: "cnpj", mask: "__.___.___/____-__", replacement: { _: /\d/ }, placeholder: "00.000.000/0000-00", label: "CNPJ:", leftIcon: FileText }), _jsx(MaskedInput, { name: "rg", mask: "__.___.__-_", replacement: { _: /\d/ }, placeholder: "00.000.00-0", label: "RG:", leftIcon: IdCard })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "phone", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Telefone:", leftIcon: Phone }), _jsx(MaskedInput, { name: "cep", mask: "_____-___", replacement: { _: /\d/ }, placeholder: "00000-000", label: "CEP:", leftIcon: MapPin }), _jsx(MaskedInput, { name: "credit-card", mask: "____ ____ ____ ____", replacement: { _: /\d/ }, placeholder: "0000 0000 0000 0000", label: "Cart\u00E3o de Cr\u00E9dito:", leftIcon: CreditCard })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "date", mask: "__/__/____", replacement: { _: /\d/ }, placeholder: "dd/mm/yyyy", label: "Data:", leftIcon: Calendar }), _jsx(MaskedInput, { name: "time", mask: "__:__", replacement: { _: /\d/ }, placeholder: "00:00", label: "Hor\u00E1rio:", leftIcon: Clock }), _jsx(MaskedInput, { name: "currency", mask: "R$ ___.__,__", replacement: { _: /\d/ }, placeholder: "R$ 000.00,00", label: "Moeda:", prefix: "R$" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "prefix-suffix", mask: "_____-___", replacement: { _: /\d/ }, placeholder: "00000-000", label: "Prefix e Suffix:", prefix: "CEP:", suffix: "-BR" }), _jsx(MaskedInput, { name: "show-mask", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Show mask:", showMask: true, leftIcon: Phone })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "loading", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Loading:", isLoading: true }), _jsx(MaskedInput, { name: "loading-right", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Loading (right icon):", rightIcon: Hash, isLoading: true })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "disabled", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Disabled:", disabled: true }), _jsx(MaskedInput, { name: "readonly", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Read only:", readOnly: true, defaultValue: "123.456.789-00" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "required", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Required field:", showAsterisk: true, required: true }), _jsx(MaskedInput, { name: "error", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "With error:", leftIcon: XCircle, errorMessage: "CPF inv\u00E1lido" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "separate", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Separate:", separate: true, leftIcon: User }), _jsx(MaskedInput, { name: "custom-pattern", mask: "___-###-___", replacement: { _: /\d/, "#": /[A-Z]/ }, placeholder: "000-ABC-000", label: "Custom pattern:", leftIcon: Hash })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "advanced-cpf", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "CPF completo:", leftIcon: User, variant: "outline", size: "lg", showMask: true }), _jsx(MaskedInput, { name: "advanced-phone", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Telefone completo:", leftIcon: Phone, variant: "underline" })] })] }));
8
- }
9
- export { MaskedInputExamples };
@@ -1,3 +0,0 @@
1
- declare function ModalExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { ModalExamples };
3
- //# sourceMappingURL=examples.modal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.modal.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.modal.tsx"],"names":[],"mappings":"AAMA,iBAAS,aAAa,4CAsBrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, ModalContainer, ModalFooter, ModalHeader } from "@components";
3
- import { useState } from "react";
4
- import { Box } from "../ui/box";
5
- import { Row } from "../ui/row";
6
- function ModalExamples() {
7
- const [modal, setModal] = useState(false);
8
- return (_jsx(Box, { title: "Modal", children: _jsxs(Row, { children: [_jsx(Button, { onClick: () => setModal(true), children: "Open modal" }), _jsxs(ModalContainer, { isVisible: modal, makeInvisible: () => setModal(false), children: [_jsx(ModalHeader, { children: "Modal" }), _jsx("p", { style: { padding: "16px", minWidth: "400px" }, children: "This is the content of the right drawer." }), _jsx(ModalFooter, { children: _jsx(Button, { scheme: "danger", onClick: () => setModal(false), children: "Close modal" }) })] })] }) }));
9
- }
10
- export { ModalExamples };
@@ -1,3 +0,0 @@
1
- declare function MultiSelectExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { MultiSelectExamples };
3
- //# sourceMappingURL=examples.multiSelect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.multiSelect.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.multiSelect.tsx"],"names":[],"mappings":"AAgGA,iBAAS,mBAAmB,4CA6N3B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
@@ -1,92 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MultiSelect } from "@components";
3
- import { Globe, Hash, Search, Tag, Users, MapPin, Code, Building, Heart, Palette, } from "lucide-react";
4
- import { Box } from "../ui/box";
5
- import { Row } from "../ui/row";
6
- // Sample data for examples
7
- const basicOptions = [
8
- { label: "Opção 1", value: "option1" },
9
- { label: "Opção 2", value: "option2" },
10
- { label: "Opção 3", value: "option3" },
11
- { label: "Opção 4", value: "option4" },
12
- ];
13
- const categoriesOptions = [
14
- { label: "Tecnologia", value: "tech" },
15
- { label: "Design", value: "design" },
16
- { label: "Marketing", value: "marketing" },
17
- { label: "Vendas", value: "sales" },
18
- { label: "Recursos Humanos", value: "hr" },
19
- { label: "Financeiro", value: "finance" },
20
- ];
21
- const countriesOptions = [
22
- { label: "Brasil", value: "br" },
23
- { label: "Estados Unidos", value: "us" },
24
- { label: "Reino Unido", value: "uk" },
25
- { label: "França", value: "fr" },
26
- { label: "Alemanha", value: "de" },
27
- { label: "Japão", value: "jp" },
28
- { label: "Canadá", value: "ca" },
29
- { label: "Austrália", value: "au" },
30
- ];
31
- const skillsOptions = [
32
- { label: "JavaScript", value: "javascript" },
33
- { label: "TypeScript", value: "typescript" },
34
- { label: "React", value: "react" },
35
- { label: "Node.js", value: "nodejs" },
36
- { label: "Python", value: "python" },
37
- { label: "Java", value: "java" },
38
- { label: "C#", value: "csharp" },
39
- { label: "PHP", value: "php" },
40
- { label: "Go", value: "go" },
41
- { label: "Rust", value: "rust" },
42
- ];
43
- const tagsOptions = [
44
- { label: "Urgente", value: "urgent" },
45
- { label: "Importante", value: "important" },
46
- { label: "Baixa Prioridade", value: "low" },
47
- { label: "Em Progresso", value: "progress" },
48
- { label: "Concluído", value: "done" },
49
- { label: "Revisão", value: "review" },
50
- ];
51
- const departmentsOptions = [
52
- { label: "Desenvolvimento", value: "dev" },
53
- { label: "Design", value: "design" },
54
- { label: "Marketing", value: "marketing" },
55
- { label: "Vendas", value: "sales" },
56
- { label: "Suporte", value: "support" },
57
- { label: "Administração", value: "admin" },
58
- ];
59
- const hobbiesOptions = [
60
- { label: "Leitura", value: "reading" },
61
- { label: "Música", value: "music" },
62
- { label: "Fotografia", value: "photography" },
63
- { label: "Culinária", value: "cooking" },
64
- { label: "Games", value: "gaming" },
65
- { label: "Esportes", value: "sports" },
66
- { label: "Viagem", value: "travel" },
67
- { label: "Arte", value: "art" },
68
- ];
69
- function MultiSelectExamples() {
70
- return (_jsxs(Box, { title: "MultiSelect", children: [_jsxs(Row, { children: [_jsx(MultiSelect, { name: "variant-solid", options: basicOptions, placeholder: "Variant solid (default)", label: "Solid variant:" }), _jsx(MultiSelect, { name: "variant-outline", options: basicOptions, placeholder: "Variant outline", label: "Outline variant:", variant: "outline" }), _jsx(MultiSelect, { name: "variant-underline", options: basicOptions, placeholder: "Variant underline", label: "Underline variant:", variant: "underline" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "size-md", options: basicOptions, placeholder: "Size md (default)", label: "Medium size:" }), _jsx(MultiSelect, { name: "size-lg", options: basicOptions, placeholder: "Size lg", label: "Large size:", size: "lg" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "left-icon", options: categoriesOptions, placeholder: "Selecione categorias", label: "Left icon:", leftIcon: Tag }), _jsx(MultiSelect, { name: "prefix", options: countriesOptions, placeholder: "Selecione pa\u00EDses", label: "With prefix:", prefix: "Pa\u00EDs:" }), _jsx(MultiSelect, { name: "prefix-icon", options: countriesOptions, placeholder: "Selecione pa\u00EDses", label: "Prefix and icon:", prefix: "Loc:", leftIcon: Globe })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "searchable", options: skillsOptions, placeholder: "Busque e selecione habilidades", label: "Searchable:", leftIcon: Search, isSearchable: true }), _jsx(MultiSelect, { name: "close-on-select", options: tagsOptions, placeholder: "Selecione tags", label: "Close on select:", leftIcon: Hash, closeOnSelect: true })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "loading", options: categoriesOptions, placeholder: "Carregando...", label: "Loading state:", isLoading: true }), _jsx(MultiSelect, { name: "loading-with-icon", options: skillsOptions, placeholder: "Carregando habilidades...", label: "Loading with icon:", leftIcon: Code, isLoading: true })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "disabled", options: basicOptions, placeholder: "MultiSelect desabilitado", label: "Disabled:", disabled: true }), _jsx(MultiSelect, { name: "readonly", options: departmentsOptions, placeholder: "MultiSelect apenas leitura", label: "Read only:", readOnly: true, defaultValue: ["dev", "design"] })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "required", options: categoriesOptions, placeholder: "Campo obrigat\u00F3rio", label: "Required field:", showAsterisk: true }), _jsx(MultiSelect, { name: "error", options: skillsOptions, placeholder: "Campo com erro", label: "With error:", errorMessage: "Selecione pelo menos uma habilidade" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "default-values", options: hobbiesOptions, placeholder: "Selecione hobbies", label: "With default values:", leftIcon: Heart, defaultValue: ["reading", "music"] }), _jsx(MultiSelect, { name: "custom-not-found", options: [], placeholder: "Sem op\u00E7\u00F5es", label: "Empty options:", notFoundText: "Nenhuma op\u00E7\u00E3o dispon\u00EDvel no momento" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "departments", options: departmentsOptions, placeholder: "Selecione departamentos", label: "Departments:", leftIcon: Building, variant: "outline", size: "lg", isSearchable: true, closeOnSelect: false }), _jsx(MultiSelect, { name: "team-roles", options: [
71
- { label: "Frontend Developer", value: "frontend" },
72
- { label: "Backend Developer", value: "backend" },
73
- { label: "Full Stack Developer", value: "fullstack" },
74
- { label: "DevOps Engineer", value: "devops" },
75
- { label: "QA Engineer", value: "qa" },
76
- { label: "Product Manager", value: "pm" },
77
- ], placeholder: "Selecione fun\u00E7\u00F5es", label: "Team roles:", leftIcon: Users, variant: "underline" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "creative-areas", options: [
78
- { label: "Design Gráfico", value: "graphic" },
79
- { label: "UI/UX Design", value: "uiux" },
80
- { label: "Ilustração", value: "illustration" },
81
- { label: "Animação", value: "animation" },
82
- { label: "Branding", value: "branding" },
83
- { label: "Motion Graphics", value: "motion" },
84
- ], placeholder: "\u00C1reas criativas", label: "Creative areas:", leftIcon: Palette, isSearchable: true, notFoundText: "\u00C1rea n\u00E3o encontrada" }), _jsx(MultiSelect, { name: "work-locations", options: [
85
- { label: "São Paulo - SP", value: "sp" },
86
- { label: "Rio de Janeiro - RJ", value: "rj" },
87
- { label: "Belo Horizonte - MG", value: "mg" },
88
- { label: "Remote", value: "remote" },
89
- { label: "Híbrido", value: "hybrid" },
90
- ], placeholder: "Locais de trabalho", label: "Work locations:", leftIcon: MapPin, closeOnSelect: true, variant: "outline" })] })] }));
91
- }
92
- export { MultiSelectExamples };
@@ -1,3 +0,0 @@
1
- declare function PhoneInputExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { PhoneInputExamples };
3
- //# sourceMappingURL=examples.phoneInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.phoneInput.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.phoneInput.tsx"],"names":[],"mappings":"AAMA,iBAAS,kBAAkB,4CA6P1B;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { PhoneInput } from "@components";
3
- import { useState } from "react";
4
- import { Box } from "../ui/box";
5
- import { Row } from "../ui/row";
6
- function PhoneInputExamples() {
7
- const [contactPhone, setContactPhone] = useState("");
8
- const [businessPhone, setBusinessPhone] = useState("");
9
- const [emergencyPhone, setEmergencyPhone] = useState("");
10
- return (_jsxs(Box, { title: "PhoneInput", children: [_jsxs(Row, { children: [_jsx(PhoneInput, { name: "basic" }), _jsx(PhoneInput, { name: "with-label", label: "Phone Number" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "size-md", label: "Medium Size (default)", size: "md", variant: "solid" }), _jsx(PhoneInput, { name: "size-lg", label: "Large Size", size: "lg", variant: "outline" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "us-phone", label: "US Phone", defaultCountry: "US" }), _jsx(PhoneInput, { name: "br-phone", label: "Brasil Phone", defaultCountry: "BR" }), _jsx(PhoneInput, { name: "uk-phone", label: "UK Phone", defaultCountry: "GB" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "us-default", label: "US Number with Default", defaultCountry: "US", defaultValue: "+1 (555) 123-4567" }), _jsx(PhoneInput, { name: "br-default", label: "BR Number with Default", defaultCountry: "BR", defaultValue: "+55 11 99999-9999" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "required-phone", label: "Contact Phone", showAsterisk: true, defaultCountry: "US" }), _jsx(PhoneInput, { name: "error-phone", label: "Phone with Error", errorMessage: "Please enter a valid phone number", defaultCountry: "CA" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "controlled-contact", label: "Contact Phone", onChange: (value) => {
11
- setContactPhone(value);
12
- console.log("Contact phone:", value);
13
- }, defaultCountry: "US", showAsterisk: true }), _jsx(PhoneInput, { name: "controlled-business", label: "Business Phone", onChange: (value) => {
14
- setBusinessPhone(value);
15
- console.log("Business phone:", value);
16
- }, defaultCountry: "BR", size: "lg" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "custom-text-en", label: "Phone (English)", searchCountryPlaceholder: "Search country...", notFoundCountryText: "Country not found", defaultCountry: "GB" }), _jsx(PhoneInput, { name: "custom-text-pt", label: "Telefone (Portugu\u00EAs)", searchCountryPlaceholder: "Pesquisar pa\u00EDs...", notFoundCountryText: "Nenhum pa\u00EDs encontrado", defaultCountry: "BR" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "disabled-phone", label: "Disabled Phone", defaultValue: "+1 (555) 987-6543", defaultCountry: "US", disabled: true }), _jsx(PhoneInput, { name: "readonly-phone", label: "Read Only Phone", defaultValue: "+55 21 98765-4321", defaultCountry: "BR", readOnly: true })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "loading-phone", label: "Loading Phone", isLoading: true, defaultCountry: "CA" }), _jsx(PhoneInput, { name: "loading-large", label: "Loading Large", isLoading: true, size: "lg", variant: "outline", defaultCountry: "AU" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "france-phone", label: "France Phone", defaultCountry: "FR", variant: "outline" }), _jsx(PhoneInput, { name: "japan-phone", label: "Japan Phone", defaultCountry: "JP", variant: "outline" }), _jsx(PhoneInput, { name: "germany-phone", label: "Germany Phone", defaultCountry: "DE", variant: "outline" })] }), _jsx(Row, { children: _jsxs("div", { style: {
17
- padding: "20px",
18
- border: "1px solid #e2e8f0",
19
- borderRadius: "8px",
20
- width: "100%",
21
- }, children: [_jsx("h4", { style: { margin: "0 0 16px 0" }, children: "Contact Information" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(PhoneInput, { name: "primary-phone", label: "Primary Phone", showAsterisk: true, defaultCountry: "US", onChange: (value) => console.log("Primary:", value) }), _jsx(PhoneInput, { name: "secondary-phone", label: "Secondary Phone (Optional)", defaultCountry: "US", onChange: (value) => console.log("Secondary:", value) }), _jsx(PhoneInput, { name: "emergency-contact", label: "Emergency Contact", showAsterisk: true, defaultCountry: "US", onChange: (value) => {
22
- setEmergencyPhone(value);
23
- console.log("Emergency:", value);
24
- }, size: "lg" })] })] }) }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "customer-service", label: "Customer Service", defaultValue: "+1 (800) 123-4567", defaultCountry: "US", readOnly: true, variant: "outline" }), _jsx(PhoneInput, { name: "sales-team", label: "Sales Team", defaultCountry: "US", searchCountryPlaceholder: "Find country...", className: "sales-phone" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "mobile-number", label: "Mobile Number", defaultCountry: "BR", showAsterisk: true, onChange: (value) => console.log("Mobile:", value) }), _jsx(PhoneInput, { name: "whatsapp-number", label: "WhatsApp Number", defaultCountry: "BR", variant: "outline", onChange: (value) => console.log("WhatsApp:", value) })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "asia-phone", label: "Asia Pacific", defaultCountry: "SG" }), _jsx(PhoneInput, { name: "europe-phone", label: "European Union", defaultCountry: "IT" }), _jsx(PhoneInput, { name: "americas-phone", label: "Americas", defaultCountry: "MX" })] })] }));
25
- }
26
- export { PhoneInputExamples };
@@ -1,3 +0,0 @@
1
- declare function RadioExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { RadioExamples };
3
- //# sourceMappingURL=examples.radio.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.radio.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.radio.tsx"],"names":[],"mappings":"AAKA,iBAAS,aAAa,4CA6IrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { RadioBox, RadioGroup } from "@components";
3
- import { useState } from "react";
4
- import { Box } from "../ui/box";
5
- function RadioExamples() {
6
- const [selectedGender, setSelectedGender] = useState("");
7
- const [selectedPlan, setSelectedPlan] = useState("basic");
8
- const [selectedTheme, setSelectedTheme] = useState("light");
9
- return (_jsxs(Box, { title: "Radio", children: [_jsxs(RadioGroup, { name: "gender1", label: "Gender", children: [_jsx(RadioBox, { value: "male", children: "Male" }), _jsx(RadioBox, { value: "female", children: "Female" }), _jsx(RadioBox, { value: "other", children: "Other" })] }), _jsxs(RadioGroup, { name: "newsletter", label: "Newsletter Subscription", children: [_jsx(RadioBox, { value: "yes", children: "Yes, send me updates" }), _jsx(RadioBox, { value: "no", children: "No, thank you" })] }), _jsxs(RadioGroup, { name: "size_sm", label: "Small Size", size: "sm", children: [_jsx(RadioBox, { value: "option1", children: "Option 1" }), _jsx(RadioBox, { value: "option2", children: "Option 2" })] }), _jsxs(RadioGroup, { name: "size_md", label: "Medium Size (default)", size: "md", children: [_jsx(RadioBox, { value: "option1", children: "Option 1" }), _jsx(RadioBox, { value: "option2", children: "Option 2" })] }), _jsxs(RadioGroup, { name: "size_lg", label: "Large Size", size: "lg", children: [_jsx(RadioBox, { value: "option1", children: "Option 1" }), _jsx(RadioBox, { value: "option2", children: "Option 2" })] }), _jsxs(RadioGroup, { name: "controlled_gender", label: "Controlled Gender Selection", value: selectedGender, onChange: (value) => setSelectedGender(value), children: [_jsx(RadioBox, { value: "male", children: "Male" }), _jsx(RadioBox, { value: "female", children: "Female" }), _jsx(RadioBox, { value: "other", children: "Other" })] }), _jsxs(RadioGroup, { name: "controlled_plan", label: "Subscription Plan", value: selectedPlan, onChange: (value) => setSelectedPlan(value), showAsterisk: true, children: [_jsx(RadioBox, { value: "basic", children: "Basic ($9.99/month)" }), _jsx(RadioBox, { value: "premium", children: "Premium ($19.99/month)" }), _jsx(RadioBox, { value: "enterprise", children: "Enterprise ($49.99/month)" })] }), _jsxs(RadioGroup, { name: "language", label: "Preferred Language", defaultValue: "en", children: [_jsx(RadioBox, { value: "en", children: "English" }), _jsx(RadioBox, { value: "es", children: "Spanish" }), _jsx(RadioBox, { value: "fr", children: "French" }), _jsx(RadioBox, { value: "pt", children: "Portuguese" })] }), _jsxs(RadioGroup, { name: "priority_error", label: "Priority Level", errorMessage: "Please select a priority level", showAsterisk: true, children: [_jsx(RadioBox, { value: "low", children: "Low Priority" }), _jsx(RadioBox, { value: "medium", children: "Medium Priority" }), _jsx(RadioBox, { value: "high", children: "High Priority" })] }), _jsxs(RadioGroup, { name: "theme_selection", label: "Theme Selection", value: selectedTheme, onChange: (value) => setSelectedTheme(value), children: [_jsx(RadioBox, { value: "light", children: _jsxs("div", { children: [_jsx("strong", { children: "\uD83C\uDF1E Light Theme" }), _jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: "Clean and bright interface" })] }) }), _jsx(RadioBox, { value: "dark", children: _jsxs("div", { children: [_jsx("strong", { children: "\uD83C\uDF19 Dark Theme" }), _jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: "Easy on the eyes" })] }) }), _jsx(RadioBox, { value: "auto", children: _jsxs("div", { children: [_jsx("strong", { children: "\uD83D\uDD04 Auto Theme" }), _jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: "Follows system preference" })] }) })] }), _jsxs(RadioGroup, { name: "availability", label: "Availability Status", children: [_jsx(RadioBox, { value: "available", children: "Available" }), _jsx(RadioBox, { value: "busy", children: "Busy" }), _jsx(RadioBox, { value: "offline", disabled: true, children: "Offline (Maintenance)" })] }), _jsxs(RadioGroup, { name: "notification_type", label: "Notification Preferences", children: [_jsx(RadioBox, { value: "all", size: "lg", children: "All Notifications" }), _jsx(RadioBox, { value: "important", children: "Important Only" }), _jsx(RadioBox, { value: "none", size: "sm", children: "None" })] }), _jsxs(RadioGroup, { name: "difficulty", label: "Game Difficulty", onChange: (value) => console.log("Selected difficulty:", value), children: [_jsx(RadioBox, { value: "easy", children: _jsx("span", { style: { color: "#22c55e" }, children: "\uD83D\uDFE2 Easy" }) }), _jsx(RadioBox, { value: "medium", children: _jsx("span", { style: { color: "#f59e0b" }, children: "\uD83D\uDFE1 Medium" }) }), _jsx(RadioBox, { value: "hard", children: _jsx("span", { style: { color: "#ef4444" }, children: "\uD83D\uDD34 Hard" }) })] })] }));
10
- }
11
- export { RadioExamples };
@@ -1,3 +0,0 @@
1
- declare function SliderExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { SliderExamples };
3
- //# sourceMappingURL=examples.slider.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.slider.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.slider.tsx"],"names":[],"mappings":"AAIA,iBAAS,cAAc,4CAqBtB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Slider, useSlider } from "@components";
3
- import { Box } from "../ui/box";
4
- import { Row } from "../ui/row";
5
- function SliderExamples() {
6
- const [sliderValue, changeSliderValue] = useSlider();
7
- const [disabledSliderValue, changeDisabledSliderValue] = useSlider(50);
8
- return (_jsxs(Box, { title: "Slider", children: [_jsxs(Row, { children: [_jsx(Slider, { onChange: changeSliderValue, value: sliderValue }), _jsx("p", { children: sliderValue })] }), _jsxs(Row, { children: [_jsx(Slider, { disabled: true, onChange: changeDisabledSliderValue, value: disabledSliderValue }), _jsx("p", { children: disabledSliderValue })] })] }));
9
- }
10
- export { SliderExamples };
@@ -1,3 +0,0 @@
1
- declare function SwitchExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { SwitchExamples };
3
- //# sourceMappingURL=examples.switch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.switch.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.switch.tsx"],"names":[],"mappings":"AAMA,iBAAS,cAAc,4CA2KtB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Switch } from "@components";
3
- import { useState } from "react";
4
- import { Box } from "../ui/box";
5
- import { Row } from "../ui/row";
6
- function SwitchExamples() {
7
- const [isNotificationsEnabled, setIsNotificationsEnabled] = useState(false);
8
- const [isDarkMode, setIsDarkMode] = useState(true);
9
- const [isAutoSave, setIsAutoSave] = useState(false);
10
- const [isPremiumEnabled, setIsPremiumEnabled] = useState(true);
11
- return (_jsxs(Box, { title: "Switch", children: [_jsxs(Row, { children: [_jsx(Switch, { name: "basic1", label: "Enable notifications" }), _jsx(Switch, { name: "basic2", label: "Marketing emails", defaultChecked: true }), _jsx(Switch, { name: "basic3", label: "Auto-save documents" }), _jsx(Switch, { name: "basic4", label: "Disabled switch", disabled: true })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "size1", label: "Small (sm)", size: "sm" }), _jsx(Switch, { name: "size2", label: "Medium (md)", size: "md" }), _jsx(Switch, { name: "size3", label: "Large (lg) - default", size: "lg" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "controlled1", label: "Controlled notifications", checked: isNotificationsEnabled, onCheck: (value) => setIsNotificationsEnabled(!!value) }), _jsx(Switch, { name: "controlled2", label: "Dark mode", checked: isDarkMode, value: "dark", unCheckedValue: "light", onCheck: (value) => setIsDarkMode(value === "dark"), size: "md" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "theme", label: "Theme preference", value: "dark_theme", unCheckedValue: "light_theme", onCheck: (value) => console.log("Theme:", value) }), _jsx(Switch, { name: "subscription", label: "Newsletter subscription", value: "subscribed", unCheckedValue: "unsubscribed", defaultChecked: true, size: "sm" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "autoSave", label: "Auto-save every 5 minutes", checked: isAutoSave, onCheck: (value) => {
12
- setIsAutoSave(!!value);
13
- console.log("Auto-save:", value ? "enabled" : "disabled");
14
- }, value: "enabled", unCheckedValue: "disabled" }), _jsx(Switch, { name: "premium", label: "Premium features", checked: isPremiumEnabled, onCheck: (value) => setIsPremiumEnabled(!!value), className: "premium-switch", size: "lg" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "highContrast", label: "High contrast mode", size: "lg", value: "high_contrast", unCheckedValue: "normal", onCheck: (value) => console.log("Accessibility:", value) }), _jsx(Switch, { name: "maintenance", label: "Maintenance mode", value: "maintenance_on", unCheckedValue: "maintenance_off", disabled: !isPremiumEnabled, onCheck: (value) => console.log("Maintenance:", value) })] }), _jsxs(Row, { children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [_jsx("span", { children: "Sound effects:" }), _jsx(Switch, { name: "soundEffects", value: "on", unCheckedValue: "off", size: "sm", onCheck: (value) => console.log("Sound:", value) })] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [_jsx("span", { children: "Background music:" }), _jsx(Switch, { name: "backgroundMusic", value: "enabled", unCheckedValue: "disabled", defaultChecked: true, size: "md", onCheck: (value) => console.log("Music:", value) })] })] }), _jsx(Row, { children: _jsxs("div", { style: {
15
- padding: "16px",
16
- border: "1px solid #e2e8f0",
17
- borderRadius: "8px",
18
- }, children: [_jsx("h4", { style: { margin: "0 0 12px 0" }, children: "Settings Panel" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [_jsx(Switch, { name: "privacy1", label: "Public profile", size: "sm", value: "public", unCheckedValue: "private", onCheck: (value) => console.log("Profile visibility:", value) }), _jsx(Switch, { name: "privacy2", label: "Show online status", size: "sm", defaultChecked: true, onCheck: (value) => console.log("Online status:", value) }), _jsx(Switch, { name: "privacy3", label: "Allow direct messages", size: "sm", value: "allowed", unCheckedValue: "blocked", onCheck: (value) => console.log("Direct messages:", value) })] })] }) })] }));
19
- }
20
- export { SwitchExamples };
@@ -1,3 +0,0 @@
1
- declare function TabExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { TabExamples };
3
- //# sourceMappingURL=examples.tab.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.tab.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.tab.tsx"],"names":[],"mappings":"AAGA,iBAAS,WAAW,4CA8BnB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { TabButton, TabContainer } from "@components";
3
- import { Box } from "../ui/box";
4
- function TabExamples() {
5
- return (_jsxs(Box, { title: "Tab", children: [_jsxs(TabContainer, { children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", children: "Item 3" })] }), _jsxs(TabContainer, { defaultValue: "item-3", children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", children: "Item 3" })] }), _jsxs(TabContainer, { disabled: true, children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", children: "Item 3" })] }), _jsxs(TabContainer, { children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", disabled: true, children: "Item 3" })] })] }));
6
- }
7
- export { TabExamples };
@@ -1,3 +0,0 @@
1
- declare function TextareaExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { TextareaExamples };
3
- //# sourceMappingURL=examples.texarea.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.texarea.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.texarea.tsx"],"names":[],"mappings":"AAKA,iBAAS,gBAAgB,4CAoLxB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Textarea } from "@components";
3
- import { useState } from "react";
4
- import { Box } from "../ui/box";
5
- function TextareaExamples() {
6
- const [message, setMessage] = useState("");
7
- const [bio, setBio] = useState("");
8
- const [feedback, setFeedback] = useState("");
9
- const [notes, setNotes] = useState("Some initial notes...");
10
- const termsContent = `Terms and Conditions
11
-
12
- 1. Acceptance of Terms
13
- By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement.
14
-
15
- 2. Use License
16
- Permission is granted to temporarily download one copy of the materials for personal, non-commercial transitory viewing only.
17
-
18
- 3. Disclaimer
19
- The materials on this website are provided on an 'as is' basis. We make no warranties, expressed or implied.`;
20
- return (_jsxs(Box, { title: "Textarea", children: [_jsx(Textarea, { name: "basic1", placeholder: "Enter your description...", rows: 3 }), _jsx(Textarea, { name: "basic2", label: "Comments", placeholder: "Share your thoughts...", rows: 3 }), _jsx(Textarea, { name: "size_md", label: "Medium Size (default)", size: "md", variant: "solid", placeholder: "Medium textarea with solid variant", rows: 3 }), _jsx(Textarea, { name: "size_lg", label: "Large Size", size: "lg", variant: "outline", placeholder: "Large textarea with outline variant", rows: 3 }), _jsx(Textarea, { name: "bio_required", label: "Biography", showAsterisk: true, placeholder: "Tell us about yourself (required)", rows: 4 }), _jsx(Textarea, { name: "feedback_error", label: "Feedback", errorMessage: "Please provide your feedback", placeholder: "Your feedback is important to us", rows: 4 }), _jsx(Textarea, { name: "controlled_message", label: "Message", value: message, onChange: (e) => setMessage(e.target.value), placeholder: "Type your message here...", rows: 4, showAsterisk: true }), _jsx(Textarea, { name: "controlled_bio", label: "Professional Bio", value: bio, onChange: (e) => setBio(e.target.value), placeholder: "Describe your professional background...", maxLength: 500, rows: 4 }), _jsx(Textarea, { name: "limited_feedback", label: "Product Review", value: feedback, onChange: (e) => setFeedback(e.target.value), placeholder: "Share your experience (max 300 characters)", maxLength: 300, rows: 5, className: "review-textarea" }), _jsxs("div", { style: { position: "relative" }, children: [_jsx(Textarea, { name: "notes_with_counter", label: "Notes", value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Enter your notes...", rows: 5, style: { resize: "vertical" } }), _jsxs("div", { style: {
21
- position: "absolute",
22
- bottom: "8px",
23
- right: "12px",
24
- fontSize: "12px",
25
- color: "#666",
26
- background: "white",
27
- padding: "2px 4px",
28
- }, children: [notes.length, " characters"] })] }), _jsx(Textarea, { name: "terms_readonly", label: "Terms and Conditions", value: termsContent, readOnly: true, rows: 8, variant: "outline", style: { fontSize: "14px" } }), _jsx(Textarea, { name: "disabled_field", label: "Disabled Field", value: "This field cannot be edited", disabled: true, placeholder: "This field is disabled", rows: 3 }), _jsx(Textarea, { name: "code_snippet", label: "Code Snippet", placeholder: "Paste your code here...", rows: 6, style: {
29
- fontFamily: "monospace",
30
- fontSize: "14px",
31
- resize: "both",
32
- }, variant: "outline" }), _jsx(Textarea, { name: "essay", label: "Essay Response", placeholder: "Write your essay response here...", rows: 6, showAsterisk: true, onChange: (e) => console.log("Essay length:", e.target.value.length) }), _jsx(Textarea, { name: "article_content", label: "Article Content", placeholder: "Write your article content here...", rows: 8, cols: 60, style: { width: "100%", resize: "vertical" }, onChange: (e) => console.log("Article updated:", e.target.value.split("\n").length, "lines") })] }));
33
- }
34
- export { TextareaExamples };
@@ -1,3 +0,0 @@
1
- declare function TooltipExamples(): import("react/jsx-runtime").JSX.Element;
2
- export { TooltipExamples };
3
- //# sourceMappingURL=examples.tooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"examples.tooltip.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.tooltip.tsx"],"names":[],"mappings":"AAIA,iBAAS,eAAe,4CAsCvB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Badge, Tooltip } from "@components";
3
- import { Box } from "../ui/box";
4
- import { Row } from "../ui/row";
5
- function TooltipExamples() {
6
- return (_jsxs(Box, { title: "Tooltip", children: [_jsxs(Row, { children: [_jsx(Tooltip, { text: "Tooltip on top", orientation: "top", children: _jsx(Badge, { children: "top" }) }), _jsx(Tooltip, { text: "Tooltip on right", orientation: "right", children: _jsx(Badge, { children: "right" }) }), _jsx(Tooltip, { text: "Tooltip on bottom", orientation: "bottom", children: _jsx(Badge, { children: "bottom" }) }), _jsx(Tooltip, { text: "Tooltip on left", orientation: "left", children: _jsx(Badge, { children: "left" }) })] }), _jsx(Row, { children: _jsx(Tooltip, { text: "Tooltip on left", orientation: "left", children: _jsx(Badge, { children: "oh no... the tooltip does not fit on the left" }) }) }), _jsxs(Row, { children: [_jsx(Tooltip, { text: "md tooltip", orientation: "top", size: "md", children: _jsx(Badge, { children: "size - md " }) }), _jsx(Tooltip, { text: "lg tooltip", orientation: "top", children: _jsx(Badge, { children: "size - lg (default)" }) })] })] }));
7
- }
8
- export { TooltipExamples };
@@ -1,3 +0,0 @@
1
- import "../css/reset.css";
2
- import "../css/variables.css";
3
- //# sourceMappingURL=main.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../documentation/src/main.tsx"],"names":[],"mappings":"AAIA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sBAAsB,CAAC"}
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { StrictMode } from "react";
3
- import { createRoot } from "react-dom/client";
4
- import { App } from "./app";
5
- import "../css/reset.css";
6
- import "../css/variables.css";
7
- createRoot(document.getElementById("root")).render(_jsx(StrictMode, { children: _jsx(App, {}) }));
@@ -1,8 +0,0 @@
1
- import { ReactNode } from "react";
2
- type BoxProps = {
3
- title: string;
4
- children: ReactNode;
5
- };
6
- declare function Box(props: BoxProps): import("react/jsx-runtime").JSX.Element;
7
- export { Box };
8
- //# sourceMappingURL=box.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../documentation/src/ui/box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,2CAO3B;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
@@ -1,5 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- function Box(props) {
3
- return (_jsxs("div", { className: "box", children: [_jsx("strong", { children: props.title }), props.children] }));
4
- }
5
- export { Box };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from "react";
2
- type RowProps = {
3
- children: ReactNode;
4
- };
5
- declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element;
6
- export { Row };
7
- //# sourceMappingURL=row.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../documentation/src/ui/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,2CAE3B;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
@@ -1,5 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- function Row(props) {
3
- return _jsx("div", { className: "row", children: props.children });
4
- }
5
- export { Row };
@@ -1,3 +0,0 @@
1
- declare const _default: import("vite").UserConfig;
2
- export default _default;
3
- //# sourceMappingURL=vite.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../documentation/vite.config.ts"],"names":[],"mappings":";AAIA,wBAQG"}
@@ -1,12 +0,0 @@
1
- import { defineConfig } from "vite";
2
- import react from "@vitejs/plugin-react";
3
- import { resolve } from "path";
4
- export default defineConfig({
5
- root: __dirname,
6
- plugins: [react()],
7
- resolve: {
8
- alias: {
9
- "@components": resolve(__dirname, "../src"),
10
- },
11
- },
12
- });
@@ -1,44 +0,0 @@
1
- import { HTMLAttributes } from "react";
2
- import "./styles.css";
3
- type AlertContainerProps = {
4
- schema: "success" | "danger" | "warning" | "info";
5
- } & HTMLAttributes<HTMLDivElement>;
6
- declare function useAlertContainer(): AlertContainerProps;
7
- /**
8
- * AlertContainer component - used to display alert messages with different schemas
9
- *
10
- * @param props - AlertContainer component properties
11
- * @param props.schema - Alert color scheme and semantic meaning: "success" | "danger" | "warning" | "info"
12
- *
13
- * **...Other valid HTML properties for div**
14
- *
15
- * @returns AlertContainer JSX element with context provider
16
- *
17
- * @example
18
- * ```tsx
19
- * // Basic alert
20
- * <AlertContainer schema="info">
21
- * Alert message content
22
- * </AlertContainer>
23
- *
24
- * // Success alert
25
- * <AlertContainer schema="success">
26
- * Operation completed successfully!
27
- * </AlertContainer>
28
- *
29
- * // Alert with title
30
- * <AlertContainer schema="warning">
31
- * <AlertTitle>Warning</AlertTitle>
32
- * Please check your input data.
33
- * </AlertContainer>
34
- *
35
- * // Danger alert
36
- * <AlertContainer schema="danger">
37
- * <AlertTitle>Error</AlertTitle>
38
- * Something went wrong. Please try again.
39
- * </AlertContainer>
40
- * ```
41
- */
42
- declare function AlertContainer(props: AlertContainerProps): import("react/jsx-runtime").JSX.Element;
43
- export { AlertContainer, useAlertContainer };
44
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/alertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAyB,MAAM,OAAO,CAAC;AAE7E,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CACnD,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAInC,iBAAS,iBAAiB,wBAEzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAkCjD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
@@ -1,71 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createContext, useContext } from "react";
3
- import { AlertTitle } from "../alertTitle";
4
- import "./styles.css";
5
- const AlertContainerContext = createContext({});
6
- function useAlertContainer() {
7
- return useContext(AlertContainerContext);
8
- }
9
- /**
10
- * AlertContainer component - used to display alert messages with different schemas
11
- *
12
- * @param props - AlertContainer component properties
13
- * @param props.schema - Alert color scheme and semantic meaning: "success" | "danger" | "warning" | "info"
14
- *
15
- * **...Other valid HTML properties for div**
16
- *
17
- * @returns AlertContainer JSX element with context provider
18
- *
19
- * @example
20
- * ```tsx
21
- * // Basic alert
22
- * <AlertContainer schema="info">
23
- * Alert message content
24
- * </AlertContainer>
25
- *
26
- * // Success alert
27
- * <AlertContainer schema="success">
28
- * Operation completed successfully!
29
- * </AlertContainer>
30
- *
31
- * // Alert with title
32
- * <AlertContainer schema="warning">
33
- * <AlertTitle>Warning</AlertTitle>
34
- * Please check your input data.
35
- * </AlertContainer>
36
- *
37
- * // Danger alert
38
- * <AlertContainer schema="danger">
39
- * <AlertTitle>Error</AlertTitle>
40
- * Something went wrong. Please try again.
41
- * </AlertContainer>
42
- * ```
43
- */
44
- function AlertContainer(props) {
45
- const { schema, children, className: baseClassName, ...rest } = props;
46
- const hasAlertTitle = (children) => {
47
- let found = false;
48
- const searchForAlertTitle = (nodes) => {
49
- if (Array.isArray(nodes)) {
50
- nodes.forEach(searchForAlertTitle);
51
- }
52
- else if (nodes && typeof nodes === "object" && "type" in nodes) {
53
- if (nodes.type === AlertTitle) {
54
- found = true;
55
- }
56
- else if (nodes.props && nodes.props.children) {
57
- searchForAlertTitle(nodes.props.children);
58
- }
59
- }
60
- };
61
- searchForAlertTitle(children);
62
- return found;
63
- };
64
- const shouldAlignCenter = !hasAlertTitle(children);
65
- const finalClassName = shouldAlignCenter
66
- ? "nonExistsAlertTitle"
67
- : "existsAlertTitle";
68
- const className = `arkynAlertContainer ${schema} ${finalClassName} ${baseClassName}`;
69
- return (_jsx(AlertContainerContext.Provider, { value: props, children: _jsx("div", { className: className.trim(), ...rest, children: children }) }));
70
- }
71
- export { AlertContainer, useAlertContainer };