@adam-milo/ui 1.0.2 → 1.0.3

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 (341) hide show
  1. package/dist/index10.cjs +1 -1
  2. package/dist/index10.js +4 -4
  3. package/dist/index11.cjs +1 -1
  4. package/dist/index11.js +9 -9
  5. package/dist/index12.cjs +1 -1
  6. package/dist/index12.js +11 -11
  7. package/dist/index13.cjs +1 -1
  8. package/dist/index13.js +2 -3
  9. package/dist/index14.cjs +1 -1
  10. package/dist/index14.js +5 -5
  11. package/dist/index15.cjs +1 -1
  12. package/dist/index15.js +4 -4
  13. package/dist/index16.cjs +1 -1
  14. package/dist/index16.js +4 -4
  15. package/dist/index17.cjs +1 -1
  16. package/dist/index17.js +7 -7
  17. package/dist/index18.cjs +1 -1
  18. package/dist/index18.js +4 -4
  19. package/dist/index19.cjs +1 -1
  20. package/dist/index19.js +2 -2
  21. package/dist/index2.cjs +1 -1
  22. package/dist/index2.js +2 -2
  23. package/dist/index20.cjs +1 -1
  24. package/dist/index20.js +5 -5
  25. package/dist/index21.cjs +1 -1
  26. package/dist/index21.js +11 -11
  27. package/dist/index22.cjs +1 -1
  28. package/dist/index22.js +2 -2
  29. package/dist/index23.cjs +1 -1
  30. package/dist/index23.js +2 -2
  31. package/dist/index24.cjs +1 -1
  32. package/dist/index24.js +2 -2
  33. package/dist/index25.cjs +1 -1
  34. package/dist/index25.js +7 -7
  35. package/dist/index26.cjs +1 -1
  36. package/dist/index26.js +2 -2
  37. package/dist/index27.cjs +1 -1
  38. package/dist/index27.js +2 -2
  39. package/dist/index28.cjs +1 -1
  40. package/dist/index28.js +2 -2
  41. package/dist/index29.cjs +1 -1
  42. package/dist/index29.js +2 -2
  43. package/dist/index3.cjs +1 -1
  44. package/dist/index3.js +3 -3
  45. package/dist/index30.cjs +1 -1
  46. package/dist/index30.js +6 -6
  47. package/dist/index33.cjs +1 -1
  48. package/dist/index33.js +1 -15
  49. package/dist/index34.cjs +1 -1
  50. package/dist/index34.js +1 -1
  51. package/dist/index35.cjs +1 -1
  52. package/dist/index35.js +1 -1
  53. package/dist/index36.cjs +1 -1
  54. package/dist/index36.js +15 -1
  55. package/dist/index37.cjs +1 -1
  56. package/dist/index37.js +1 -5
  57. package/dist/index38.cjs +1 -1
  58. package/dist/index38.js +1 -1
  59. package/dist/index39.cjs +1 -1
  60. package/dist/index39.js +1 -1
  61. package/dist/index4.cjs +1 -1
  62. package/dist/index4.js +2 -2
  63. package/dist/index40.cjs +1 -1
  64. package/dist/index40.js +1 -2
  65. package/dist/index41.cjs +1 -1
  66. package/dist/index41.js +1 -1
  67. package/dist/index42.cjs +1 -1
  68. package/dist/index42.js +1 -1
  69. package/dist/index43.cjs +1 -1
  70. package/dist/index43.js +1 -4
  71. package/dist/index44.cjs +1 -1
  72. package/dist/index44.js +1 -1
  73. package/dist/index45.cjs +1 -1
  74. package/dist/index45.js +1 -1
  75. package/dist/index46.cjs +1 -1
  76. package/dist/index46.js +1 -1
  77. package/dist/index47.cjs +1 -1
  78. package/dist/index47.js +1 -3
  79. package/dist/index48.cjs +1 -1
  80. package/dist/index48.js +1 -1
  81. package/dist/index49.cjs +1 -1
  82. package/dist/index49.js +1 -1
  83. package/dist/index5.cjs +1 -1
  84. package/dist/index5.js +1 -1
  85. package/dist/index50.cjs +1 -1
  86. package/dist/index50.js +1 -1
  87. package/dist/index51.cjs +1 -1
  88. package/dist/index51.js +1 -1
  89. package/dist/index52.cjs +1 -1
  90. package/dist/index52.js +1 -1
  91. package/dist/index53.cjs +1 -1
  92. package/dist/index53.js +1 -1
  93. package/dist/index54.cjs +1 -1
  94. package/dist/index54.js +1 -2
  95. package/dist/index55.cjs +1 -1
  96. package/dist/index55.js +1 -1
  97. package/dist/index56.cjs +1 -1
  98. package/dist/index56.js +1 -1
  99. package/dist/index57.cjs +1 -1
  100. package/dist/index57.js +1 -1
  101. package/dist/index58.cjs +1 -1
  102. package/dist/index58.js +1 -1
  103. package/dist/index59.cjs +1 -1
  104. package/dist/index59.js +1 -1
  105. package/dist/index6.cjs +1 -1
  106. package/dist/index6.js +1 -1
  107. package/dist/index60.cjs +1 -0
  108. package/dist/index60.js +1 -0
  109. package/dist/index61.cjs +1 -0
  110. package/dist/index61.js +1 -0
  111. package/dist/index62.cjs +1 -0
  112. package/dist/index62.js +5 -0
  113. package/dist/index63.cjs +1 -0
  114. package/dist/index63.js +1 -0
  115. package/dist/index64.cjs +1 -0
  116. package/dist/index64.js +1 -0
  117. package/dist/index65.cjs +1 -0
  118. package/dist/index65.js +1 -0
  119. package/dist/index66.cjs +1 -0
  120. package/dist/index66.js +2 -0
  121. package/dist/index67.cjs +1 -0
  122. package/dist/index67.js +1 -0
  123. package/dist/index68.cjs +1 -0
  124. package/dist/index68.js +1 -0
  125. package/dist/index69.cjs +1 -0
  126. package/dist/index69.js +4 -0
  127. package/dist/index7.cjs +1 -1
  128. package/dist/index7.js +1 -1
  129. package/dist/index70.cjs +1 -0
  130. package/dist/index70.js +1 -0
  131. package/dist/index71.cjs +1 -0
  132. package/dist/index71.js +1 -0
  133. package/dist/index72.cjs +1 -0
  134. package/dist/index72.js +1 -0
  135. package/dist/index73.cjs +1 -0
  136. package/dist/index73.js +3 -0
  137. package/dist/index74.cjs +1 -0
  138. package/dist/index74.js +1 -0
  139. package/dist/index75.cjs +1 -0
  140. package/dist/index75.js +1 -0
  141. package/dist/index76.cjs +1 -0
  142. package/dist/index76.js +1 -0
  143. package/dist/index77.cjs +1 -0
  144. package/dist/index77.js +1 -0
  145. package/dist/index78.cjs +1 -0
  146. package/dist/index78.js +1 -0
  147. package/dist/index79.cjs +1 -0
  148. package/dist/index79.js +1 -0
  149. package/dist/index8.cjs +1 -1
  150. package/dist/index8.js +1 -1
  151. package/dist/index80.cjs +1 -0
  152. package/dist/index80.js +2 -0
  153. package/dist/index81.cjs +1 -0
  154. package/dist/index81.js +1 -0
  155. package/dist/index82.cjs +1 -0
  156. package/dist/index82.js +1 -0
  157. package/dist/index83.cjs +1 -0
  158. package/dist/index83.js +1 -0
  159. package/dist/index84.cjs +1 -0
  160. package/dist/index84.js +1 -0
  161. package/dist/index85.cjs +1 -0
  162. package/dist/index85.js +1 -0
  163. package/dist/index9.cjs +1 -1
  164. package/dist/index9.js +4 -4
  165. package/dist/src/components/core/button/Button.component.d.ts +2 -33
  166. package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
  167. package/dist/src/components/core/button/Button.styles.d.ts +5 -0
  168. package/dist/src/components/core/button/Button.styles.d.ts.map +1 -0
  169. package/dist/src/components/core/button/Button.types.d.ts +11 -0
  170. package/dist/src/components/core/button/Button.types.d.ts.map +1 -0
  171. package/dist/src/components/core/icon-button/IconButton.component.d.ts +2 -33
  172. package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -1
  173. package/dist/src/components/core/icon-button/IconButton.styles.d.ts +3 -0
  174. package/dist/src/components/core/icon-button/IconButton.styles.d.ts.map +1 -0
  175. package/dist/src/components/core/icon-button/IconButton.types.d.ts +12 -0
  176. package/dist/src/components/core/icon-button/IconButton.types.d.ts.map +1 -0
  177. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts +2 -31
  178. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -1
  179. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts +9 -0
  180. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -0
  181. package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts +11 -0
  182. package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts.map +1 -0
  183. package/dist/src/components/data-display/card/Card.component.d.ts +2 -34
  184. package/dist/src/components/data-display/card/Card.component.d.ts.map +1 -1
  185. package/dist/src/components/data-display/card/Card.styles.d.ts +12 -0
  186. package/dist/src/components/data-display/card/Card.styles.d.ts.map +1 -0
  187. package/dist/src/components/data-display/card/Card.types.d.ts +28 -0
  188. package/dist/src/components/data-display/card/Card.types.d.ts.map +1 -0
  189. package/dist/src/components/data-display/chip/Chip.component.d.ts +2 -33
  190. package/dist/src/components/data-display/chip/Chip.component.d.ts.map +1 -1
  191. package/dist/src/components/data-display/chip/Chip.styles.d.ts +24 -0
  192. package/dist/src/components/data-display/chip/Chip.styles.d.ts.map +1 -0
  193. package/dist/src/components/data-display/chip/Chip.types.d.ts +11 -0
  194. package/dist/src/components/data-display/chip/Chip.types.d.ts.map +1 -0
  195. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts +2 -69
  196. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -1
  197. package/dist/src/components/data-display/chip-group/ChipGroup.styles.d.ts +14 -0
  198. package/dist/src/components/data-display/chip-group/ChipGroup.styles.d.ts.map +1 -0
  199. package/dist/src/components/data-display/chip-group/ChipGroup.types.d.ts +21 -0
  200. package/dist/src/components/data-display/chip-group/ChipGroup.types.d.ts.map +1 -0
  201. package/dist/src/components/data-display/datatable/DataTable.component.d.ts +2 -22
  202. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
  203. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +10 -0
  204. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -0
  205. package/dist/src/components/data-display/datatable/DataTable.types.d.ts +16 -0
  206. package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map +1 -0
  207. package/dist/src/components/feedback/alert/Alert.component.d.ts +2 -16
  208. package/dist/src/components/feedback/alert/Alert.component.d.ts.map +1 -1
  209. package/dist/src/components/feedback/alert/Alert.styles.d.ts +10 -0
  210. package/dist/src/components/feedback/alert/Alert.styles.d.ts.map +1 -0
  211. package/dist/src/components/feedback/alert/Alert.types.d.ts +10 -0
  212. package/dist/src/components/feedback/alert/Alert.types.d.ts.map +1 -0
  213. package/dist/src/components/feedback/spinner/Spinner.component.d.ts +2 -14
  214. package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -1
  215. package/dist/src/components/feedback/spinner/Spinner.styles.d.ts +7 -0
  216. package/dist/src/components/feedback/spinner/Spinner.styles.d.ts.map +1 -0
  217. package/dist/src/components/feedback/spinner/Spinner.types.d.ts +14 -0
  218. package/dist/src/components/feedback/spinner/Spinner.types.d.ts.map +1 -0
  219. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts +2 -44
  220. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts.map +1 -1
  221. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.types.d.ts +10 -0
  222. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.types.d.ts.map +1 -0
  223. package/dist/src/components/forms/checkbox/Checkbox.component.d.ts +2 -15
  224. package/dist/src/components/forms/checkbox/Checkbox.component.d.ts.map +1 -1
  225. package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts +10 -0
  226. package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts.map +1 -0
  227. package/dist/src/components/forms/checkbox/Checkbox.types.d.ts +17 -0
  228. package/dist/src/components/forms/checkbox/Checkbox.types.d.ts.map +1 -0
  229. package/dist/src/components/forms/email-input/EmailInput.component.d.ts +2 -28
  230. package/dist/src/components/forms/email-input/EmailInput.component.d.ts.map +1 -1
  231. package/dist/src/components/forms/email-input/EmailInput.types.d.ts +7 -0
  232. package/dist/src/components/forms/email-input/EmailInput.types.d.ts.map +1 -0
  233. package/dist/src/components/forms/input/Input.component.d.ts +2 -25
  234. package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
  235. package/dist/src/components/forms/input/Input.styles.d.ts +13 -0
  236. package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -0
  237. package/dist/src/components/forms/input/Input.types.d.ts +17 -0
  238. package/dist/src/components/forms/input/Input.types.d.ts.map +1 -0
  239. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts +2 -41
  240. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
  241. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +9 -0
  242. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -0
  243. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts +3 -79
  244. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -1
  245. package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts +12 -0
  246. package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map +1 -0
  247. package/dist/src/components/forms/otp-input/OTPInput.types.d.ts +23 -0
  248. package/dist/src/components/forms/otp-input/OTPInput.types.d.ts.map +1 -0
  249. package/dist/src/components/forms/password-input/PasswordInput.component.d.ts +2 -25
  250. package/dist/src/components/forms/password-input/PasswordInput.component.d.ts.map +1 -1
  251. package/dist/src/components/forms/password-input/PasswordInput.types.d.ts +6 -0
  252. package/dist/src/components/forms/password-input/PasswordInput.types.d.ts.map +1 -0
  253. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts +2 -91
  254. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -1
  255. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +22 -0
  256. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -0
  257. package/dist/src/components/forms/phone-input/PhoneInput.types.d.ts +19 -0
  258. package/dist/src/components/forms/phone-input/PhoneInput.types.d.ts.map +1 -0
  259. package/dist/src/components/forms/phone-input/countries.d.ts +3 -79
  260. package/dist/src/components/forms/phone-input/countries.d.ts.map +1 -1
  261. package/dist/src/components/forms/phone-input/countries.types.d.ts +12 -0
  262. package/dist/src/components/forms/phone-input/countries.types.d.ts.map +1 -0
  263. package/dist/src/components/forms/radio/Radio.component.d.ts +2 -14
  264. package/dist/src/components/forms/radio/Radio.component.d.ts.map +1 -1
  265. package/dist/src/components/forms/radio/Radio.styles.d.ts +10 -0
  266. package/dist/src/components/forms/radio/Radio.styles.d.ts.map +1 -0
  267. package/dist/src/components/forms/radio/Radio.types.d.ts +16 -0
  268. package/dist/src/components/forms/radio/Radio.types.d.ts.map +1 -0
  269. package/dist/src/components/forms/select/Select.component.d.ts +2 -98
  270. package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
  271. package/dist/src/components/forms/select/Select.styles.d.ts +18 -0
  272. package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -0
  273. package/dist/src/components/forms/select/Select.types.d.ts +34 -0
  274. package/dist/src/components/forms/select/Select.types.d.ts.map +1 -0
  275. package/dist/src/components/forms/toggle/Toggle.component.d.ts +2 -77
  276. package/dist/src/components/forms/toggle/Toggle.component.d.ts.map +1 -1
  277. package/dist/src/components/forms/toggle/Toggle.styles.d.ts +23 -0
  278. package/dist/src/components/forms/toggle/Toggle.styles.d.ts.map +1 -0
  279. package/dist/src/components/forms/toggle/Toggle.types.d.ts +14 -0
  280. package/dist/src/components/forms/toggle/Toggle.types.d.ts.map +1 -0
  281. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts +2 -84
  282. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -1
  283. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts +11 -0
  284. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts.map +1 -0
  285. package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts +16 -0
  286. package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts.map +1 -0
  287. package/dist/src/components/layout/container/Container.component.d.ts +2 -23
  288. package/dist/src/components/layout/container/Container.component.d.ts.map +1 -1
  289. package/dist/src/components/layout/container/Container.styles.d.ts +15 -0
  290. package/dist/src/components/layout/container/Container.styles.d.ts.map +1 -0
  291. package/dist/src/components/layout/container/Container.types.d.ts +9 -0
  292. package/dist/src/components/layout/container/Container.types.d.ts.map +1 -0
  293. package/dist/src/components/layout/divider/Divider.component.d.ts +2 -9
  294. package/dist/src/components/layout/divider/Divider.component.d.ts.map +1 -1
  295. package/dist/src/components/layout/divider/Divider.styles.d.ts +4 -0
  296. package/dist/src/components/layout/divider/Divider.styles.d.ts.map +1 -0
  297. package/dist/src/components/layout/divider/Divider.types.d.ts +11 -0
  298. package/dist/src/components/layout/divider/Divider.types.d.ts.map +1 -0
  299. package/dist/src/components/layout/grid/Grid.component.d.ts +2 -50
  300. package/dist/src/components/layout/grid/Grid.component.d.ts.map +1 -1
  301. package/dist/src/components/layout/grid/Grid.styles.d.ts +79 -0
  302. package/dist/src/components/layout/grid/Grid.styles.d.ts.map +1 -0
  303. package/dist/src/components/layout/grid/Grid.types.d.ts +15 -0
  304. package/dist/src/components/layout/grid/Grid.types.d.ts.map +1 -0
  305. package/dist/src/components/layout/stack/Stack.component.d.ts +2 -10
  306. package/dist/src/components/layout/stack/Stack.component.d.ts.map +1 -1
  307. package/dist/src/components/layout/stack/Stack.styles.d.ts +5 -0
  308. package/dist/src/components/layout/stack/Stack.styles.d.ts.map +1 -0
  309. package/dist/src/components/layout/stack/Stack.types.d.ts +12 -0
  310. package/dist/src/components/layout/stack/Stack.types.d.ts.map +1 -0
  311. package/dist/src/components/navigation/tabs/Tabs.component.d.ts +2 -40
  312. package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
  313. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts +4 -0
  314. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts.map +1 -0
  315. package/dist/src/components/navigation/tabs/Tabs.types.d.ts +17 -0
  316. package/dist/src/components/navigation/tabs/Tabs.types.d.ts.map +1 -0
  317. package/dist/src/components/overlays/dialog/Dialog.component.d.ts +2 -60
  318. package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
  319. package/dist/src/components/overlays/dialog/Dialog.styles.d.ts +20 -0
  320. package/dist/src/components/overlays/dialog/Dialog.styles.d.ts.map +1 -0
  321. package/dist/src/components/overlays/dialog/Dialog.types.d.ts +41 -0
  322. package/dist/src/components/overlays/dialog/Dialog.types.d.ts.map +1 -0
  323. package/dist/src/components/typography/heading/Heading.component.d.ts +2 -17
  324. package/dist/src/components/typography/heading/Heading.component.d.ts.map +1 -1
  325. package/dist/src/components/typography/heading/Heading.styles.d.ts +9 -0
  326. package/dist/src/components/typography/heading/Heading.styles.d.ts.map +1 -0
  327. package/dist/src/components/typography/heading/Heading.types.d.ts +19 -0
  328. package/dist/src/components/typography/heading/Heading.types.d.ts.map +1 -0
  329. package/dist/src/components/typography/link/Link.component.d.ts +2 -58
  330. package/dist/src/components/typography/link/Link.component.d.ts.map +1 -1
  331. package/dist/src/components/typography/link/Link.styles.d.ts +9 -0
  332. package/dist/src/components/typography/link/Link.styles.d.ts.map +1 -0
  333. package/dist/src/components/typography/link/Link.types.d.ts +17 -0
  334. package/dist/src/components/typography/link/Link.types.d.ts.map +1 -0
  335. package/dist/src/components/typography/text/Text.component.d.ts +3 -18
  336. package/dist/src/components/typography/text/Text.component.d.ts.map +1 -1
  337. package/dist/src/components/typography/text/Text.styles.d.ts +8 -0
  338. package/dist/src/components/typography/text/Text.styles.d.ts.map +1 -0
  339. package/dist/src/components/typography/text/Text.types.d.ts +20 -0
  340. package/dist/src/components/typography/text/Text.types.d.ts.map +1 -0
  341. package/package.json +1 -1
