@adam-milo/ui 1.0.129 → 1.0.130

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 (313) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +2 -2
  5. package/dist/index100.cjs +1 -1
  6. package/dist/index100.js +1 -1
  7. package/dist/index101.cjs +1 -1
  8. package/dist/index101.js +1 -1
  9. package/dist/index102.cjs +1 -1
  10. package/dist/index102.js +1 -1
  11. package/dist/index103.cjs +1 -1
  12. package/dist/index103.js +1 -1
  13. package/dist/index104.cjs +1 -1
  14. package/dist/index104.js +1 -1
  15. package/dist/index105.cjs +1 -1
  16. package/dist/index105.js +1 -1
  17. package/dist/index106.cjs +1 -1
  18. package/dist/index106.js +1 -1
  19. package/dist/index107.cjs +1 -1
  20. package/dist/index107.js +1 -1
  21. package/dist/index108.cjs +1 -0
  22. package/dist/index108.js +1 -0
  23. package/dist/index109.cjs +1 -0
  24. package/dist/index109.js +1 -0
  25. package/dist/index11.cjs +1 -1
  26. package/dist/index11.js +1 -1
  27. package/dist/index110.cjs +1 -0
  28. package/dist/index110.js +1 -0
  29. package/dist/index111.cjs +1 -0
  30. package/dist/index111.js +1 -0
  31. package/dist/index112.cjs +1 -0
  32. package/dist/index112.js +1 -0
  33. package/dist/index113.cjs +1 -0
  34. package/dist/index113.js +1 -0
  35. package/dist/index114.cjs +1 -0
  36. package/dist/index114.js +1 -0
  37. package/dist/index115.cjs +1 -0
  38. package/dist/index115.js +1 -0
  39. package/dist/index116.cjs +1 -0
  40. package/dist/index116.js +1 -0
  41. package/dist/index117.cjs +1 -0
  42. package/dist/index117.js +1 -0
  43. package/dist/index118.cjs +1 -0
  44. package/dist/index118.js +1 -0
  45. package/dist/index119.cjs +1 -0
  46. package/dist/index119.js +1 -0
  47. package/dist/index12.cjs +1 -1
  48. package/dist/index12.js +1 -1
  49. package/dist/index120.cjs +1 -0
  50. package/dist/index120.js +1 -0
  51. package/dist/index121.cjs +1 -0
  52. package/dist/index121.js +1 -0
  53. package/dist/index122.cjs +1 -0
  54. package/dist/index122.js +1 -0
  55. package/dist/index123.cjs +1 -0
  56. package/dist/index123.js +1 -0
  57. package/dist/index124.cjs +1 -0
  58. package/dist/index124.js +1 -0
  59. package/dist/index125.cjs +1 -0
  60. package/dist/index125.js +1 -0
  61. package/dist/index126.cjs +1 -0
  62. package/dist/index126.js +1 -0
  63. package/dist/index13.cjs +1 -1
  64. package/dist/index13.js +1 -1
  65. package/dist/index14.cjs +1 -1
  66. package/dist/index14.js +1 -1
  67. package/dist/index15.cjs +1 -1
  68. package/dist/index15.js +1 -1
  69. package/dist/index16.cjs +1 -1
  70. package/dist/index16.js +1 -1
  71. package/dist/index17.cjs +1 -1
  72. package/dist/index17.js +1 -1
  73. package/dist/index18.cjs +1 -1
  74. package/dist/index18.js +8 -3
  75. package/dist/index19.cjs +1 -1
  76. package/dist/index19.js +3 -6
  77. package/dist/index20.cjs +1 -1
  78. package/dist/index20.js +6 -2
  79. package/dist/index21.cjs +1 -1
  80. package/dist/index21.js +2 -2
  81. package/dist/index22.cjs +1 -1
  82. package/dist/index22.js +2 -2
  83. package/dist/index23.cjs +1 -1
  84. package/dist/index23.js +2 -2
  85. package/dist/index24.cjs +1 -1
  86. package/dist/index24.js +2 -2
  87. package/dist/index25.cjs +1 -1
  88. package/dist/index25.js +2 -2
  89. package/dist/index26.cjs +1 -1
  90. package/dist/index26.js +2 -2
  91. package/dist/index27.cjs +1 -1
  92. package/dist/index27.js +2 -2
  93. package/dist/index28.cjs +1 -1
  94. package/dist/index28.js +2 -2
  95. package/dist/index29.cjs +1 -1
  96. package/dist/index29.js +2 -2
  97. package/dist/index3.cjs +1 -1
  98. package/dist/index3.js +1 -1
  99. package/dist/index30.cjs +1 -1
  100. package/dist/index30.js +2 -2
  101. package/dist/index31.cjs +1 -1
  102. package/dist/index31.js +2 -4
  103. package/dist/index32.cjs +1 -1
  104. package/dist/index32.js +4 -2
  105. package/dist/index33.cjs +1 -1
  106. package/dist/index33.js +2 -2
  107. package/dist/index34.cjs +1 -1
  108. package/dist/index34.js +2 -4
  109. package/dist/index35.cjs +1 -1
  110. package/dist/index35.js +4 -8
  111. package/dist/index36.cjs +1 -1
  112. package/dist/index36.js +8 -2
  113. package/dist/index37.cjs +1 -1
  114. package/dist/index37.js +2 -4
  115. package/dist/index38.cjs +1 -1
  116. package/dist/index38.js +4 -8
  117. package/dist/index39.cjs +1 -1
  118. package/dist/index39.js +8 -8
  119. package/dist/index4.cjs +1 -1
  120. package/dist/index4.js +1 -1
  121. package/dist/index40.cjs +1 -1
  122. package/dist/index40.js +8 -9
  123. package/dist/index41.cjs +1 -1
  124. package/dist/index41.js +9 -2
  125. package/dist/index42.cjs +1 -1
  126. package/dist/index42.js +2 -5
  127. package/dist/index43.cjs +1 -1
  128. package/dist/index43.js +5 -2
  129. package/dist/index44.cjs +1 -1
  130. package/dist/index44.js +2 -10
  131. package/dist/index45.cjs +1 -1
  132. package/dist/index45.js +2 -9
  133. package/dist/index46.cjs +1 -1
  134. package/dist/index46.js +3 -2
  135. package/dist/index47.cjs +1 -1
  136. package/dist/index47.js +3 -2
  137. package/dist/index48.cjs +1 -1
  138. package/dist/index48.js +24 -2
  139. package/dist/index49.cjs +1 -1
  140. package/dist/index49.js +10 -4
  141. package/dist/index5.cjs +1 -1
  142. package/dist/index5.js +1 -1
  143. package/dist/index50.cjs +1 -1
  144. package/dist/index50.js +13 -2
  145. package/dist/index51.cjs +1 -1
  146. package/dist/index51.js +38 -3
  147. package/dist/index52.cjs +1 -1
  148. package/dist/index52.js +10 -2
  149. package/dist/index53.cjs +1 -1
  150. package/dist/index53.js +1 -2
  151. package/dist/index54.cjs +1 -1
  152. package/dist/index54.js +9 -2
  153. package/dist/index55.cjs +1 -1
  154. package/dist/index55.js +2 -2
  155. package/dist/index56.cjs +1 -1
  156. package/dist/index56.js +2 -10
  157. package/dist/index57.cjs +1 -1
  158. package/dist/index57.js +2 -11
  159. package/dist/index58.cjs +1 -1
  160. package/dist/index58.js +4 -1
  161. package/dist/index59.cjs +1 -1
  162. package/dist/index59.js +2 -1
  163. package/dist/index6.cjs +1 -1
  164. package/dist/index6.js +1 -1
  165. package/dist/index60.cjs +1 -1
  166. package/dist/index60.js +3 -1
  167. package/dist/index61.cjs +1 -1
  168. package/dist/index61.js +2 -1
  169. package/dist/index62.cjs +1 -1
  170. package/dist/index62.js +2 -1
  171. package/dist/index63.cjs +1 -1
  172. package/dist/index63.js +2 -1
  173. package/dist/index64.cjs +1 -1
  174. package/dist/index64.js +2 -1
  175. package/dist/index65.cjs +1 -1
  176. package/dist/index65.js +10 -9
  177. package/dist/index66.cjs +1 -1
  178. package/dist/index66.js +11 -1
  179. package/dist/index67.cjs +1 -1
  180. package/dist/index67.js +1 -1
  181. package/dist/index68.cjs +1 -1
  182. package/dist/index68.js +1 -1
  183. package/dist/index69.cjs +1 -1
  184. package/dist/index69.js +1 -1
  185. package/dist/index7.cjs +1 -1
  186. package/dist/index7.js +1 -1
  187. package/dist/index70.cjs +1 -1
  188. package/dist/index70.js +1 -2
  189. package/dist/index71.cjs +1 -1
  190. package/dist/index71.js +1 -1
  191. package/dist/index72.cjs +1 -1
  192. package/dist/index72.js +1 -1
  193. package/dist/index73.cjs +1 -1
  194. package/dist/index73.js +1 -1
  195. package/dist/index74.cjs +1 -1
  196. package/dist/index74.js +9 -1
  197. package/dist/index75.cjs +1 -1
  198. package/dist/index75.js +1 -7
  199. package/dist/index76.cjs +1 -1
  200. package/dist/index76.js +1 -1
  201. package/dist/index77.cjs +1 -1
  202. package/dist/index77.js +1 -1
  203. package/dist/index78.cjs +1 -1
  204. package/dist/index78.js +1 -1
  205. package/dist/index79.cjs +1 -1
  206. package/dist/index79.js +2 -1
  207. package/dist/index8.cjs +1 -1
  208. package/dist/index8.js +1 -1
  209. package/dist/index80.cjs +1 -1
  210. package/dist/index80.js +1 -1
  211. package/dist/index81.cjs +1 -1
  212. package/dist/index81.js +1 -1
  213. package/dist/index82.cjs +1 -1
  214. package/dist/index82.js +1 -1
  215. package/dist/index83.cjs +1 -1
  216. package/dist/index83.js +1 -1
  217. package/dist/index84.cjs +1 -1
  218. package/dist/index84.js +1 -1
  219. package/dist/index85.cjs +1 -1
  220. package/dist/index85.js +7 -1
  221. package/dist/index86.cjs +1 -1
  222. package/dist/index86.js +1 -1
  223. package/dist/index87.cjs +1 -1
  224. package/dist/index87.js +1 -1
  225. package/dist/index88.cjs +1 -1
  226. package/dist/index88.js +1 -1
  227. package/dist/index89.cjs +1 -1
  228. package/dist/index89.js +1 -1
  229. package/dist/index9.cjs +1 -1
  230. package/dist/index9.js +1 -1
  231. package/dist/index90.cjs +1 -1
  232. package/dist/index90.js +1 -1
  233. package/dist/index91.cjs +1 -1
  234. package/dist/index91.js +1 -1
  235. package/dist/index92.cjs +1 -1
  236. package/dist/index92.js +1 -1
  237. package/dist/index93.cjs +1 -1
  238. package/dist/index93.js +1 -1
  239. package/dist/index94.cjs +1 -1
  240. package/dist/index94.js +1 -1
  241. package/dist/index95.cjs +1 -1
  242. package/dist/index95.js +1 -1
  243. package/dist/index96.cjs +1 -1
  244. package/dist/index96.js +1 -1
  245. package/dist/index97.cjs +1 -1
  246. package/dist/index97.js +1 -1
  247. package/dist/index98.cjs +1 -1
  248. package/dist/index98.js +1 -1
  249. package/dist/index99.cjs +1 -1
  250. package/dist/index99.js +1 -1
  251. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts +8 -0
  252. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts.map +1 -0
  253. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts +6 -0
  254. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts.map +1 -0
  255. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts +68 -0
  256. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts.map +1 -0
  257. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts +9 -0
  258. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts.map +1 -0
  259. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts +96 -0
  260. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts.map +1 -0
  261. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts +102 -0
  262. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts.map +1 -0
  263. package/dist/src/components/data-display/date-filter/dateUtils.d.ts +100 -0
  264. package/dist/src/components/data-display/date-filter/dateUtils.d.ts.map +1 -0
  265. package/dist/src/components/data-display/filter/Filter.component.d.ts +21 -0
  266. package/dist/src/components/data-display/filter/Filter.component.d.ts.map +1 -0
  267. package/dist/src/components/data-display/filter/Filter.styles.d.ts +27 -0
  268. package/dist/src/components/data-display/filter/Filter.styles.d.ts.map +1 -0
  269. package/dist/src/components/data-display/filter/Filter.types.d.ts +141 -0
  270. package/dist/src/components/data-display/filter/Filter.types.d.ts.map +1 -0
  271. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts +5 -0
  272. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts.map +1 -0
  273. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts +10 -0
  274. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts.map +1 -0
  275. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts +18 -0
  276. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts.map +1 -0
  277. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts +8 -0
  278. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts.map +1 -0
  279. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts +14 -0
  280. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts.map +1 -0
  281. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts +53 -0
  282. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts.map +1 -0
  283. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts +8 -0
  284. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts.map +1 -0
  285. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts +18 -0
  286. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts.map +1 -0
  287. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts +44 -0
  288. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts.map +1 -0
  289. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts +5 -0
  290. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts.map +1 -0
  291. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts +5 -0
  292. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts.map +1 -0
  293. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts +27 -0
  294. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts.map +1 -0
  295. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
  296. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +14 -0
  297. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -1
  298. package/dist/src/components/forms/slider/Slider.component.d.ts +5 -0
  299. package/dist/src/components/forms/slider/Slider.component.d.ts.map +1 -0
  300. package/dist/src/components/forms/slider/Slider.styles.d.ts +21 -0
  301. package/dist/src/components/forms/slider/Slider.styles.d.ts.map +1 -0
  302. package/dist/src/components/forms/slider/Slider.types.d.ts +72 -0
  303. package/dist/src/components/forms/slider/Slider.types.d.ts.map +1 -0
  304. package/dist/src/components/overlays/popover/Popover.component.d.ts +27 -0
  305. package/dist/src/components/overlays/popover/Popover.component.d.ts.map +1 -0
  306. package/dist/src/components/overlays/popover/Popover.styles.d.ts +2 -0
  307. package/dist/src/components/overlays/popover/Popover.styles.d.ts.map +1 -0
  308. package/dist/src/components/overlays/popover/Popover.types.d.ts +18 -0
  309. package/dist/src/components/overlays/popover/Popover.types.d.ts.map +1 -0
  310. package/dist/src/index.d.ts +18 -0
  311. package/dist/src/index.d.ts.map +1 -1
  312. package/dist/styles.css +1 -1
  313. package/package.json +4 -2
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.FONT_SIZE_SCALE=["12","14","15","16","17","18","20","22","24","28","30","32","36","38","40","48","52","64"],exports.LINE_HEIGHT_SCALE=["11","12","13","14","15","16","17","18","19","20","21","22","24","26","28","32"];
@@ -0,0 +1 @@
1
+ const o=["12","14","15","16","17","18","20","22","24","28","30","32","36","38","40","48","52","64"],t=["11","12","13","14","15","16","17","18","19","20","21","22","24","26","28","32"];export{o as FONT_SIZE_SCALE,t as LINE_HEIGHT_SCALE};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),o=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-12 font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),t=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-16 leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200 ease-in-out","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-button-blue)]","hover:enabled:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","disabled:[-webkit-text-fill-color:var(--color-text)]"].join(" "),r=["absolute top-1/2 start-3 -translate-y-1/2","flex items-center justify-center","text-[var(--color-icon-secondary)] pointer-events-none"].join(" "),l=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-8 h-8 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" ");exports.errorStyles="text-12 font-normal leading-none text-[var(--color-error)]",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-12 leading-none text-[var(--color-grey-07)]",exports.inputBaseStyles=t,exports.inputErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.inputWithLeftIconStyles="ps-10",exports.inputWithToggleStyles="pe-12",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-16 font-normal text-[var(--color-grey-07)] leading-none",exports.leftIconStyles=r,exports.toggleStyles=l,exports.tooltipContentStyles=o,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
@@ -0,0 +1 @@
1
+ const e="flex flex-col justify-center items-start gap-2 w-full",o="flex items-center justify-between h-4 w-full",r="text-16 font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-12 font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l="relative flex items-center w-full",a=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-16 leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200 ease-in-out","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-button-blue)]","hover:enabled:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","disabled:[-webkit-text-fill-color:var(--color-text)]"].join(" "),c="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",s="ps-10",i="pe-12",d=["absolute top-1/2 start-3 -translate-y-1/2","flex items-center justify-center","text-[var(--color-icon-secondary)] pointer-events-none"].join(" "),u=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-8 h-8 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" "),f="text-12 leading-none text-[var(--color-grey-07)]",x="text-12 font-normal leading-none text-[var(--color-error)]";export{x as errorStyles,l as fieldContainerStyles,f as helperStyles,a as inputBaseStyles,c as inputErrorStyles,s as inputWithLeftIconStyles,i as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,d as leftIconStyles,u as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.calculateFittingChips=(e,t,r,a,s)=>{let n=0,l=0;for(let u=0;u<e.length;u++){const c=e[u],i=t.get(c.value)||0;if(0===i){l++;break}const o=n+(u>0?a:0)+i;if(u<e.length-1){if(o+a+s>r&&l>0)break}else if(o>r&&l>0)break;n=o,l++}return Math.max(1,l)},exports.parseGapValue=(e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const s=parseFloat(a[1]);switch(a[2]||"px"){case"px":return s;case"rem":return s*t;case"em":return s*r;default:return.5*t}};
@@ -0,0 +1 @@
1
+ const e=(e,t,r)=>{if(!e)return.5*t;const n=e.match(/^([\d.]+)(px|rem|em)?/);if(!n)return.5*t;const a=parseFloat(n[1]);switch(n[2]||"px"){case"px":return a;case"rem":return a*t;case"em":return a*r;default:return.5*t}},t=(e,t,r,n,a)=>{let s=0,c=0;for(let u=0;u<e.length;u++){const f=e[u],l=t.get(f.value)||0;if(0===l){c++;break}const o=s+(u>0?n:0)+l;if(u<e.length-1){if(o+n+a>r&&c>0)break}else if(o>r&&c>0)break;s=o,c++}return Math.max(1,c)};export{t as calculateFittingChips,e as parseGapValue};
package/dist/index13.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("./index58.cjs"),s=require("./index69.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index67.cjs"),s=require("./index78.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/index13.js CHANGED
@@ -1,4 +1,4 @@
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"./index58.js";import{containerStyles as c,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as n,inputBaseStyles as p,labelDisabledStyles as m,labelStyles as h,wrapperDisabledStyles as u,wrapperStyles as $}from"./index69.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__ */
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"./index67.js";import{containerStyles as c,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as n,inputBaseStyles as p,labelDisabledStyles as m,labelStyles as h,wrapperDisabledStyles as u,wrapperStyles as $}from"./index78.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
2
  return e("div",{className:l($,j&&u),"data-cy":`${A}-wrapper`,"data-testid":`${B}-wrapper`,children:[
3
3
  /* @__PURE__ */e("div",{className:c,children:[
4
4
  /* @__PURE__ */a("input",{ref:D,id:T,type:"radio",checked:v,className:l(p,y&&n,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(h,j&&m),"data-cy":`${A}-label`,"data-testid":`${B}-label`,children:E})]}),y&&/* @__PURE__ */a("span",{id:g,className:s,role:"alert","data-cy":`${A}-error`,"data-testid":`${B}-error`,children:y}),b&&!y&&/* @__PURE__ */a("span",{id:z,className:o,"data-cy":`${A}-helper`,"data-testid":`${B}-helper`,children:b})]})});y.displayName="Radio";export{y as Radio};
package/dist/index14.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-select"),r=require("./index58.cjs"),s=require("./index70.cjs"),l=require("./index71.cjs");function c(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 i=c(a),d=i.Root,n=t.forwardRef(({className:a,children:s,label:c,error:d,helperText:n,fullWidth:o=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":m,disabled:h,required:x,...S},f)=>{const j=t.useId(),b=u||j,N=`${b}-label`,$=`${b}-error`,w=`${b}-helper`,v=y||"select-trigger",L=m||"select-trigger",q=c&&x&&!c.includes("*")?`${c} *`:c;return e.jsxs("div",{className:r.cn(l.triggerWrapperStyles,o&&l.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[c&&e.jsx("label",{id:N,htmlFor:b,className:r.cn(l.triggerLabelStyles,d&&l.triggerLabelErrorStyles,h&&l.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:q}),e.jsxs(i.Trigger,{ref:f,id:b,className:r.cn(l.triggerButtonStyles,d&&l.triggerButtonErrorStyles,!p&&l.triggerButtonPlaceholderStyles,a),"aria-invalid":d?"true":"false","aria-describedby":d?$:n?w:void 0,"aria-labelledby":c?N:void 0,"aria-required":x?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...S,children:[e.jsx("span",{className:l.triggerValueStyles,children:p?s:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||c})}),e.jsx(i.Icon,{className:l.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:l.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),n&&!d&&e.jsx("span",{id:w,className:l.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:n})]})});n.displayName="SelectTrigger";const o=i.Value,p=t.forwardRef(({className:t,children:a,position:s="popper","data-cy":c,"data-testid":d,...n},o)=>{const p=c||"select-content",g=d||"select-content";return e.jsx(i.Portal,{children:e.jsx(i.Content,{ref:o,className:r.cn(l.contentStyles,t),position:s,sideOffset:0,"data-cy":p,"data-testid":g,...n,children:e.jsx(i.Viewport,{className:l.viewportStyles,children:a})})})});p.displayName="SelectContent";const g=t.forwardRef(({className:t,children:a,value:c,flag:d,icon:n,"data-cy":o,"data-testid":p,...g},u)=>{const y=o||`select-item-${c}`,m=p||`select-item-${c}`;return e.jsx(i.Item,{ref:u,className:r.cn(l.itemStyles,t),value:c,"data-cy":y,"data-testid":m,...g,children:e.jsx(i.ItemText,{children:e.jsxs("span",{className:"inline-flex items-center gap-3",children:[n&&e.jsx("span",{className:l.itemIconStyles,"aria-hidden":"true","data-cy":`${y}-icon`,"data-testid":`${m}-icon`,children:n}),d&&e.jsx(s.CountryFlag,{flag:d,className:l.itemFlagStyles}),a]})})})});g.displayName="SelectItem";const u=i.Group,y=t.forwardRef(({className:t,"data-cy":a,"data-testid":s,...c},d)=>{const n=a||"select-label",o=s||"select-label";return e.jsx(i.Label,{ref:d,className:r.cn(l.labelStyles,t),"data-cy":n,"data-testid":o,...c})});y.displayName="SelectLabel";const m=t.forwardRef(({className:t,"data-cy":a,"data-testid":s,...c},d)=>{const n=a||"select-separator",o=s||"select-separator";return e.jsx(i.Separator,{ref:d,className:r.cn(l.separatorStyles,t),"data-cy":n,"data-testid":o,...c})});m.displayName="SelectSeparator",exports.Select=d,exports.SelectContent=p,exports.SelectGroup=u,exports.SelectItem=g,exports.SelectLabel=y,exports.SelectSeparator=m,exports.SelectTrigger=n,exports.SelectValue=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-select"),r=require("./index67.cjs"),s=require("./index79.cjs"),l=require("./index80.cjs");function c(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 i=c(a),d=i.Root,n=t.forwardRef(({className:a,children:s,label:c,error:d,helperText:n,fullWidth:o=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":m,disabled:h,required:x,...S},f)=>{const j=t.useId(),b=u||j,N=`${b}-label`,$=`${b}-error`,w=`${b}-helper`,v=y||"select-trigger",L=m||"select-trigger",q=c&&x&&!c.includes("*")?`${c} *`:c;return e.jsxs("div",{className:r.cn(l.triggerWrapperStyles,o&&l.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[c&&e.jsx("label",{id:N,htmlFor:b,className:r.cn(l.triggerLabelStyles,d&&l.triggerLabelErrorStyles,h&&l.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:q}),e.jsxs(i.Trigger,{ref:f,id:b,className:r.cn(l.triggerButtonStyles,d&&l.triggerButtonErrorStyles,!p&&l.triggerButtonPlaceholderStyles,a),"aria-invalid":d?"true":"false","aria-describedby":d?$:n?w:void 0,"aria-labelledby":c?N:void 0,"aria-required":x?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...S,children:[e.jsx("span",{className:l.triggerValueStyles,children:p?s:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||c})}),e.jsx(i.Icon,{className:l.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:l.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),n&&!d&&e.jsx("span",{id:w,className:l.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:n})]})});n.displayName="SelectTrigger";const o=i.Value,p=t.forwardRef(({className:t,children:a,position:s="popper","data-cy":c,"data-testid":d,...n},o)=>{const p=c||"select-content",g=d||"select-content";return e.jsx(i.Portal,{children:e.jsx(i.Content,{ref:o,className:r.cn(l.contentStyles,t),position:s,sideOffset:0,"data-cy":p,"data-testid":g,...n,children:e.jsx(i.Viewport,{className:l.viewportStyles,children:a})})})});p.displayName="SelectContent";const g=t.forwardRef(({className:t,children:a,value:c,flag:d,icon:n,"data-cy":o,"data-testid":p,...g},u)=>{const y=o||`select-item-${c}`,m=p||`select-item-${c}`;return e.jsx(i.Item,{ref:u,className:r.cn(l.itemStyles,t),value:c,"data-cy":y,"data-testid":m,...g,children:e.jsx(i.ItemText,{children:e.jsxs("span",{className:"inline-flex items-center gap-3",children:[n&&e.jsx("span",{className:l.itemIconStyles,"aria-hidden":"true","data-cy":`${y}-icon`,"data-testid":`${m}-icon`,children:n}),d&&e.jsx(s.CountryFlag,{flag:d,className:l.itemFlagStyles}),a]})})})});g.displayName="SelectItem";const u=i.Group,y=t.forwardRef(({className:t,"data-cy":a,"data-testid":s,...c},d)=>{const n=a||"select-label",o=s||"select-label";return e.jsx(i.Label,{ref:d,className:r.cn(l.labelStyles,t),"data-cy":n,"data-testid":o,...c})});y.displayName="SelectLabel";const m=t.forwardRef(({className:t,"data-cy":a,"data-testid":s,...c},d)=>{const n=a||"select-separator",o=s||"select-separator";return e.jsx(i.Separator,{ref:d,className:r.cn(l.separatorStyles,t),"data-cy":n,"data-testid":o,...c})});m.displayName="SelectSeparator",exports.Select=d,exports.SelectContent=p,exports.SelectGroup=u,exports.SelectItem=g,exports.SelectLabel=y,exports.SelectSeparator=m,exports.SelectTrigger=n,exports.SelectValue=o;
package/dist/index14.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as s from"@radix-ui/react-select";import{cn as d}from"./index58.js";import{CountryFlag as l}from"./index70.js";import{viewportStyles as i,itemIconStyles as c,itemFlagStyles as n,triggerValueStyles as o,triggerIconStyles as m,triggerErrorStyles as p,triggerHelperStyles as h,triggerLabelDisabledStyles as N,triggerLabelErrorStyles as y,triggerLabelStyles as u,triggerButtonPlaceholderStyles as $,triggerButtonErrorStyles as f,triggerButtonStyles as b,triggerWrapperFullWidthStyles as g,triggerWrapperStyles as x,contentStyles as v,itemStyles as w,labelStyles as S,separatorStyles as L}from"./index71.js";const j=s.Root,k=t(({className:t,children:l,label:i,error:c,helperText:n,fullWidth:v=!1,hasValue:w=!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",P=i&&T&&!i.includes("*")?`${i} *`:i;/* @__PURE__ */
1
+ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as s from"@radix-ui/react-select";import{cn as d}from"./index67.js";import{CountryFlag as l}from"./index79.js";import{viewportStyles as i,itemIconStyles as c,itemFlagStyles as n,triggerValueStyles as o,triggerIconStyles as m,triggerErrorStyles as p,triggerHelperStyles as h,triggerLabelDisabledStyles as N,triggerLabelErrorStyles as y,triggerLabelStyles as u,triggerButtonPlaceholderStyles as $,triggerButtonErrorStyles as f,triggerButtonStyles as b,triggerWrapperFullWidthStyles as g,triggerWrapperStyles as x,contentStyles as v,itemStyles as w,labelStyles as S,separatorStyles as L}from"./index80.js";const j=s.Root,k=t(({className:t,children:l,label:i,error:c,helperText:n,fullWidth:v=!1,hasValue:w=!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",P=i&&T&&!i.includes("*")?`${i} *`:i;/* @__PURE__ */
2
2
  return a("div",{className:d(x,v&&g),"data-cy":`${M}-wrapper`,"data-testid":`${O}-wrapper`,children:[i&&/* @__PURE__ */e("label",{id:B,htmlFor:W,className:d(u,c&&y,I&&N),"data-cy":`${M}-label`,"data-testid":`${O}-label`,children:P}),
3
3
  /* @__PURE__ */a(s.Trigger,{ref:V,id:W,className:d(b,c&&f,!w&&$,t),"aria-invalid":c?"true":"false","aria-describedby":c?F:n?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
4
  /* @__PURE__ */e("span",{className:o,children:w?l:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||i})}),
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("react-dom"),r=require("./index58.cjs"),n=require("@adam-milo/icons"),o=require("./index60.cjs"),s=require("./index70.cjs"),i=require("./index72.cjs"),l={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:o.defaultPhoneMask},d=t.forwardRef(({label:d,error:c,helperText:u,fullWidth:p=!0,value:h="",onChange:y,countryCode:f,initialCountryCode:m,onCountryChange:g,countries:x,enableFormatting:v=!0,onValidationChange:w,disabled:S,required:b,placeholder:$,id:C,"data-cy":k,"data-testid":j,className:D,onFocus:E,onBlur:L,...N},P)=>{const[M,q]=t.useState(!1),[F,I]=t.useState(!1),[W,R]=t.useState(0),[B,T]=t.useState({top:0,left:0,width:0}),[V,z]=t.useState(()=>f??m??"US"),A=f??V,K=t.useId(),U=C||K,H=`${U}-error`,O=`${U}-helper`,G=`${U}-listbox`,J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Y=t.useRef(null),Z=k||"phone-input",_=j||"phone-input",ee=x.find(e=>e.code===A)||x[0]||l,te=ee.mask??o.defaultPhoneMask,ae=$??te.placeholder,re=d&&b&&!d.includes("*")?`${d}*`:d,ne=ee.dialCode.replace(/\D/g,"").length,oe=o.getPhoneDigits(h),se=h.startsWith("+")?oe.slice(ne):oe,ie=v?o.formatWithMask(se,te):se;t.useLayoutEffect(()=>{if(!M||!Q.current)return;const e=()=>{if(Q.current){const e=Q.current.getBoundingClientRect();T({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[M]),t.useEffect(()=>{const e=e=>{const t=e.target,a=J.current?.contains(t),r=X.current?.contains(t);a||r||q(!1)};return M&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[M]),t.useEffect(()=>{if(!M)return;const e=X.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[M]);const le=t.useCallback(e=>{void 0===f&&z(e.code),g?.(e);const t=o.getPhoneDigits(h),a=ee.dialCode.replace(/\D/g,"").length,r=h.startsWith("+")?t.slice(a):t;y?.(`${e.dialCode}${r}`),q(!1),setTimeout(()=>{const e=J.current?.querySelector("input");e?.focus()},0)},[f,g,y,h,ee.dialCode]),de=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),R(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),R(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),le(x[W]);break;case"Escape":e.preventDefault(),q(!1),Y.current?.focus();break;case"Tab":q(!1)}},[x,W,le]),ce=S?"disabled":c?"error":F||M?"focus":"idle";return e.jsxs("div",{ref:J,className:r.cn(i.wrapperStyles,p&&i.wrapperFullWidthStyles),"data-cy":`${Z}-wrapper`,"data-testid":`${_}-wrapper`,children:[d&&e.jsx("label",{htmlFor:U,className:i.labelStyles,"data-cy":`${Z}-label`,"data-testid":`${_}-label`,children:re}),e.jsxs("div",{ref:Q,className:r.cn(i.containerBaseStyles,p&&i.containerFullWidthStyles,"focus"===ce&&i.containerFocusStyles,"error"===ce&&i.containerErrorStyles,"disabled"===ce&&i.containerDisabledStyles,"idle"===ce&&i.containerIdleStyles),"data-state":ce,"data-cy":`${Z}-container`,"data-testid":`${_}-container`,children:[e.jsxs("button",{ref:Y,type:"button",className:i.triggerStyles,onClick:()=>!S&&q(!M),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),q(!0);const t=x.findIndex(e=>e.code===A);R(-1===t?0:t)}},disabled:S,"aria-haspopup":"listbox","aria-expanded":M,"aria-controls":G,"aria-label":`Select country. Current: ${ee.name}`,"data-cy":`${Z}-country-trigger`,"data-testid":`${_}-country-trigger`,children:[e.jsx(s.CountryFlag,{flag:ee.flag,className:i.flagStyles,"data-cy":`${Z}-flag`,"data-testid":`${_}-flag`}),e.jsx(n.Icon,{name:"ChevronDownIcon",size:"sm",color:F||M?"clickable":"text",decorative:!0,"data-cy":`${Z}-chevron`})]}),e.jsx("span",{className:i.dialCodeStyles,"data-cy":`${Z}-dial-code`,"data-testid":`${_}-dial-code`,children:ee.dialCode}),e.jsx("input",{ref:P,id:U,type:"tel",inputMode:"numeric",value:ie,onChange:e=>{const t=e.target.value;if(v){const e=o.getPhoneDigits(t).slice(0,te.maxLength);y?.(`${ee.dialCode}${e}`);const a=e.length===te.maxLength;w?.(a)}else{const e=t.replace(/[^0-9]/g,"");y?.(`${ee.dialCode}${e}`);const a=e.length===te.maxLength;w?.(a)}},onFocus:e=>{I(!0),E?.(e)},onBlur:e=>{I(!1),L?.(e)},placeholder:ae,disabled:S,required:b,className:r.cn(i.inputStyles,D),"aria-invalid":c?"true":"false","aria-required":b?"true":void 0,"aria-describedby":c?H:u?O:void 0,"data-cy":Z,"data-testid":_,...N})]}),M&&a.createPortal(e.jsx("div",{ref:X,id:G,role:"listbox","aria-label":"Select country",className:i.dropdownStyles,style:{top:B.top,left:B.left,width:B.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:de,"data-cy":`${Z}-dropdown`,"data-testid":`${_}-dropdown`,children:e.jsx("div",{className:i.dropdownViewportStyles,children:x.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===A,className:r.cn(i.optionBaseStyles,a===W&&i.optionHighlightedStyles,t.code===A&&i.optionSelectedStyles),onClick:()=>le(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),le(t))},onMouseEnter:()=>R(a),tabIndex:a===W?0:-1,"data-cy":`${Z}-option-${t.code.toLowerCase()}`,"data-testid":`${_}-option-${t.code.toLowerCase()}`,children:[e.jsx(s.CountryFlag,{flag:t.flag,className:i.optionFlagStyles}),e.jsx("span",{className:i.optionNameStyles,children:t.name}),e.jsx("span",{className:i.optionDialCodeStyles,children:t.dialCode})]},t.code))})}),document.body),c&&e.jsx("span",{id:H,className:i.errorStyles,role:"alert","data-cy":`${Z}-error`,"data-testid":`${_}-error`,children:c}),u&&!c&&e.jsx("span",{id:O,className:i.helperStyles,"data-cy":`${Z}-helper`,"data-testid":`${_}-helper`,children:u})]})});d.displayName="PhoneInput",exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatWithMask=o.formatWithMask,exports.getPhoneDigits=o.getPhoneDigits,exports.isValidPhoneLength=o.isValidPhoneLength,exports.PhoneInput=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),r=require("./index67.cjs"),n=require("@adam-milo/icons"),o=require("./index69.cjs"),s=require("./index79.cjs"),i=require("./index81.cjs"),l={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:o.defaultPhoneMask},d=t.forwardRef(({label:d,error:c,helperText:u,fullWidth:p=!0,value:h="",onChange:y,countryCode:f,initialCountryCode:m,onCountryChange:g,countries:x,enableFormatting:v=!0,onValidationChange:w,disabled:S,required:b,placeholder:$,id:C,"data-cy":k,"data-testid":j,className:D,onFocus:E,onBlur:L,...N},P)=>{const[M,q]=t.useState(!1),[F,I]=t.useState(!1),[W,R]=t.useState(0),[B,T]=t.useState({top:0,left:0,width:0}),[V,z]=t.useState(()=>f??m??"US"),A=f??V,K=t.useId(),U=C||K,H=`${U}-error`,O=`${U}-helper`,G=`${U}-listbox`,J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Y=t.useRef(null),Z=k||"phone-input",_=j||"phone-input",ee=x.find(e=>e.code===A)||x[0]||l,te=ee.mask??o.defaultPhoneMask,ae=$??te.placeholder,re=d&&b&&!d.includes("*")?`${d}*`:d,ne=ee.dialCode.replace(/\D/g,"").length,oe=o.getPhoneDigits(h),se=h.startsWith("+")?oe.slice(ne):oe,ie=v?o.formatWithMask(se,te):se;t.useLayoutEffect(()=>{if(!M||!Q.current)return;const e=()=>{if(Q.current){const e=Q.current.getBoundingClientRect();T({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[M]),t.useEffect(()=>{const e=e=>{const t=e.target,a=J.current?.contains(t),r=X.current?.contains(t);a||r||q(!1)};return M&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[M]),t.useEffect(()=>{if(!M)return;const e=X.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[M]);const le=t.useCallback(e=>{void 0===f&&z(e.code),g?.(e);const t=o.getPhoneDigits(h),a=ee.dialCode.replace(/\D/g,"").length,r=h.startsWith("+")?t.slice(a):t;y?.(`${e.dialCode}${r}`),q(!1),setTimeout(()=>{const e=J.current?.querySelector("input");e?.focus()},0)},[f,g,y,h,ee.dialCode]),de=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),R(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),R(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),le(x[W]);break;case"Escape":e.preventDefault(),q(!1),Y.current?.focus();break;case"Tab":q(!1)}},[x,W,le]),ce=S?"disabled":c?"error":F||M?"focus":"idle";return e.jsxs("div",{ref:J,className:r.cn(i.wrapperStyles,p&&i.wrapperFullWidthStyles),"data-cy":`${Z}-wrapper`,"data-testid":`${_}-wrapper`,children:[d&&e.jsx("label",{htmlFor:U,className:i.labelStyles,"data-cy":`${Z}-label`,"data-testid":`${_}-label`,children:re}),e.jsxs("div",{ref:Q,className:r.cn(i.containerBaseStyles,p&&i.containerFullWidthStyles,"focus"===ce&&i.containerFocusStyles,"error"===ce&&i.containerErrorStyles,"disabled"===ce&&i.containerDisabledStyles,"idle"===ce&&i.containerIdleStyles),"data-state":ce,"data-cy":`${Z}-container`,"data-testid":`${_}-container`,children:[e.jsxs("button",{ref:Y,type:"button",className:i.triggerStyles,onClick:()=>!S&&q(!M),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),q(!0);const t=x.findIndex(e=>e.code===A);R(-1===t?0:t)}},disabled:S,"aria-haspopup":"listbox","aria-expanded":M,"aria-controls":G,"aria-label":`Select country. Current: ${ee.name}`,"data-cy":`${Z}-country-trigger`,"data-testid":`${_}-country-trigger`,children:[e.jsx(s.CountryFlag,{flag:ee.flag,className:i.flagStyles,"data-cy":`${Z}-flag`,"data-testid":`${_}-flag`}),e.jsx(n.Icon,{name:"ChevronDownIcon",size:"sm",color:F||M?"clickable":"text",decorative:!0,"data-cy":`${Z}-chevron`})]}),e.jsx("span",{className:i.dialCodeStyles,"data-cy":`${Z}-dial-code`,"data-testid":`${_}-dial-code`,children:ee.dialCode}),e.jsx("input",{ref:P,id:U,type:"tel",inputMode:"numeric",value:ie,onChange:e=>{const t=e.target.value;if(v){const e=o.getPhoneDigits(t).slice(0,te.maxLength);y?.(`${ee.dialCode}${e}`);const a=e.length===te.maxLength;w?.(a)}else{const e=t.replace(/[^0-9]/g,"");y?.(`${ee.dialCode}${e}`);const a=e.length===te.maxLength;w?.(a)}},onFocus:e=>{I(!0),E?.(e)},onBlur:e=>{I(!1),L?.(e)},placeholder:ae,disabled:S,required:b,className:r.cn(i.inputStyles,D),"aria-invalid":c?"true":"false","aria-required":b?"true":void 0,"aria-describedby":c?H:u?O:void 0,"data-cy":Z,"data-testid":_,...N})]}),M&&a.createPortal(e.jsx("div",{ref:X,id:G,role:"listbox","aria-label":"Select country",className:i.dropdownStyles,style:{top:B.top,left:B.left,width:B.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:de,"data-cy":`${Z}-dropdown`,"data-testid":`${_}-dropdown`,children:e.jsx("div",{className:i.dropdownViewportStyles,children:x.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===A,className:r.cn(i.optionBaseStyles,a===W&&i.optionHighlightedStyles,t.code===A&&i.optionSelectedStyles),onClick:()=>le(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),le(t))},onMouseEnter:()=>R(a),tabIndex:a===W?0:-1,"data-cy":`${Z}-option-${t.code.toLowerCase()}`,"data-testid":`${_}-option-${t.code.toLowerCase()}`,children:[e.jsx(s.CountryFlag,{flag:t.flag,className:i.optionFlagStyles}),e.jsx("span",{className:i.optionNameStyles,children:t.name}),e.jsx("span",{className:i.optionDialCodeStyles,children:t.dialCode})]},t.code))})}),document.body),c&&e.jsx("span",{id:H,className:i.errorStyles,role:"alert","data-cy":`${Z}-error`,"data-testid":`${_}-error`,children:c}),u&&!c&&e.jsx("span",{id:O,className:i.helperStyles,"data-cy":`${Z}-helper`,"data-testid":`${_}-helper`,children:u})]})});d.displayName="PhoneInput",exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatWithMask=o.formatWithMask,exports.getPhoneDigits=o.getPhoneDigits,exports.isValidPhoneLength=o.isValidPhoneLength,exports.PhoneInput=d;
package/dist/index15.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as r,useId as n,useRef as o,useLayoutEffect as d,useEffect as i,useCallback as l}from"react";import{createPortal as s}from"react-dom";import{cn as c}from"./index58.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as m,getPhoneDigits as p,formatWithMask as h}from"./index60.js";import{isValidPhoneLength as f}from"./index60.js";import{CountryFlag as v}from"./index70.js";import{labelStyles as y,triggerStyles as $,flagStyles as w,dialCodeStyles as g,dropdownStyles as b,dropdownViewportStyles as C,optionFlagStyles as x,optionNameStyles as N,optionDialCodeStyles as k,optionSelectedStyles as E,optionHighlightedStyles as L,optionBaseStyles as D,errorStyles as j,helperStyles as I,inputStyles as M,containerIdleStyles as S,containerDisabledStyles as q,containerErrorStyles as F,containerFocusStyles as W,containerFullWidthStyles as z,containerBaseStyles as A,wrapperFullWidthStyles as B,wrapperStyles as K}from"./index72.js";const T={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:m},U=a(({label:a,error:f,helperText:U,fullWidth:P=!0,value:R="",onChange:V,countryCode:G,initialCountryCode:H,onCountryChange:J,countries:O,enableFormatting:Q=!0,onValidationChange:X,disabled:Y,required:Z,placeholder:_,id:ee,"data-cy":te,"data-testid":ae,className:re,onFocus:ne,onBlur:oe,...de},ie)=>{const[le,se]=r(!1),[ce,ue]=r(!1),[me,pe]=r(0),[he,fe]=r({top:0,left:0,width:0}),[ve,ye]=r(()=>G??H??"US"),$e=G??ve,we=n(),ge=ee||we,be=`${ge}-error`,Ce=`${ge}-helper`,xe=`${ge}-listbox`,Ne=o(null),ke=o(null),Ee=o(null),Le=o(null),De=te||"phone-input",je=ae||"phone-input",Ie=O.find(e=>e.code===$e)||O[0]||T,Me=Ie.mask??m,Se=_??Me.placeholder,qe=a&&Z&&!a.includes("*")?`${a}*`:a,Fe=Ie.dialCode.replace(/\D/g,"").length,We=p(R),ze=R.startsWith("+")?We.slice(Fe):We,Ae=Q?h(ze,Me):ze;d(()=>{if(!le||!ke.current)return;const e=()=>{if(ke.current){const e=ke.current.getBoundingClientRect();fe({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[le]),i(()=>{const e=e=>{const t=e.target,a=Ne.current?.contains(t),r=Ee.current?.contains(t);a||r||se(!1)};return le&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[le]),i(()=>{if(!le)return;const e=Ee.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[le]);const Be=l(e=>{void 0===G&&ye(e.code),J?.(e);const t=p(R),a=Ie.dialCode.replace(/\D/g,"").length,r=R.startsWith("+")?t.slice(a):t;V?.(`${e.dialCode}${r}`),se(!1),setTimeout(()=>{const e=Ne.current?.querySelector("input");e?.focus()},0)},[G,J,V,R,Ie.dialCode]),Ke=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),pe(e=>Math.min(e+1,O.length-1));break;case"ArrowUp":e.preventDefault(),pe(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Be(O[me]);break;case"Escape":e.preventDefault(),se(!1),Le.current?.focus();break;case"Tab":se(!1)}},[O,me,Be]),Te=Y?"disabled":f?"error":ce||le?"focus":"idle";/* @__PURE__ */
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as r,useId as n,useRef as o,useLayoutEffect as d,useEffect as i,useCallback as l}from"react";import{createPortal as s}from"react-dom";import{cn as c}from"./index67.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as m,getPhoneDigits as p,formatWithMask as h}from"./index69.js";import{isValidPhoneLength as f}from"./index69.js";import{CountryFlag as v}from"./index79.js";import{labelStyles as y,triggerStyles as $,flagStyles as w,dialCodeStyles as g,dropdownStyles as b,dropdownViewportStyles as C,optionFlagStyles as x,optionNameStyles as N,optionDialCodeStyles as k,optionSelectedStyles as E,optionHighlightedStyles as L,optionBaseStyles as D,errorStyles as j,helperStyles as I,inputStyles as M,containerIdleStyles as S,containerDisabledStyles as q,containerErrorStyles as F,containerFocusStyles as W,containerFullWidthStyles as z,containerBaseStyles as A,wrapperFullWidthStyles as B,wrapperStyles as K}from"./index81.js";const T={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:m},U=a(({label:a,error:f,helperText:U,fullWidth:P=!0,value:R="",onChange:V,countryCode:G,initialCountryCode:H,onCountryChange:J,countries:O,enableFormatting:Q=!0,onValidationChange:X,disabled:Y,required:Z,placeholder:_,id:ee,"data-cy":te,"data-testid":ae,className:re,onFocus:ne,onBlur:oe,...de},ie)=>{const[le,se]=r(!1),[ce,ue]=r(!1),[me,pe]=r(0),[he,fe]=r({top:0,left:0,width:0}),[ve,ye]=r(()=>G??H??"US"),$e=G??ve,we=n(),ge=ee||we,be=`${ge}-error`,Ce=`${ge}-helper`,xe=`${ge}-listbox`,Ne=o(null),ke=o(null),Ee=o(null),Le=o(null),De=te||"phone-input",je=ae||"phone-input",Ie=O.find(e=>e.code===$e)||O[0]||T,Me=Ie.mask??m,Se=_??Me.placeholder,qe=a&&Z&&!a.includes("*")?`${a}*`:a,Fe=Ie.dialCode.replace(/\D/g,"").length,We=p(R),ze=R.startsWith("+")?We.slice(Fe):We,Ae=Q?h(ze,Me):ze;d(()=>{if(!le||!ke.current)return;const e=()=>{if(ke.current){const e=ke.current.getBoundingClientRect();fe({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[le]),i(()=>{const e=e=>{const t=e.target,a=Ne.current?.contains(t),r=Ee.current?.contains(t);a||r||se(!1)};return le&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[le]),i(()=>{if(!le)return;const e=Ee.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[le]);const Be=l(e=>{void 0===G&&ye(e.code),J?.(e);const t=p(R),a=Ie.dialCode.replace(/\D/g,"").length,r=R.startsWith("+")?t.slice(a):t;V?.(`${e.dialCode}${r}`),se(!1),setTimeout(()=>{const e=Ne.current?.querySelector("input");e?.focus()},0)},[G,J,V,R,Ie.dialCode]),Ke=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),pe(e=>Math.min(e+1,O.length-1));break;case"ArrowUp":e.preventDefault(),pe(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Be(O[me]);break;case"Escape":e.preventDefault(),se(!1),Le.current?.focus();break;case"Tab":se(!1)}},[O,me,Be]),Te=Y?"disabled":f?"error":ce||le?"focus":"idle";/* @__PURE__ */
2
2
  return e("div",{ref:Ne,className:c(K,P&&B),"data-cy":`${De}-wrapper`,"data-testid":`${je}-wrapper`,children:[a&&/* @__PURE__ */t("label",{htmlFor:ge,className:y,"data-cy":`${De}-label`,"data-testid":`${je}-label`,children:qe}),
3
3
  /* @__PURE__ */e("div",{ref:ke,className:c(A,P&&z,"focus"===Te&&W,"error"===Te&&F,"disabled"===Te&&q,"idle"===Te&&S),"data-state":Te,"data-cy":`${De}-container`,"data-testid":`${je}-container`,children:[
4
4
  /* @__PURE__ */e("button",{ref:Le,type:"button",className:$,onClick:()=>!Y&&se(!le),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),se(!0);const t=O.findIndex(e=>e.code===$e);pe(-1===t?0:t)}},disabled:Y,"aria-haspopup":"listbox","aria-expanded":le,"aria-controls":xe,"aria-label":`Select country. Current: ${Ie.name}`,"data-cy":`${De}-country-trigger`,"data-testid":`${je}-country-trigger`,children:[
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"),a=require("./index58.cjs"),r=require("./index73.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,className:m,"data-cy":$,"data-testid":v},x)=>{const S=t.useId(),k=`${S}-label`,D=`${S}-error`,j=`${S}-helper`,C=$||"otp-input",w=v||"otp-input",A="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,I=t.useRef([]),[N,E]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);E(e)},[i,l]);const q=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),z=t.useCallback(e=>{E(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),P=t.useCallback(e=>{const t=I.current[e];t&&(t.focus(),t.select())},[]),T=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&q(a)){const t=[...N];t[e]=a,z(t),e<l-1&&P(e+1)}else if(a.length>1){const t=a.split("").filter(q),r=[...N];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)}},[N,l,q,z,P]),B=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}else if(e>0){const t=[...N];t[e-1]="",z(t),P(e-1)}break;case"Delete":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&P(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&P(e+1);break;case"Home":t.preventDefault(),P(0);break;case"End":t.preventDefault(),P(l-1);break;default:if(1===t.key.length&&q(t.key)){t.preventDefault();const a=[...N];a[e]=t.key,z(a),e<l-1&&P(e+1)}}},[N,l,q,z,P]),O=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(q);if(0===a.length)return;const r=[...N];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)},[N,l,q,z,P]),F=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=N.findIndex(e=>""===e);P(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");z(e),P(0)},getValue:()=>N.join("")}),[N,l,P,z]),t.useEffect(()=>{p&&!u&&P(0)},[p,u,P]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles,m),"data-cy":`${C}-wrapper`,"data-testid":`${w}-wrapper`,children:[s&&e.jsx("label",{id:k,className:a.cn(r.labelBaseStyles,d&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${C}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-labelledby":s?k:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${C}-container`,"data-testid":`${w}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{I.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:N[s]||"",onChange:e=>T(s,e),onKeyDown:e=>B(s,e),onPaste:e=>O(s,e),onFocus:F,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":d?"true":"false","aria-describedby":d?D:o?j:void 0,className:a.cn(r.digitBaseStyles,A,d&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${C}-digit-${s}`,"data-testid":`${w}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:D,className:r.errorStyles,role:"alert","data-cy":`${C}-error`,"data-testid":`${w}-error`,children:d}),o&&!d&&e.jsx("span",{id:j,className:r.helperStyles,"data-cy":`${C}-helper`,"data-testid":`${w}-helper`,children:o})]})});l.displayName="OTPInput",exports.OTPInput=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),r=require("./index82.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,className:m,"data-cy":$,"data-testid":v},x)=>{const S=t.useId(),k=`${S}-label`,D=`${S}-error`,j=`${S}-helper`,C=$||"otp-input",w=v||"otp-input",A="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,I=t.useRef([]),[N,E]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);E(e)},[i,l]);const q=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),z=t.useCallback(e=>{E(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),P=t.useCallback(e=>{const t=I.current[e];t&&(t.focus(),t.select())},[]),T=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&q(a)){const t=[...N];t[e]=a,z(t),e<l-1&&P(e+1)}else if(a.length>1){const t=a.split("").filter(q),r=[...N];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)}},[N,l,q,z,P]),B=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}else if(e>0){const t=[...N];t[e-1]="",z(t),P(e-1)}break;case"Delete":if(t.preventDefault(),N[e]){const t=[...N];t[e]="",z(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&P(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&P(e+1);break;case"Home":t.preventDefault(),P(0);break;case"End":t.preventDefault(),P(l-1);break;default:if(1===t.key.length&&q(t.key)){t.preventDefault();const a=[...N];a[e]=t.key,z(a),e<l-1&&P(e+1)}}},[N,l,q,z,P]),O=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(q);if(0===a.length)return;const r=[...N];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),z(r);const s=r.findIndex(e=>""===e);P(-1===s?l-1:s)},[N,l,q,z,P]),F=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=N.findIndex(e=>""===e);P(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");z(e),P(0)},getValue:()=>N.join("")}),[N,l,P,z]),t.useEffect(()=>{p&&!u&&P(0)},[p,u,P]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles,m),"data-cy":`${C}-wrapper`,"data-testid":`${w}-wrapper`,children:[s&&e.jsx("label",{id:k,className:a.cn(r.labelBaseStyles,d&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${C}-label`,"data-testid":`${w}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-labelledby":s?k:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${C}-container`,"data-testid":`${w}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{I.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:N[s]||"",onChange:e=>T(s,e),onKeyDown:e=>B(s,e),onPaste:e=>O(s,e),onFocus:F,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":d?"true":"false","aria-describedby":d?D:o?j:void 0,className:a.cn(r.digitBaseStyles,A,d&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${C}-digit-${s}`,"data-testid":`${w}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:D,className:r.errorStyles,role:"alert","data-cy":`${C}-error`,"data-testid":`${w}-error`,children:d}),o&&!d&&e.jsx("span",{id:j,className:r.helperStyles,"data-cy":`${C}-helper`,"data-testid":`${w}-helper`,children:o})]})});l.displayName="OTPInput",exports.OTPInput=l;
package/dist/index16.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index58.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index73.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,className:L,"data-cy":O,"data-testid":Z},B)=>{const H=r(),K=`${H}-label`,M=`${H}-error`,R=`${H}-helper`,V=O||"otp-input",W=Z||"otp-input",G="sm"===q?y:g,J=i([]),[Q,S]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);S(e)},[A,a]);const U=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),X=c(e=>{S(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),Y=c(e=>{const t=J.current[e];t&&(t.focus(),t.select())},[]),_=c((e,t)=>{const r=t.target.value;if(1===r.length&&U(r)){const t=[...Q];t[e]=r,X(t),e<a-1&&Y(e+1)}else if(r.length>1){const t=r.split("").filter(U),i=[...Q];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)}},[Q,a,U,X,Y]),ee=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}else if(e>0){const t=[...Q];t[e-1]="",X(t),Y(e-1)}break;case"Delete":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&Y(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&Y(e+1);break;case"Home":t.preventDefault(),Y(0);break;case"End":t.preventDefault(),Y(a-1);break;default:if(1===t.key.length&&U(t.key)){t.preventDefault();const r=[...Q];r[e]=t.key,X(r),e<a-1&&Y(e+1)}}},[Q,a,U,X,Y]),te=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(U);if(0===r.length)return;const i=[...Q];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)},[Q,a,U,X,Y]),ae=c(e=>{e.target.select()},[]);return s(B,()=>({focus:()=>{const e=Q.findIndex(e=>""===e);Y(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");X(e),Y(0)},getValue:()=>Q.join("")}),[Q,a,Y,X]),n(()=>{z&&!C&&Y(0)},[z,C,Y]),/* @__PURE__ */e("div",{className:o(x,E&&D,L),"data-cy":`${V}-wrapper`,"data-testid":`${W}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:K,className:o(m,j&&f,C&&u),"data-cy":`${V}-label`,"data-testid":`${W}-label`,children:k}),
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index67.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index82.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,className:L,"data-cy":O,"data-testid":Z},B)=>{const H=r(),K=`${H}-label`,M=`${H}-error`,R=`${H}-helper`,V=O||"otp-input",W=Z||"otp-input",G="sm"===q?y:g,J=i([]),[Q,S]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);S(e)},[A,a]);const U=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),X=c(e=>{S(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),Y=c(e=>{const t=J.current[e];t&&(t.focus(),t.select())},[]),_=c((e,t)=>{const r=t.target.value;if(1===r.length&&U(r)){const t=[...Q];t[e]=r,X(t),e<a-1&&Y(e+1)}else if(r.length>1){const t=r.split("").filter(U),i=[...Q];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)}},[Q,a,U,X,Y]),ee=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}else if(e>0){const t=[...Q];t[e-1]="",X(t),Y(e-1)}break;case"Delete":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&Y(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&Y(e+1);break;case"Home":t.preventDefault(),Y(0);break;case"End":t.preventDefault(),Y(a-1);break;default:if(1===t.key.length&&U(t.key)){t.preventDefault();const r=[...Q];r[e]=t.key,X(r),e<a-1&&Y(e+1)}}},[Q,a,U,X,Y]),te=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(U);if(0===r.length)return;const i=[...Q];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)},[Q,a,U,X,Y]),ae=c(e=>{e.target.select()},[]);return s(B,()=>({focus:()=>{const e=Q.findIndex(e=>""===e);Y(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");X(e),Y(0)},getValue:()=>Q.join("")}),[Q,a,Y,X]),n(()=>{z&&!C&&Y(0)},[z,C,Y]),/* @__PURE__ */e("div",{className:o(x,E&&D,L),"data-cy":`${V}-wrapper`,"data-testid":`${W}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:K,className:o(m,j&&f,C&&u),"data-cy":`${V}-label`,"data-testid":`${W}-label`,children:k}),
2
2
  /* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-labelledby":k?K:void 0,"aria-label":k?void 0:"OTP Input","data-cy":`${V}-container`,"data-testid":`${W}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{J.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:Q[r]||"",onChange:e=>_(r,e),onKeyDown:e=>ee(r,e),onPaste:e=>te(r,e),onFocus:ae,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?M:I?R:void 0,className:o($,G,j&&h),"data-otp-digit":!0,"data-cy":`${V}-digit-${r}`,"data-testid":`${W}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:M,className:d,role:"alert","data-cy":`${V}-error`,"data-testid":`${W}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:R,className:p,"data-cy":`${V}-helper`,"data-testid":`${W}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index58.cjs"),s=require("./index74.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index67.cjs"),s=require("./index83.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/index17.js CHANGED
@@ -1,4 +1,4 @@
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"./index58.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index74.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__ */
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"./index67.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index83.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
2
  return e("div",{className:c(g,M&&k),"data-cy":`${D}-wrapper`,"data-testid":`${G}-wrapper`,children:[
3
3
  /* @__PURE__ */e("label",{className:c(f,M&&"cursor-not-allowed","start"===x&&N),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
4
  /* @__PURE__ */a("input",{ref:K,id:A,type:"checkbox",role:"switch",checked:T,defaultChecked:z,className:c(o,v),"aria-describedby":w?B:void 0,"data-cy":D,"data-testid":G,disabled:M,...L}),
package/dist/index18.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("./index58.cjs"),t=require("./index75.cjs"),s=require("./index59.cjs"),o=require("./index76.cjs"),l=require("./index67.cjs"),i=require("./index61.cjs"),d=require("./index77.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:h=!1,autoResize:v=!1,minRows:p=3,maxRows:g,showCharCount:y=!1,maxLength:m,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:C,height:S,className:$,id:N,onChange:q,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,k]=r.useState(),[z,V]=r.useState(!1),[_,H]=r.useState(!1),[P,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=l.useMergedRef(F,O),D=r.useId(),J=N||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=i.useResponsiveValue(S),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!v)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*p+t+s,l=g?a*g+t+s:1/0,i=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${i}px`},[v,p,g]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>d.debounce(e=>{if(f&&G.current){const r=f(e);k(r),b?.(!r)}else null===f&&G.current&&(k(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),q?.(e),v&&re(),G.current&&ae(r)},oe=e=>{V(!0),T.onFocus?.(e)},le=e=>{if(V(!1),G.current=!0,f){const r=f(e.target.value);k(r),b?.(!r)}M?.(e)},ie=()=>H(!0),de=()=>H(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":z?"focus":_?"hover":"idle",ue=m&&P>m,xe=y||x&&!ne,he=(()=>{if(!C)return"";if("green-accent"===C){return`relative ${z||_?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ve="green-accent"===C?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:z||_?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!ne&&he,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:ve,onMouseEnter:ie,onMouseLeave:de,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-18 leading-22 outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,required:R,maxLength:m,rows:ee?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T}),j]}):"green-accent"===C?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&he),style:ne?void 0:ve,onMouseEnter:ie,onMouseLeave:de,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!v&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,required:R,maxLength:m,rows:ee||v?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!v&&"overflow-y-auto textarea-scrollbar",he),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,onMouseEnter:ie,onMouseLeave:de,required:R,maxLength:m,rows:ee||v?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),y&&e.jsxs("span",{"aria-live":"polite","aria-atomic":"true",className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[P,m&&` / ${m}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("@radix-ui/react-slider"),s=require("./index67.cjs"),l=require("./index84.cjs");function r(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}return a.default=e,Object.freeze(a)}const d=r(t),i=e=>String(e),c=a.forwardRef((t,r)=>{const{min:c=0,max:n=100,step:m=1,label:u,helperText:o,error:h,disabled:b=!1,showValue:y=!1,showScaleLabels:x=!1,formatValue:$=i,"aria-label":p,"data-cy":j,"data-testid":S,className:v,id:g,...f}=t,N="range"===t.mode,w=a.useId(),C=g||w,T=`${C}-error`,V=`${C}-helper`,M=j||"slider",O=S||"slider",k=t.value,q=t.value,R=t.defaultValue,P=t.defaultValue,B=a.useMemo(()=>N?k:void 0===q?void 0:[q],[N,k,q]),F=a.useMemo(()=>N?R??[c,n]:[P??c],[N,R,P,c,n]),z=t.onChange,D=t.onChangeCommitted,I=a.useCallback(e=>{z&&z(N?[e[0],e[1]??e[0]]:e[0])},[z,N]),L=a.useCallback(e=>{D&&D(N?[e[0],e[1]??e[0]]:e[0])},[D,N]),{mode:A,value:E,defaultValue:G,onChange:H,onChangeCommitted:J,minStepsBetweenThumbs:K,dir:Q,...U}=f,W=B??F,X=N?`${$(W[0])} ${$(W[1]??W[0])}`:$(W[0]);return e.jsxs("div",{className:l.wrapperStyles,"data-cy":`${M}-wrapper`,"data-testid":`${O}-wrapper`,children:[(u||y)&&e.jsxs("div",{className:l.headerStyles,children:[u&&e.jsx("label",{htmlFor:C,className:l.labelStyles,"data-cy":`${M}-label`,"data-testid":`${O}-label`,children:u}),y&&e.jsx("span",{className:l.valueStyles,"data-cy":`${M}-value`,"data-testid":`${O}-value`,"aria-live":"polite",children:X})]}),e.jsxs(d.Root,{ref:r,id:C,className:s.cn(l.rootStyles,v),min:c,max:n,step:m,disabled:b,value:B,defaultValue:void 0===B?F:void 0,onValueChange:I,onValueCommit:L,minStepsBetweenThumbs:N?K:void 0,"aria-label":p||("string"==typeof u?u:void 0),"aria-describedby":h?T:o?V:void 0,"aria-invalid":h?"true":void 0,"data-cy":M,"data-testid":O,...U,children:[e.jsx(d.Track,{className:l.trackStyles,"data-cy":`${M}-track`,children:e.jsx(d.Range,{className:l.rangeStyles,"data-cy":`${M}-range`})}),N?e.jsxs(e.Fragment,{children:[e.jsx(d.Thumb,{className:l.thumbStyles,"aria-label":p?`${p} minimum`:"Minimum","data-cy":`${M}-thumb-min`,"data-testid":`${O}-thumb-min`}),e.jsx(d.Thumb,{className:l.thumbStyles,"aria-label":p?`${p} maximum`:"Maximum","data-cy":`${M}-thumb-max`,"data-testid":`${O}-thumb-max`})]}):e.jsx(d.Thumb,{className:l.thumbStyles,"aria-label":p,"data-cy":`${M}-thumb`,"data-testid":`${O}-thumb`})]}),x&&e.jsxs("div",{className:l.scaleRowStyles,"aria-hidden":"true","data-cy":`${M}-scale`,"data-testid":`${O}-scale`,children:[e.jsx("span",{"data-cy":`${M}-scale-min`,"data-testid":`${O}-scale-min`,children:$(c)}),e.jsx("span",{"data-cy":`${M}-scale-max`,"data-testid":`${O}-scale-max`,children:$(n)})]}),h&&e.jsx("span",{id:T,role:"alert",className:l.errorStyles,"data-cy":`${M}-error`,"data-testid":`${O}-error`,children:h}),o&&!h&&e.jsx("span",{id:V,className:l.helperStyles,"data-cy":`${M}-helper`,"data-testid":`${O}-helper`,children:o})]})});c.displayName="Slider",exports.Slider=c;
package/dist/index18.js CHANGED
@@ -1,3 +1,8 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useState as t,useRef as o,useId as i,useCallback as d,useEffect as n,useMemo as l}from"react";import{cn as s}from"./index58.js";import{FormTooltip as c}from"./index75.js";import{defaultValidation as u}from"./index59.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as C,textareaBaseStyles as $,charCountExceededStyles as N,charCountStyles as j,wrapperStyles as M}from"./index76.js";import{useMergedRef as q}from"./index67.js";import{useResponsiveValue as L}from"./index61.js";import{debounce as F}from"./index77.js";const z=r(({label:r,tooltip:z,error:B,helperText:k,fullWidth:I=!1,autoResize:T=!1,minRows:_=3,maxRows:E,showCharCount:H=!1,maxLength:R,validate:P=u,onValidationChange:V,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[ae,re]=t(),[te,oe]=t(!1),[ie,de]=t(!1),[ne,le]=t(0),se=o(!1),ce=o(null),ue=q(ee,ce),me=i(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=r&&Q&&!r.includes("*")?`${r} *`:r,be=L(D),ye=void 0!==be,we=d(()=>{const e=ce.current;if(!e||!T)return;e.style.height="auto";const a=window.getComputedStyle(e),r=parseInt(a.lineHeight)||22,t=parseInt(a.paddingTop)||0,o=parseInt(a.paddingBottom)||0,i=r*_+t+o,d=E?r*E+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,i),d);e.style.height=`${n}px`},[T,_,E]);n(()=>{we()},[U,we]);const Ce=l(()=>F(e=>{if(P&&se.current){const a=P(e);re(a),V?.(!a)}else null===P&&se.current&&(re(void 0),V?.(!0))},300),[P,V]),$e=o(Ce);n(()=>{$e.current=Ce},[Ce]),n(()=>()=>{$e.current.cancel()},[]),n(()=>{le((U||"").length)},[U]);const Ne=e=>{const a=e.target.value;le(a.length),K?.(e),T&&we(),se.current&&Ce(a)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),se.current=!0,P){const a=P(e.target.value);re(a),V?.(!a)}O?.(e)},qe=()=>de(!0),Le=()=>de(!1),Fe=B||ae,ze=Z.disabled?"disabled":Fe?"error":te?"focus":ie?"hover":"idle",Be=R&&ne>R,ke=H||k&&!Fe,Ie=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||ie?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Te="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||ie?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
- return e("div",{className:s(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */a("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(r||z)&&/* @__PURE__ */e("div",{className:m,children:[r&&/* @__PURE__ */a("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),z&&/* @__PURE__ */a(c,{content:z,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:s("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&Ie,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Te,onMouseEnter:qe,onMouseLeave:Le,children:[
3
- /* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s("w-full resize-none bg-transparent text-18 leading-22 outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,required:Q,maxLength:R,rows:ye?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z}),S]}):"green-accent"===W?/* @__PURE__ */a("div",{className:s("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&Ie),style:Fe?void 0:Te,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */a("div",{className:Fe?x:g,children:/* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s(w,!T&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,required:Q,maxLength:R,rows:ye||T?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z})})}):/* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s($,Fe&&C,!T&&"overflow-y-auto textarea-scrollbar",Ie),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:R,rows:ye||T?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z}),Fe&&/* @__PURE__ */a("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&ke&&/* @__PURE__ */e("div",{className:b,children:[k&&!Fe&&/* @__PURE__ */a("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:k}),H&&/* @__PURE__ */e("span",{"aria-live":"polite","aria-atomic":"true",className:s(j,Be&&N),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,R&&` / ${R}`]})]})]})});z.displayName="Textarea";export{z as Textarea};
1
+ import{jsxs as a,jsx as e,Fragment as t}from"react/jsx-runtime";import{forwardRef as d,useId as i,useMemo as l,useCallback as r}from"react";import*as s from"@radix-ui/react-slider";import{cn as m}from"./index67.js";import{wrapperStyles as c,headerStyles as n,labelStyles as o,valueStyles as u,trackStyles as h,rangeStyles as $,thumbStyles as p,scaleRowStyles as b,errorStyles as v,helperStyles as y,rootStyles as N}from"./index84.js";const x=a=>String(a),f=d((d,f)=>{const{min:g=0,max:C=100,step:V=1,label:T,helperText:w,error:S,disabled:j=!1,showValue:k=!1,showScaleLabels:B=!1,formatValue:M=x,"aria-label":R,"data-cy":F,"data-testid":L,className:q,id:z,...A}=d,D="range"===d.mode,E=i(),G=z||E,H=`${G}-error`,I=`${G}-helper`,J=F||"slider",K=L||"slider",O=d.value,P=d.value,Q=d.defaultValue,U=d.defaultValue,W=l(()=>D?O:void 0===P?void 0:[P],[D,O,P]),X=l(()=>D?Q??[g,C]:[U??g],[D,Q,U,g,C]),Y=d.onChange,Z=d.onChangeCommitted,_=r(a=>{Y&&Y(D?[a[0],a[1]??a[0]]:a[0])},[Y,D]),aa=r(a=>{Z&&Z(D?[a[0],a[1]??a[0]]:a[0])},[Z,D]),{mode:ea,value:ta,defaultValue:da,onChange:ia,onChangeCommitted:la,minStepsBetweenThumbs:ra,dir:sa,...ma}=A,ca=W??X,na=D?`${M(ca[0])} ${M(ca[1]??ca[0])}`:M(ca[0]);/* @__PURE__ */
2
+ return a("div",{className:c,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(T||k)&&/* @__PURE__ */a("div",{className:n,children:[T&&/* @__PURE__ */e("label",{htmlFor:G,className:o,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:T}),k&&/* @__PURE__ */e("span",{className:u,"data-cy":`${J}-value`,"data-testid":`${K}-value`,"aria-live":"polite",children:na})]}),
3
+ /* @__PURE__ */a(s.Root,{ref:f,id:G,className:m(N,q),min:g,max:C,step:V,disabled:j,value:W,defaultValue:void 0===W?X:void 0,onValueChange:_,onValueCommit:aa,minStepsBetweenThumbs:D?ra:void 0,"aria-label":R||("string"==typeof T?T:void 0),"aria-describedby":S?H:w?I:void 0,"aria-invalid":S?"true":void 0,"data-cy":J,"data-testid":K,...ma,children:[
4
+ /* @__PURE__ */e(s.Track,{className:h,"data-cy":`${J}-track`,children:/* @__PURE__ */e(s.Range,{className:$,"data-cy":`${J}-range`})}),D?/* @__PURE__ */a(t,{children:[
5
+ /* @__PURE__ */e(s.Thumb,{className:p,"aria-label":R?`${R} minimum`:"Minimum","data-cy":`${J}-thumb-min`,"data-testid":`${K}-thumb-min`}),
6
+ /* @__PURE__ */e(s.Thumb,{className:p,"aria-label":R?`${R} maximum`:"Maximum","data-cy":`${J}-thumb-max`,"data-testid":`${K}-thumb-max`})]}):/* @__PURE__ */e(s.Thumb,{className:p,"aria-label":R,"data-cy":`${J}-thumb`,"data-testid":`${K}-thumb`})]}),B&&/* @__PURE__ */a("div",{className:b,"aria-hidden":"true","data-cy":`${J}-scale`,"data-testid":`${K}-scale`,children:[
7
+ /* @__PURE__ */e("span",{"data-cy":`${J}-scale-min`,"data-testid":`${K}-scale-min`,children:M(g)}),
8
+ /* @__PURE__ */e("span",{"data-cy":`${J}-scale-max`,"data-testid":`${K}-scale-max`,children:M(C)})]}),S&&/* @__PURE__ */e("span",{id:H,role:"alert",className:v,"data-cy":`${J}-error`,"data-testid":`${K}-error`,children:S}),w&&!S&&/* @__PURE__ */e("span",{id:I,className:y,"data-cy":`${J}-helper`,"data-testid":`${K}-helper`,children:w})]})});f.displayName="Slider";export{f as Slider};
package/dist/index19.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("./index58.cjs"),r=require("./index70.cjs"),l=require("./index78.cjs"),s=()=>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"})}),i=t.forwardRef(({value:i,onValueChange:n,options:o,label:d,placeholder:c,error:u,helperText:p,fullWidth:y=!1,required:f=!1,disabled:h=!1,noResultsText:v="No results found",className:b,"data-cy":m,"data-testid":g},x)=>{const[$,S]=t.useState(!1),[w,j]=t.useState(""),[k,N]=t.useState(-1),C=t.useId(),D=`${C}-error`,q=`${C}-helper`,E=`${C}-listbox`,L=m||"autocomplete",F=g||"autocomplete",R=t.useRef(null),A=t.useRef(null),M=t.useRef([]),T=t.useRef(!1),I=o.find(e=>e.value===i),O=d&&f&&!d.includes("*")?`${d} *`:d,W=$&&w?o.filter(e=>e.label.toLowerCase().includes(w.toLowerCase())):o,K=t.useCallback(()=>{h||(S(!0),j(""),N(-1))},[h]),P=t.useCallback(()=>{S(!1),j(""),N(-1)},[]),V=t.useCallback(e=>{e.disabled||(n(e.value),P())},[n,P]);t.useEffect(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&P()};return $&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[$,P]);const B=e=>{M.current[e]?.scrollIntoView?.({block:"nearest"})},H=(e,t)=>{const a=W.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!W[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!W[l].disabled)return l;return-1===e?-1:e},U=$?w:I?.label??"",z=t.useCallback(e=>{R.current=e,"function"==typeof x?x(e):x&&(x.current=e)},[x]);return e.jsxs("div",{ref:z,className:a.cn(l.wrapperStyles,y&&l.wrapperFullWidthStyles,b),"data-cy":`${L}-wrapper`,"data-testid":`${F}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${C}-input`,className:a.cn(l.labelStyles,u&&l.labelErrorStyles),"data-cy":`${L}-label`,"data-testid":`${F}-label`,children:O}),e.jsxs("div",{className:a.cn(l.triggerStyles,$&&l.triggerOpenStyles,u&&l.triggerErrorStyles,h&&l.triggerDisabledStyles),onClick:()=>{$||K(),A.current?.focus()},"data-cy":L,"data-testid":F,children:[!$&&I?.flag&&e.jsx(r.CountryFlag,{flag:I.flag,className:l.flagStyles}),e.jsx("input",{ref:A,id:`${C}-input`,type:"text",role:"combobox",className:l.inputStyles,value:U,placeholder:c||d||"Select...","aria-expanded":$,"aria-haspopup":"listbox","aria-controls":$?E:void 0,"aria-autocomplete":"list","aria-activedescendant":k>=0?`${C}-option-${k}`:void 0,"aria-invalid":u?"true":"false","aria-required":f?"true":void 0,"aria-describedby":u?D:p?q:void 0,disabled:h,onChange:e=>{j(e.target.value),N(-1),$||K()},onFocus:()=>{$||T.current||K()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!$)return void K();const t=H(k,1);-1!==t&&(N(t),B(t));break}case"ArrowUp":{if(e.preventDefault(),!$)return void K();const t=H(k,-1);-1!==t&&(N(t),B(t));break}case"Enter":e.preventDefault(),$&&k>=0&&W[k]&&V(W[k]);break;case"Escape":e.preventDefault(),P();break;case"Tab":$&&P()}},"data-cy":`${L}-input`,"data-testid":`${F}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(l.chevronStyles,$&&l.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),$?(T.current=!0,P(),A.current?.blur(),requestAnimationFrame(()=>{T.current=!1})):(K(),requestAnimationFrame(()=>A.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${L}-chevron`,"data-testid":`${F}-chevron`,children:e.jsx(s,{})})]}),$&&e.jsx("div",{className:l.dropdownStyles,"data-cy":`${L}-dropdown`,"data-testid":`${F}-dropdown`,children:e.jsx("div",{id:E,role:"listbox",className:l.listStyles,"data-cy":`${L}-list`,"data-testid":`${F}-list`,children:0===W.length?e.jsx("div",{className:l.noResultsStyles,children:v}):W.map((t,s)=>{const n=t.value===i,o=s===k;return e.jsxs("div",{ref:e=>{M.current[s]=e},id:`${C}-option-${s}`,role:"option",tabIndex:-1,"aria-selected":n,"aria-disabled":t.disabled||void 0,className:a.cn(l.itemStyles,o&&l.itemHighlightedStyles,n&&!o&&l.itemSelectedStyles,t.disabled&&l.itemDisabledStyles),onClick:()=>V(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),V(t))},onMouseEnter:()=>N(s),"data-cy":`${L}-item-${t.value}`,"data-testid":`${F}-item-${t.value}`,children:[t.flag&&e.jsx(r.CountryFlag,{flag:t.flag,className:l.flagStyles}),t.label]},t.value)})})}),u&&e.jsx("span",{id:D,className:l.errorStyles,role:"alert","data-cy":`${L}-error`,"data-testid":`${F}-error`,children:u}),p&&!u&&e.jsx("span",{id:q,className:l.helperStyles,"data-cy":`${L}-helper`,"data-testid":`${F}-helper`,children:p})]})});i.displayName="Autocomplete",exports.Autocomplete=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index67.cjs"),t=require("./index85.cjs"),s=require("./index68.cjs"),o=require("./index86.cjs"),l=require("./index76.cjs"),i=require("./index70.cjs"),d=require("./index87.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:h=!1,autoResize:v=!1,minRows:p=3,maxRows:g,showCharCount:y=!1,maxLength:m,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:C,height:S,className:$,id:N,onChange:q,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,k]=r.useState(),[z,V]=r.useState(!1),[_,H]=r.useState(!1),[P,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=l.useMergedRef(F,O),D=r.useId(),J=N||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=i.useResponsiveValue(S),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!v)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*p+t+s,l=g?a*g+t+s:1/0,i=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${i}px`},[v,p,g]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>d.debounce(e=>{if(f&&G.current){const r=f(e);k(r),b?.(!r)}else null===f&&G.current&&(k(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),q?.(e),v&&re(),G.current&&ae(r)},oe=e=>{V(!0),T.onFocus?.(e)},le=e=>{if(V(!1),G.current=!0,f){const r=f(e.target.value);k(r),b?.(!r)}M?.(e)},ie=()=>H(!0),de=()=>H(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":z?"focus":_?"hover":"idle",ue=m&&P>m,xe=y||x&&!ne,he=(()=>{if(!C)return"";if("green-accent"===C){return`relative ${z||_?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ve="green-accent"===C?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:z||_?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!ne&&he,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:ve,onMouseEnter:ie,onMouseLeave:de,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-18 leading-22 outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,required:R,maxLength:m,rows:ee?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T}),j]}):"green-accent"===C?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&he),style:ne?void 0:ve,onMouseEnter:ie,onMouseLeave:de,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!v&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,required:R,maxLength:m,rows:ee||v?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!v&&"overflow-y-auto textarea-scrollbar",he),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,onMouseEnter:ie,onMouseLeave:de,required:R,maxLength:m,rows:ee||v?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),y&&e.jsxs("span",{"aria-live":"polite","aria-atomic":"true",className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[P,m&&` / ${m}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
package/dist/index19.js CHANGED
@@ -1,6 +1,3 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as i,useCallback as o,useEffect as l}from"react";import{cn as d}from"./index58.js";import{CountryFlag as s}from"./index70.js";import{flagStyles as c,inputStyles as u,dropdownStyles as p,listStyles as m,noResultsStyles as f,itemDisabledStyles as v,itemSelectedStyles as h,itemHighlightedStyles as b,itemStyles as $,errorStyles as w,helperStyles as y,labelErrorStyles as g,labelStyles as x,chevronOpenStyles as N,chevronStyles as k,triggerDisabledStyles as D,triggerErrorStyles as C,triggerOpenStyles as L,triggerStyles as E,wrapperFullWidthStyles as j,wrapperStyles as A}from"./index78.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:P=!1,noResultsText:R="No results found",className:S,"data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,Q]=r(""),[X,Y]=r(-1),Z=n(),_=`${Z}-error`,ee=`${Z}-helper`,ae=`${Z}-listbox`,te=U||"autocomplete",re=z||"autocomplete",ne=i(null),ie=i(null),oe=i([]),le=i(!1),de=M.find(e=>e.value===t),se=T&&B&&!T.includes("*")?`${T} *`:T,ce=H&&O?M.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):M,ue=o(()=>{P||(J(!0),Q(""),Y(-1))},[P]),pe=o(()=>{J(!1),Q(""),Y(-1)},[]),me=o(e=>{e.disabled||(F(e.value),pe())},[F,pe]);l(()=>{const e=e=>{ne.current&&!ne.current.contains(e.target)&&pe()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,pe]);const fe=e=>{oe.current[e]?.scrollIntoView?.({block:"nearest"})},ve=(e,a)=>{const t=ce.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!ce[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!ce[n].disabled)return n;return-1===e?-1:e},he=H?O:de?.label??"",be=o(e=>{ne.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
- return e("div",{ref:be,className:d(A,W&&j,S),"data-cy":`${te}-wrapper`,"data-testid":`${re}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Z}-input`,className:d(x,K&&g),"data-cy":`${te}-label`,"data-testid":`${re}-label`,children:se}),
3
- /* @__PURE__ */e("div",{className:d(E,H&&L,K&&C,P&&D),onClick:()=>{H||ue(),ie.current?.focus()},"data-cy":te,"data-testid":re,children:[!H&&de?.flag&&/* @__PURE__ */a(s,{flag:de.flag,className:c}),
4
- /* @__PURE__ */a("input",{ref:ie,id:`${Z}-input`,type:"text",role:"combobox",className:u,value:he,placeholder:I||T||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ae:void 0,"aria-autocomplete":"list","aria-activedescendant":X>=0?`${Z}-option-${X}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?_:V?ee:void 0,disabled:P,onChange:e=>{Q(e.target.value),Y(-1),H||ue()},onFocus:()=>{H||le.current||ue()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void ue();const a=ve(X,1);-1!==a&&(Y(a),fe(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void ue();const a=ve(X,-1);-1!==a&&(Y(a),fe(a));break}case"Enter":e.preventDefault(),H&&X>=0&&ce[X]&&me(ce[X]);break;case"Escape":e.preventDefault(),pe();break;case"Tab":H&&pe()}},"data-cy":`${te}-input`,"data-testid":`${re}-input`}),
5
- /* @__PURE__ */a("span",{"aria-hidden":"true",className:d(k,H&&N),onMouseDown:e=>{e.preventDefault(),H?(le.current=!0,pe(),ie.current?.blur(),requestAnimationFrame(()=>{le.current=!1})):(ue(),requestAnimationFrame(()=>ie.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${te}-chevron`,"data-testid":`${re}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:p,"data-cy":`${te}-dropdown`,"data-testid":`${re}-dropdown`,children:/* @__PURE__ */a("div",{id:ae,role:"listbox",className:m,"data-cy":`${te}-list`,"data-testid":`${re}-list`,children:0===ce.length?/* @__PURE__ */a("div",{className:f,children:R}):ce.map((r,n)=>{const i=r.value===t,o=n===X;/* @__PURE__ */
6
- return e("div",{ref:e=>{oe.current[n]=e},id:`${Z}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:d($,o&&b,i&&!o&&h,r.disabled&&v),onClick:()=>me(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),me(r))},onMouseEnter:()=>Y(n),"data-cy":`${te}-item-${r.value}`,"data-testid":`${re}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a(s,{flag:r.flag,className:c}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:_,className:w,role:"alert","data-cy":`${te}-error`,"data-testid":`${re}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:ee,className:y,"data-cy":`${te}-helper`,"data-testid":`${re}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useState as t,useRef as o,useId as i,useCallback as d,useEffect as n,useMemo as l}from"react";import{cn as s}from"./index67.js";import{FormTooltip as c}from"./index85.js";import{defaultValidation as u}from"./index68.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as C,textareaBaseStyles as $,charCountExceededStyles as N,charCountStyles as j,wrapperStyles as M}from"./index86.js";import{useMergedRef as q}from"./index76.js";import{useResponsiveValue as L}from"./index70.js";import{debounce as F}from"./index87.js";const z=r(({label:r,tooltip:z,error:B,helperText:k,fullWidth:I=!1,autoResize:T=!1,minRows:_=3,maxRows:E,showCharCount:H=!1,maxLength:R,validate:P=u,onValidationChange:V,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[ae,re]=t(),[te,oe]=t(!1),[ie,de]=t(!1),[ne,le]=t(0),se=o(!1),ce=o(null),ue=q(ee,ce),me=i(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=r&&Q&&!r.includes("*")?`${r} *`:r,be=L(D),ye=void 0!==be,we=d(()=>{const e=ce.current;if(!e||!T)return;e.style.height="auto";const a=window.getComputedStyle(e),r=parseInt(a.lineHeight)||22,t=parseInt(a.paddingTop)||0,o=parseInt(a.paddingBottom)||0,i=r*_+t+o,d=E?r*E+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,i),d);e.style.height=`${n}px`},[T,_,E]);n(()=>{we()},[U,we]);const Ce=l(()=>F(e=>{if(P&&se.current){const a=P(e);re(a),V?.(!a)}else null===P&&se.current&&(re(void 0),V?.(!0))},300),[P,V]),$e=o(Ce);n(()=>{$e.current=Ce},[Ce]),n(()=>()=>{$e.current.cancel()},[]),n(()=>{le((U||"").length)},[U]);const Ne=e=>{const a=e.target.value;le(a.length),K?.(e),T&&we(),se.current&&Ce(a)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),se.current=!0,P){const a=P(e.target.value);re(a),V?.(!a)}O?.(e)},qe=()=>de(!0),Le=()=>de(!1),Fe=B||ae,ze=Z.disabled?"disabled":Fe?"error":te?"focus":ie?"hover":"idle",Be=R&&ne>R,ke=H||k&&!Fe,Ie=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||ie?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Te="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||ie?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
+ return e("div",{className:s(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */a("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(r||z)&&/* @__PURE__ */e("div",{className:m,children:[r&&/* @__PURE__ */a("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),z&&/* @__PURE__ */a(c,{content:z,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:s("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&Ie,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Te,onMouseEnter:qe,onMouseLeave:Le,children:[
3
+ /* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s("w-full resize-none bg-transparent text-18 leading-22 outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,required:Q,maxLength:R,rows:ye?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z}),S]}):"green-accent"===W?/* @__PURE__ */a("div",{className:s("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&Ie),style:Fe?void 0:Te,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */a("div",{className:Fe?x:g,children:/* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s(w,!T&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,required:Q,maxLength:R,rows:ye||T?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z})})}):/* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s($,Fe&&C,!T&&"overflow-y-auto textarea-scrollbar",Ie),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:R,rows:ye||T?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z}),Fe&&/* @__PURE__ */a("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&ke&&/* @__PURE__ */e("div",{className:b,children:[k&&!Fe&&/* @__PURE__ */a("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:k}),H&&/* @__PURE__ */e("span",{"aria-live":"polite","aria-atomic":"true",className:s(j,Be&&N),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,R&&` / ${R}`]})]})]})});z.displayName="Textarea";export{z as Textarea};
package/dist/index20.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("react"),t=require("react-hook-form");const o=e.forwardRef(function({methods:e,onSubmit:o,onError:a,children:i,"data-cy":d,"data-testid":n,...m},c){return r.jsx(t.FormProvider,{...e,children:r.jsx("form",{ref:c,onSubmit:e.handleSubmit(o,a),"data-cy":d??"form","data-testid":n??"form",noValidate:!0,...m,children:i})})});o.displayName="Form",exports.Form=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),r=require("./index79.cjs"),l=require("./index88.cjs"),s=()=>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"})}),i=t.forwardRef(({value:i,onValueChange:n,options:o,label:d,placeholder:c,error:u,helperText:p,fullWidth:y=!1,required:f=!1,disabled:h=!1,noResultsText:v="No results found",className:b,"data-cy":m,"data-testid":g},x)=>{const[$,S]=t.useState(!1),[w,j]=t.useState(""),[k,N]=t.useState(-1),C=t.useId(),D=`${C}-error`,q=`${C}-helper`,E=`${C}-listbox`,L=m||"autocomplete",F=g||"autocomplete",R=t.useRef(null),A=t.useRef(null),M=t.useRef([]),T=t.useRef(!1),I=o.find(e=>e.value===i),O=d&&f&&!d.includes("*")?`${d} *`:d,W=$&&w?o.filter(e=>e.label.toLowerCase().includes(w.toLowerCase())):o,K=t.useCallback(()=>{h||(S(!0),j(""),N(-1))},[h]),P=t.useCallback(()=>{S(!1),j(""),N(-1)},[]),V=t.useCallback(e=>{e.disabled||(n(e.value),P())},[n,P]);t.useEffect(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&P()};return $&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[$,P]);const B=e=>{M.current[e]?.scrollIntoView?.({block:"nearest"})},H=(e,t)=>{const a=W.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!W[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!W[l].disabled)return l;return-1===e?-1:e},U=$?w:I?.label??"",z=t.useCallback(e=>{R.current=e,"function"==typeof x?x(e):x&&(x.current=e)},[x]);return e.jsxs("div",{ref:z,className:a.cn(l.wrapperStyles,y&&l.wrapperFullWidthStyles,b),"data-cy":`${L}-wrapper`,"data-testid":`${F}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${C}-input`,className:a.cn(l.labelStyles,u&&l.labelErrorStyles),"data-cy":`${L}-label`,"data-testid":`${F}-label`,children:O}),e.jsxs("div",{className:a.cn(l.triggerStyles,$&&l.triggerOpenStyles,u&&l.triggerErrorStyles,h&&l.triggerDisabledStyles),onClick:()=>{$||K(),A.current?.focus()},"data-cy":L,"data-testid":F,children:[!$&&I?.flag&&e.jsx(r.CountryFlag,{flag:I.flag,className:l.flagStyles}),e.jsx("input",{ref:A,id:`${C}-input`,type:"text",role:"combobox",className:l.inputStyles,value:U,placeholder:c||d||"Select...","aria-expanded":$,"aria-haspopup":"listbox","aria-controls":$?E:void 0,"aria-autocomplete":"list","aria-activedescendant":k>=0?`${C}-option-${k}`:void 0,"aria-invalid":u?"true":"false","aria-required":f?"true":void 0,"aria-describedby":u?D:p?q:void 0,disabled:h,onChange:e=>{j(e.target.value),N(-1),$||K()},onFocus:()=>{$||T.current||K()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!$)return void K();const t=H(k,1);-1!==t&&(N(t),B(t));break}case"ArrowUp":{if(e.preventDefault(),!$)return void K();const t=H(k,-1);-1!==t&&(N(t),B(t));break}case"Enter":e.preventDefault(),$&&k>=0&&W[k]&&V(W[k]);break;case"Escape":e.preventDefault(),P();break;case"Tab":$&&P()}},"data-cy":`${L}-input`,"data-testid":`${F}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(l.chevronStyles,$&&l.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),$?(T.current=!0,P(),A.current?.blur(),requestAnimationFrame(()=>{T.current=!1})):(K(),requestAnimationFrame(()=>A.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${L}-chevron`,"data-testid":`${F}-chevron`,children:e.jsx(s,{})})]}),$&&e.jsx("div",{className:l.dropdownStyles,"data-cy":`${L}-dropdown`,"data-testid":`${F}-dropdown`,children:e.jsx("div",{id:E,role:"listbox",className:l.listStyles,"data-cy":`${L}-list`,"data-testid":`${F}-list`,children:0===W.length?e.jsx("div",{className:l.noResultsStyles,children:v}):W.map((t,s)=>{const n=t.value===i,o=s===k;return e.jsxs("div",{ref:e=>{M.current[s]=e},id:`${C}-option-${s}`,role:"option",tabIndex:-1,"aria-selected":n,"aria-disabled":t.disabled||void 0,className:a.cn(l.itemStyles,o&&l.itemHighlightedStyles,n&&!o&&l.itemSelectedStyles,t.disabled&&l.itemDisabledStyles),onClick:()=>V(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),V(t))},onMouseEnter:()=>N(s),"data-cy":`${L}-item-${t.value}`,"data-testid":`${F}-item-${t.value}`,children:[t.flag&&e.jsx(r.CountryFlag,{flag:t.flag,className:l.flagStyles}),t.label]},t.value)})})}),u&&e.jsx("span",{id:D,className:l.errorStyles,role:"alert","data-cy":`${L}-error`,"data-testid":`${F}-error`,children:u}),p&&!u&&e.jsx("span",{id:q,className:l.helperStyles,"data-cy":`${L}-helper`,"data-testid":`${F}-helper`,children:p})]})});i.displayName="Autocomplete",exports.Autocomplete=i;
package/dist/index20.js CHANGED
@@ -1,2 +1,6 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormProvider as o}from"react-hook-form";const m=t(function({methods:t,onSubmit:m,onError:a,children:e,"data-cy":i,"data-testid":d,...n},c){/* @__PURE__ */
2
- return r(o,{...t,children:/* @__PURE__ */r("form",{ref:c,onSubmit:t.handleSubmit(m,a),"data-cy":i??"form","data-testid":d??"form",noValidate:!0,...n,children:e})})});m.displayName="Form";export{m as Form};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as i,useCallback as o,useEffect as l}from"react";import{cn as d}from"./index67.js";import{CountryFlag as s}from"./index79.js";import{flagStyles as c,inputStyles as u,dropdownStyles as p,listStyles as m,noResultsStyles as f,itemDisabledStyles as v,itemSelectedStyles as h,itemHighlightedStyles as b,itemStyles as $,errorStyles as w,helperStyles as y,labelErrorStyles as g,labelStyles as x,chevronOpenStyles as N,chevronStyles as k,triggerDisabledStyles as D,triggerErrorStyles as C,triggerOpenStyles as L,triggerStyles as E,wrapperFullWidthStyles as j,wrapperStyles as A}from"./index88.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:P=!1,noResultsText:R="No results found",className:S,"data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,Q]=r(""),[X,Y]=r(-1),Z=n(),_=`${Z}-error`,ee=`${Z}-helper`,ae=`${Z}-listbox`,te=U||"autocomplete",re=z||"autocomplete",ne=i(null),ie=i(null),oe=i([]),le=i(!1),de=M.find(e=>e.value===t),se=T&&B&&!T.includes("*")?`${T} *`:T,ce=H&&O?M.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):M,ue=o(()=>{P||(J(!0),Q(""),Y(-1))},[P]),pe=o(()=>{J(!1),Q(""),Y(-1)},[]),me=o(e=>{e.disabled||(F(e.value),pe())},[F,pe]);l(()=>{const e=e=>{ne.current&&!ne.current.contains(e.target)&&pe()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,pe]);const fe=e=>{oe.current[e]?.scrollIntoView?.({block:"nearest"})},ve=(e,a)=>{const t=ce.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!ce[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!ce[n].disabled)return n;return-1===e?-1:e},he=H?O:de?.label??"",be=o(e=>{ne.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
+ return e("div",{ref:be,className:d(A,W&&j,S),"data-cy":`${te}-wrapper`,"data-testid":`${re}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Z}-input`,className:d(x,K&&g),"data-cy":`${te}-label`,"data-testid":`${re}-label`,children:se}),
3
+ /* @__PURE__ */e("div",{className:d(E,H&&L,K&&C,P&&D),onClick:()=>{H||ue(),ie.current?.focus()},"data-cy":te,"data-testid":re,children:[!H&&de?.flag&&/* @__PURE__ */a(s,{flag:de.flag,className:c}),
4
+ /* @__PURE__ */a("input",{ref:ie,id:`${Z}-input`,type:"text",role:"combobox",className:u,value:he,placeholder:I||T||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ae:void 0,"aria-autocomplete":"list","aria-activedescendant":X>=0?`${Z}-option-${X}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?_:V?ee:void 0,disabled:P,onChange:e=>{Q(e.target.value),Y(-1),H||ue()},onFocus:()=>{H||le.current||ue()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void ue();const a=ve(X,1);-1!==a&&(Y(a),fe(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void ue();const a=ve(X,-1);-1!==a&&(Y(a),fe(a));break}case"Enter":e.preventDefault(),H&&X>=0&&ce[X]&&me(ce[X]);break;case"Escape":e.preventDefault(),pe();break;case"Tab":H&&pe()}},"data-cy":`${te}-input`,"data-testid":`${re}-input`}),
5
+ /* @__PURE__ */a("span",{"aria-hidden":"true",className:d(k,H&&N),onMouseDown:e=>{e.preventDefault(),H?(le.current=!0,pe(),ie.current?.blur(),requestAnimationFrame(()=>{le.current=!1})):(ue(),requestAnimationFrame(()=>ie.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${te}-chevron`,"data-testid":`${re}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:p,"data-cy":`${te}-dropdown`,"data-testid":`${re}-dropdown`,children:/* @__PURE__ */a("div",{id:ae,role:"listbox",className:m,"data-cy":`${te}-list`,"data-testid":`${re}-list`,children:0===ce.length?/* @__PURE__ */a("div",{className:f,children:R}):ce.map((r,n)=>{const i=r.value===t,o=n===X;/* @__PURE__ */
6
+ return e("div",{ref:e=>{oe.current[n]=e},id:`${Z}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:d($,o&&b,i&&!o&&h,r.disabled&&v),onClick:()=>me(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),me(r))},onMouseEnter:()=>Y(n),"data-cy":`${te}-item-${r.value}`,"data-testid":`${re}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a(s,{flag:r.flag,className:c}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:_,className:w,role:"alert","data-cy":`${te}-error`,"data-testid":`${re}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:ee,className:y,"data-cy":`${te}-helper`,"data-testid":`${re}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
package/dist/index21.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),o=require("react-hook-form"),t=require("./index58.cjs");const n=r.forwardRef(function({control:r,name:n,rules:a,children:s,className:i,"data-cy":l,"data-testid":d},c){const u=o.useFormContext(),m=r??u?.control;if(!m)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");return e.jsx(o.Controller,{control:m,name:n,rules:a,render:({field:r,fieldState:o})=>e.jsx("div",{ref:c,className:t.cn("contents",i),"data-cy":l,"data-testid":d,children:s({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})});n.displayName="FormField",exports.FormField=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("react"),t=require("react-hook-form");const o=e.forwardRef(function({methods:e,onSubmit:o,onError:a,children:i,"data-cy":d,"data-testid":n,...m},c){return r.jsx(t.FormProvider,{...e,children:r.jsx("form",{ref:c,onSubmit:e.handleSubmit(o,a),"data-cy":d??"form","data-testid":n??"form",noValidate:!0,...m,children:i})})});o.displayName="Form",exports.Form=o;
package/dist/index21.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useFormContext as o,Controller as t}from"react-hook-form";import{cn as n}from"./index58.js";const a=e(function({control:e,name:a,rules:i,children:m,className:d,"data-cy":l,"data-testid":s},c){const f=o(),u=e??f?.control;if(!u)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");/* @__PURE__ */
2
- return r(t,{control:u,name:a,rules:i,render:({field:e,fieldState:o})=>/* @__PURE__ */r("div",{ref:c,className:n("contents",d),"data-cy":l,"data-testid":s,children:m({value:e.value,onChange:e.onChange,onBlur:e.onBlur,ref:e.ref,error:o.error?.message,name:e.name})})})});a.displayName="FormField";export{a as FormField};
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormProvider as o}from"react-hook-form";const m=t(function({methods:t,onSubmit:m,onError:a,children:e,"data-cy":i,"data-testid":d,...n},c){/* @__PURE__ */
2
+ return r(o,{...t,children:/* @__PURE__ */r("form",{ref:c,onSubmit:t.handleSubmit(m,a),"data-cy":i??"form","data-testid":d??"form",noValidate:!0,...n,children:e})})});m.displayName="Form";export{m as Form};
package/dist/index22.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index21.cjs"),a=require("./index6.cjs"),n=require("./index79.cjs");const o=r.forwardRef(function({control:r,name:o,rules:l,"data-cy":i,"data-testid":u,...d},s){return e.jsx(t.FormField,{control:r,name:o,rules:l,"data-cy":i,"data-testid":u,children:({value:r,onChange:t,onBlur:o,ref:l,error:c})=>e.jsx(a.EmailInput,{value:r??"",onChange:e=>t(e.target.value),onBlur:o,ref:n.mergeRefs(l,s),error:c,"data-cy":i??"controlled-email-input","data-testid":u??"controlled-email-input",...d})})});o.displayName="ControlledEmailInput",exports.ControlledEmailInput=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),o=require("react-hook-form"),t=require("./index67.cjs");const n=r.forwardRef(function({control:r,name:n,rules:a,children:s,className:i,"data-cy":l,"data-testid":d},c){const u=o.useFormContext(),m=r??u?.control;if(!m)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");return e.jsx(o.Controller,{control:m,name:n,rules:a,render:({field:r,fieldState:o})=>e.jsx("div",{ref:c,className:t.cn("contents",i),"data-cy":l,"data-testid":d,children:s({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})});n.displayName="FormField",exports.FormField=n;
package/dist/index22.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormField as e}from"./index21.js";import{EmailInput as o}from"./index6.js";import{mergeRefs as a}from"./index79.js";const n=t(function({control:t,name:n,rules:i,"data-cy":l,"data-testid":d,...m},u){/* @__PURE__ */
2
- return r(e,{control:t,name:n,rules:i,"data-cy":l,"data-testid":d,children:({value:t,onChange:e,onBlur:n,ref:i,error:c})=>/* @__PURE__ */r(o,{value:t??"",onChange:r=>e(r.target.value),onBlur:n,ref:a(i,u),error:c,"data-cy":l??"controlled-email-input","data-testid":d??"controlled-email-input",...m})})});n.displayName="ControlledEmailInput";export{n as ControlledEmailInput};
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{useFormContext as o,Controller as t}from"react-hook-form";import{cn as n}from"./index67.js";const a=e(function({control:e,name:a,rules:i,children:m,className:d,"data-cy":l,"data-testid":s},c){const f=o(),u=e??f?.control;if(!u)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");/* @__PURE__ */
2
+ return r(t,{control:u,name:a,rules:i,render:({field:e,fieldState:o})=>/* @__PURE__ */r("div",{ref:c,className:n("contents",d),"data-cy":l,"data-testid":s,children:m({value:e.value,onChange:e.onChange,onBlur:e.onBlur,ref:e.ref,error:o.error?.message,name:e.name})})})});a.displayName="FormField";export{a as FormField};
package/dist/index23.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index21.cjs"),o=require("./index8.cjs"),a=require("./index79.cjs");const n=r.forwardRef(function({control:r,name:n,rules:s,"data-cy":d,"data-testid":l,...u},i){return e.jsx(t.FormField,{control:r,name:n,rules:s,"data-cy":d,"data-testid":l,children:({value:r,onChange:t,onBlur:n,ref:s,error:c})=>e.jsx(o.PasswordInput,{value:r??"",onChange:e=>t(e.target.value),onBlur:n,ref:a.mergeRefs(s,i),error:c,"data-cy":d??"controlled-password-input","data-testid":l??"controlled-password-input",...u})})});n.displayName="ControlledPasswordInput",exports.ControlledPasswordInput=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index22.cjs"),a=require("./index6.cjs"),n=require("./index89.cjs");const o=r.forwardRef(function({control:r,name:o,rules:l,"data-cy":i,"data-testid":u,...d},s){return e.jsx(t.FormField,{control:r,name:o,rules:l,"data-cy":i,"data-testid":u,children:({value:r,onChange:t,onBlur:o,ref:l,error:c})=>e.jsx(a.EmailInput,{value:r??"",onChange:e=>t(e.target.value),onBlur:o,ref:n.mergeRefs(l,s),error:c,"data-cy":i??"controlled-email-input","data-testid":u??"controlled-email-input",...d})})});o.displayName="ControlledEmailInput",exports.ControlledEmailInput=o;
package/dist/index23.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormField as o}from"./index21.js";import{PasswordInput as e}from"./index8.js";import{mergeRefs as a}from"./index79.js";const n=t(function({control:t,name:n,rules:d,"data-cy":i,"data-testid":l,...s},m){/* @__PURE__ */
2
- return r(o,{control:t,name:n,rules:d,"data-cy":i,"data-testid":l,children:({value:t,onChange:o,onBlur:n,ref:d,error:u})=>/* @__PURE__ */r(e,{value:t??"",onChange:r=>o(r.target.value),onBlur:n,ref:a(d,m),error:u,"data-cy":i??"controlled-password-input","data-testid":l??"controlled-password-input",...s})})});n.displayName="ControlledPasswordInput";export{n as ControlledPasswordInput};
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormField as e}from"./index22.js";import{EmailInput as o}from"./index6.js";import{mergeRefs as a}from"./index89.js";const n=t(function({control:t,name:n,rules:i,"data-cy":l,"data-testid":d,...m},u){/* @__PURE__ */
2
+ return r(e,{control:t,name:n,rules:i,"data-cy":l,"data-testid":d,children:({value:t,onChange:e,onBlur:n,ref:i,error:c})=>/* @__PURE__ */r(o,{value:t??"",onChange:r=>e(r.target.value),onBlur:n,ref:a(i,u),error:c,"data-cy":l??"controlled-email-input","data-testid":d??"controlled-email-input",...m})})});n.displayName="ControlledEmailInput";export{n as ControlledEmailInput};
package/dist/index24.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index21.cjs"),o=require("./index12.cjs"),c=require("./index79.cjs");const n=r.forwardRef(function({control:r,name:n,rules:a,"data-cy":d,"data-testid":l,...i},s){return e.jsx(t.FormField,{control:r,name:n,rules:a,"data-cy":d,"data-testid":l,children:({value:r,onChange:t,onBlur:n,ref:a,error:u})=>e.jsx(o.Checkbox,{checked:!!r,onChange:e=>t(e.target.checked),onBlur:n,ref:c.mergeRefs(a,s),error:u,"data-cy":d??"controlled-checkbox","data-testid":l??"controlled-checkbox",...i})})});n.displayName="ControlledCheckbox",exports.ControlledCheckbox=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index22.cjs"),o=require("./index8.cjs"),a=require("./index89.cjs");const n=r.forwardRef(function({control:r,name:n,rules:s,"data-cy":d,"data-testid":l,...u},i){return e.jsx(t.FormField,{control:r,name:n,rules:s,"data-cy":d,"data-testid":l,children:({value:r,onChange:t,onBlur:n,ref:s,error:c})=>e.jsx(o.PasswordInput,{value:r??"",onChange:e=>t(e.target.value),onBlur:n,ref:a.mergeRefs(s,i),error:c,"data-cy":d??"controlled-password-input","data-testid":l??"controlled-password-input",...u})})});n.displayName="ControlledPasswordInput",exports.ControlledPasswordInput=n;
package/dist/index24.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{FormField as o}from"./index21.js";import{Checkbox as t}from"./index12.js";import{mergeRefs as a}from"./index79.js";const n=r(function({control:r,name:n,rules:c,"data-cy":d,"data-testid":i,...l},m){/* @__PURE__ */
2
- return e(o,{control:r,name:n,rules:c,"data-cy":d,"data-testid":i,children:({value:r,onChange:o,onBlur:n,ref:c,error:s})=>/* @__PURE__ */e(t,{checked:!!r,onChange:e=>o(e.target.checked),onBlur:n,ref:a(c,m),error:s,"data-cy":d??"controlled-checkbox","data-testid":i??"controlled-checkbox",...l})})});n.displayName="ControlledCheckbox";export{n as ControlledCheckbox};
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormField as o}from"./index22.js";import{PasswordInput as e}from"./index8.js";import{mergeRefs as a}from"./index89.js";const n=t(function({control:t,name:n,rules:d,"data-cy":i,"data-testid":l,...s},m){/* @__PURE__ */
2
+ return r(o,{control:t,name:n,rules:d,"data-cy":i,"data-testid":l,children:({value:t,onChange:o,onBlur:n,ref:d,error:u})=>/* @__PURE__ */r(e,{value:t??"",onChange:r=>o(r.target.value),onBlur:n,ref:a(d,m),error:u,"data-cy":i??"controlled-password-input","data-testid":l??"controlled-password-input",...s})})});n.displayName="ControlledPasswordInput";export{n as ControlledPasswordInput};