@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,49 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { IconRenderer } from "../../services/iconRenderer";
3
- import "./styles.css";
4
- /**
5
- * Badge component - used to display labels, statuses, and categorizations
6
- *
7
- * @param props - Badge component properties
8
- * @param props.size - Badge size. Default: "lg"
9
- * @param props.variant - Visual variant of the badge. Default: "ghost"
10
- * @param props.scheme - Badge color scheme. Default: "primary"
11
- * @param props.leftIcon - Optional icon to display on the left
12
- * @param props.rightIcon - Optional icon to display on the right
13
- *
14
- * **...Other valid HTML properties for div**
15
- *
16
- * @returns Badge JSX element
17
- *
18
- * @example
19
- * ```tsx
20
- * // Basic badge
21
- * <Badge>New</Badge>
22
- *
23
- * // Badge with color scheme
24
- * <Badge scheme="success">Approved</Badge>
25
- *
26
- * // Badge with icons
27
- * <Badge leftIcon={CheckIcon} scheme="success">
28
- * Completed
29
- * </Badge>
30
- *
31
- * // Custom badge
32
- * <Badge
33
- * size="lg"
34
- * variant="solid"
35
- * scheme="warning"
36
- * rightIcon={AlertIcon}
37
- * >
38
- * Warning
39
- * </Badge>
40
- * ```
41
- */
42
- function Badge(props) {
43
- const { variant = "ghost", scheme = "primary", size = "lg", leftIcon, rightIcon, className: baseClassName = "", children, ...rest } = props;
44
- const iconSizes = { md: 12, lg: 14 };
45
- const iconSize = iconSizes[size];
46
- const className = `arkynBadge ${variant} ${scheme} ${size} ${baseClassName}`;
47
- return (_jsxs("div", { className: className.trim(), ...rest, children: [_jsx(IconRenderer, { iconSize: iconSize, icon: leftIcon }), _jsx("p", { children: children }), _jsx(IconRenderer, { iconSize: iconSize, icon: rightIcon })] }));
48
- }
49
- export { Badge };
@@ -1,60 +0,0 @@
1
- import { LucideIcon } from "lucide-react";
2
- import { ButtonHTMLAttributes } from "react";
3
- import "./styles.css";
4
- type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
5
- isLoading?: boolean;
6
- loadingText?: string;
7
- size?: "xs" | "sm" | "md" | "lg";
8
- variant?: "solid" | "outline" | "ghost" | "invisible";
9
- scheme?: "primary" | "success" | "warning" | "danger" | "info";
10
- leftIcon?: LucideIcon;
11
- rightIcon?: LucideIcon;
12
- };
13
- /**
14
- * Button component - used for user interactions and form submissions
15
- *
16
- * @param props - Button component properties
17
- * @param props.isLoading - Controls loading state with spinner. Default: false
18
- * @param props.loadingText - Text to display during loading state
19
- * @param props.size - Button size. Default: "md"
20
- * @param props.variant - Visual variant of the button. Default: "solid"
21
- * @param props.scheme - Button color scheme. Default: "primary"
22
- * @param props.leftIcon - Optional icon to display on the left
23
- * @param props.rightIcon - Optional icon to display on the right
24
- *
25
- * **...Other valid HTML properties for button**
26
- *
27
- * @returns Button JSX element
28
- *
29
- * @example
30
- * ```tsx
31
- * // Basic button
32
- * <Button>Click me</Button>
33
- *
34
- * // Button with color scheme
35
- * <Button scheme="success">Save</Button>
36
- *
37
- * // Button with loading state
38
- * <Button isLoading loadingText="Saving...">
39
- * Save
40
- * </Button>
41
- *
42
- * // Button with icons
43
- * <Button leftIcon={SaveIcon} scheme="success">
44
- * Save
45
- * </Button>
46
- *
47
- * // Custom button
48
- * <Button
49
- * size="lg"
50
- * variant="outline"
51
- * scheme="danger"
52
- * rightIcon={TrashIcon}
53
- * >
54
- * Delete
55
- * </Button>
56
- * ```
57
- */
58
- declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
59
- export { Button };
60
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IACtD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuCjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,61 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Loader2 } from "lucide-react";
3
- import { IconRenderer } from "../../services/iconRenderer";
4
- import "./styles.css";
5
- /**
6
- * Button component - used for user interactions and form submissions
7
- *
8
- * @param props - Button component properties
9
- * @param props.isLoading - Controls loading state with spinner. Default: false
10
- * @param props.loadingText - Text to display during loading state
11
- * @param props.size - Button size. Default: "md"
12
- * @param props.variant - Visual variant of the button. Default: "solid"
13
- * @param props.scheme - Button color scheme. Default: "primary"
14
- * @param props.leftIcon - Optional icon to display on the left
15
- * @param props.rightIcon - Optional icon to display on the right
16
- *
17
- * **...Other valid HTML properties for button**
18
- *
19
- * @returns Button JSX element
20
- *
21
- * @example
22
- * ```tsx
23
- * // Basic button
24
- * <Button>Click me</Button>
25
- *
26
- * // Button with color scheme
27
- * <Button scheme="success">Save</Button>
28
- *
29
- * // Button with loading state
30
- * <Button isLoading loadingText="Saving...">
31
- * Save
32
- * </Button>
33
- *
34
- * // Button with icons
35
- * <Button leftIcon={SaveIcon} scheme="success">
36
- * Save
37
- * </Button>
38
- *
39
- * // Custom button
40
- * <Button
41
- * size="lg"
42
- * variant="outline"
43
- * scheme="danger"
44
- * rightIcon={TrashIcon}
45
- * >
46
- * Delete
47
- * </Button>
48
- * ```
49
- */
50
- function Button(props) {
51
- const { isLoading = false, scheme = "primary", variant = "solid", loadingText, size = "md", leftIcon, rightIcon, disabled, className: baseClassName = "", children, ...rest } = props;
52
- const iconSizes = { xs: 12, sm: 16, md: 20, lg: 24 };
53
- const iconSize = iconSizes[size];
54
- const loadingClass = isLoading ? "loadingTrue" : "loadingFalse";
55
- const loadingTextClass = !!loadingText
56
- ? "loadingTextTrue"
57
- : "loadingTextFalse";
58
- const className = `arkynButton ${loadingClass} ${variant} ${scheme} ${size} ${loadingTextClass} ${baseClassName}`;
59
- return (_jsxs("button", { className: className, disabled: disabled || isLoading, ...rest, children: [_jsxs("div", { className: "arkynButtonSpinner", children: [_jsx(Loader2, { size: iconSize, strokeWidth: 2.5 }), loadingText && loadingText] }), _jsxs("div", { className: "arkynButtonContent", children: [_jsx(IconRenderer, { iconSize: iconSize, icon: leftIcon }), children, _jsx(IconRenderer, { iconSize: iconSize, icon: rightIcon })] })] }));
60
- }
61
- export { Button };
@@ -1,72 +0,0 @@
1
- import { ButtonHTMLAttributes, ReactNode } from "react";
2
- import "./styles.css";
3
- type CardTabButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "value" | "type"> & {
4
- children: ReactNode;
5
- value: string;
6
- };
7
- /**
8
- * CardTabButton component - used as interactive buttons within a CardTabContainer for tab navigation
9
- *
10
- * @param props - CardTabButton component properties
11
- * @param props.children - Content to display inside the tab button (required)
12
- * @param props.value - Unique identifier for the tab button (required)
13
- * @param props.disabled - Whether the button is disabled. Can be overridden by CardTabContainer's disabled state
14
- *
15
- * **...Other valid HTML button properties except children, value, and type**
16
- *
17
- * @returns CardTabButton JSX element
18
- *
19
- * @example
20
- * ```tsx
21
- * // Basic tab buttons within CardTabContainer
22
- * <CardTabContainer>
23
- * <CardTabButton value="home">Home</CardTabButton>
24
- * <CardTabButton value="about">About</CardTabButton>
25
- * <CardTabButton value="contact">Contact</CardTabButton>
26
- * </CardTabContainer>
27
- * ```
28
- *
29
- * @example
30
- * ```tsx
31
- * // Tab button with click handler
32
- * <CardTabContainer onChange={(value) => console.log('Tab changed:', value)}>
33
- * <CardTabButton
34
- * value="profile"
35
- * onClick={() => console.log('Profile tab clicked')}
36
- * >
37
- * Profile
38
- * </CardTabButton>
39
- * <CardTabButton value="settings">Settings</CardTabButton>
40
- * </CardTabContainer>
41
- * ```
42
- *
43
- * @example
44
- * ```tsx
45
- * // Disabled tab button
46
- * <CardTabContainer>
47
- * <CardTabButton value="available">Available</CardTabButton>
48
- * <CardTabButton value="coming-soon" disabled>
49
- * Coming Soon
50
- * </CardTabButton>
51
- * </CardTabContainer>
52
- * ```
53
- *
54
- * @example
55
- * ```tsx
56
- * // Tab buttons with custom styling and default value
57
- * <CardTabContainer defaultValue="dashboard">
58
- * <CardTabButton
59
- * value="dashboard"
60
- * className="custom-tab"
61
- * aria-label="Dashboard tab"
62
- * >
63
- * Dashboard
64
- * </CardTabButton>
65
- * <CardTabButton value="analytics">Analytics</CardTabButton>
66
- * <CardTabButton value="reports">Reports</CardTabButton>
67
- * </CardTabContainer>
68
- * ```
69
- */
70
- declare function CardTabButton(props: CardTabButtonProps): import("react/jsx-runtime").JSX.Element;
71
- export { CardTabButton };
72
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardTab/cardTabButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AAEH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkC/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1,80 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useCardTab } from "../cardTabContext";
3
- import "./styles.css";
4
- /**
5
- * CardTabButton component - used as interactive buttons within a CardTabContainer for tab navigation
6
- *
7
- * @param props - CardTabButton component properties
8
- * @param props.children - Content to display inside the tab button (required)
9
- * @param props.value - Unique identifier for the tab button (required)
10
- * @param props.disabled - Whether the button is disabled. Can be overridden by CardTabContainer's disabled state
11
- *
12
- * **...Other valid HTML button properties except children, value, and type**
13
- *
14
- * @returns CardTabButton JSX element
15
- *
16
- * @example
17
- * ```tsx
18
- * // Basic tab buttons within CardTabContainer
19
- * <CardTabContainer>
20
- * <CardTabButton value="home">Home</CardTabButton>
21
- * <CardTabButton value="about">About</CardTabButton>
22
- * <CardTabButton value="contact">Contact</CardTabButton>
23
- * </CardTabContainer>
24
- * ```
25
- *
26
- * @example
27
- * ```tsx
28
- * // Tab button with click handler
29
- * <CardTabContainer onChange={(value) => console.log('Tab changed:', value)}>
30
- * <CardTabButton
31
- * value="profile"
32
- * onClick={() => console.log('Profile tab clicked')}
33
- * >
34
- * Profile
35
- * </CardTabButton>
36
- * <CardTabButton value="settings">Settings</CardTabButton>
37
- * </CardTabContainer>
38
- * ```
39
- *
40
- * @example
41
- * ```tsx
42
- * // Disabled tab button
43
- * <CardTabContainer>
44
- * <CardTabButton value="available">Available</CardTabButton>
45
- * <CardTabButton value="coming-soon" disabled>
46
- * Coming Soon
47
- * </CardTabButton>
48
- * </CardTabContainer>
49
- * ```
50
- *
51
- * @example
52
- * ```tsx
53
- * // Tab buttons with custom styling and default value
54
- * <CardTabContainer defaultValue="dashboard">
55
- * <CardTabButton
56
- * value="dashboard"
57
- * className="custom-tab"
58
- * aria-label="Dashboard tab"
59
- * >
60
- * Dashboard
61
- * </CardTabButton>
62
- * <CardTabButton value="analytics">Analytics</CardTabButton>
63
- * <CardTabButton value="reports">Reports</CardTabButton>
64
- * </CardTabContainer>
65
- * ```
66
- */
67
- function CardTabButton(props) {
68
- const { children, disabled: rawDisabled = false, className: baseClassName = "", onClick, value, ...rest } = props;
69
- const { disabled, currentTab, changeCurrentTab } = useCardTab();
70
- const isDisabled = disabled || rawDisabled;
71
- const disabledClass = isDisabled ? "isDisabled" : "";
72
- const activeClass = currentTab === value && value ? "isActive" : "";
73
- const className = `arkynCardTabButton ${disabledClass} ${activeClass} ${baseClassName}`;
74
- function handleClick(event) {
75
- changeCurrentTab(value);
76
- onClick && onClick(event);
77
- }
78
- return (_jsx("button", { onClick: handleClick, className: className.trim(), ...rest, disabled: isDisabled, type: "button", children: children }));
79
- }
80
- export { CardTabButton };
@@ -1,83 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from "react";
2
- import "./styles.css";
3
- type CardTabContainerProps = Omit<HTMLAttributes<HTMLElement>, "onClick" | "children" | "ref"> & {
4
- children: ReactNode;
5
- disabled?: boolean;
6
- defaultValue?: string;
7
- onChange?: (index: string) => void;
8
- };
9
- /**
10
- * CardTabContainer component - used as a wrapper for CardTabButton components to create tabbed navigation
11
- *
12
- * @param props - CardTabContainer component properties
13
- * @param props.children - CardTabButton components and other content (required)
14
- * @param props.disabled - Whether all tab buttons are disabled. Default: false
15
- * @param props.defaultValue - Initial tab value to be selected
16
- * @param props.onChange - Callback function called when tab changes, receives the tab value
17
- *
18
- * **...Other valid HTML nav properties except onClick, children, and ref**
19
- *
20
- * @returns CardTabContainer JSX element
21
- *
22
- * @example
23
- * ```tsx
24
- * // Basic tab container
25
- * <CardTabContainer>
26
- * <CardTabButton value="home">Home</CardTabButton>
27
- * <CardTabButton value="about">About</CardTabButton>
28
- * <CardTabButton value="contact">Contact</CardTabButton>
29
- * </CardTabContainer>
30
- * ```
31
- *
32
- * @example
33
- * ```tsx
34
- * // Tab container with default value and change handler
35
- * <CardTabContainer
36
- * defaultValue="dashboard"
37
- * onChange={(value) => console.log('Active tab:', value)}
38
- * >
39
- * <CardTabButton value="dashboard">Dashboard</CardTabButton>
40
- * <CardTabButton value="analytics">Analytics</CardTabButton>
41
- * <CardTabButton value="settings">Settings</CardTabButton>
42
- * </CardTabContainer>
43
- * ```
44
- *
45
- * @example
46
- * ```tsx
47
- * // Disabled all tabs
48
- * <CardTabContainer disabled>
49
- * <CardTabButton value="tab1">Tab 1</CardTabButton>
50
- * <CardTabButton value="tab2">Tab 2</CardTabButton>
51
- * </CardTabContainer>
52
- * ```
53
- *
54
- * @example
55
- * ```tsx
56
- * // Tab container with custom styling and state management
57
- * function MyTabs() {
58
- * const [activeTab, setActiveTab] = useState('profile');
59
- *
60
- * return (
61
- * <div>
62
- * <CardTabContainer
63
- * defaultValue={activeTab}
64
- * onChange={setActiveTab}
65
- * className="custom-tabs"
66
- * role="tablist"
67
- * >
68
- * <CardTabButton value="profile">Profile</CardTabButton>
69
- * <CardTabButton value="account">Account</CardTabButton>
70
- * <CardTabButton value="notifications">Notifications</CardTabButton>
71
- * </CardTabContainer>
72
- *
73
- * {activeTab === 'profile' && <ProfileContent />}
74
- * {activeTab === 'account' && <AccountContent />}
75
- * {activeTab === 'notifications' && <NotificationsContent />}
76
- * </div>
77
- * );
78
- * }
79
- * ```
80
- */
81
- declare function CardTabContainer(props: CardTabContainerProps): import("react/jsx-runtime").JSX.Element;
82
- export { CardTabContainer };
83
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardTab/cardTabContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,cAAc,CAAC,WAAW,CAAC,EAC3B,SAAS,GAAG,UAAU,GAAG,KAAK,CAC/B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA8BrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,88 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { TabProvider } from "../cardTabContext";
4
- import "./styles.css";
5
- /**
6
- * CardTabContainer component - used as a wrapper for CardTabButton components to create tabbed navigation
7
- *
8
- * @param props - CardTabContainer component properties
9
- * @param props.children - CardTabButton components and other content (required)
10
- * @param props.disabled - Whether all tab buttons are disabled. Default: false
11
- * @param props.defaultValue - Initial tab value to be selected
12
- * @param props.onChange - Callback function called when tab changes, receives the tab value
13
- *
14
- * **...Other valid HTML nav properties except onClick, children, and ref**
15
- *
16
- * @returns CardTabContainer JSX element
17
- *
18
- * @example
19
- * ```tsx
20
- * // Basic tab container
21
- * <CardTabContainer>
22
- * <CardTabButton value="home">Home</CardTabButton>
23
- * <CardTabButton value="about">About</CardTabButton>
24
- * <CardTabButton value="contact">Contact</CardTabButton>
25
- * </CardTabContainer>
26
- * ```
27
- *
28
- * @example
29
- * ```tsx
30
- * // Tab container with default value and change handler
31
- * <CardTabContainer
32
- * defaultValue="dashboard"
33
- * onChange={(value) => console.log('Active tab:', value)}
34
- * >
35
- * <CardTabButton value="dashboard">Dashboard</CardTabButton>
36
- * <CardTabButton value="analytics">Analytics</CardTabButton>
37
- * <CardTabButton value="settings">Settings</CardTabButton>
38
- * </CardTabContainer>
39
- * ```
40
- *
41
- * @example
42
- * ```tsx
43
- * // Disabled all tabs
44
- * <CardTabContainer disabled>
45
- * <CardTabButton value="tab1">Tab 1</CardTabButton>
46
- * <CardTabButton value="tab2">Tab 2</CardTabButton>
47
- * </CardTabContainer>
48
- * ```
49
- *
50
- * @example
51
- * ```tsx
52
- * // Tab container with custom styling and state management
53
- * function MyTabs() {
54
- * const [activeTab, setActiveTab] = useState('profile');
55
- *
56
- * return (
57
- * <div>
58
- * <CardTabContainer
59
- * defaultValue={activeTab}
60
- * onChange={setActiveTab}
61
- * className="custom-tabs"
62
- * role="tablist"
63
- * >
64
- * <CardTabButton value="profile">Profile</CardTabButton>
65
- * <CardTabButton value="account">Account</CardTabButton>
66
- * <CardTabButton value="notifications">Notifications</CardTabButton>
67
- * </CardTabContainer>
68
- *
69
- * {activeTab === 'profile' && <ProfileContent />}
70
- * {activeTab === 'account' && <AccountContent />}
71
- * {activeTab === 'notifications' && <NotificationsContent />}
72
- * </div>
73
- * );
74
- * }
75
- * ```
76
- */
77
- function CardTabContainer(props) {
78
- const { children, onChange, defaultValue, disabled = false, className: baseClassName, ...rest } = props;
79
- const [currentTab, setCurrentTab] = useState(defaultValue || "");
80
- const className = `arkynCardTabContainer ${baseClassName || ""}`;
81
- function changeCurrentTab(value) {
82
- setCurrentTab(value);
83
- if (onChange)
84
- onChange(value);
85
- }
86
- return (_jsx(TabProvider, { disabled: disabled, currentTab: currentTab, changeCurrentTab: changeCurrentTab, children: _jsx("nav", { className: className.trim(), ...rest, children: children }) }));
87
- }
88
- export { CardTabContainer };
@@ -1,16 +0,0 @@
1
- import { ReactNode } from "react";
2
- type CardTabContextProps = {
3
- disabled: boolean;
4
- currentTab: string;
5
- changeCurrentTab: (tab: string) => void;
6
- };
7
- type TabProviderProps = {
8
- children: ReactNode;
9
- disabled: boolean;
10
- currentTab: string;
11
- changeCurrentTab: (tab: string) => void;
12
- };
13
- declare function useCardTab(): CardTabContextProps;
14
- declare function TabProvider(props: TabProviderProps): import("react/jsx-runtime").JSX.Element;
15
- export { TabProvider, useCardTab };
16
- //# sourceMappingURL=cardTabContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cardTabContext.d.ts","sourceRoot":"","sources":["../../../../src/components/cardTab/cardTabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,iBAAS,UAAU,wBAElB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAM3C;AAED,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { createContext, useContext } from "react";
3
- const CardTabContext = createContext({});
4
- function useCardTab() {
5
- return useContext(CardTabContext);
6
- }
7
- function TabProvider(props) {
8
- return (_jsx(CardTabContext.Provider, { value: props, children: props.children }));
9
- }
10
- export { TabProvider, useCardTab };
@@ -1,73 +0,0 @@
1
- import { ButtonHTMLAttributes } from "react";
2
- import "./styles.css";
3
- type CheckboxProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size" | "prefix" | "type" | "name" | "defaultValue" | "value" | "onChange" | "onSelect" | "onClick"> & {
4
- label?: string;
5
- errorMessage?: boolean;
6
- size?: "md" | "lg" | "sm";
7
- name: string;
8
- value?: string;
9
- checked?: boolean;
10
- defaultChecked?: boolean;
11
- onCheck?: (value: string) => void;
12
- };
13
- /**
14
- * Checkbox component - used for creating interactive checkbox inputs with customizable styling and validation
15
- *
16
- * @param props - Checkbox component properties
17
- * @param props.name - Required field name for form handling and hidden input identification
18
- * @param props.label - Optional label text to display next to the checkbox
19
- * @param props.errorMessage - Error state indicator to display validation errors
20
- * @param props.size - Size variant of the checkbox. Default: "md"
21
- * @param props.value - Optional value to be used when checkbox is checked. Default: "checked"
22
- * @param props.checked - Controlled checked state of the checkbox
23
- * @param props.defaultChecked - Default checked state for uncontrolled usage. Default: false
24
- * @param props.onCheck - Callback function called when checkbox state changes, receives the value or empty string
25
- *
26
- * **...Other valid HTML properties for button element (except type, name, defaultValue, value, onChange, onSelect, onClick)**
27
- *
28
- * @returns Checkbox JSX element wrapped in FieldWrapper with optional label and error
29
- *
30
- * @example
31
- * ```tsx
32
- * // Basic checkbox
33
- * <Checkbox name="terms" label="I agree to the terms and conditions" />
34
- *
35
- * // Checkbox with custom value and validation
36
- * <Checkbox
37
- * name="newsletter"
38
- * label="Subscribe to newsletter"
39
- * value="subscribed"
40
- * errorMessage={errors.newsletter}
41
- * />
42
- *
43
- * // Large checkbox with controlled state
44
- * <Checkbox
45
- * name="premium"
46
- * label="Enable premium features"
47
- * size="lg"
48
- * checked={isPremium}
49
- * onCheck={(value) => setIsPremium(!!value)}
50
- * />
51
- *
52
- * // Small checkbox with default checked state
53
- * <Checkbox
54
- * name="remember"
55
- * label="Remember me"
56
- * size="sm"
57
- * defaultChecked={true}
58
- * value="remember_user"
59
- * />
60
- *
61
- * // Checkbox with custom styling and callback
62
- * <Checkbox
63
- * name="notifications"
64
- * label="Enable notifications"
65
- * className="custom-checkbox"
66
- * onCheck={(value) => console.log('Notification setting:', value)}
67
- * disabled={isLoading}
68
- * />
69
- * ```
70
- */
71
- declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
72
- export { Checkbox };
73
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAA2B,MAAM,OAAO,CAAC;AAOtE,OAAO,cAAc,CAAC;AAEtB,KAAK,aAAa,GAAG,IAAI,CACvB,oBAAoB,CAAC,iBAAiB,CAAC,EACrC,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,cAAc,GACd,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,CACZ,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6DrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}