package/dist/index10.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index31.cjs"),o=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" "),t=r.forwardRef(({label:t,error:l,helperText:d,className:i,id:c,required:s,disabled:n,checked:u,"data-cy":b,"data-testid":x,...p},v)=>{const f=r.useId(),h=c||f,m=`${h}-error`,y=`${h}-helper`,$=b||"radio",j=x||"radio",g=r.useRef(null),k=r.useCallback(e=>{g.current=e,v&&("function"==typeof v?v(e):"current"in v&&(v.current=e))},[v]),N=t&&s&&!t.includes("*")?`${t} *`:t;return e.jsxs("div",{className:a.cn("inline-flex flex-col gap-2",n&&"opacity-50 cursor-not-allowed"),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:"inline-flex items-center gap-2 relative",children:[e.jsx("input",{ref:k,id:h,type:"radio",checked:u,className:a.cn(o,l&&"border-[var(--color-error)] checked:border-[var(--color-error)]",i),"aria-describedby":l?m:d?y:void 0,"data-cy":$,"data-testid":j,disabled:n,required:s,...p}),t&&e.jsx("label",{htmlFor:h,className:a.cn("text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none",n&&"text-[var(--color-system-text)] cursor-not-allowed"),"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:N})]}),l&&e.jsx("span",{id:m,className:"text-[var(--color-error)] text-base leading-relaxed ms-7",role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:l}),d&&!l&&e.jsx("span",{id:y,className:"text-[var(--color-system-text)] text-base leading-relaxed ms-7","data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});t.displayName="Radio",exports.Radio=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index31.cjs"),s=require("./index39.cjs"),t=r.forwardRef(({label:t,error:d,helperText:l,className:i,id:c,required:n,disabled:o,checked:p,"data-cy":u,"data-testid":y,...b},h)=>{const x=r.useId(),m=c||x,S=`${m}-error`,$=`${m}-helper`,j=u||"radio",N=y||"radio",f=r.useRef(null),q=r.useCallback(e=>{f.current=e,h&&("function"==typeof h?h(e):"current"in h&&(h.current=e))},[h]),w=t&&n&&!t.includes("*")?`${t} *`:t;return e.jsxs("div",{className:a.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${j}-wrapper`,"data-testid":`${N}-wrapper`,children:[e.jsxs("div",{className:s.containerStyles,children:[e.jsx("input",{ref:q,id:m,type:"radio",checked:p,className:a.cn(s.inputBaseStyles,d&&s.inputErrorStyles,i),"aria-describedby":d?S:l?$:void 0,"data-cy":j,"data-testid":N,disabled:o,required:n,...b}),t&&e.jsx("label",{htmlFor:m,className:a.cn(s.labelStyles,o&&s.labelDisabledStyles),"data-cy":`${j}-label`,"data-testid":`${N}-label`,children:w})]}),d&&e.jsx("span",{id:S,className:s.errorMsgStyles,role:"alert","data-cy":`${j}-error`,"data-testid":`${N}-error`,children:d}),l&&!d&&e.jsx("span",{id:$,className:s.helperMsgStyles,"data-cy":`${j}-helper`,"data-testid":`${N}-helper`,children:l})]})});t.displayName="Radio",exports.Radio=t;
package/dist/index10.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useId as o,useRef as t,useCallback as l}from"react";import{cn as d}from"./index31.js";const i=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" "),c=a(({label:a,error:c,helperText:s,className:n,id:b,required:p,disabled:u,checked:m,"data-cy":v,"data-testid":x,...h},f)=>{const y=o(),$=b||y,N=`${$}-error`,g=`${$}-helper`,k=v||"radio",w=x||"radio",j=t(null),q=l(e=>{j.current=e,f&&("function"==typeof f?f(e):"current"in f&&(f.current=e))},[f]),F=a&&p&&!a.includes("*")?`${a} *`:a;/* @__PURE__ */
2
- return e("div",{className:d("inline-flex flex-col gap-2",u&&"opacity-50 cursor-not-allowed"),"data-cy":`${k}-wrapper`,"data-testid":`${w}-wrapper`,children:[
3
- /* @__PURE__ */e("div",{className:"inline-flex items-center gap-2 relative",children:[
4
- /* @__PURE__ */r("input",{ref:q,id:$,type:"radio",checked:m,className:d(i,c&&"border-[var(--color-error)] checked:border-[var(--color-error)]",n),"aria-describedby":c?N:s?g:void 0,"data-cy":k,"data-testid":w,disabled:u,required:p,...h}),a&&/* @__PURE__ */r("label",{htmlFor:$,className:d("text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none",u&&"text-[var(--color-system-text)] cursor-not-allowed"),"data-cy":`${k}-label`,"data-testid":`${w}-label`,children:F})]}),c&&/* @__PURE__ */r("span",{id:N,className:"text-[var(--color-error)] text-base leading-relaxed ms-7",role:"alert","data-cy":`${k}-error`,"data-testid":`${w}-error`,children:c}),s&&!c&&/* @__PURE__ */r("span",{id:g,className:"text-[var(--color-system-text)] text-base leading-relaxed ms-7","data-cy":`${k}-helper`,"data-testid":`${w}-helper`,children:s})]})});c.displayName="Radio";export{c as Radio};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useId as d,useRef as t,useCallback as i}from"react";import{cn as l}from"./index31.js";import{containerStyles as c,inputErrorStyles as s,inputBaseStyles as o,labelDisabledStyles as n,labelStyles as p,errorMsgStyles as m,helperMsgStyles as h,wrapperDisabledStyles as u,wrapperStyles as $}from"./index39.js";const y=r(({label:r,error:y,helperText:b,className:N,id:f,required:x,disabled:j,checked:v,"data-cy":k,"data-testid":q,...w},F)=>{const R=d(),T=f||R,g=`${T}-error`,z=`${T}-helper`,A=k||"radio",B=q||"radio",C=t(null),D=i(e=>{C.current=e,F&&("function"==typeof F?F(e):"current"in F&&(F.current=e))},[F]),E=r&&x&&!r.includes("*")?`${r} *`:r;/* @__PURE__ */
2
+ return e("div",{className:l($,j&&u),"data-cy":`${A}-wrapper`,"data-testid":`${B}-wrapper`,children:[
3
+ /* @__PURE__ */e("div",{className:c,children:[
4
+ /* @__PURE__ */a("input",{ref:D,id:T,type:"radio",checked:v,className:l(o,y&&s,N),"aria-describedby":y?g:b?z:void 0,"data-cy":A,"data-testid":B,disabled:j,required:x,...w}),r&&/* @__PURE__ */a("label",{htmlFor:T,className:l(p,j&&n),"data-cy":`${A}-label`,"data-testid":`${B}-label`,children:E})]}),y&&/* @__PURE__ */a("span",{id:g,className:m,role:"alert","data-cy":`${A}-error`,"data-testid":`${B}-error`,children:y}),b&&!y&&/* @__PURE__ */a("span",{id:z,className:h,"data-cy":`${A}-helper`,"data-testid":`${B}-helper`,children:b})]})});y.displayName="Radio";export{y as Radio};
package/dist/index11.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index31.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const l=o(r),s=l.Root,d=t.forwardRef(({className:r,children:o,label:s,error:d,helperText:c,fullWidth:n=!1,hasValue:i=!1,placeholder:p,id:u,"data-cy":x,"data-testid":b,disabled:h,required:m,...g},v)=>{const f=t.useId(),y=u||f,w=`${y}-label`,j=`${y}-error`,N=`${y}-helper`,S=x||"select-trigger",$=b||"select-trigger";return e.jsxs("div",{className:a.cn("flex flex-col gap-2 relative w-auto",n&&"w-full"),"data-cy":`${S}-wrapper`,"data-testid":`${$}-wrapper`,children:[s&&e.jsx("label",{id:w,htmlFor:y,className:a.cn("text-sm font-normal leading-none text-[var(--color-grey-07)]",d&&"text-[var(--color-error)]",h&&"opacity-50"),"data-cy":`${S}-label`,"data-testid":`${$}-label`,children:s}),e.jsxs(l.Trigger,{ref:v,id:y,className:a.cn("group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none",d&&"border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",!i&&"text-[var(--color-icon-secondary)]",r),"aria-invalid":d?"true":"false","aria-describedby":d?j:c?N:void 0,"aria-labelledby":s?w:void 0,"aria-required":m?"true":void 0,"data-cy":S,"data-testid":$,disabled:h,...g,children:[e.jsx("span",{className:"flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",children:i?o:e.jsx("span",{"data-cy":`${S}-placeholder`,"data-testid":`${$}-placeholder`,children:p||s})}),e.jsx(l.Icon,{className:"flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full","data-cy":`${S}-icon`,"data-testid":`${$}-icon`,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&e.jsx("span",{id:j,className:"text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",role:"alert","data-cy":`${S}-error`,"data-testid":`${$}-error`,children:d}),c&&!d&&e.jsx("span",{id:N,className:"text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5","data-cy":`${S}-helper`,"data-testid":`${$}-helper`,children:c})]})});d.displayName="SelectTrigger";const c=l.Value,n=t.forwardRef(({className:t,children:r,position:o="popper","data-cy":s,"data-testid":d,...c},n)=>{const i=s||"select-content",p=d||"select-content";return e.jsx(l.Portal,{children:e.jsx(l.Content,{ref:n,className:a.cn("select-content-animate overflow-hidden z-50 min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",t),position:o,sideOffset:4,"data-cy":i,"data-testid":p,...c,children:e.jsx(l.Viewport,{className:"p-1",children:r})})})});n.displayName="SelectContent";const i=t.forwardRef(({className:t,children:r,value:o,"data-cy":s,"data-testid":d,...c},n)=>{const i=s||`select-item-${o}`,p=d||`select-item-${o}`;return e.jsx(l.Item,{ref:n,className:a.cn("flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11",t),value:o,"data-cy":i,"data-testid":p,...c,children:e.jsx(l.ItemText,{children:r})})});i.displayName="SelectItem";const p=l.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":o,...s},d)=>{const c=r||"select-label",n=o||"select-label";return e.jsx(l.Label,{ref:d,className:a.cn("py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",t),"data-cy":c,"data-testid":n,...s})});u.displayName="SelectLabel";const x=t.forwardRef(({className:t,"data-cy":r,"data-testid":o,...s},d)=>{const c=r||"select-separator",n=o||"select-separator";return e.jsx(l.Separator,{ref:d,className:a.cn("h-px my-1 bg-[var(--color-border)]",t),"data-cy":c,"data-testid":n,...s})});x.displayName="SelectSeparator",exports.Select=s,exports.SelectContent=n,exports.SelectGroup=p,exports.SelectItem=i,exports.SelectLabel=u,exports.SelectSeparator=x,exports.SelectTrigger=d,exports.SelectValue=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index31.cjs"),s=require("./index40.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const c=l(r),i=c.Root,d=t.forwardRef(({className:r,children:l,label:i,error:d,helperText:o,fullWidth:n=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":S,disabled:h,required:m,...x},b)=>{const f=t.useId(),j=u||f,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=S||"select-trigger";return e.jsxs("div",{className:a.cn(s.triggerWrapperStyles,n&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[i&&e.jsx("label",{id:N,htmlFor:j,className:a.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,h&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:i}),e.jsxs(c.Trigger,{ref:b,id:j,className:a.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,r),"aria-invalid":d?"true":"false","aria-describedby":d?$:o?w:void 0,"aria-labelledby":i?N:void 0,"aria-required":m?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||i})}),e.jsx(c.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),o&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:o})]})});d.displayName="SelectTrigger";const o=c.Value,n=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":i,"data-testid":d,...o},n)=>{const p=i||"select-content",g=d||"select-content";return e.jsx(c.Portal,{children:e.jsx(c.Content,{ref:n,className:a.cn(s.contentStyles,t),position:l,sideOffset:4,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.Viewport,{className:s.viewportStyles,children:r})})})});n.displayName="SelectContent";const p=t.forwardRef(({className:t,children:r,value:l,"data-cy":i,"data-testid":d,...o},n)=>{const p=i||`select-item-${l}`,g=d||`select-item-${l}`;return e.jsx(c.Item,{ref:n,className:a.cn(s.itemStyles,t),value:l,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.ItemText,{children:r})})});p.displayName="SelectItem";const g=c.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-label",n=l||"select-label";return e.jsx(c.Label,{ref:d,className:a.cn(s.labelStyles,t),"data-cy":o,"data-testid":n,...i})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-separator",n=l||"select-separator";return e.jsx(c.Separator,{ref:d,className:a.cn(s.separatorStyles,t),"data-cy":o,"data-testid":n,...i})});y.displayName="SelectSeparator",exports.Select=i,exports.SelectContent=n,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=o;
package/dist/index11.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useId as r}from"react";import*as o from"@radix-ui/react-select";import{cn as l}from"./index31.js";const d=o.Root,s=a(({className:a,children:d,label:s,error:i,helperText:c,fullWidth:n=!1,hasValue:p=!1,placeholder:m,id:h,"data-cy":u,"data-testid":b,disabled:v,required:x,...g},y)=>{const f=r(),w=h||f,N=`${w}-label`,$=`${w}-error`,S=`${w}-helper`,k=u||"select-trigger",L=b||"select-trigger";/* @__PURE__ */
2
- return t("div",{className:l("flex flex-col gap-2 relative w-auto",n&&"w-full"),"data-cy":`${k}-wrapper`,"data-testid":`${L}-wrapper`,children:[s&&/* @__PURE__ */e("label",{id:N,htmlFor:w,className:l("text-sm font-normal leading-none text-[var(--color-grey-07)]",i&&"text-[var(--color-error)]",v&&"opacity-50"),"data-cy":`${k}-label`,"data-testid":`${L}-label`,children:s}),
3
- /* @__PURE__ */t(o.Trigger,{ref:y,id:w,className:l("group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none",i&&"border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",!p&&"text-[var(--color-icon-secondary)]",a),"aria-invalid":i?"true":"false","aria-describedby":i?$:c?S:void 0,"aria-labelledby":s?N:void 0,"aria-required":x?"true":void 0,"data-cy":k,"data-testid":L,disabled:v,...g,children:[
4
- /* @__PURE__ */e("span",{className:"flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",children:p?d:/* @__PURE__ */e("span",{"data-cy":`${k}-placeholder`,"data-testid":`${L}-placeholder`,children:m||s})}),
5
- /* @__PURE__ */e(o.Icon,{className:"flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full","data-cy":`${k}-icon`,"data-testid":`${L}-icon`,children:/* @__PURE__ */e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */e("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),i&&/* @__PURE__ */e("span",{id:$,className:"text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",role:"alert","data-cy":`${k}-error`,"data-testid":`${L}-error`,children:i}),c&&!i&&/* @__PURE__ */e("span",{id:S,className:"text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5","data-cy":`${k}-helper`,"data-testid":`${L}-helper`,children:c})]})});s.displayName="SelectTrigger";const i=o.Value,c=a(({className:t,children:a,position:r="popper","data-cy":d,"data-testid":s,...i},c)=>{const n=d||"select-content",p=s||"select-content";/* @__PURE__ */
6
- return e(o.Portal,{children:/* @__PURE__ */e(o.Content,{ref:c,className:l("select-content-animate overflow-hidden z-50 min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",t),position:r,sideOffset:4,"data-cy":n,"data-testid":p,...i,children:/* @__PURE__ */e(o.Viewport,{className:"p-1",children:a})})})});c.displayName="SelectContent";const n=a(({className:t,children:a,value:r,"data-cy":d,"data-testid":s,...i},c)=>{const n=d||`select-item-${r}`,p=s||`select-item-${r}`;/* @__PURE__ */
7
- return e(o.Item,{ref:c,className:l("flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11",t),value:r,"data-cy":n,"data-testid":p,...i,children:/* @__PURE__ */e(o.ItemText,{children:a})})});n.displayName="SelectItem";const p=o.Group,m=a(({className:t,"data-cy":a,"data-testid":r,...d},s)=>{const i=a||"select-label",c=r||"select-label";/* @__PURE__ */
8
- return e(o.Label,{ref:s,className:l("py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",t),"data-cy":i,"data-testid":c,...d})});m.displayName="SelectLabel";const h=a(({className:t,"data-cy":a,"data-testid":r,...d},s)=>{const i=a||"select-separator",c=r||"select-separator";/* @__PURE__ */
9
- return e(o.Separator,{ref:s,className:l("h-px my-1 bg-[var(--color-border)]",t),"data-cy":i,"data-testid":c,...d})});h.displayName="SelectSeparator";export{d as Select,c as SelectContent,p as SelectGroup,n as SelectItem,m as SelectLabel,h as SelectSeparator,s as SelectTrigger,i as SelectValue};
1
+ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as d from"@radix-ui/react-select";import{cn as l}from"./index31.js";import{viewportStyles as s,contentStyles as i,itemStyles as c,labelStyles as o,separatorStyles as n,triggerLabelDisabledStyles as m,triggerLabelErrorStyles as p,triggerLabelStyles as h,triggerValueStyles as y,triggerIconStyles as N,triggerButtonPlaceholderStyles as u,triggerButtonErrorStyles as $,triggerButtonStyles as b,triggerErrorStyles as f,triggerHelperStyles as g,triggerWrapperFullWidthStyles as v,triggerWrapperStyles as w}from"./index40.js";const x=d.Root,S=t(({className:t,children:s,label:i,error:c,helperText:o,fullWidth:n=!1,hasValue:x=!1,placeholder:S,id:L,"data-cy":j,"data-testid":k,disabled:I,required:T,...C},V)=>{const q=r(),W=L||q,B=`${W}-label`,F=`${W}-error`,G=`${W}-helper`,M=j||"select-trigger",O=k||"select-trigger";/* @__PURE__ */
2
+ return a("div",{className:l(w,n&&v),"data-cy":`${M}-wrapper`,"data-testid":`${O}-wrapper`,children:[i&&/* @__PURE__ */e("label",{id:B,htmlFor:W,className:l(h,c&&p,I&&m),"data-cy":`${M}-label`,"data-testid":`${O}-label`,children:i}),
3
+ /* @__PURE__ */a(d.Trigger,{ref:V,id:W,className:l(b,c&&$,!x&&u,t),"aria-invalid":c?"true":"false","aria-describedby":c?F:o?G:void 0,"aria-labelledby":i?B:void 0,"aria-required":T?"true":void 0,"data-cy":M,"data-testid":O,disabled:I,...C,children:[
4
+ /* @__PURE__ */e("span",{className:y,children:x?s:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||i})}),
5
+ /* @__PURE__ */e(d.Icon,{className:N,"data-cy":`${M}-icon`,"data-testid":`${O}-icon`,children:/* @__PURE__ */e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */e("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),c&&/* @__PURE__ */e("span",{id:F,className:f,role:"alert","data-cy":`${M}-error`,"data-testid":`${O}-error`,children:c}),o&&!c&&/* @__PURE__ */e("span",{id:G,className:g,"data-cy":`${M}-helper`,"data-testid":`${O}-helper`,children:o})]})});S.displayName="SelectTrigger";const L=d.Value,j=t(({className:a,children:t,position:r="popper","data-cy":c,"data-testid":o,...n},m)=>{const p=c||"select-content",h=o||"select-content";/* @__PURE__ */
6
+ return e(d.Portal,{children:/* @__PURE__ */e(d.Content,{ref:m,className:l(i,a),position:r,sideOffset:4,"data-cy":p,"data-testid":h,...n,children:/* @__PURE__ */e(d.Viewport,{className:s,children:t})})})});j.displayName="SelectContent";const k=t(({className:a,children:t,value:r,"data-cy":s,"data-testid":i,...o},n)=>{const m=s||`select-item-${r}`,p=i||`select-item-${r}`;/* @__PURE__ */
7
+ return e(d.Item,{ref:n,className:l(c,a),value:r,"data-cy":m,"data-testid":p,...o,children:/* @__PURE__ */e(d.ItemText,{children:t})})});k.displayName="SelectItem";const I=d.Group,T=t(({className:a,"data-cy":t,"data-testid":r,...s},i)=>{const c=t||"select-label",n=r||"select-label";/* @__PURE__ */
8
+ return e(d.Label,{ref:i,className:l(o,a),"data-cy":c,"data-testid":n,...s})});T.displayName="SelectLabel";const C=t(({className:a,"data-cy":t,"data-testid":r,...s},i)=>{const c=t||"select-separator",o=r||"select-separator";/* @__PURE__ */
9
+ return e(d.Separator,{ref:i,className:l(n,a),"data-cy":c,"data-testid":o,...s})});C.displayName="SelectSeparator";export{x as Select,j as SelectContent,I as SelectGroup,k as SelectItem,T as SelectLabel,C as SelectSeparator,S as SelectTrigger,L as SelectValue};
package/dist/index12.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),o=require("@adam-milo/icons"),a=require("./index32.cjs"),n=t.forwardRef(({label:n,error:s,helperText:l,fullWidth:i=!0,value:d="",onChange:c,countryCode:u="US",onCountryChange:p,countries:x=a.commonCountries,enableFormatting:h=!0,onValidationChange:m,disabled:b,required:g,placeholder:f,id:y,"data-cy":v,"data-testid":C,className:w,onFocus:$,onBlur:k,...j},D)=>{const[N,P]=t.useState(!1),[M,q]=t.useState(!1),[L,S]=t.useState(0),B=t.useId(),E=y||B,I=`${E}-error`,F=`${E}-helper`,R=`${E}-listbox`,T=t.useRef(null),A=t.useRef(null),K=t.useRef(null),V=v||"phone-input",_=C||"phone-input",z=x.find(e=>e.code===u)||x[0],U=a.getPhoneMask(u),O=f||U.placeholder,W=n&&g&&!n.includes("*")?`${n}*`:n;t.useEffect(()=>{const e=e=>{T.current&&!T.current.contains(e.target)&&P(!1)};return N&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[N]);const G=t.useCallback(e=>{p?.(e),P(!1),setTimeout(()=>{const e=T.current?.querySelector("input");e?.focus()},0)},[p]),H=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),S(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),S(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),G(x[L]);break;case"Escape":e.preventDefault(),P(!1),K.current?.focus();break;case"Tab":P(!1)}},[x,L,G]),J=b?"disabled":s?"error":M||N?"focus":"idle";return e.jsxs("div",{ref:T,className:r.cn("flex flex-col gap-2 relative w-auto",i&&"w-full"),"data-cy":`${V}-wrapper`,"data-testid":`${_}-wrapper`,children:[n&&e.jsx("label",{htmlFor:E,className:"text-sm font-normal leading-none text-[var(--color-grey-07)]","data-cy":`${V}-label`,"data-testid":`${_}-label`,children:W}),e.jsxs("div",{className:r.cn("flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out","focus"===J&&"border-[var(--color-button-blue)]","error"===J&&"border-[var(--color-error)]","disabled"===J&&"cursor-not-allowed opacity-50 pointer-events-none","idle"===J&&"hover:border-[var(--color-button-blue)]"),"data-state":J,"data-cy":`${V}-container`,"data-testid":`${_}-container`,children:[e.jsxs("button",{ref:K,type:"button",className:"inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",onClick:()=>!b&&P(!N),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),P(!0);const t=x.findIndex(e=>e.code===u);S(-1===t?0:t)}},disabled:b,"aria-haspopup":"listbox","aria-expanded":N,"aria-controls":R,"aria-label":`Select country. Current: ${z.name}`,"data-cy":`${V}-country-trigger`,"data-testid":`${_}-country-trigger`,children:[e.jsx("span",{className:"flex items-center justify-center w-5 h-5 text-xl leading-none","data-cy":`${V}-flag`,"data-testid":`${_}-flag`,children:z.flag}),e.jsx(o.Icon,{name:"ChevronDownIcon",size:"sm",color:M||N?"clickable":"text",decorative:!0,"data-cy":`${V}-chevron`})]}),e.jsx("span",{className:"text-base text-[var(--color-text)] whitespace-nowrap shrink-0","data-cy":`${V}-dial-code`,"data-testid":`${_}-dial-code`,children:z.dialCode}),e.jsx("input",{ref:D,id:E,type:"tel",inputMode:"numeric",value:d,onChange:e=>{const t=e.target.value;if(h){const e=a.getPhoneDigits(t).slice(0,U.maxLength),r=a.formatPhoneNumber(e,u);c?.(r);const o=e.length===U.maxLength;m?.(o)}else{const e=t.replace(/[^0-9]/g,"");c?.(e);const r=e.length===U.maxLength;m?.(r)}},onFocus:e=>{q(!0),$?.(e)},onBlur:e=>{q(!1),k?.(e)},placeholder:O,disabled:b,required:g,className:r.cn("m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",w),"aria-invalid":s?"true":"false","aria-required":g?"true":void 0,"aria-describedby":s?I:l?F:void 0,"data-cy":V,"data-testid":_,...j})]}),N&&e.jsx("div",{ref:A,id:R,role:"listbox","aria-label":"Select country",className:"phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",tabIndex:-1,onKeyDown:H,"data-cy":`${V}-dropdown`,"data-testid":`${_}-dropdown`,children:x.map((t,o)=>e.jsxs("div",{role:"option","aria-selected":t.code===u,className:r.cn("flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]",o===L&&"bg-[var(--color-bg)]",t.code===u&&"bg-[var(--color-bg-secondary)]"),onClick:()=>G(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),G(t))},onMouseEnter:()=>S(o),tabIndex:o===L?0:-1,"data-cy":`${V}-option-${t.code.toLowerCase()}`,"data-testid":`${_}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:"flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",children:t.flag}),e.jsx("span",{className:"flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",children:t.name}),e.jsx("span",{className:"text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",children:t.dialCode})]},t.code))}),s&&e.jsx("span",{id:I,className:"text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",role:"alert","data-cy":`${V}-error`,"data-testid":`${_}-error`,children:s}),l&&!s&&e.jsx("span",{id:F,className:"text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5","data-cy":`${V}-helper`,"data-testid":`${_}-helper`,children:l})]})});n.displayName="PhoneInput",exports.allCountries=a.allCountries,exports.commonCountries=a.commonCountries,exports.defaultCountries=a.defaultCountries,exports.defaultPhoneMask=a.defaultPhoneMask,exports.formatPhoneNumber=a.formatPhoneNumber,exports.getCountriesByDialCode=a.getCountriesByDialCode,exports.getCountryByCode=a.getCountryByCode,exports.getCountryByDialCode=a.getCountryByDialCode,exports.getPhoneDigits=a.getPhoneDigits,exports.getPhoneMask=a.getPhoneMask,exports.isValidPhoneLength=a.isValidPhoneLength,exports.phoneMasks=a.phoneMasks,exports.searchCountries=a.searchCountries,exports.PhoneInput=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index31.cjs"),r=require("@adam-milo/icons"),o=require("./index32.cjs"),s=require("./index41.cjs"),n=t.forwardRef(({label:n,error:l,helperText:i,fullWidth:d=!0,value:c="",onChange:u,countryCode:p="US",onCountryChange:y,countries:h=o.commonCountries,enableFormatting:m=!0,onValidationChange:g,disabled:x,required:f,placeholder:C,id:b,"data-cy":S,"data-testid":$,className:v,onFocus:k,onBlur:w,...D},j)=>{const[N,P]=t.useState(!1),[M,q]=t.useState(!1),[B,E]=t.useState(0),I=t.useId(),L=b||I,F=`${L}-error`,R=`${L}-helper`,T=`${L}-listbox`,A=t.useRef(null),K=t.useRef(null),V=t.useRef(null),U=S||"phone-input",W=$||"phone-input",z=h.find(e=>e.code===p)||h[0],H=o.getPhoneMask(p),O=C||H.placeholder,G=n&&f&&!n.includes("*")?`${n}*`:n;t.useEffect(()=>{const e=e=>{A.current&&!A.current.contains(e.target)&&P(!1)};return N&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[N]);const J=t.useCallback(e=>{y?.(e),P(!1),setTimeout(()=>{const e=A.current?.querySelector("input");e?.focus()},0)},[y]),Q=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),E(e=>Math.min(e+1,h.length-1));break;case"ArrowUp":e.preventDefault(),E(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),J(h[B]);break;case"Escape":e.preventDefault(),P(!1),V.current?.focus();break;case"Tab":P(!1)}},[h,B,J]),X=x?"disabled":l?"error":M||N?"focus":"idle";return e.jsxs("div",{ref:A,className:a.cn(s.wrapperStyles,d&&s.wrapperFullWidthStyles),"data-cy":`${U}-wrapper`,"data-testid":`${W}-wrapper`,children:[n&&e.jsx("label",{htmlFor:L,className:s.labelStyles,"data-cy":`${U}-label`,"data-testid":`${W}-label`,children:G}),e.jsxs("div",{className:a.cn(s.containerBaseStyles,"focus"===X&&s.containerFocusStyles,"error"===X&&s.containerErrorStyles,"disabled"===X&&s.containerDisabledStyles,"idle"===X&&s.containerIdleStyles),"data-state":X,"data-cy":`${U}-container`,"data-testid":`${W}-container`,children:[e.jsxs("button",{ref:V,type:"button",className:s.triggerStyles,onClick:()=>!x&&P(!N),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),P(!0);const t=h.findIndex(e=>e.code===p);E(-1===t?0:t)}},disabled:x,"aria-haspopup":"listbox","aria-expanded":N,"aria-controls":T,"aria-label":`Select country. Current: ${z.name}`,"data-cy":`${U}-country-trigger`,"data-testid":`${W}-country-trigger`,children:[e.jsx("span",{className:s.flagStyles,"data-cy":`${U}-flag`,"data-testid":`${W}-flag`,children:z.flag}),e.jsx(r.Icon,{name:"ChevronDownIcon",size:"sm",color:M||N?"clickable":"text",decorative:!0,"data-cy":`${U}-chevron`})]}),e.jsx("span",{className:s.dialCodeStyles,"data-cy":`${U}-dial-code`,"data-testid":`${W}-dial-code`,children:z.dialCode}),e.jsx("input",{ref:j,id:L,type:"tel",inputMode:"numeric",value:c,onChange:e=>{const t=e.target.value;if(m){const e=o.getPhoneDigits(t).slice(0,H.maxLength),a=o.formatPhoneNumber(e,p);u?.(a);const r=e.length===H.maxLength;g?.(r)}else{const e=t.replace(/[^0-9]/g,"");u?.(e);const a=e.length===H.maxLength;g?.(a)}},onFocus:e=>{q(!0),k?.(e)},onBlur:e=>{q(!1),w?.(e)},placeholder:O,disabled:x,required:f,className:a.cn(s.inputStyles,v),"aria-invalid":l?"true":"false","aria-required":f?"true":void 0,"aria-describedby":l?F:i?R:void 0,"data-cy":U,"data-testid":W,...D})]}),N&&e.jsx("div",{ref:K,id:T,role:"listbox","aria-label":"Select country",className:s.dropdownStyles,tabIndex:-1,onKeyDown:Q,"data-cy":`${U}-dropdown`,"data-testid":`${W}-dropdown`,children:h.map((t,r)=>e.jsxs("div",{role:"option","aria-selected":t.code===p,className:a.cn(s.optionBaseStyles,r===B&&s.optionHighlightedStyles,t.code===p&&s.optionSelectedStyles),onClick:()=>J(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),J(t))},onMouseEnter:()=>E(r),tabIndex:r===B?0:-1,"data-cy":`${U}-option-${t.code.toLowerCase()}`,"data-testid":`${W}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:s.optionFlagStyles,children:t.flag}),e.jsx("span",{className:s.optionNameStyles,children:t.name}),e.jsx("span",{className:s.optionDialCodeStyles,children:t.dialCode})]},t.code))}),l&&e.jsx("span",{id:F,className:s.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${W}-error`,children:l}),i&&!l&&e.jsx("span",{id:R,className:s.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${W}-helper`,children:i})]})});n.displayName="PhoneInput",exports.allCountries=o.allCountries,exports.commonCountries=o.commonCountries,exports.defaultCountries=o.defaultCountries,exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatPhoneNumber=o.formatPhoneNumber,exports.getCountriesByDialCode=o.getCountriesByDialCode,exports.getCountryByCode=o.getCountryByCode,exports.getCountryByDialCode=o.getCountryByDialCode,exports.getPhoneDigits=o.getPhoneDigits,exports.getPhoneMask=o.getPhoneMask,exports.isValidPhoneLength=o.isValidPhoneLength,exports.phoneMasks=o.phoneMasks,exports.searchCountries=o.searchCountries,exports.PhoneInput=n;
package/dist/index12.js CHANGED
@@ -1,11 +1,11 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as a,useId as o,useRef as n,useEffect as l,useCallback as d}from"react";import{cn as i}from"./index31.js";import{Icon as s}from"@adam-milo/icons";import{commonCountries as c,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index32.js";import{allCountries as b,defaultCountries as x,defaultPhoneMask as h,getCountriesByDialCode as f,getCountryByCode as v,getCountryByDialCode as g,isValidPhoneLength as y,phoneMasks as w,searchCountries as $}from"./index32.js";const k=r(({label:r,error:b,helperText:x,fullWidth:h=!0,value:f="",onChange:v,countryCode:g="US",onCountryChange:y,countries:w=c,enableFormatting:$=!0,onValidationChange:k,disabled:N,required:C,placeholder:D,id:E,"data-cy":L,"data-testid":j,className:I,onFocus:q,onBlur:F,...M},S)=>{const[A,K]=a(!1),[T,_]=a(!1),[z,B]=a(0),U=o(),P=E||U,V=`${P}-error`,W=`${P}-helper`,G=`${P}-listbox`,H=n(null),J=n(null),O=n(null),Q=L||"phone-input",R=j||"phone-input",X=w.find(e=>e.code===g)||w[0],Y=u(g),Z=D||Y.placeholder,ee=r&&C&&!r.includes("*")?`${r}*`:r;l(()=>{const e=e=>{H.current&&!H.current.contains(e.target)&&K(!1)};return A&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[A]);const te=d(e=>{y?.(e),K(!1),setTimeout(()=>{const e=H.current?.querySelector("input");e?.focus()},0)},[y]),re=d(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),B(e=>Math.min(e+1,w.length-1));break;case"ArrowUp":e.preventDefault(),B(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),te(w[z]);break;case"Escape":e.preventDefault(),K(!1),O.current?.focus();break;case"Tab":K(!1)}},[w,z,te]),ae=N?"disabled":b?"error":T||A?"focus":"idle";/* @__PURE__ */
2
- return e("div",{ref:H,className:i("flex flex-col gap-2 relative w-auto",h&&"w-full"),"data-cy":`${Q}-wrapper`,"data-testid":`${R}-wrapper`,children:[r&&/* @__PURE__ */t("label",{htmlFor:P,className:"text-sm font-normal leading-none text-[var(--color-grey-07)]","data-cy":`${Q}-label`,"data-testid":`${R}-label`,children:ee}),
3
- /* @__PURE__ */e("div",{className:i("flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out","focus"===ae&&"border-[var(--color-button-blue)]","error"===ae&&"border-[var(--color-error)]","disabled"===ae&&"cursor-not-allowed opacity-50 pointer-events-none","idle"===ae&&"hover:border-[var(--color-button-blue)]"),"data-state":ae,"data-cy":`${Q}-container`,"data-testid":`${R}-container`,children:[
4
- /* @__PURE__ */e("button",{ref:O,type:"button",className:"inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",onClick:()=>!N&&K(!A),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),K(!0);const t=w.findIndex(e=>e.code===g);B(-1===t?0:t)}},disabled:N,"aria-haspopup":"listbox","aria-expanded":A,"aria-controls":G,"aria-label":`Select country. Current: ${X.name}`,"data-cy":`${Q}-country-trigger`,"data-testid":`${R}-country-trigger`,children:[
5
- /* @__PURE__ */t("span",{className:"flex items-center justify-center w-5 h-5 text-xl leading-none","data-cy":`${Q}-flag`,"data-testid":`${R}-flag`,children:X.flag}),
6
- /* @__PURE__ */t(s,{name:"ChevronDownIcon",size:"sm",color:T||A?"clickable":"text",decorative:!0,"data-cy":`${Q}-chevron`})]}),
7
- /* @__PURE__ */t("span",{className:"text-base text-[var(--color-text)] whitespace-nowrap shrink-0","data-cy":`${Q}-dial-code`,"data-testid":`${R}-dial-code`,children:X.dialCode}),
8
- /* @__PURE__ */t("input",{ref:S,id:P,type:"tel",inputMode:"numeric",value:f,onChange:e=>{const t=e.target.value;if($){const e=p(t).slice(0,Y.maxLength),r=m(e,g);v?.(r);const a=e.length===Y.maxLength;k?.(a)}else{const e=t.replace(/[^0-9]/g,"");v?.(e);const r=e.length===Y.maxLength;k?.(r)}},onFocus:e=>{_(!0),q?.(e)},onBlur:e=>{_(!1),F?.(e)},placeholder:Z,disabled:N,required:C,className:i("m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",I),"aria-invalid":b?"true":"false","aria-required":C?"true":void 0,"aria-describedby":b?V:x?W:void 0,"data-cy":Q,"data-testid":R,...M})]}),A&&/* @__PURE__ */t("div",{ref:J,id:G,role:"listbox","aria-label":"Select country",className:"phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",tabIndex:-1,onKeyDown:re,"data-cy":`${Q}-dropdown`,"data-testid":`${R}-dropdown`,children:w.map((r,a)=>/* @__PURE__ */e("div",{role:"option","aria-selected":r.code===g,className:i("flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]",a===z&&"bg-[var(--color-bg)]",r.code===g&&"bg-[var(--color-bg-secondary)]"),onClick:()=>te(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),te(r))},onMouseEnter:()=>B(a),tabIndex:a===z?0:-1,"data-cy":`${Q}-option-${r.code.toLowerCase()}`,"data-testid":`${R}-option-${r.code.toLowerCase()}`,children:[
9
- /* @__PURE__ */t("span",{className:"flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",children:r.flag}),
10
- /* @__PURE__ */t("span",{className:"flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",children:r.name}),
11
- /* @__PURE__ */t("span",{className:"text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",children:r.dialCode})]},r.code))}),b&&/* @__PURE__ */t("span",{id:V,className:"text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",role:"alert","data-cy":`${Q}-error`,"data-testid":`${R}-error`,children:b}),x&&!b&&/* @__PURE__ */t("span",{id:W,className:"text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5","data-cy":`${Q}-helper`,"data-testid":`${R}-helper`,children:x})]})});k.displayName="PhoneInput";export{k as PhoneInput,b as allCountries,c as commonCountries,x as defaultCountries,h as defaultPhoneMask,m as formatPhoneNumber,f as getCountriesByDialCode,v as getCountryByCode,g as getCountryByDialCode,p as getPhoneDigits,u as getPhoneMask,y as isValidPhoneLength,w as phoneMasks,$ as searchCountries};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as o,useEffect as d,useCallback as l}from"react";import{cn as i}from"./index31.js";import{Icon as c}from"@adam-milo/icons";import{commonCountries as s,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index32.js";import{allCountries as h,defaultCountries as y,defaultPhoneMask as f,getCountriesByDialCode as $,getCountryByCode as b,getCountryByDialCode as g,isValidPhoneLength as v,phoneMasks as x,searchCountries as w}from"./index32.js";import{labelStyles as N,triggerStyles as C,flagStyles as k,dialCodeStyles as D,inputStyles as E,containerIdleStyles as L,containerDisabledStyles as j,containerErrorStyles as I,containerFocusStyles as q,containerBaseStyles as F,dropdownStyles as M,optionFlagStyles as S,optionNameStyles as A,optionDialCodeStyles as K,optionSelectedStyles as T,optionHighlightedStyles as B,optionBaseStyles as U,errorStyles as z,helperStyles as P,wrapperFullWidthStyles as V,wrapperStyles as W}from"./index41.js";const G=t(({label:t,error:h,helperText:y,fullWidth:f=!0,value:$="",onChange:b,countryCode:g="US",onCountryChange:v,countries:x=s,enableFormatting:w=!0,onValidationChange:G,disabled:H,required:J,placeholder:O,id:Q,"data-cy":R,"data-testid":X,className:Y,onFocus:Z,onBlur:_,...ee},ae)=>{const[te,re]=r(!1),[ne,oe]=r(!1),[de,le]=r(0),ie=n(),ce=Q||ie,se=`${ce}-error`,ue=`${ce}-helper`,pe=`${ce}-listbox`,me=o(null),he=o(null),ye=o(null),fe=R||"phone-input",$e=X||"phone-input",be=x.find(e=>e.code===g)||x[0],ge=u(g),ve=O||ge.placeholder,xe=t&&J&&!t.includes("*")?`${t}*`:t;d(()=>{const e=e=>{me.current&&!me.current.contains(e.target)&&re(!1)};return te&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[te]);const we=l(e=>{v?.(e),re(!1),setTimeout(()=>{const e=me.current?.querySelector("input");e?.focus()},0)},[v]),Ne=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),le(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),le(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),we(x[de]);break;case"Escape":e.preventDefault(),re(!1),ye.current?.focus();break;case"Tab":re(!1)}},[x,de,we]),Ce=H?"disabled":h?"error":ne||te?"focus":"idle";/* @__PURE__ */
2
+ return e("div",{ref:me,className:i(W,f&&V),"data-cy":`${fe}-wrapper`,"data-testid":`${$e}-wrapper`,children:[t&&/* @__PURE__ */a("label",{htmlFor:ce,className:N,"data-cy":`${fe}-label`,"data-testid":`${$e}-label`,children:xe}),
3
+ /* @__PURE__ */e("div",{className:i(F,"focus"===Ce&&q,"error"===Ce&&I,"disabled"===Ce&&j,"idle"===Ce&&L),"data-state":Ce,"data-cy":`${fe}-container`,"data-testid":`${$e}-container`,children:[
4
+ /* @__PURE__ */e("button",{ref:ye,type:"button",className:C,onClick:()=>!H&&re(!te),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),re(!0);const a=x.findIndex(e=>e.code===g);le(-1===a?0:a)}},disabled:H,"aria-haspopup":"listbox","aria-expanded":te,"aria-controls":pe,"aria-label":`Select country. Current: ${be.name}`,"data-cy":`${fe}-country-trigger`,"data-testid":`${$e}-country-trigger`,children:[
5
+ /* @__PURE__ */a("span",{className:k,"data-cy":`${fe}-flag`,"data-testid":`${$e}-flag`,children:be.flag}),
6
+ /* @__PURE__ */a(c,{name:"ChevronDownIcon",size:"sm",color:ne||te?"clickable":"text",decorative:!0,"data-cy":`${fe}-chevron`})]}),
7
+ /* @__PURE__ */a("span",{className:D,"data-cy":`${fe}-dial-code`,"data-testid":`${$e}-dial-code`,children:be.dialCode}),
8
+ /* @__PURE__ */a("input",{ref:ae,id:ce,type:"tel",inputMode:"numeric",value:$,onChange:e=>{const a=e.target.value;if(w){const e=p(a).slice(0,ge.maxLength),t=m(e,g);b?.(t);const r=e.length===ge.maxLength;G?.(r)}else{const e=a.replace(/[^0-9]/g,"");b?.(e);const t=e.length===ge.maxLength;G?.(t)}},onFocus:e=>{oe(!0),Z?.(e)},onBlur:e=>{oe(!1),_?.(e)},placeholder:ve,disabled:H,required:J,className:i(E,Y),"aria-invalid":h?"true":"false","aria-required":J?"true":void 0,"aria-describedby":h?se:y?ue:void 0,"data-cy":fe,"data-testid":$e,...ee})]}),te&&/* @__PURE__ */a("div",{ref:he,id:pe,role:"listbox","aria-label":"Select country",className:M,tabIndex:-1,onKeyDown:Ne,"data-cy":`${fe}-dropdown`,"data-testid":`${$e}-dropdown`,children:x.map((t,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":t.code===g,className:i(U,r===de&&B,t.code===g&&T),onClick:()=>we(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),we(t))},onMouseEnter:()=>le(r),tabIndex:r===de?0:-1,"data-cy":`${fe}-option-${t.code.toLowerCase()}`,"data-testid":`${$e}-option-${t.code.toLowerCase()}`,children:[
9
+ /* @__PURE__ */a("span",{className:S,children:t.flag}),
10
+ /* @__PURE__ */a("span",{className:A,children:t.name}),
11
+ /* @__PURE__ */a("span",{className:K,children:t.dialCode})]},t.code))}),h&&/* @__PURE__ */a("span",{id:se,className:z,role:"alert","data-cy":`${fe}-error`,"data-testid":`${$e}-error`,children:h}),y&&!h&&/* @__PURE__ */a("span",{id:ue,className:P,"data-cy":`${fe}-helper`,"data-testid":`${$e}-helper`,children:y})]})});G.displayName="PhoneInput";export{G as PhoneInput,h as allCountries,s as commonCountries,y as defaultCountries,f as defaultPhoneMask,m as formatPhoneNumber,$ as getCountriesByDialCode,b as getCountryByCode,g as getCountryByDialCode,p as getPhoneDigits,u as getPhoneMask,v as isValidPhoneLength,x as phoneMasks,w as searchCountries};
package/dist/index13.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),a=t.forwardRef(({length:a=4,label:o,value:l="",onChange:n,onComplete:c,error:i,helperText:s,disabled:d=!1,autoFocus:u=!1,fullWidth:p=!1,centered:x=!1,type:f="numeric",required:m=!1,"data-cy":b,"data-testid":v},g)=>{const h=t.useId(),y=`${h}-error`,$=`${h}-helper`,k=b||"otp-input",w=v||"otp-input",D=t.useRef([]),[j,C]=t.useState(()=>l.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));t.useEffect(()=>{const e=l.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);C(e)},[l,a]);const A=t.useCallback(e=>"numeric"===f?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[f]),I=t.useCallback(e=>{C(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===a&&c?.(t)},[n,c,a]),N=t.useCallback(e=>{const t=D.current[e];t&&(t.focus(),t.select())},[]),P=t.useCallback((e,t)=>{const r=t.target.value;if(1===r.length&&A(r)){const t=[...j];t[e]=r,I(t),e<a-1&&N(e+1)}else if(r.length>1){const t=r.split("").filter(A),o=[...j];t.forEach((t,r)=>{e+r<a&&(o[e+r]=t)}),I(o);const l=o.findIndex(e=>""===e);N(-1===l?a-1:l)}},[j,a,A,I,N]),q=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),j[e]){const t=[...j];t[e]="",I(t)}else if(e>0){const t=[...j];t[e-1]="",I(t),N(e-1)}break;case"Delete":if(t.preventDefault(),j[e]){const t=[...j];t[e]="",I(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&N(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&N(e+1);break;case"Home":t.preventDefault(),N(0);break;case"End":t.preventDefault(),N(a-1);break;default:if(1===t.key.length&&A(t.key)){t.preventDefault();const r=[...j];r[e]=t.key,I(r),e<a-1&&N(e+1)}}},[j,a,A,I,N]),E=t.useCallback((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(A);if(0===r.length)return;const o=[...j];r.forEach((t,r)=>{e+r<a&&(o[e+r]=t)}),I(o);const l=o.findIndex(e=>""===e);N(-1===l?a-1:l)},[j,a,A,I,N]),T=t.useCallback(e=>{e.target.select()},[]);t.useImperativeHandle(g,()=>({focus:()=>{const e=j.findIndex(e=>""===e);N(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");I(e),N(0)},getValue:()=>j.join("")}),[j,a,N,I]),t.useEffect(()=>{u&&!d&&N(0)},[u,d,N]);const z=r.cn("m-0 border font-inherit appearance-none box-border","w-[3.75rem] min-h-16 h-16 px-6 py-3","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","text-2xl font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] leading-[1.25] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none","max-md:w-[3.75rem] max-md:h-16 max-md:px-6 max-md:py-3 max-md:text-xl max-md:leading-[1.25]","max-[374px]:w-[2.5rem] max-[374px]:h-14 max-[374px]:px-2 max-[374px]:text-[1.25rem] max-[374px]:leading-[1.25]");return e.jsxs("div",{className:r.cn("flex flex-col gap-2 relative w-fit",p&&"w-full"),"data-cy":`${k}-wrapper`,"data-testid":`${w}-wrapper`,children:[o&&e.jsx("label",{className:r.cn("text-sm font-normal leading-none text-[var(--color-grey-07)]",i&&"text-[var(--color-error)]",d&&"opacity-50"),"data-cy":`${k}-label`,"data-testid":`${w}-label`,children:o}),e.jsx("div",{className:r.cn("flex items-center gap-2.5",x&&"justify-center","max-md:gap-2.5 max-[374px]:gap-1.5"),role:"group","aria-label":o||"OTP Input","data-cy":`${k}-container`,"data-testid":`${w}-container`,children:Array.from({length:a},(t,o)=>e.jsx("input",{ref:e=>{D.current[o]=e},type:"text",inputMode:"numeric"===f?"numeric":"text",pattern:"numeric"===f?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:j[o]||"",onChange:e=>P(o,e),onKeyDown:e=>q(o,e),onPaste:e=>E(o,e),onFocus:T,disabled:d,required:m,"aria-label":`Digit ${o+1} of ${a}`,"aria-invalid":i?"true":"false","aria-describedby":i?y:s?$:void 0,className:r.cn(z,i&&"!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]"),"data-otp-digit":!0,"data-cy":`${k}-digit-${o}`,"data-testid":`${w}-digit-${o}`,autoComplete:"one-time-code"},o))}),i&&e.jsx("span",{id:y,className:"text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",role:"alert","data-cy":`${k}-error`,"data-testid":`${w}-error`,children:i}),s&&!i&&e.jsx("span",{id:$,className:"text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center","data-cy":`${k}-helper`,"data-testid":`${w}-helper`,children:s})]})});a.displayName="OTPInput",exports.OTPInput=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index31.cjs"),r=require("./index42.cjs"),l=t.forwardRef(({length:l=4,label:s,value:n="",onChange:c,onComplete:i,error:o,helperText:d,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",required:h=!1,"data-cy":g,"data-testid":m},$)=>{const x=t.useId(),k=`${x}-error`,v=`${x}-helper`,D=g||"otp-input",S=m||"otp-input",j=t.useRef([]),[C,w]=t.useState(()=>n.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=n.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);w(e)},[n,l]);const A=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),I=t.useCallback(e=>{w(e);const t=e.join("");c?.(t),e.every(e=>""!==e)&&e.length===l&&i?.(t)},[c,i,l]),E=t.useCallback(e=>{const t=j.current[e];t&&(t.focus(),t.select())},[]),N=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&A(a)){const t=[...C];t[e]=a,I(t),e<l-1&&E(e+1)}else if(a.length>1){const t=a.split("").filter(A),r=[...C];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),I(r);const s=r.findIndex(e=>""===e);E(-1===s?l-1:s)}},[C,l,A,I,E]),q=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),C[e]){const t=[...C];t[e]="",I(t)}else if(e>0){const t=[...C];t[e-1]="",I(t),E(e-1)}break;case"Delete":if(t.preventDefault(),C[e]){const t=[...C];t[e]="",I(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&E(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&E(e+1);break;case"Home":t.preventDefault(),E(0);break;case"End":t.preventDefault(),E(l-1);break;default:if(1===t.key.length&&A(t.key)){t.preventDefault();const a=[...C];a[e]=t.key,I(a),e<l-1&&E(e+1)}}},[C,l,A,I,E]),P=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(A);if(0===a.length)return;const r=[...C];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),I(r);const s=r.findIndex(e=>""===e);E(-1===s?l-1:s)},[C,l,A,I,E]),T=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle($,()=>({focus:()=>{const e=C.findIndex(e=>""===e);E(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");I(e),E(0)},getValue:()=>C.join("")}),[C,l,E,I]),t.useEffect(()=>{p&&!u&&E(0)},[p,u,E]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${D}-wrapper`,"data-testid":`${S}-wrapper`,children:[s&&e.jsx("label",{className:a.cn(r.labelBaseStyles,o&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${D}-label`,"data-testid":`${S}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-label":s||"OTP Input","data-cy":`${D}-container`,"data-testid":`${S}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{j.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:C[s]||"",onChange:e=>N(s,e),onKeyDown:e=>q(s,e),onPaste:e=>P(s,e),onFocus:T,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":o?"true":"false","aria-describedby":o?k:d?v:void 0,className:a.cn(r.digitBaseStyles,o&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${D}-digit-${s}`,"data-testid":`${S}-digit-${s}`,autoComplete:"one-time-code"},s))}),o&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${D}-error`,"data-testid":`${S}-error`,children:o}),d&&!o&&e.jsx("span",{id:v,className:r.helperStyles,"data-cy":`${D}-helper`,"data-testid":`${S}-helper`,children:d})]})});l.displayName="OTPInput",exports.OTPInput=l;
package/dist/index13.js CHANGED
@@ -1,3 +1,2 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useId as a,useRef as o,useState as n,useEffect as l,useCallback as i,useImperativeHandle as c}from"react";import{cn as d}from"./index31.js";const s=r(({length:r=4,label:s,value:p="",onChange:m,onComplete:u,error:x,helperText:f,disabled:b=!1,autoFocus:v=!1,fullWidth:g=!1,centered:h=!1,type:y="numeric",required:$=!1,"data-cy":w,"data-testid":D},k)=>{const A=a(),N=`${A}-error`,j=`${A}-helper`,C=w||"otp-input",I=D||"otp-input",z=o([]),[P,E]=n(()=>p.split("").slice(0,r).concat(Array(r).fill("")).slice(0,r));l(()=>{const e=p.split("").slice(0,r).concat(Array(r).fill("")).slice(0,r);E(e)},[p,r]);const T=i(e=>"numeric"===y?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[y]),q=i(e=>{E(e);const t=e.join("");m?.(t),e.every(e=>""!==e)&&e.length===r&&u?.(t)},[m,u,r]),B=i(e=>{const t=z.current[e];t&&(t.focus(),t.select())},[]),F=i((e,t)=>{const a=t.target.value;if(1===a.length&&T(a)){const t=[...P];t[e]=a,q(t),e<r-1&&B(e+1)}else if(a.length>1){const t=a.split("").filter(T),o=[...P];t.forEach((t,a)=>{e+a<r&&(o[e+a]=t)}),q(o);const n=o.findIndex(e=>""===e);B(-1===n?r-1:n)}},[P,r,T,q,B]),L=i((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),P[e]){const t=[...P];t[e]="",q(t)}else if(e>0){const t=[...P];t[e-1]="",q(t),B(e-1)}break;case"Delete":if(t.preventDefault(),P[e]){const t=[...P];t[e]="",q(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&B(e-1);break;case"ArrowRight":t.preventDefault(),e<r-1&&B(e+1);break;case"Home":t.preventDefault(),B(0);break;case"End":t.preventDefault(),B(r-1);break;default:if(1===t.key.length&&T(t.key)){t.preventDefault();const a=[...P];a[e]=t.key,q(a),e<r-1&&B(e+1)}}},[P,r,T,q,B]),O=i((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(T);if(0===a.length)return;const o=[...P];a.forEach((t,a)=>{e+a<r&&(o[e+a]=t)}),q(o);const n=o.findIndex(e=>""===e);B(-1===n?r-1:n)},[P,r,T,q,B]),Z=i(e=>{e.target.select()},[]);c(k,()=>({focus:()=>{const e=P.findIndex(e=>""===e);B(-1===e?r-1:e)},clear:()=>{const e=Array(r).fill("");q(e),B(0)},getValue:()=>P.join("")}),[P,r,B,q]),l(()=>{v&&!b&&B(0)},[v,b,B]);const H=d("m-0 border font-inherit appearance-none box-border","w-[3.75rem] min-h-16 h-16 px-6 py-3","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","text-2xl font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] leading-[1.25] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none","max-md:w-[3.75rem] max-md:h-16 max-md:px-6 max-md:py-3 max-md:text-xl max-md:leading-[1.25]","max-[374px]:w-[2.5rem] max-[374px]:h-14 max-[374px]:px-2 max-[374px]:text-[1.25rem] max-[374px]:leading-[1.25]");/* @__PURE__ */
2
- return e("div",{className:d("flex flex-col gap-2 relative w-fit",g&&"w-full"),"data-cy":`${C}-wrapper`,"data-testid":`${I}-wrapper`,children:[s&&/* @__PURE__ */t("label",{className:d("text-sm font-normal leading-none text-[var(--color-grey-07)]",x&&"text-[var(--color-error)]",b&&"opacity-50"),"data-cy":`${C}-label`,"data-testid":`${I}-label`,children:s}),
3
- /* @__PURE__ */t("div",{className:d("flex items-center gap-2.5",h&&"justify-center","max-md:gap-2.5 max-[374px]:gap-1.5"),role:"group","aria-label":s||"OTP Input","data-cy":`${C}-container`,"data-testid":`${I}-container`,children:Array.from({length:r},(e,a)=>/* @__PURE__ */t("input",{ref:e=>{z.current[a]=e},type:"text",inputMode:"numeric"===y?"numeric":"text",pattern:"numeric"===y?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:P[a]||"",onChange:e=>F(a,e),onKeyDown:e=>L(a,e),onPaste:e=>O(a,e),onFocus:Z,disabled:b,required:$,"aria-label":`Digit ${a+1} of ${r}`,"aria-invalid":x?"true":"false","aria-describedby":x?N:f?j:void 0,className:d(H,x&&"!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]"),"data-otp-digit":!0,"data-cy":`${C}-digit-${a}`,"data-testid":`${I}-digit-${a}`,autoComplete:"one-time-code"},a))}),x&&/* @__PURE__ */t("span",{id:N,className:"text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",role:"alert","data-cy":`${C}-error`,"data-testid":`${I}-error`,children:x}),f&&!x&&/* @__PURE__ */t("span",{id:j,className:"text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center","data-cy":`${C}-helper`,"data-testid":`${I}-helper`,children:f})]})});s.displayName="OTPInput";export{s as OTPInput};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as n,useState as i,useEffect as l,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index31.js";import{labelDisabledStyles as d,labelErrorStyles as p,labelBaseStyles as u,digitErrorStyles as f,digitBaseStyles as m,containerCenteredStyles as h,containerBaseStyles as y,errorStyles as g,helperStyles as $,wrapperFullWidthStyles as b,wrapperStyles as v}from"./index42.js";const D=a(({length:a=4,label:D,value:x="",onChange:k,onComplete:A,error:N,helperText:w,disabled:j=!1,autoFocus:I=!1,fullWidth:C=!1,centered:E=!1,type:P="numeric",required:T=!1,"data-cy":q,"data-testid":z},F)=>{const L=r(),O=`${L}-error`,Z=`${L}-helper`,B=q||"otp-input",H=z||"otp-input",K=n([]),[M,R]=i(()=>x.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));l(()=>{const e=x.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);R(e)},[x,a]);const V=c(e=>"numeric"===P?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[P]),W=c(e=>{R(e);const t=e.join("");k?.(t),e.every(e=>""!==e)&&e.length===a&&A?.(t)},[k,A,a]),G=c(e=>{const t=K.current[e];t&&(t.focus(),t.select())},[]),J=c((e,t)=>{const r=t.target.value;if(1===r.length&&V(r)){const t=[...M];t[e]=r,W(t),e<a-1&&G(e+1)}else if(r.length>1){const t=r.split("").filter(V),n=[...M];t.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),W(n);const i=n.findIndex(e=>""===e);G(-1===i?a-1:i)}},[M,a,V,W,G]),Q=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),M[e]){const t=[...M];t[e]="",W(t)}else if(e>0){const t=[...M];t[e-1]="",W(t),G(e-1)}break;case"Delete":if(t.preventDefault(),M[e]){const t=[...M];t[e]="",W(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&G(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&G(e+1);break;case"Home":t.preventDefault(),G(0);break;case"End":t.preventDefault(),G(a-1);break;default:if(1===t.key.length&&V(t.key)){t.preventDefault();const r=[...M];r[e]=t.key,W(r),e<a-1&&G(e+1)}}},[M,a,V,W,G]),S=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(V);if(0===r.length)return;const n=[...M];r.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),W(n);const i=n.findIndex(e=>""===e);G(-1===i?a-1:i)},[M,a,V,W,G]),U=c(e=>{e.target.select()},[]);return s(F,()=>({focus:()=>{const e=M.findIndex(e=>""===e);G(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");W(e),G(0)},getValue:()=>M.join("")}),[M,a,G,W]),l(()=>{I&&!j&&G(0)},[I,j,G]),/* @__PURE__ */e("div",{className:o(v,C&&b),"data-cy":`${B}-wrapper`,"data-testid":`${H}-wrapper`,children:[D&&/* @__PURE__ */t("label",{className:o(u,N&&p,j&&d),"data-cy":`${B}-label`,"data-testid":`${H}-label`,children:D}),
2
+ /* @__PURE__ */t("div",{className:o(y,E&&h),role:"group","aria-label":D||"OTP Input","data-cy":`${B}-container`,"data-testid":`${H}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{K.current[r]=e},type:"text",inputMode:"numeric"===P?"numeric":"text",pattern:"numeric"===P?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:M[r]||"",onChange:e=>J(r,e),onKeyDown:e=>Q(r,e),onPaste:e=>S(r,e),onFocus:U,disabled:j,required:T,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":N?"true":"false","aria-describedby":N?O:w?Z:void 0,className:o(m,N&&f),"data-otp-digit":!0,"data-cy":`${B}-digit-${r}`,"data-testid":`${H}-digit-${r}`,autoComplete:"one-time-code"},r))}),N&&/* @__PURE__ */t("span",{id:O,className:g,role:"alert","data-cy":`${B}-error`,"data-testid":`${H}-error`,children:N}),w&&!N&&/* @__PURE__ */t("span",{id:Z,className:$,"data-cy":`${B}-helper`,"data-testid":`${H}-helper`,children:w})]})});D.displayName="OTPInput";export{D as OTPInput};
package/dist/index14.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index31.cjs"),t={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},l={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},s=a.forwardRef(({label:s,labelPosition:o="end",helperText:c,size:d="md",className:n,id:i,disabled:b,checked:u,defaultChecked:p,"data-cy":g,"data-testid":m,...x},h)=>{const f=a.useId(),v=i||f,y=`${v}-helper`,k=g||"toggle",w=m||"toggle",[$,j]=a.useState(!1),_=a.useRef(null),N=a.useCallback(e=>{_.current=e,h&&("function"==typeof h?h(e):"current"in h&&(h.current=e))},[h]);return e.jsxs("div",{className:r.cn("inline-flex flex-col gap-1.5",b&&"opacity-50 cursor-not-allowed"),"data-cy":`${k}-wrapper`,"data-testid":`${w}-wrapper`,children:[e.jsxs("label",{className:r.cn("inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",b&&"cursor-not-allowed","start"===o&&"flex-row-reverse"),htmlFor:v,onMouseEnter:()=>{b||j(!0)},onMouseLeave:()=>{j(!1)},children:[s&&"start"===o&&e.jsx("span",{className:"text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]","data-cy":`${k}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("input",{ref:N,id:v,type:"checkbox",role:"switch",checked:u,defaultChecked:p,className:r.cn("peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)]","focus-visible:outline-none",n),"aria-describedby":c?y:void 0,"data-cy":k,"data-testid":w,disabled:b,...x}),e.jsx("span",{className:r.cn("relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)]","transition-[background-color,background-image] duration-200 ease-in-out",t[d],"peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end","peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)]","peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",$&&!b&&"bg-[linear-gradient(90deg,rgba(25,26,57,0.24)_0%,rgba(25,26,57,0.24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",$&&!b&&"peer-checked:bg-[linear-gradient(90deg,rgba(25,26,57,0.4)_0%,rgba(25,26,57,0.4)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]"),"data-cy":`${k}-track`,"data-testid":`${w}-track`,"aria-hidden":"true",children:e.jsx("span",{className:r.cn("rounded-full bg-[var(--color-card)] transition-shadow duration-200",l[d],$&&!b&&"shadow-[0_0.125rem_0.25rem_0_rgba(0,35,11,0.2)]"),"data-cy":`${k}-knob`,"data-testid":`${w}-knob`})}),s&&"end"===o&&e.jsx("span",{className:"text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]","data-cy":`${k}-label`,"data-testid":`${w}-label`,children:s})]}),c&&e.jsx("span",{id:y,className:"text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0","data-cy":`${k}-helper`,"data-testid":`${w}-helper`,children:c})]})});s.displayName="Toggle",exports.Toggle=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index31.cjs"),s=require("./index43.cjs"),l=a.forwardRef(({label:l,labelPosition:r="end",helperText:d,size:c="md",className:n,id:i,disabled:o,checked:p,defaultChecked:y,"data-cy":u,"data-testid":b,...h},S)=>{const k=a.useId(),x=i||k,m=`${x}-helper`,$=u||"toggle",j=b||"toggle",[g,N]=a.useState(!1),f=a.useRef(null),v=a.useCallback(e=>{f.current=e,S&&("function"==typeof S?S(e):"current"in S&&(S.current=e))},[S]);return e.jsxs("div",{className:t.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("label",{className:t.cn(s.labelContainerStyles,o&&"cursor-not-allowed","start"===r&&s.labelContainerReversedStyles),htmlFor:x,onMouseEnter:()=>{o||N(!0)},onMouseLeave:()=>{N(!1)},children:[l&&"start"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l}),e.jsx("input",{ref:v,id:x,type:"checkbox",role:"switch",checked:p,defaultChecked:y,className:t.cn(s.inputSrOnlyStyles,n),"aria-describedby":d?m:void 0,"data-cy":$,"data-testid":j,disabled:o,...h}),e.jsx("span",{className:t.cn(s.trackBaseStyles,s.trackSizeMap[c],g&&!o&&s.trackHoverStyles,g&&!o&&s.trackHoverCheckedStyles),"data-cy":`${$}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn(s.knobBaseStyles,s.knobSizeMap[c],g&&!o&&s.knobHoverShadowStyles),"data-cy":`${$}-knob`,"data-testid":`${j}-knob`})}),l&&"end"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l})]}),d&&e.jsx("span",{id:m,className:s.helperStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="Toggle",exports.Toggle=l;
package/dist/index14.js CHANGED
@@ -1,5 +1,5 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useId as t,useState as l,useRef as o,useCallback as d}from"react";import{cn as c}from"./index31.js";const n={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},i={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},s=r(({label:r,labelPosition:s="end",helperText:m,size:p="md",className:b,id:g,disabled:u,checked:h,defaultChecked:x,"data-cy":f,"data-testid":v,...y},k)=>{const w=t(),$=g||w,_=`${$}-helper`,N=f||"toggle",j=v||"toggle",[C,M]=l(!1),T=o(null),z=d(e=>{T.current=e,k&&("function"==typeof k?k(e):"current"in k&&(k.current=e))},[k]);/* @__PURE__ */
2
- return e("div",{className:c("inline-flex flex-col gap-1.5",u&&"opacity-50 cursor-not-allowed"),"data-cy":`${N}-wrapper`,"data-testid":`${j}-wrapper`,children:[
3
- /* @__PURE__ */e("label",{className:c("inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",u&&"cursor-not-allowed","start"===s&&"flex-row-reverse"),htmlFor:$,onMouseEnter:()=>{u||M(!0)},onMouseLeave:()=>{M(!1)},children:[r&&"start"===s&&/* @__PURE__ */a("span",{className:"text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]","data-cy":`${N}-label`,"data-testid":`${j}-label`,children:r}),
4
- /* @__PURE__ */a("input",{ref:z,id:$,type:"checkbox",role:"switch",checked:h,defaultChecked:x,className:c("peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)]","focus-visible:outline-none",b),"aria-describedby":m?_:void 0,"data-cy":N,"data-testid":j,disabled:u,...y}),
5
- /* @__PURE__ */a("span",{className:c("relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)]","transition-[background-color,background-image] duration-200 ease-in-out",n[p],"peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end","peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)]","peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",C&&!u&&"bg-[linear-gradient(90deg,rgba(25,26,57,0.24)_0%,rgba(25,26,57,0.24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",C&&!u&&"peer-checked:bg-[linear-gradient(90deg,rgba(25,26,57,0.4)_0%,rgba(25,26,57,0.4)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]"),"data-cy":`${N}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:/* @__PURE__ */a("span",{className:c("rounded-full bg-[var(--color-card)] transition-shadow duration-200",i[p],C&&!u&&"shadow-[0_0.125rem_0.25rem_0_rgba(0,35,11,0.2)]"),"data-cy":`${N}-knob`,"data-testid":`${j}-knob`})}),r&&"end"===s&&/* @__PURE__ */a("span",{className:"text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]","data-cy":`${N}-label`,"data-testid":`${j}-label`,children:r})]}),m&&/* @__PURE__ */a("span",{id:_,className:"text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0","data-cy":`${N}-helper`,"data-testid":`${j}-helper`,children:m})]})});s.displayName="Toggle";export{s as Toggle};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useId as d,useState as r,useRef as s,useCallback as l}from"react";import{cn as c}from"./index31.js";import{labelTextStyles as i,inputSrOnlyStyles as n,knobHoverShadowStyles as o,knobSizeMap as p,knobBaseStyles as m,trackHoverCheckedStyles as h,trackHoverStyles as b,trackSizeMap as u,trackBaseStyles as $,labelContainerReversedStyles as y,labelContainerStyles as N,helperStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index43.js";const x=t(({label:t,labelPosition:x="end",helperText:w,size:j="md",className:v,id:C,disabled:M,checked:T,defaultChecked:z,"data-cy":E,"data-testid":F,...L},P)=>{const q=d(),A=C||q,B=`${A}-helper`,D=E||"toggle",G=F||"toggle",[H,I]=r(!1),J=s(null),K=l(e=>{J.current=e,P&&("function"==typeof P?P(e):"current"in P&&(P.current=e))},[P]);/* @__PURE__ */
2
+ return e("div",{className:c(g,M&&k),"data-cy":`${D}-wrapper`,"data-testid":`${G}-wrapper`,children:[
3
+ /* @__PURE__ */e("label",{className:c(N,M&&"cursor-not-allowed","start"===x&&y),htmlFor:A,onMouseEnter:()=>{M||I(!0)},onMouseLeave:()=>{I(!1)},children:[t&&"start"===x&&/* @__PURE__ */a("span",{className:i,"data-cy":`${D}-label`,"data-testid":`${G}-label`,children:t}),
4
+ /* @__PURE__ */a("input",{ref:K,id:A,type:"checkbox",role:"switch",checked:T,defaultChecked:z,className:c(n,v),"aria-describedby":w?B:void 0,"data-cy":D,"data-testid":G,disabled:M,...L}),
5
+ /* @__PURE__ */a("span",{className:c($,u[j],H&&!M&&b,H&&!M&&h),"data-cy":`${D}-track`,"data-testid":`${G}-track`,"aria-hidden":"true",children:/* @__PURE__ */a("span",{className:c(m,p[j],H&&!M&&o),"data-cy":`${D}-knob`,"data-testid":`${G}-knob`})}),t&&"end"===x&&/* @__PURE__ */a("span",{className:i,"data-cy":`${D}-label`,"data-testid":`${G}-label`,children:t})]}),w&&/* @__PURE__ */a("span",{id:B,className:f,"data-cy":`${D}-helper`,"data-testid":`${G}-helper`,children:w})]})});x.displayName="Toggle";export{x as Toggle};
package/dist/index15.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-tabs"),r=require("./index31.cjs");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const o=s(a),i=o.Root,c=t.forwardRef(({className:t,"data-cy":a,"data-testid":s,...i},c)=>{const n=a||"tabs-list",l=s||"tabs-list";return e.jsx(o.List,{ref:c,className:r.cn("inline-flex items-center justify-center h-10 p-1 gap-1 rounded-lg bg-[var(--color-bg-secondary)] text-[var(--color-icon-secondary)]","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden",t),"data-cy":n,"data-testid":l,...i})});c.displayName=o.List.displayName;const n=t.forwardRef(({className:t,value:a,"data-cy":s,"data-testid":i,...c},n)=>{const l=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),d=i||(a?`tabs-trigger-${a}`:"tabs-trigger");return e.jsx(o.Trigger,{ref:n,className:r.cn("inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 rounded text-sm font-medium leading-snug","border-none bg-transparent text-[var(--color-icon-secondary)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[var(--color-card)] data-[state=active]:text-[var(--color-text)] data-[state=active]:shadow-[0_1px_3px_0_rgba(0,0,0,0.1),0_1px_2px_0_rgba(0,0,0,0.06)]","hover:bg-[var(--color-border)] hover:text-[var(--color-text)] [&:hover]:data-[state=active]:bg-[var(--color-card)]","max-sm:px-4 max-sm:py-2",t),value:a,"data-cy":l,"data-testid":d,...c})});n.displayName=o.Trigger.displayName;const l=t.forwardRef(({className:t,value:a,"data-cy":s,"data-testid":i,...c},n)=>{const l=s||(a?`tabs-content-${a}`:"tabs-content"),d=i||(a?`tabs-content-${a}`:"tabs-content");return e.jsx(o.Content,{ref:n,className:r.cn("mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded",t),value:a,"data-cy":l,"data-testid":d,...c})});l.displayName=o.Content.displayName,exports.Tabs=i,exports.TabsContent=l,exports.TabsList=c,exports.TabsTrigger=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index31.cjs"),r=require("./index44.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),c=n.Root,o=e.forwardRef(({className:e,"data-cy":a,"data-testid":i,...c},o)=>{const d=a||"tabs-list",l=i||"tabs-list";return t.jsx(n.List,{ref:o,className:s.cn(r.listStyles,e),"data-cy":d,"data-testid":l,...c})});o.displayName=n.List.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...o},d)=>{const l=i||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:s.cn(r.triggerStyles,e),value:a,"data-cy":l,"data-testid":u,...o})});d.displayName=n.Trigger.displayName;const l=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...o},d)=>{const l=i||(a?`tabs-content-${a}`:"tabs-content"),u=c||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:d,className:s.cn(r.contentStyles,e),value:a,"data-cy":l,"data-testid":u,...o})});l.displayName=n.Content.displayName,exports.Tabs=c,exports.TabsContent=l,exports.TabsList=o,exports.TabsTrigger=d;
package/dist/index15.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as e from"@radix-ui/react-tabs";import{cn as s}from"./index31.js";const o=e.Root,r=a(({className:a,"data-cy":o,"data-testid":r,...i},c)=>{const n=o||"tabs-list",l=r||"tabs-list";/* @__PURE__ */
2
- return t(e.List,{ref:c,className:s("inline-flex items-center justify-center h-10 p-1 gap-1 rounded-lg bg-[var(--color-bg-secondary)] text-[var(--color-icon-secondary)]","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden",a),"data-cy":n,"data-testid":l,...i})});r.displayName=e.List.displayName;const i=a(({className:a,value:o,"data-cy":r,"data-testid":i,...c},n)=>{const l=r||(o?`tabs-trigger-${o}`:"tabs-trigger"),d=i||(o?`tabs-trigger-${o}`:"tabs-trigger");/* @__PURE__ */
3
- return t(e.Trigger,{ref:n,className:s("inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 rounded text-sm font-medium leading-snug","border-none bg-transparent text-[var(--color-icon-secondary)] cursor-pointer select-none","transition-[background-color,color,box-shadow] duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[var(--color-card)] data-[state=active]:text-[var(--color-text)] data-[state=active]:shadow-[0_1px_3px_0_rgba(0,0,0,0.1),0_1px_2px_0_rgba(0,0,0,0.06)]","hover:bg-[var(--color-border)] hover:text-[var(--color-text)] [&:hover]:data-[state=active]:bg-[var(--color-card)]","max-sm:px-4 max-sm:py-2",a),value:o,"data-cy":l,"data-testid":d,...c})});i.displayName=e.Trigger.displayName;const c=a(({className:a,value:o,"data-cy":r,"data-testid":i,...c},n)=>{const l=r||(o?`tabs-content-${o}`:"tabs-content"),d=i||(o?`tabs-content-${o}`:"tabs-content");/* @__PURE__ */
4
- return t(e.Content,{ref:n,className:s("mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded",a),value:o,"data-cy":l,"data-testid":d,...c})});c.displayName=e.Content.displayName;export{o as Tabs,c as TabsContent,r as TabsList,i as TabsTrigger};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as s from"@radix-ui/react-tabs";import{cn as e}from"./index31.js";import{contentStyles as r,listStyles as i,triggerStyles as d}from"./index44.js";const c=s.Root,o=a(({className:a,"data-cy":r,"data-testid":d,...c},o)=>{const n=r||"tabs-list",m=d||"tabs-list";/* @__PURE__ */
2
+ return t(s.List,{ref:o,className:e(i,a),"data-cy":n,"data-testid":m,...c})});o.displayName=s.List.displayName;const n=a(({className:a,value:r,"data-cy":i,"data-testid":c,...o},n)=>{const m=i||(r?`tabs-trigger-${r}`:"tabs-trigger"),l=c||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
3
+ return t(s.Trigger,{ref:n,className:e(d,a),value:r,"data-cy":m,"data-testid":l,...o})});n.displayName=s.Trigger.displayName;const m=a(({className:a,value:i,"data-cy":d,"data-testid":c,...o},n)=>{const m=d||(i?`tabs-content-${i}`:"tabs-content"),l=c||(i?`tabs-content-${i}`:"tabs-content");/* @__PURE__ */
4
+ return t(s.Content,{ref:n,className:e(r,a),value:i,"data-cy":m,"data-testid":l,...o})});m.displayName=s.Content.displayName;export{c as Tabs,m as TabsContent,o as TabsList,n as TabsTrigger};
package/dist/index16.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),a={info:"bg-[rgba(47,157,178,0.05)] border-[rgba(47,157,178,0.2)] text-[var(--color-clickable)] [&_.alert-icon]:text-[var(--color-clickable)]",success:"bg-[rgba(66,184,198,0.05)] border-[rgba(66,184,198,0.2)] text-[var(--color-success)] [&_.alert-icon]:text-[var(--color-success)]",warning:"bg-[rgba(255,152,0,0.05)] border-[rgba(255,152,0,0.2)] text-[#ff9800] [&_.alert-icon]:text-[#ff9800]",error:"bg-[rgba(255,104,104,0.05)] border-[rgba(255,104,104,0.2)] text-[var(--color-error)] [&_.alert-icon]:text-[var(--color-error)]"},s=t.forwardRef(({variant:t="info",title:s,icon:i,className:c,children:l,"data-cy":o,"data-testid":d,...n},b)=>{const g=o||`alert-${t}`,x=d||`alert-${t}`;return e.jsxs("div",{ref:b,role:{info:"status",success:"status",warning:"alert",error:"alert"}[t],className:r.cn("relative flex gap-3 px-4 py-3 md:px-5 md:py-4 text-sm leading-normal border rounded-lg",a[t],c),"data-cy":g,"data-testid":x,...n,children:[i&&e.jsx("div",{className:"alert-icon inline-flex items-start justify-center shrink-0 mt-0.5","data-cy":`${g}-icon`,"data-testid":`${x}-icon`,children:i}),e.jsxs("div",{className:"flex-1 min-w-0","data-cy":`${g}-content`,"data-testid":`${x}-content`,children:[s&&e.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${g}-title`,"data-testid":`${x}-title`,children:s}),e.jsx("div",{"data-cy":`${g}-message`,"data-testid":`${x}-message`,children:l})]})]})});s.displayName="Alert",exports.Alert=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index31.cjs"),s=require("./index45.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},m)=>{const u=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:m,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":u,"data-testid":y,...o,children:[i&&t.jsx("div",{className:s.alertIconStyles,"data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${u}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${u}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
package/dist/index16.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cn as a}from"./index31.js";const i={info:"bg-[rgba(47,157,178,0.05)] border-[rgba(47,157,178,0.2)] text-[var(--color-clickable)] [&_.alert-icon]:text-[var(--color-clickable)]",success:"bg-[rgba(66,184,198,0.05)] border-[rgba(66,184,198,0.2)] text-[var(--color-success)] [&_.alert-icon]:text-[var(--color-success)]",warning:"bg-[rgba(255,152,0,0.05)] border-[rgba(255,152,0,0.2)] text-[#ff9800] [&_.alert-icon]:text-[#ff9800]",error:"bg-[rgba(255,104,104,0.05)] border-[rgba(255,104,104,0.2)] text-[var(--color-error)] [&_.alert-icon]:text-[var(--color-error)]"},c=r(({variant:r="info",title:c,icon:o,className:s,children:l,"data-cy":d,"data-testid":n,...m},b)=>{const g=d||`alert-${r}`,x=n||`alert-${r}`;/* @__PURE__ */
2
- return t("div",{ref:b,role:{info:"status",success:"status",warning:"alert",error:"alert"}[r],className:a("relative flex gap-3 px-4 py-3 md:px-5 md:py-4 text-sm leading-normal border rounded-lg",i[r],s),"data-cy":g,"data-testid":x,...m,children:[o&&/* @__PURE__ */e("div",{className:"alert-icon inline-flex items-start justify-center shrink-0 mt-0.5","data-cy":`${g}-icon`,"data-testid":`${x}-icon`,children:o}),
3
- /* @__PURE__ */t("div",{className:"flex-1 min-w-0","data-cy":`${g}-content`,"data-testid":`${x}-content`,children:[c&&/* @__PURE__ */e("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${g}-title`,"data-testid":`${x}-title`,children:c}),
4
- /* @__PURE__ */e("div",{"data-cy":`${g}-message`,"data-testid":`${x}-message`,children:l})]})]})});c.displayName="Alert";export{c as Alert};
1
+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index31.js";import{alertIconStyles as d,alertContentStyles as s,alertVariantMap as r,alertRootStyles as c}from"./index45.js";const n=e(({variant:e="info",title:n,icon:l,className:o,children:m,"data-cy":$,"data-testid":f,...h},y)=>{const p=$||`alert-${e}`,v=f||`alert-${e}`;/* @__PURE__ */
2
+ return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,r[e],o),"data-cy":p,"data-testid":v,...h,children:[l&&/* @__PURE__ */a("div",{className:d,"data-cy":`${p}-icon`,"data-testid":`${v}-icon`,children:l}),
3
+ /* @__PURE__ */t("div",{className:s,"data-cy":`${p}-content`,"data-testid":`${v}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${v}-title`,children:n}),
4
+ /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${v}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),r=require("./index31.cjs"),t={default:"border border-[var(--color-border)] bg-[var(--color-card)]",outlined:"border-2 border-[var(--color-system-text)] bg-[var(--color-card)]",elevated:"border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]"},d=e.forwardRef(({variant:e="default",className:d,children:s,"data-cy":c,"data-testid":o,...i},l)=>{const n=c||`card-${e}`,m=o||`card-${e}`;return a.jsx("div",{ref:l,className:r.cn("flex flex-col overflow-hidden rounded-lg",t[e],d),"data-cy":n,"data-testid":m,...i,children:s})});d.displayName="Card";const s=e.forwardRef(({className:e,"data-cy":t,"data-testid":d,...s},c)=>{const o=t||"card-header",i=d||"card-header";return a.jsx("div",{ref:c,className:r.cn("flex flex-col gap-1.5 p-6 max-sm:p-4",e),"data-cy":o,"data-testid":i,...s})});s.displayName="CardHeader";const c=e.forwardRef(({className:e,"data-cy":t,"data-testid":d,...s},c)=>{const o=t||"card-title",i=d||"card-title";return a.jsx("h3",{ref:c,className:r.cn("text-xl font-semibold leading-tight text-[var(--color-text)]",e),"data-cy":o,"data-testid":i,...s})});c.displayName="CardTitle";const o=e.forwardRef(({className:e,"data-cy":t,"data-testid":d,...s},c)=>{const o=t||"card-description",i=d||"card-description";return a.jsx("p",{ref:c,className:r.cn("text-sm leading-normal text-[var(--color-icon-secondary)]",e),"data-cy":o,"data-testid":i,...s})});o.displayName="CardDescription";const i=e.forwardRef(({className:e,"data-cy":t,"data-testid":d,...s},c)=>{const o=t||"card-content",i=d||"card-content";return a.jsx("div",{ref:c,className:r.cn("px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",e),"data-cy":o,"data-testid":i,...s})});i.displayName="CardContent";const l=e.forwardRef(({className:e,"data-cy":t,"data-testid":d,...s},c)=>{const o=t||"card-footer",i=d||"card-footer";return a.jsx("div",{ref:c,className:r.cn("flex items-center gap-4 px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",e),"data-cy":o,"data-testid":i,...s})});l.displayName="CardFooter",exports.Card=d,exports.CardContent=i,exports.CardDescription=o,exports.CardFooter=l,exports.CardHeader=s,exports.CardTitle=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index31.cjs"),r=require("./index46.cjs"),d=t.forwardRef(({variant:t="default",className:d,children:s,"data-cy":c,"data-testid":i,...o},n)=>{const l=c||`card-${t}`,y=i||`card-${t}`;return a.jsx("div",{ref:n,className:e.cn(r.cardRootStyles,r.cardVariantMap[t],d),"data-cy":l,"data-testid":y,...o,children:s})});d.displayName="Card";const s=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},i)=>{const o=d||"card-header",n=s||"card-header";return a.jsx("div",{ref:i,className:e.cn(r.cardHeaderStyles,t),"data-cy":o,"data-testid":n,...c})});s.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},i)=>{const o=d||"card-title",n=s||"card-title";return a.jsx("h3",{ref:i,className:e.cn(r.cardTitleStyles,t),"data-cy":o,"data-testid":n,...c})});c.displayName="CardTitle";const i=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},i)=>{const o=d||"card-description",n=s||"card-description";return a.jsx("p",{ref:i,className:e.cn(r.cardDescriptionStyles,t),"data-cy":o,"data-testid":n,...c})});i.displayName="CardDescription";const o=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},i)=>{const o=d||"card-content",n=s||"card-content";return a.jsx("div",{ref:i,className:e.cn(r.cardContentStyles,t),"data-cy":o,"data-testid":n,...c})});o.displayName="CardContent";const n=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},i)=>{const o=d||"card-footer",n=s||"card-footer";return a.jsx("div",{ref:i,className:e.cn(r.cardFooterStyles,t),"data-cy":o,"data-testid":n,...c})});n.displayName="CardFooter",exports.Card=d,exports.CardContent=o,exports.CardDescription=i,exports.CardFooter=n,exports.CardHeader=s,exports.CardTitle=c;
package/dist/index17.js CHANGED
@@ -1,8 +1,8 @@
1
- import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as e}from"./index31.js";const r={default:"border border-[var(--color-border)] bg-[var(--color-card)]",outlined:"border-2 border-[var(--color-system-text)] bg-[var(--color-card)]",elevated:"border border-[var(--color-border)] bg-[var(--color-card)] shadow-[0_0.625rem_1.875rem_-0.1875rem_rgba(0,0,0,0.1),0_0.25rem_0.375rem_-0.125rem_rgba(0,0,0,0.05)]"},d=t(({variant:t="default",className:d,children:c,"data-cy":s,"data-testid":o,...l},i)=>{const m=s||`card-${t}`,n=o||`card-${t}`;/* @__PURE__ */
2
- return a("div",{ref:i,className:e("flex flex-col overflow-hidden rounded-lg",r[t],d),"data-cy":m,"data-testid":n,...l,children:c})});d.displayName="Card";const c=t(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const o=r||"card-header",l=d||"card-header";/* @__PURE__ */
3
- return a("div",{ref:s,className:e("flex flex-col gap-1.5 p-6 max-sm:p-4",t),"data-cy":o,"data-testid":l,...c})});c.displayName="CardHeader";const s=t(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const o=r||"card-title",l=d||"card-title";
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index31.js";import{cardVariantMap as e,cardRootStyles as r,cardContentStyles as s,cardDescriptionStyles as c,cardFooterStyles as i,cardHeaderStyles as n,cardTitleStyles as o}from"./index46.js";const m=t(({variant:t="default",className:s,children:c,"data-cy":i,"data-testid":n,...o},m)=>{const l=i||`card-${t}`,y=n||`card-${t}`;/* @__PURE__ */
2
+ return a("div",{ref:m,className:d(r,e[t],s),"data-cy":l,"data-testid":y,...o,children:c})});m.displayName="Card";const l=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const i=e||"card-header",o=r||"card-header";/* @__PURE__ */
3
+ return a("div",{ref:c,className:d(n,t),"data-cy":i,"data-testid":o,...s})});l.displayName="CardHeader";const y=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const i=e||"card-title",n=r||"card-title";
4
4
  /* @__PURE__ */
5
- return a("h3",{ref:s,className:e("text-xl font-semibold leading-tight text-[var(--color-text)]",t),"data-cy":o,"data-testid":l,...c})});s.displayName="CardTitle";const o=t(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const o=r||"card-description",l=d||"card-description";/* @__PURE__ */
6
- return a("p",{ref:s,className:e("text-sm leading-normal text-[var(--color-icon-secondary)]",t),"data-cy":o,"data-testid":l,...c})});o.displayName="CardDescription";const l=t(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const o=r||"card-content",l=d||"card-content";/* @__PURE__ */
7
- return a("div",{ref:s,className:e("px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",t),"data-cy":o,"data-testid":l,...c})});l.displayName="CardContent";const i=t(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const o=r||"card-footer",l=d||"card-footer";/* @__PURE__ */
8
- return a("div",{ref:s,className:e("flex items-center gap-4 px-6 pb-6 pt-0 max-sm:px-4 max-sm:pb-4",t),"data-cy":o,"data-testid":l,...c})});i.displayName="CardFooter";export{d as Card,l as CardContent,o as CardDescription,i as CardFooter,c as CardHeader,s as CardTitle};
5
+ return a("h3",{ref:c,className:d(o,t),"data-cy":i,"data-testid":n,...s})});y.displayName="CardTitle";const N=t(({className:t,"data-cy":e,"data-testid":r,...s},i)=>{const n=e||"card-description",o=r||"card-description";/* @__PURE__ */
6
+ return a("p",{ref:i,className:d(c,t),"data-cy":n,"data-testid":o,...s})});N.displayName="CardDescription";const p=t(({className:t,"data-cy":e,"data-testid":r,...c},i)=>{const n=e||"card-content",o=r||"card-content";/* @__PURE__ */
7
+ return a("div",{ref:i,className:d(s,t),"data-cy":n,"data-testid":o,...c})});p.displayName="CardContent";const f=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const n=e||"card-footer",o=r||"card-footer";/* @__PURE__ */
8
+ return a("div",{ref:c,className:d(i,t),"data-cy":n,"data-testid":o,...s})});f.displayName="CardFooter";export{m as Card,p as CardContent,N as CardDescription,f as CardFooter,l as CardHeader,y as CardTitle};
package/dist/index18.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("./index31.cjs"),r=e.forwardRef(({columns:e,data:r,striped:d=!1,hoverable:l=!1,className:o,"data-cy":s,"data-testid":c,...i},x)=>{const m=s||"datatable",n=c||"datatable";return a.jsx("div",{className:"w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]","data-cy":`${m}-wrapper`,"data-testid":`${n}-wrapper`,children:a.jsxs("table",{ref:x,className:t.cn("w-full border-collapse text-sm leading-normal text-[var(--color-text)]",o),"data-cy":m,"data-testid":n,...i,children:[a.jsx("thead",{className:"border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]","data-cy":`${m}-head`,"data-testid":`${n}-head`,children:a.jsx("tr",{children:e.map(e=>a.jsx("th",{className:"px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs","data-cy":`${m}-header-${e.key}`,"data-testid":`${n}-header-${e.key}`,children:e.header},e.key))})}),a.jsx("tbody",{"data-cy":`${m}-body`,"data-testid":`${n}-body`,children:0===r.length?a.jsx("tr",{children:a.jsx("td",{colSpan:e.length,className:"p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8","data-cy":`${m}-empty`,"data-testid":`${n}-empty`,children:"No data available"})}):r.map((r,o)=>a.jsx("tr",{className:t.cn("border-b border-[var(--color-border)]",l&&"hover:bg-[var(--color-bg)]",d&&"even:bg-[var(--color-bg)]"),"data-cy":`${m}-row-${o}`,"data-testid":`${n}-row-${o}`,children:e.map(e=>a.jsx("td",{className:"px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs","data-cy":`${m}-cell-${o}-${e.key}`,"data-testid":`${n}-cell-${o}-${e.key}`,children:String(r[e.key]??"")},e.key))},o))})]})})});r.displayName="DataTable",exports.DataTable=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index31.cjs"),d=require("./index47.cjs"),s=a.forwardRef(({columns:a,data:s,striped:r=!1,hoverable:l=!1,className:c,"data-cy":i,"data-testid":y,...n},h)=>{const $=i||"datatable",p=y||"datatable";return e.jsx("div",{className:d.wrapperStyles,"data-cy":`${$}-wrapper`,"data-testid":`${p}-wrapper`,children:e.jsxs("table",{ref:h,className:t.cn(d.tableBaseStyles,c),"data-cy":$,"data-testid":p,...n,children:[e.jsx("thead",{className:d.theadStyles,"data-cy":`${$}-head`,"data-testid":`${p}-head`,children:e.jsx("tr",{children:a.map(a=>e.jsx("th",{className:d.thStyles,"data-cy":`${$}-header-${a.key}`,"data-testid":`${p}-header-${a.key}`,children:a.header},a.key))})}),e.jsx("tbody",{"data-cy":`${$}-body`,"data-testid":`${p}-body`,children:0===s.length?e.jsx("tr",{children:e.jsx("td",{colSpan:a.length,className:d.emptyCellStyles,"data-cy":`${$}-empty`,"data-testid":`${p}-empty`,children:"No data available"})}):s.map((s,c)=>e.jsx("tr",{className:t.cn(d.trStripedStyles,l&&d.trHoverableStyles,r&&d.trStripedEvenStyles),"data-cy":`${$}-row-${c}`,"data-testid":`${p}-row-${c}`,children:a.map(a=>e.jsx("td",{className:d.tdStyles,"data-cy":`${$}-cell-${c}-${a.key}`,"data-testid":`${p}-cell-${c}-${a.key}`,children:String(s[a.key]??"")},a.key))},c))})]})})});s.displayName="DataTable",exports.DataTable=s;
package/dist/index18.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as r}from"./index31.js";const d=e(({columns:e,data:d,striped:o=!1,hoverable:l=!1,className:c,"data-cy":s,"data-testid":m,...i},n)=>{const b=s||"datatable",y=m||"datatable";/* @__PURE__ */
2
- return a("div",{className:"w-full overflow-x-auto [-webkit-overflow-scrolling:touch] [scrollbar-width:thin] [scrollbar-color:var(--color-border)_var(--color-bg-secondary)]","data-cy":`${b}-wrapper`,"data-testid":`${y}-wrapper`,children:/* @__PURE__ */t("table",{ref:n,className:r("w-full border-collapse text-sm leading-normal text-[var(--color-text)]",c),"data-cy":b,"data-testid":y,...i,children:[
3
- /* @__PURE__ */a("thead",{className:"border-b border-[var(--color-border)] bg-[var(--color-bg-secondary)]","data-cy":`${b}-head`,"data-testid":`${y}-head`,children:/* @__PURE__ */a("tr",{children:e.map(t=>/* @__PURE__ */a("th",{className:"px-4 py-3 text-start font-semibold text-[var(--color-system-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs","data-cy":`${b}-header-${t.key}`,"data-testid":`${y}-header-${t.key}`,children:t.header},t.key))})}),
4
- /* @__PURE__ */a("tbody",{"data-cy":`${b}-body`,"data-testid":`${y}-body`,children:0===d.length?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:e.length,className:"p-12 text-center text-[var(--color-icon-secondary)] italic max-sm:p-8","data-cy":`${b}-empty`,"data-testid":`${y}-empty`,children:"No data available"})}):d.map((t,d)=>/* @__PURE__ */a("tr",{className:r("border-b border-[var(--color-border)]",l&&"hover:bg-[var(--color-bg)]",o&&"even:bg-[var(--color-bg)]"),"data-cy":`${b}-row-${d}`,"data-testid":`${y}-row-${d}`,children:e.map(e=>/* @__PURE__ */a("td",{className:"px-4 py-3 text-[var(--color-text)] max-sm:px-2 max-sm:py-2 max-sm:text-xs","data-cy":`${b}-cell-${d}-${e.key}`,"data-testid":`${y}-cell-${d}-${e.key}`,children:String(t[e.key]??"")},e.key))},d))})]})})});d.displayName="DataTable";export{d as DataTable};
1
+ import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as d}from"./index31.js";import{wrapperStyles as r,theadStyles as c,thStyles as l,emptyCellStyles as s,tdStyles as i,trStripedEvenStyles as m,trHoverableStyles as y,trStripedStyles as $,tableBaseStyles as n}from"./index47.js";const h=e(({columns:e,data:h,striped:o=!1,hoverable:p=!1,className:N,"data-cy":b,"data-testid":k,...f},w)=>{const x=b||"datatable",g=k||"datatable";/* @__PURE__ */
2
+ return a("div",{className:r,"data-cy":`${x}-wrapper`,"data-testid":`${g}-wrapper`,children:/* @__PURE__ */t("table",{ref:w,className:d(n,N),"data-cy":x,"data-testid":g,...f,children:[
3
+ /* @__PURE__ */a("thead",{className:c,"data-cy":`${x}-head`,"data-testid":`${g}-head`,children:/* @__PURE__ */a("tr",{children:e.map(t=>/* @__PURE__ */a("th",{className:l,"data-cy":`${x}-header-${t.key}`,"data-testid":`${g}-header-${t.key}`,children:t.header},t.key))})}),
4
+ /* @__PURE__ */a("tbody",{"data-cy":`${x}-body`,"data-testid":`${g}-body`,children:0===h.length?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:e.length,className:s,"data-cy":`${x}-empty`,"data-testid":`${g}-empty`,children:"No data available"})}):h.map((t,r)=>/* @__PURE__ */a("tr",{className:d($,p&&y,o&&m),"data-cy":`${x}-row-${r}`,"data-testid":`${g}-row-${r}`,children:e.map(e=>/* @__PURE__ */a("td",{className:i,"data-cy":`${x}-cell-${r}-${e.key}`,"data-testid":`${g}-cell-${r}-${e.key}`,children:String(t[e.key]??"")},e.key))},r))})]})})});h.displayName="DataTable";export{h as DataTable};
package/dist/index19.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),e=require("./index31.cjs"),a={primary:{base:"bg-[color-mix(in_srgb,var(--color-clickable)_10%,transparent)] border-[color-mix(in_srgb,var(--color-clickable)_30%,transparent)] text-[var(--color-clickable)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-clickable)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-clickable)_40%,transparent)]",selected:"bg-[var(--color-clickable)] border-[var(--color-clickable)] text-[var(--color-card)]"},secondary:{base:"bg-[color-mix(in_srgb,var(--color-toggle)_10%,transparent)] border-[color-mix(in_srgb,var(--color-toggle)_30%,transparent)] text-[var(--color-toggle)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-toggle)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-toggle)_40%,transparent)]",selected:"bg-[var(--color-toggle)] border-[var(--color-toggle)] text-[var(--color-card)]"},tertiary:{base:"bg-[color-mix(in_srgb,var(--color-popup)_10%,transparent)] border-[color-mix(in_srgb,var(--color-popup)_30%,transparent)] text-[var(--color-popup)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-popup)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-popup)_40%,transparent)]",selected:"bg-[var(--color-popup)] border-[var(--color-popup)] text-[var(--color-card)]"},quaternary:{base:"bg-[color-mix(in_srgb,var(--color-secondary)_10%,transparent)] border-[color-mix(in_srgb,var(--color-secondary)_30%,transparent)] text-[var(--color-secondary)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-secondary)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-secondary)_40%,transparent)]",selected:"bg-[var(--color-secondary)] border-[var(--color-secondary)] text-[var(--color-card)]"}},t=o.forwardRef(({variant:o="primary",selected:t=!1,disabled:c=!1,className:l,children:n,"data-testid":s,"data-cy":i,...d},b)=>{const p=a[o],v=e.cn("inline-flex items-center justify-center py-1 px-3 md:px-3.5 rounded border border-solid text-sm leading-none font-normal transition-all duration-200 cursor-default select-none whitespace-nowrap",t?p.selected:p.base,!t&&!c&&p.hover,c&&"opacity-40 cursor-not-allowed pointer-events-none",l);return r.jsx("div",{ref:b,className:v,"data-testid":s||`chip-${o}`,"data-cy":i||`chip-${o}`,"aria-selected":t,"aria-disabled":c,"aria-label":"string"==typeof n?n:void 0,...d,children:r.jsx("span",{children:n})})});t.displayName="Chip",exports.Chip=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index31.cjs"),i=require("./index48.cjs"),t=a.forwardRef(({variant:a="primary",selected:t=!1,disabled:s=!1,className:c,children:d,"data-testid":n,"data-cy":l,...o},p)=>{const h=i.chipVariantMap[a],u=r.cn(i.chipBaseStyles,t?h.selected:h.base,!t&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",c);return e.jsx("div",{ref:p,className:u,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":t,"aria-disabled":s,"aria-label":"string"==typeof d?d:void 0,...o,children:e.jsx("span",{children:d})})});t.displayName="Chip",exports.Chip=t;
package/dist/index19.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{cn as e}from"./index31.js";const a={primary:{base:"bg-[color-mix(in_srgb,var(--color-clickable)_10%,transparent)] border-[color-mix(in_srgb,var(--color-clickable)_30%,transparent)] text-[var(--color-clickable)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-clickable)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-clickable)_40%,transparent)]",selected:"bg-[var(--color-clickable)] border-[var(--color-clickable)] text-[var(--color-card)]"},secondary:{base:"bg-[color-mix(in_srgb,var(--color-toggle)_10%,transparent)] border-[color-mix(in_srgb,var(--color-toggle)_30%,transparent)] text-[var(--color-toggle)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-toggle)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-toggle)_40%,transparent)]",selected:"bg-[var(--color-toggle)] border-[var(--color-toggle)] text-[var(--color-card)]"},tertiary:{base:"bg-[color-mix(in_srgb,var(--color-popup)_10%,transparent)] border-[color-mix(in_srgb,var(--color-popup)_30%,transparent)] text-[var(--color-popup)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-popup)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-popup)_40%,transparent)]",selected:"bg-[var(--color-popup)] border-[var(--color-popup)] text-[var(--color-card)]"},quaternary:{base:"bg-[color-mix(in_srgb,var(--color-secondary)_10%,transparent)] border-[color-mix(in_srgb,var(--color-secondary)_30%,transparent)] text-[var(--color-secondary)]",hover:"hover:bg-[color-mix(in_srgb,var(--color-secondary)_15%,transparent)] hover:border-[color-mix(in_srgb,var(--color-secondary)_40%,transparent)]",selected:"bg-[var(--color-secondary)] border-[var(--color-secondary)] text-[var(--color-card)]"}},t=o(({variant:o="primary",selected:t=!1,disabled:c=!1,className:l,children:n,"data-testid":i,"data-cy":s,...d},b)=>{const p=a[o],v=e("inline-flex items-center justify-center py-1 px-3 md:px-3.5 rounded border border-solid text-sm leading-none font-normal transition-all duration-200 cursor-default select-none whitespace-nowrap",t?p.selected:p.base,!t&&!c&&p.hover,c&&"opacity-40 cursor-not-allowed pointer-events-none",l);/* @__PURE__ */
2
- return r("div",{ref:b,className:v,"data-testid":i||`chip-${o}`,"data-cy":s||`chip-${o}`,"aria-selected":t,"aria-disabled":c,"aria-label":"string"==typeof n?n:void 0,...d,children:/* @__PURE__ */r("span",{children:n})})});t.displayName="Chip";export{t as Chip};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index31.js";import{chipVariantMap as t,chipBaseStyles as i}from"./index48.js";const d=a(({variant:a="primary",selected:d=!1,disabled:s=!1,className:o,children:c,"data-testid":n,"data-cy":l,...p},m)=>{const h=t[a],f=r(i,d?h.selected:h.base,!d&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",o);/* @__PURE__ */
2
+ return e("div",{ref:m,className:f,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":d,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...p,children:/* @__PURE__ */e("span",{children:c})})});d.displayName="Chip";export{d as Chip};