@adam-milo/ui 1.0.128 β†’ 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 (332) 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 -1
  22. package/dist/index108.js +1 -1
  23. package/dist/index109.cjs +1 -1
  24. package/dist/index109.js +1 -1
  25. package/dist/index11.cjs +1 -1
  26. package/dist/index11.js +1 -1
  27. package/dist/index110.cjs +1 -1
  28. package/dist/index110.js +1 -3
  29. package/dist/index111.cjs +1 -1
  30. package/dist/index111.js +1 -2
  31. package/dist/index112.cjs +1 -1
  32. package/dist/index112.js +1 -1
  33. package/dist/index113.cjs +1 -1
  34. package/dist/index113.js +1 -1
  35. package/dist/index114.cjs +1 -1
  36. package/dist/index114.js +1 -1
  37. package/dist/index115.cjs +1 -1
  38. package/dist/index115.js +1 -1
  39. package/dist/index116.cjs +1 -1
  40. package/dist/index116.js +1 -1
  41. package/dist/index117.cjs +1 -1
  42. package/dist/index117.js +1 -1
  43. package/dist/index118.cjs +1 -1
  44. package/dist/index118.js +1 -1
  45. package/dist/index119.cjs +1 -1
  46. package/dist/index119.js +1 -1
  47. package/dist/index12.cjs +1 -1
  48. package/dist/index12.js +1 -1
  49. package/dist/index120.cjs +1 -1
  50. package/dist/index120.js +1 -5
  51. package/dist/index121.cjs +1 -1
  52. package/dist/index121.js +1 -3
  53. package/dist/index122.cjs +1 -1
  54. package/dist/index122.js +1 -1
  55. package/dist/index123.cjs +1 -1
  56. package/dist/index123.js +1 -1
  57. package/dist/index124.cjs +1 -1
  58. package/dist/index124.js +1 -4
  59. package/dist/index125.cjs +1 -1
  60. package/dist/index125.js +1 -1
  61. package/dist/index126.cjs +1 -1
  62. package/dist/index126.js +1 -2
  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 -10
  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/core/menu-icon-button/MenuIconButton.styles.d.ts +1 -1
  252. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -1
  253. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts +8 -0
  254. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts.map +1 -0
  255. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts +6 -0
  256. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts.map +1 -0
  257. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts +68 -0
  258. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts.map +1 -0
  259. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -1
  260. package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts +21 -0
  261. package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts.map +1 -0
  262. package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts +18 -0
  263. package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts.map +1 -0
  264. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts +9 -0
  265. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts.map +1 -0
  266. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts +96 -0
  267. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts.map +1 -0
  268. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts +102 -0
  269. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts.map +1 -0
  270. package/dist/src/components/data-display/date-filter/dateUtils.d.ts +100 -0
  271. package/dist/src/components/data-display/date-filter/dateUtils.d.ts.map +1 -0
  272. package/dist/src/components/data-display/filter/Filter.component.d.ts +21 -0
  273. package/dist/src/components/data-display/filter/Filter.component.d.ts.map +1 -0
  274. package/dist/src/components/data-display/filter/Filter.styles.d.ts +27 -0
  275. package/dist/src/components/data-display/filter/Filter.styles.d.ts.map +1 -0
  276. package/dist/src/components/data-display/filter/Filter.types.d.ts +141 -0
  277. package/dist/src/components/data-display/filter/Filter.types.d.ts.map +1 -0
  278. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts +5 -0
  279. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts.map +1 -0
  280. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts +10 -0
  281. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts.map +1 -0
  282. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts +18 -0
  283. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts.map +1 -0
  284. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts +8 -0
  285. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts.map +1 -0
  286. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts +14 -0
  287. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts.map +1 -0
  288. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts +53 -0
  289. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts.map +1 -0
  290. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts +8 -0
  291. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts.map +1 -0
  292. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts +18 -0
  293. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts.map +1 -0
  294. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts +44 -0
  295. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts.map +1 -0
  296. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts +5 -0
  297. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts.map +1 -0
  298. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts +5 -0
  299. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts.map +1 -0
  300. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts +27 -0
  301. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts.map +1 -0
  302. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
  303. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +14 -0
  304. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -1
  305. package/dist/src/components/forms/slider/Slider.component.d.ts +5 -0
  306. package/dist/src/components/forms/slider/Slider.component.d.ts.map +1 -0
  307. package/dist/src/components/forms/slider/Slider.styles.d.ts +21 -0
  308. package/dist/src/components/forms/slider/Slider.styles.d.ts.map +1 -0
  309. package/dist/src/components/forms/slider/Slider.types.d.ts +72 -0
  310. package/dist/src/components/forms/slider/Slider.types.d.ts.map +1 -0
  311. package/dist/src/components/overlays/popover/Popover.component.d.ts +27 -0
  312. package/dist/src/components/overlays/popover/Popover.component.d.ts.map +1 -0
  313. package/dist/src/components/overlays/popover/Popover.styles.d.ts +2 -0
  314. package/dist/src/components/overlays/popover/Popover.styles.d.ts.map +1 -0
  315. package/dist/src/components/overlays/popover/Popover.types.d.ts +18 -0
  316. package/dist/src/components/overlays/popover/Popover.types.d.ts.map +1 -0
  317. package/dist/src/index.d.ts +19 -1
  318. package/dist/src/index.d.ts.map +1 -1
  319. package/dist/src/lib/useMergedRef.d.ts +8 -4
  320. package/dist/src/lib/useMergedRef.d.ts.map +1 -1
  321. package/dist/styles.css +1 -1
  322. package/package.json +4 -2
  323. package/dist/index127.cjs +0 -1
  324. package/dist/index127.js +0 -1
  325. package/dist/index128.cjs +0 -1
  326. package/dist/index128.js +0 -1
  327. package/dist/index129.cjs +0 -1
  328. package/dist/index129.js +0 -1
  329. package/dist/index130.cjs +0 -1
  330. package/dist/index130.js +0 -1
  331. package/dist/index131.cjs +0 -1
  332. package/dist/index131.js +0 -1
package/dist/index115.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index121.cjs"),i=require("react/jsx-runtime");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=n(e),c=n(t);var u=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{const n=r.createSlot(`Primitive.${t}`),c=o.forwardRef((e,r)=>{const{asChild:o,...c}=e,u=o?n:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),i.jsx(u,{...c,ref:r})});return c.displayName=`Primitive.${t}`,{...e,[t]:c}},{});exports.Primitive=u,exports.dispatchDiscreteCustomEvent=function(e,t){e&&c.flushSync(()=>e.dispatchEvent(t))};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.baseStyles="bg-[var(--color-border)] shrink-0",exports.orientationStyles={horizontal:"h-px w-full",vertical:"w-px h-full"},exports.spacingHorizontalMap={0:"my-0",1:"my-1",2:"my-2",3:"my-3",4:"my-4",5:"my-5",6:"my-6",8:"my-8",10:"my-10",12:"my-12"},exports.spacingVerticalMap={0:"mx-0",1:"mx-1",2:"mx-2",3:"mx-3",4:"mx-4",5:"mx-5",6:"mx-6",8:"mx-8",10:"mx-10",12:"mx-12"};
package/dist/index115.js CHANGED
@@ -1 +1 @@
1
- import*as r from"react";import*as i from"react-dom";import{createSlot as t}from"./index121.js";import{jsx as e}from"react/jsx-runtime";var o=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((i,o)=>{const n=t(`Primitive.${o}`),a=r.forwardRef((r,i)=>{const{asChild:t,...a}=r,m=t?n:o;return"undefined"!=typeof window&&(window[/* @__PURE__ */Symbol.for("radix-ui")]=!0),/* @__PURE__ */e(m,{...a,ref:i})});return a.displayName=`Primitive.${o}`,{...i,[o]:a}},{});function n(r,t){r&&i.flushSync(()=>r.dispatchEvent(t))}export{o as Primitive,n as dispatchDiscreteCustomEvent};
1
+ const m="bg-[var(--color-border)] shrink-0",x={horizontal:"h-px w-full",vertical:"w-px h-full"},y={0:"my-0",1:"my-1",2:"my-2",3:"my-3",4:"my-4",5:"my-5",6:"my-6",8:"my-8",10:"my-10",12:"my-12"},r={0:"mx-0",1:"mx-1",2:"mx-2",3:"mx-3",4:"mx-4",5:"mx-5",6:"mx-6",8:"mx-8",10:"mx-10",12:"mx-12"};export{m as baseStyles,x as orientationStyles,y as spacingHorizontalMap,r as spacingVerticalMap};
package/dist/index116.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const t=e(require("react"));exports.useCallbackRef=function(e){const r=t.useRef(e);return t.useEffect(()=>{r.current=e}),t.useMemo(()=>(...e)=>r.current?.(...e),[])};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="relative w-full flex flex-col",r="bg-[var(--color-bg)]",t=[e,"min-h-[100dvh]",r].join(" "),o=[e,"h-[100dvh] overflow-hidden",r].join(" "),a=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),n=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),s=["sticky top-0 z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","backdrop-blur-[8px] [-webkit-backdrop-filter:blur(8px)]","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),l=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),i=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),m=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" ");exports.backgroundStyles=a,exports.headerBaseStyles=s,exports.headerDesktopLayoutAlwaysStyles="max-sm:justify-between max-lg:justify-between",exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.headerWithNavStyles="!border-b !border-[color-mix(in_srgb,var(--color-teal)_19%,transparent)] !border-solid",exports.logoButtonStyles=i,exports.logoWrapperBaseStyles=l,exports.logoWrapperMobileCenterStyles=n,exports.menuWrapperStyles=m,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootAutoStyles=t,exports.rootContainedStyles=o;
package/dist/index116.js CHANGED
@@ -1 +1 @@
1
- import*as e from"react";function r(r){const t=e.useRef(r);return e.useEffect(()=>{t.current=r}),e.useMemo(()=>(...e)=>t.current?.(...e),[])}export{r as useCallbackRef};
1
+ const e="relative w-full flex flex-col",r="bg-[var(--color-bg)]",n=[e,"min-h-[100dvh]",r].join(" "),m=[e,"h-[100dvh] overflow-hidden",r].join(" "),a=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),i="max-lg:justify-center",o="max-sm:justify-between max-lg:justify-between",t=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),l=["sticky top-0 z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","backdrop-blur-[8px] [-webkit-backdrop-filter:blur(8px)]","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),s=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),x=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),g=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" "),b="!border-b !border-[color-mix(in_srgb,var(--color-teal)_19%,transparent)] !border-solid",u="flex items-center max-lg:hidden";export{a as backgroundStyles,l as headerBaseStyles,o as headerDesktopLayoutAlwaysStyles,i as headerMobileLogoCenterStyles,b as headerWithNavStyles,x as logoButtonStyles,s as logoWrapperBaseStyles,t as logoWrapperMobileCenterStyles,g as menuWrapperStyles,u as navWrapperStyles,n as rootAutoStyles,m as rootContainedStyles};
package/dist/index117.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index118.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const n=r(e);var o=n[" useInsertionEffect ".trim().toString()]||t.useLayoutEffect;exports.useControllableState=function({prop:e,defaultProp:t,onChange:r=()=>{},caller:u}){const[c,f,s]=function({defaultProp:e,onChange:t}){const[r,u]=n.useState(e),c=n.useRef(r),f=n.useRef(t);return o(()=>{f.current=t},[t]),n.useEffect(()=>{c.current!==r&&(f.current?.(r),c.current=r)},[r,c]),[r,u,f]}({defaultProp:t,onChange:r}),i=void 0!==e,a=i?e:c;{const t=n.useRef(void 0!==e);n.useEffect(()=>{const e=t.current;if(e!==i){}t.current=i},[i,u])}const l=n.useCallback(t=>{if(i){const r=function(e){return"function"==typeof e}(t)?t(e):t;r!==e&&s.current?.(r)}else f(t)},[i,e,f,s]);return[a,l]};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["z-10 w-full flex-1 min-h-0 flex flex-col overflow-y-auto overflow-x-hidden","[-webkit-overflow-scrolling:touch]"].join(" ");exports.mainContentBaseStyles=e;
package/dist/index117.js CHANGED
@@ -1 +1 @@
1
- import*as e from"react";import{useLayoutEffect as t}from"./index118.js";var r=e[" useInsertionEffect ".trim().toString()]||t;function n({prop:t,defaultProp:n,onChange:o=()=>{},caller:u}){const[c,f,s]=function({defaultProp:t,onChange:n}){const[o,u]=e.useState(t),c=e.useRef(o),f=e.useRef(n);return r(()=>{f.current=n},[n]),e.useEffect(()=>{c.current!==o&&(f.current?.(o),c.current=o)},[o,c]),[o,u,f]}({defaultProp:n,onChange:o}),a=void 0!==t,i=a?t:c;{const r=e.useRef(void 0!==t);e.useEffect(()=>{const e=r.current;if(e!==a){}r.current=a},[a,u])}const p=e.useCallback(e=>{if(a){const r=function(e){return"function"==typeof e}(e)?e(t):e;r!==t&&s.current?.(r)}else f(e)},[a,t,f,s]);return[i,p]}export{n as useControllableState};
1
+ const o=["z-10 w-full flex-1 min-h-0 flex flex-col overflow-y-auto overflow-x-hidden","[-webkit-overflow-scrolling:touch]"].join(" ");export{o as mainContentBaseStyles};
package/dist/index118.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const t=e(require("react"));var r=globalThis?.document?t.useLayoutEffect:()=>{};exports.useLayoutEffect=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.alignMap={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},exports.columnGapMap={0:"gap-x-0",1:"gap-x-1",2:"gap-x-2",3:"gap-x-3",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",8:"gap-x-8",10:"gap-x-10",12:"gap-x-12"},exports.gapMap={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},exports.gridColumnsMap={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12",auto:"grid-cols-[repeat(auto-fit,minmax(var(--grid-auto-fit-min,15rem),1fr))]"},exports.gridRowsMap={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4",5:"grid-rows-5",6:"grid-rows-6",7:"grid-rows-7",8:"grid-rows-8",9:"grid-rows-9",10:"grid-rows-10",11:"grid-rows-11",12:"grid-rows-12",auto:"auto-rows-auto"},exports.justifyMap={start:"justify-items-start",center:"justify-items-center",end:"justify-items-end",stretch:"justify-items-stretch"},exports.rowGapMap={0:"gap-y-0",1:"gap-y-1",2:"gap-y-2",3:"gap-y-3",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",8:"gap-y-8",10:"gap-y-10",12:"gap-y-12"};
package/dist/index118.js CHANGED
@@ -1 +1 @@
1
- import*as t from"react";var a=globalThis?.document?t.useLayoutEffect:()=>{};export{a as useLayoutEffect};
1
+ const g={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12",auto:"grid-cols-[repeat(auto-fit,minmax(var(--grid-auto-fit-min,15rem),1fr))]"},r={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4",5:"grid-rows-5",6:"grid-rows-6",7:"grid-rows-7",8:"grid-rows-8",9:"grid-rows-9",10:"grid-rows-10",11:"grid-rows-11",12:"grid-rows-12",auto:"auto-rows-auto"},s={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},a={0:"gap-y-0",1:"gap-y-1",2:"gap-y-2",3:"gap-y-3",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",8:"gap-y-8",10:"gap-y-10",12:"gap-y-12"},t={0:"gap-x-0",1:"gap-x-1",2:"gap-x-2",3:"gap-x-3",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",8:"gap-x-8",10:"gap-x-10",12:"gap-x-12"},i={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},o={start:"justify-items-start",center:"justify-items-center",end:"justify-items-end",stretch:"justify-items-stretch"};export{i as alignMap,t as columnGapMap,s as gapMap,g as gridColumnsMap,r as gridRowsMap,o as justifyMap,a as rowGapMap};
package/dist/index119.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./index115.cjs"),t=require("react/jsx-runtime");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const i=o(e);var n=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),a=i.forwardRef((e,o)=>t.jsx(r.Primitive.span,{...e,ref:o,style:{...n,...e.style}}));a.displayName="VisuallyHidden";var s=a;exports.Root=s,exports.VISUALLY_HIDDEN_STYLES=n,exports.VisuallyHidden=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.alignStyles={start:"text-start",center:"text-center",end:"text-end"},exports.colorStyles={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},exports.rootStyles="m-0 leading-normal",exports.sizeStyles={xs:"text-12 leading-16",sm:"text-14 leading-20",md:"text-16 leading-24",lg:"text-18 leading-28",xl:"text-20 leading-28"},exports.weightStyles={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"};
package/dist/index119.js CHANGED
@@ -1 +1 @@
1
- import*as r from"react";import{Primitive as e}from"./index115.js";import{jsx as a}from"react/jsx-runtime";var i=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),o=r.forwardRef((r,o)=>/* @__PURE__ */a(e.span,{...r,ref:o,style:{...i,...r.style}}));o.displayName="VisuallyHidden";var t=o;export{t as Root,i as VISUALLY_HIDDEN_STYLES,o as VisuallyHidden};
1
+ const t={xs:"text-12 leading-16",sm:"text-14 leading-20",md:"text-16 leading-24",lg:"text-18 leading-28",xl:"text-20 leading-28"},e={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},o={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},r={start:"text-start",center:"text-center",end:"text-end"},l="m-0 leading-normal";export{r as alignStyles,o as colorStyles,l as rootStyles,t as sizeStyles,e as weightStyles};
package/dist/index12.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("./index68.cjs"),s=r.forwardRef(({label:s,error:c,helperText:d,indeterminate:i=!1,className:l,id:n,required:o,disabled:u,checked:p,"data-cy":y,"data-testid":b,...h},x)=>{const m=r.useId(),k=n||m,f=`${k}-error`,S=`${k}-helper`,$=y||"checkbox",j=b||"checkbox",v=r.useRef(null),N=r.useCallback(e=>{v.current=e,x&&("function"==typeof x?x(e):"current"in x&&(x.current=e))},[x]);r.useEffect(()=>{v.current&&(v.current.indeterminate=i)},[i]);const q=s&&o&&!s.includes("*")?`${s} *`:s;return e.jsxs("div",{className:a.cn(t.wrapperStyles,u&&t.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:t.containerStyles,children:[e.jsx("input",{ref:N,id:k,type:"checkbox",checked:p,className:a.cn(t.inputBaseStyles,c&&t.inputErrorStyles,"checkbox-checkmark",l),"aria-invalid":c?"true":"false","aria-required":o?"true":void 0,"aria-describedby":c?f:d?S:void 0,"data-cy":$,"data-testid":j,"data-indeterminate":i?"true":void 0,disabled:u,required:o,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),v.current?.click()),h.onKeyDown?.(e)},...h}),s&&e.jsx("label",{htmlFor:k,className:a.cn(t.labelStyles,u&&t.labelDisabledStyles),"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:q})]}),c&&e.jsx("span",{id:f,className:t.errorMsgStyles,role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:c}),d&&!c&&e.jsx("span",{id:S,className:t.helperMsgStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});s.displayName="Checkbox",exports.Checkbox=s;
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("./index77.cjs"),s=r.forwardRef(({label:s,error:c,helperText:d,indeterminate:i=!1,className:l,id:n,required:o,disabled:u,checked:p,"data-cy":y,"data-testid":b,...h},x)=>{const m=r.useId(),k=n||m,f=`${k}-error`,S=`${k}-helper`,$=y||"checkbox",j=b||"checkbox",v=r.useRef(null),N=r.useCallback(e=>{v.current=e,x&&("function"==typeof x?x(e):"current"in x&&(x.current=e))},[x]);r.useEffect(()=>{v.current&&(v.current.indeterminate=i)},[i]);const q=s&&o&&!s.includes("*")?`${s} *`:s;return e.jsxs("div",{className:a.cn(t.wrapperStyles,u&&t.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:t.containerStyles,children:[e.jsx("input",{ref:N,id:k,type:"checkbox",checked:p,className:a.cn(t.inputBaseStyles,c&&t.inputErrorStyles,"checkbox-checkmark",l),"aria-invalid":c?"true":"false","aria-required":o?"true":void 0,"aria-describedby":c?f:d?S:void 0,"data-cy":$,"data-testid":j,"data-indeterminate":i?"true":void 0,disabled:u,required:o,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),v.current?.click()),h.onKeyDown?.(e)},...h}),s&&e.jsx("label",{htmlFor:k,className:a.cn(t.labelStyles,u&&t.labelDisabledStyles),"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:q})]}),c&&e.jsx("span",{id:f,className:t.errorMsgStyles,role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:c}),d&&!c&&e.jsx("span",{id:S,className:t.helperMsgStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});s.displayName="Checkbox",exports.Checkbox=s;
package/dist/index12.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useId as t,useRef as d,useCallback as i,useEffect as c}from"react";import{cn as n}from"./index58.js";import{containerStyles as l,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as m,inputBaseStyles as p,labelDisabledStyles as u,labelStyles as h,wrapperDisabledStyles as b,wrapperStyles as y}from"./index68.js";const k=a(({label:a,error:k,helperText:$,indeterminate:x=!1,className:f,id:N,required:v,disabled:w,checked:j,"data-cy":q,"data-testid":D,...K},C)=>{const E=t(),F=N||E,T=`${F}-error`,g=`${F}-helper`,z=q||"checkbox",A=D||"checkbox",B=d(null),G=i(e=>{B.current=e,C&&("function"==typeof C?C(e):"current"in C&&(C.current=e))},[C]);c(()=>{B.current&&(B.current.indeterminate=x)},[x]);const H=a&&v&&!a.includes("*")?`${a} *`:a;/* @__PURE__ */
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useId as t,useRef as d,useCallback as i,useEffect as c}from"react";import{cn as n}from"./index67.js";import{containerStyles as l,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as m,inputBaseStyles as p,labelDisabledStyles as u,labelStyles as h,wrapperDisabledStyles as b,wrapperStyles as y}from"./index77.js";const k=a(({label:a,error:k,helperText:$,indeterminate:x=!1,className:f,id:N,required:v,disabled:w,checked:j,"data-cy":q,"data-testid":D,...K},C)=>{const E=t(),F=N||E,T=`${F}-error`,g=`${F}-helper`,z=q||"checkbox",A=D||"checkbox",B=d(null),G=i(e=>{B.current=e,C&&("function"==typeof C?C(e):"current"in C&&(C.current=e))},[C]);c(()=>{B.current&&(B.current.indeterminate=x)},[x]);const H=a&&v&&!a.includes("*")?`${a} *`:a;/* @__PURE__ */
2
2
  return e("div",{className:n(y,w&&b),"data-cy":`${z}-wrapper`,"data-testid":`${A}-wrapper`,children:[
3
3
  /* @__PURE__ */e("div",{className:l,children:[
4
4
  /* @__PURE__ */r("input",{ref:G,id:F,type:"checkbox",checked:j,className:n(p,k&&m,"checkbox-checkmark",f),"aria-invalid":k?"true":"false","aria-required":v?"true":void 0,"aria-describedby":k?T:$?g:void 0,"data-cy":z,"data-testid":A,"data-indeterminate":x?"true":void 0,disabled:w,required:v,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),B.current?.click()),K.onKeyDown?.(e)},...K}),a&&/* @__PURE__ */r("label",{htmlFor:F,className:n(h,w&&u),"data-cy":`${z}-label`,"data-testid":`${A}-label`,children:H})]}),k&&/* @__PURE__ */r("span",{id:T,className:s,role:"alert","data-cy":`${z}-error`,"data-testid":`${A}-error`,children:k}),$&&!k&&/* @__PURE__ */r("span",{id:g,className:o,"data-cy":`${z}-helper`,"data-testid":`${A}-helper`,children:$})]})});k.displayName="Checkbox";export{k as Checkbox};
package/dist/index120.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index108.cjs"),r=require("./index109.cjs"),o=require("./index111.cjs"),n=require("./index112.cjs"),i=require("./index123.cjs"),s=require("./index124.cjs"),c=require("./index113.cjs"),a=require("./index114.cjs"),l=require("./index115.cjs"),u=require("./index121.cjs"),p=require("./index117.cjs"),d=require("./index119.cjs"),x=require("react/jsx-runtime");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const g=f(e);var[h]=o.createContextScope("Tooltip",[s.createPopperScope]),v=s.createPopperScope(),y="TooltipProvider",b=700,m="tooltip.open",[T,w]=h(y),C=e=>{const{__scopeTooltip:t,delayDuration:r=b,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:i}=e,s=g.useRef(!0),c=g.useRef(!1),a=g.useRef(0);return g.useEffect(()=>{const e=a.current;return()=>window.clearTimeout(e)},[]),x.jsx(T,{scope:t,isOpenDelayedRef:s,delayDuration:r,onOpen:g.useCallback(()=>{window.clearTimeout(a.current),s.current=!1},[]),onClose:g.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>s.current=!0,o)},[o]),isPointerInTransitRef:c,onPointerInTransitChange:g.useCallback(e=>{c.current=e},[]),disableHoverableContent:n,children:i})};C.displayName=y;var j="Tooltip",[E,P]=h(j),R=e=>{const{__scopeTooltip:t,children:r,open:o,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:l}=e,u=w(j,e.__scopeTooltip),d=v(t),[f,h]=g.useState(null),y=i.useId(),b=g.useRef(0),T=a??u.disableHoverableContent,C=l??u.delayDuration,P=g.useRef(!1),[R,_]=p.useControllableState({prop:o,defaultProp:n??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(m))):u.onClose(),c?.(e)},caller:j}),k=g.useMemo(()=>R?P.current?"delayed-open":"instant-open":"closed",[R]),D=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,P.current=!1,_(!0)},[_]),O=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,_(!1)},[_]),L=g.useCallback(()=>{window.clearTimeout(b.current),b.current=window.setTimeout(()=>{P.current=!0,_(!0),b.current=0},C)},[C,_]);return g.useEffect(()=>()=>{b.current&&(window.clearTimeout(b.current),b.current=0)},[]),x.jsx(s.Root,{...d,children:x.jsx(E,{scope:t,contentId:y,open:R,stateAttribute:k,trigger:f,onTriggerChange:h,onTriggerEnter:g.useCallback(()=>{u.isOpenDelayedRef.current?L():D()},[u.isOpenDelayedRef,L,D]),onTriggerLeave:g.useCallback(()=>{T?O():(window.clearTimeout(b.current),b.current=0)},[O,T]),onOpen:D,onClose:O,disableHoverableContent:T,children:r})})};R.displayName=j;var _="TooltipTrigger",k=g.forwardRef((e,o)=>{const{__scopeTooltip:n,...i}=e,c=P(_,n),a=w(_,n),u=v(n),p=g.useRef(null),d=r.useComposedRefs(o,p,c.onTriggerChange),f=g.useRef(!1),h=g.useRef(!1),y=g.useCallback(()=>f.current=!1,[]);return g.useEffect(()=>()=>document.removeEventListener("pointerup",y),[y]),x.jsx(s.Anchor,{asChild:!0,...u,children:x.jsx(l.Primitive.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...i,ref:d,onPointerMove:t.composeEventHandlers(e.onPointerMove,e=>{"touch"!==e.pointerType&&(h.current||a.isPointerInTransitRef.current||(c.onTriggerEnter(),h.current=!0))}),onPointerLeave:t.composeEventHandlers(e.onPointerLeave,()=>{c.onTriggerLeave(),h.current=!1}),onPointerDown:t.composeEventHandlers(e.onPointerDown,()=>{c.open&&c.onClose(),f.current=!0,document.addEventListener("pointerup",y,{once:!0})}),onFocus:t.composeEventHandlers(e.onFocus,()=>{f.current||c.onOpen()}),onBlur:t.composeEventHandlers(e.onBlur,c.onClose),onClick:t.composeEventHandlers(e.onClick,c.onClose)})})});k.displayName=_;var D="TooltipPortal",[O,L]=h(D,{forceMount:void 0}),M=e=>{const{__scopeTooltip:t,forceMount:r,children:o,container:n}=e,i=P(D,t);return x.jsx(O,{scope:t,forceMount:r,children:x.jsx(a.Presence,{present:r||i.open,children:x.jsx(c.Portal,{asChild:!0,container:n,children:o})})})};M.displayName=D;var q="TooltipContent",H=g.forwardRef((e,t)=>{const r=L(q,e.__scopeTooltip),{forceMount:o=r.forceMount,side:n="top",...i}=e,s=P(q,e.__scopeTooltip);return x.jsx(a.Presence,{present:o||s.open,children:s.disableHoverableContent?x.jsx(B,{side:n,...i,ref:t}):x.jsx(I,{side:n,...i,ref:t})})}),I=g.forwardRef((e,t)=>{const o=P(q,e.__scopeTooltip),n=w(q,e.__scopeTooltip),i=g.useRef(null),s=r.useComposedRefs(t,i),[c,a]=g.useState(null),{trigger:l,onClose:u}=o,p=i.current,{onPointerInTransitChange:d}=n,f=g.useCallback(()=>{a(null),d(!1)},[d]),h=g.useCallback((e,t)=>{const r=e.currentTarget,o={x:e.clientX,y:e.clientY},n=function(e,t,r=5){const o=[];switch(t){case"top":o.push({x:e.x-r,y:e.y+r},{x:e.x+r,y:e.y+r});break;case"bottom":o.push({x:e.x-r,y:e.y-r},{x:e.x+r,y:e.y-r});break;case"left":o.push({x:e.x+r,y:e.y-r},{x:e.x+r,y:e.y+r});break;case"right":o.push({x:e.x-r,y:e.y-r},{x:e.x-r,y:e.y+r})}return o}(o,function(e,t){const r=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),n=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(r,o,n,i)){case i:return"left";case n:return"right";case r:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,r.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const r=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(r.y-o.y)>=(e.y-o.y)*(r.x-o.x)))break;t.pop()}t.push(r)}t.pop();const r=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;r.length>=2;){const e=r[r.length-1],o=r[r.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;r.pop()}r.push(t)}return r.pop(),1===t.length&&1===r.length&&t[0].x===r[0].x&&t[0].y===r[0].y?t:t.concat(r)}(t)}([...n,...function(e){const{top:t,right:r,bottom:o,left:n}=e;return[{x:n,y:t},{x:r,y:t},{x:r,y:o},{x:n,y:o}]}(t.getBoundingClientRect())]);a(i),d(!0)},[d]);return g.useEffect(()=>()=>f(),[f]),g.useEffect(()=>{if(l&&p){const e=e=>h(e,p),t=e=>h(e,l);return l.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{l.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[l,p,h,f]),g.useEffect(()=>{if(c){const e=e=>{const t=e.target,r={x:e.clientX,y:e.clientY},o=l?.contains(t)||p?.contains(t),n=!function(e,t){const{x:r,y:o}=e;let n=!1;for(let i=0,s=t.length-1;i<t.length;s=i++){const e=t[i],c=t[s],a=e.x,l=e.y,u=c.x,p=c.y;l>o!=p>o&&r<(u-a)*(o-l)/(p-l)+a&&(n=!n)}return n}(r,c);o?f():n&&(f(),u())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[l,p,c,u,f]),x.jsx(B,{...e,ref:s})}),[S,A]=h(j,{isInside:!1}),N=u.createSlottable("TooltipContent"),B=g.forwardRef((e,t)=>{const{__scopeTooltip:r,children:o,"aria-label":i,onEscapeKeyDown:c,onPointerDownOutside:a,...l}=e,u=P(q,r),p=v(r),{onClose:f}=u;return g.useEffect(()=>(document.addEventListener(m,f),()=>document.removeEventListener(m,f)),[f]),g.useEffect(()=>{if(u.trigger){const e=e=>{const t=e.target;t?.contains(u.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[u.trigger,f]),x.jsx(n.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:x.jsxs(s.Content,{"data-state":u.stateAttribute,...p,...l,ref:t,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[x.jsx(N,{children:o}),x.jsx(S,{scope:r,isInside:!0,children:x.jsx(d.Root,{id:u.contentId,role:"tooltip",children:i||o})})]})})});H.displayName=q;var F="TooltipArrow",K=g.forwardRef((e,t)=>{const{__scopeTooltip:r,...o}=e,n=v(r);return A(F,r).isInside?null:x.jsx(s.Arrow,{...n,...o,ref:t})});K.displayName=F;var X=C,Y=R,z=k,G=M,J=H,Q=K;exports.Arrow=Q,exports.Content=J,exports.Portal=G,exports.Provider=X,exports.Root=Y,exports.Tooltip=R,exports.TooltipArrow=K,exports.TooltipContent=H,exports.TooltipPortal=M,exports.TooltipProvider=C,exports.TooltipTrigger=k,exports.Trigger=z;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.alignStyles={start:"text-start",center:"text-center",end:"text-end",responsive:"text-center md:text-start"},exports.colorStyles={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},exports.levelToSizeMap={1:"2xl",2:"xl",3:"lg",4:"md",5:"sm",6:"xs"},exports.rootStyles="m-0 leading-tight",exports.sizeStyles={xs:"text-12 leading-16",sm:"text-14 leading-20",md:"text-16 leading-24",lg:"text-18 leading-28",xl:"text-20 leading-28","2xl":"text-24 leading-32","3xl":"text-38 leading-normal"},exports.weightStyles={medium:"font-medium",semibold:"font-semibold",bold:"font-bold",black:"font-black"};
package/dist/index120.js CHANGED
@@ -1,5 +1 @@
1
- import*as e from"react";import{composeEventHandlers as t}from"./index108.js";import{useComposedRefs as n}from"./index109.js";import{createContextScope as o}from"./index111.js";import{DismissableLayer as r}from"./index112.js";import{useId as i}from"./index123.js";import{Root as a,Anchor as s,Arrow as c,createPopperScope as l,Content as u}from"./index124.js";import{Portal as p}from"./index113.js";import{Presence as d}from"./index114.js";import{Primitive as f}from"./index115.js";import{createSlottable as h}from"./index121.js";import{useControllableState as m}from"./index117.js";import{Root as x}from"./index119.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";var[v]=o("Tooltip",[l]),b=l(),w="TooltipProvider",C=700,T="tooltip.open",[E,R]=v(w),_=t=>{const{__scopeTooltip:n,delayDuration:o=C,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=t,s=e.useRef(!0),c=e.useRef(!1),l=e.useRef(0);return e.useEffect(()=>{const e=l.current;return()=>window.clearTimeout(e)},[]),/* @__PURE__ */g(E,{scope:n,isOpenDelayedRef:s,delayDuration:o,onOpen:e.useCallback(()=>{window.clearTimeout(l.current),s.current=!1},[]),onClose:e.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.current=!0,r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:e.useCallback(e=>{c.current=e},[]),disableHoverableContent:i,children:a})};_.displayName=w;var k="Tooltip",[D,P]=v(k),L=t=>{const{__scopeTooltip:n,children:o,open:r,defaultOpen:s,onOpenChange:c,disableHoverableContent:l,delayDuration:u}=t,p=R(k,t.__scopeTooltip),d=b(n),[f,h]=e.useState(null),x=i(),y=e.useRef(0),v=l??p.disableHoverableContent,w=u??p.delayDuration,C=e.useRef(!1),[E,_]=m({prop:r,defaultProp:s??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(T))):p.onClose(),c?.(e)},caller:k}),P=e.useMemo(()=>E?C.current?"delayed-open":"instant-open":"closed",[E]),L=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,C.current=!1,_(!0)},[_]),j=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,_(!1)},[_]),M=e.useCallback(()=>{window.clearTimeout(y.current),y.current=window.setTimeout(()=>{C.current=!0,_(!0),y.current=0},w)},[w,_]);return e.useEffect(()=>()=>{y.current&&(window.clearTimeout(y.current),y.current=0)},[]),/* @__PURE__ */g(a,{...d,children:/* @__PURE__ */g(D,{scope:n,contentId:x,open:E,stateAttribute:P,trigger:f,onTriggerChange:h,onTriggerEnter:e.useCallback(()=>{p.isOpenDelayedRef.current?M():L()},[p.isOpenDelayedRef,M,L]),onTriggerLeave:e.useCallback(()=>{v?j():(window.clearTimeout(y.current),y.current=0)},[j,v]),onOpen:L,onClose:j,disableHoverableContent:v,children:o})})};L.displayName=k;var j="TooltipTrigger",M=e.forwardRef((o,r)=>{const{__scopeTooltip:i,...a}=o,c=P(j,i),l=R(j,i),u=b(i),p=e.useRef(null),d=n(r,p,c.onTriggerChange),h=e.useRef(!1),m=e.useRef(!1),x=e.useCallback(()=>h.current=!1,[]);return e.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),/* @__PURE__ */g(s,{asChild:!0,...u,children:/* @__PURE__ */g(f.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...a,ref:d,onPointerMove:t(o.onPointerMove,e=>{"touch"!==e.pointerType&&(m.current||l.isPointerInTransitRef.current||(c.onTriggerEnter(),m.current=!0))}),onPointerLeave:t(o.onPointerLeave,()=>{c.onTriggerLeave(),m.current=!1}),onPointerDown:t(o.onPointerDown,()=>{c.open&&c.onClose(),h.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:t(o.onFocus,()=>{h.current||c.onOpen()}),onBlur:t(o.onBlur,c.onClose),onClick:t(o.onClick,c.onClose)})})});M.displayName=j;var O="TooltipPortal",[I,H]=v(O,{forceMount:void 0}),N=e=>{const{__scopeTooltip:t,forceMount:n,children:o,container:r}=e,i=P(O,t);/* @__PURE__ */
2
- return g(I,{scope:t,forceMount:n,children:/* @__PURE__ */g(d,{present:n||i.open,children:/* @__PURE__ */g(p,{asChild:!0,container:r,children:o})})})};N.displayName=O;var A="TooltipContent",B=e.forwardRef((e,t)=>{const n=H(A,e.__scopeTooltip),{forceMount:o=n.forceMount,side:r="top",...i}=e,a=P(A,e.__scopeTooltip);/* @__PURE__ */
3
- return g(d,{present:o||a.open,children:a.disableHoverableContent?/* @__PURE__ */g(Y,{side:r,...i,ref:t}):/* @__PURE__ */g(F,{side:r,...i,ref:t})})}),F=e.forwardRef((t,o)=>{const r=P(A,t.__scopeTooltip),i=R(A,t.__scopeTooltip),a=e.useRef(null),s=n(o,a),[c,l]=e.useState(null),{trigger:u,onClose:p}=r,d=a.current,{onPointerInTransitChange:f}=i,h=e.useCallback(()=>{l(null),f(!1)},[f]),m=e.useCallback((e,t)=>{const n=e.currentTarget,o={x:e.clientX,y:e.clientY},r=function(e,t,n=5){const o=[];switch(t){case"top":o.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":o.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":o.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":o.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n})}return o}(o,function(e,t){const n=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),r=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(n,o,r,i)){case i:return"left";case r:return"right";case n:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,n.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const n=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(n.y-o.y)>=(e.y-o.y)*(n.x-o.x)))break;t.pop()}t.push(n)}t.pop();const n=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;n.length>=2;){const e=n[n.length-1],o=n[n.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;n.pop()}n.push(t)}return n.pop(),1===t.length&&1===n.length&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}(t)}([...r,...function(e){const{top:t,right:n,bottom:o,left:r}=e;return[{x:r,y:t},{x:n,y:t},{x:n,y:o},{x:r,y:o}]}(t.getBoundingClientRect())]);l(i),f(!0)},[f]);return e.useEffect(()=>()=>h(),[h]),e.useEffect(()=>{if(u&&d){const e=e=>m(e,d),t=e=>m(e,u);return u.addEventListener("pointerleave",e),d.addEventListener("pointerleave",t),()=>{u.removeEventListener("pointerleave",e),d.removeEventListener("pointerleave",t)}}},[u,d,m,h]),e.useEffect(()=>{if(c){const e=e=>{const t=e.target,n={x:e.clientX,y:e.clientY},o=u?.contains(t)||d?.contains(t),r=!function(e,t){const{x:n,y:o}=e;let r=!1;for(let i=0,a=t.length-1;i<t.length;a=i++){const e=t[i],s=t[a],c=e.x,l=e.y,u=s.x,p=s.y;l>o!=p>o&&n<(u-c)*(o-l)/(p-l)+c&&(r=!r)}return r}(n,c);o?h():r&&(h(),p())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[u,d,c,p,h]),/* @__PURE__ */g(Y,{...t,ref:s})}),[K,S]=v(k,{isInside:!1}),X=h("TooltipContent"),Y=e.forwardRef((t,n)=>{const{__scopeTooltip:o,children:i,"aria-label":a,onEscapeKeyDown:s,onPointerDownOutside:c,...l}=t,p=P(A,o),d=b(o),{onClose:f}=p;return e.useEffect(()=>(document.addEventListener(T,f),()=>document.removeEventListener(T,f)),[f]),e.useEffect(()=>{if(p.trigger){const e=e=>{const t=e.target;t?.contains(p.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[p.trigger,f]),/* @__PURE__ */g(r,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:/* @__PURE__ */y(u,{"data-state":p.stateAttribute,...d,...l,ref:n,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[
4
- /* @__PURE__ */g(X,{children:i}),
5
- /* @__PURE__ */g(K,{scope:o,isInside:!0,children:/* @__PURE__ */g(x,{id:p.contentId,role:"tooltip",children:a||i})})]})})});B.displayName=A;var q="TooltipArrow",z=e.forwardRef((e,t)=>{const{__scopeTooltip:n,...o}=e,r=b(n);return S(q,n).isInside?null:/* @__PURE__ */g(c,{...r,...o,ref:t})});z.displayName=q;var G=_,J=L,Q=M,U=N,V=B,W=z;export{W as Arrow,V as Content,U as Portal,G as Provider,J as Root,L as Tooltip,z as TooltipArrow,B as TooltipContent,N as TooltipPortal,_ as TooltipProvider,M as TooltipTrigger,Q as Trigger};
1
+ const t={1:"2xl",2:"xl",3:"lg",4:"md",5:"sm",6:"xs"},e={xs:"text-12 leading-16",sm:"text-14 leading-20",md:"text-16 leading-24",lg:"text-18 leading-28",xl:"text-20 leading-28","2xl":"text-24 leading-32","3xl":"text-38 leading-normal"},o={medium:"font-medium",semibold:"font-semibold",bold:"font-bold",black:"font-black"},r={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},l={start:"text-start",center:"text-center",end:"text-end",responsive:"text-center md:text-start"},x="m-0 leading-tight";export{l as alignStyles,r as colorStyles,t as levelToSizeMap,x as rootStyles,e as sizeStyles,o as weightStyles};
package/dist/index121.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./index109.cjs"),t=require("react/jsx-runtime");function n(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const o=n(e);function i(e){const t=o.forwardRef((e,t)=>{const{children:n,...i}=e;if(o.isValidElement(n)){const e=function(e){let r=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,t=r&&"isReactWarning"in r&&r.isReactWarning;if(t)return e.ref;if(r=Object.getOwnPropertyDescriptor(e,"ref")?.get,t=r&&"isReactWarning"in r&&r.isReactWarning,t)return e.props.ref;return e.props.ref||e.ref}(n),l=function(e,r){const t={...r};for(const n in r){const o=e[n],i=r[n];/^on[A-Z]/.test(n)?o&&i?t[n]=(...e)=>{const r=i(...e);return o(...e),r}:o&&(t[n]=o):"style"===n?t[n]={...o,...i}:"className"===n&&(t[n]=[o,i].filter(Boolean).join(" "))}return{...e,...t}}(i,n.props);return n.type!==o.Fragment&&(l.ref=t?r.composeRefs(t,e):e),o.cloneElement(n,l)}return o.Children.count(n)>1?o.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var l=Symbol("radix.slottable");function c(e){return o.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===l}exports.createSlot=function(e){const r=i(e),n=o.forwardRef((e,n)=>{const{children:i,...l}=e,s=o.Children.toArray(i),a=s.find(c);if(a){const e=a.props.children,i=s.map(r=>r===a?o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null:r);return t.jsx(r,{...l,ref:n,children:o.isValidElement(e)?o.cloneElement(e,void 0,i):null})}return t.jsx(r,{...l,ref:n,children:i})});return n.displayName=`${e}.Slot`,n},exports.createSlottable=function(e){const r=({children:e})=>t.jsx(t.Fragment,{children:e});return r.displayName=`${e}.Slottable`,r.__radixId=l,r};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["bg-transparent border-none p-0 m-0 font-[inherit] no-underline cursor-pointer transition-[color_150ms_ease-in-out,opacity_150ms_ease-in-out]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded-sm","hover:opacity-80 active:opacity-60"].join(" ");exports.colorClasses={action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",orange:"text-[var(--color-button-orange)]",text:"text-[var(--color-text)]","system-text":"text-[var(--color-system-text)]"},exports.disabledStyles="opacity-40 cursor-not-allowed pointer-events-none",exports.rootStyles=e,exports.sizeClasses={sm:"text-12 leading-[1.4]",md:"text-16 leading-[1.5]",lg:"text-20 leading-[1.4]"},exports.underlineStyles="underline underline-offset-2",exports.weightClasses={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"};
package/dist/index121.js CHANGED
@@ -1,3 +1 @@
1
- import*as n from"react";import{composeRefs as r}from"./index109.js";import{jsx as e,Fragment as t}from"react/jsx-runtime";function i(r){const t=/* @__PURE__ */o(r),i=n.forwardRef((r,i)=>{const{children:o,...l}=r,c=n.Children.toArray(o),a=c.find(s);if(a){const r=a.props.children,o=c.map(e=>e===a?n.Children.count(r)>1?n.Children.only(null):n.isValidElement(r)?r.props.children:null:e);/* @__PURE__ */
2
- return e(t,{...l,ref:i,children:n.isValidElement(r)?n.cloneElement(r,void 0,o):null})}/* @__PURE__ */
3
- return e(t,{...l,ref:i,children:o})});return i.displayName=`${r}.Slot`,i}function o(e){const t=n.forwardRef((e,t)=>{const{children:i,...o}=e;if(n.isValidElement(i)){const e=function(n){let r=Object.getOwnPropertyDescriptor(n.props,"ref")?.get,e=r&&"isReactWarning"in r&&r.isReactWarning;if(e)return n.ref;if(r=Object.getOwnPropertyDescriptor(n,"ref")?.get,e=r&&"isReactWarning"in r&&r.isReactWarning,e)return n.props.ref;return n.props.ref||n.ref}(i),l=function(n,r){const e={...r};for(const t in r){const i=n[t],o=r[t];/^on[A-Z]/.test(t)?i&&o?e[t]=(...n)=>{const r=o(...n);return i(...n),r}:i&&(e[t]=i):"style"===t?e[t]={...i,...o}:"className"===t&&(e[t]=[i,o].filter(Boolean).join(" "))}return{...n,...e}}(o,i.props);return i.type!==n.Fragment&&(l.ref=t?r(t,e):e),n.cloneElement(i,l)}return n.Children.count(i)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var l=/* @__PURE__ */Symbol("radix.slottable");function c(n){const r=({children:n})=>/* @__PURE__ */e(t,{children:n});return r.displayName=`${n}.Slottable`,r.__radixId=l,r}function s(r){return n.isValidElement(r)&&"function"==typeof r.type&&"__radixId"in r.type&&r.type.__radixId===l}export{i as createSlot,c as createSlottable};
1
+ const e={action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",orange:"text-[var(--color-button-orange)]",text:"text-[var(--color-text)]","system-text":"text-[var(--color-system-text)]"},o={sm:"text-12 leading-[1.4]",md:"text-16 leading-[1.5]",lg:"text-20 leading-[1.4]"},t={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},n=["bg-transparent border-none p-0 m-0 font-[inherit] no-underline cursor-pointer transition-[color_150ms_ease-in-out,opacity_150ms_ease-in-out]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded-sm","hover:opacity-80 active:opacity-60"].join(" "),i="underline underline-offset-2",r="opacity-40 cursor-not-allowed pointer-events-none";export{e as colorClasses,r as disabledStyles,n as rootStyles,o as sizeClasses,i as underlineStyles,t as weightClasses};
package/dist/index122.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index116.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const n=r(e);exports.useEscapeKeydown=function(e,r=globalThis?.document){const o=t.useCallbackRef(e);n.useEffect(()=>{const e=e=>{"Escape"===e.key&&o(e)};return r.addEventListener("keydown",e,{capture:!0}),()=>r.removeEventListener("keydown",e,{capture:!0})},[o,r])};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.colorStyles={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]"},exports.rootStyles="inline-flex items-center justify-center",exports.sizeStyles={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},exports.svgStyles="animate-spin w-full h-full";
package/dist/index122.js CHANGED
@@ -1 +1 @@
1
- import*as e from"react";import{useCallbackRef as t}from"./index116.js";function n(n,o=globalThis?.document){const r=t(n);e.useEffect(()=>{const e=e=>{"Escape"===e.key&&r(e)};return o.addEventListener("keydown",e,{capture:!0}),()=>o.removeEventListener("keydown",e,{capture:!0})},[r,o])}export{n as useEscapeKeydown};
1
+ const t={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},e={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal)]"},r="inline-flex items-center justify-center",o="animate-spin w-full h-full";export{e as colorStyles,r as rootStyles,t as sizeStyles,o as svgStyles};
package/dist/index123.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index118.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const n=r(e);var o=n[" useId ".trim().toString()]||(()=>{}),u=0;exports.useId=function(e){const[r,c]=n.useState(o());return t.useLayoutEffect(()=>{c(e=>e??String(u++))},[e]),r?`radix-${r}`:""};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.containerStyles={sm:"w-[3.875rem] h-[3.875rem]",md:"w-[7.688rem] h-[8.125rem]",lg:"w-[12.375rem] h-[13rem]"},exports.rootStyles="inline-flex items-center justify-center relative";
package/dist/index123.js CHANGED
@@ -1 +1 @@
1
- import*as t from"react";import{useLayoutEffect as r}from"./index118.js";var e=t[" useId ".trim().toString()]||(()=>{}),o=0;function i(i){const[a,n]=t.useState(e());return r(()=>{n(t=>t??String(o++))},[i]),a?`radix-${a}`:""}export{i as useId};
1
+ const e={sm:"w-[3.875rem] h-[3.875rem]",md:"w-[7.688rem] h-[8.125rem]",lg:"w-[12.375rem] h-[13rem]"},r="inline-flex items-center justify-center relative";export{e as containerStyles,r as rootStyles};
package/dist/index124.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./index125.cjs"),t=require("./index126.cjs"),o=require("./index109.cjs"),i=require("./index111.cjs"),n=require("./index115.cjs"),a=require("./index116.cjs"),s=require("./index118.cjs"),p=require("./index127.cjs"),l=require("react/jsx-runtime"),d=require("./index128.cjs");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const f=c(e);var u="Popper",[h,x]=i.createContextScope(u),[g,m]=h(u),y=e=>{const{__scopePopper:r,children:t}=e,[o,i]=f.useState(null);return l.jsx(g,{scope:r,anchor:o,onAnchorChange:i,children:t})};y.displayName=u;var w="PopperAnchor",P=f.forwardRef((e,r)=>{const{__scopePopper:t,virtualRef:i,...a}=e,s=m(w,t),p=f.useRef(null),d=o.useComposedRefs(r,p),c=f.useRef(null);return f.useEffect(()=>{const e=c.current;c.current=i?.current||p.current,e!==c.current&&s.onAnchorChange(c.current)}),i?null:l.jsx(n.Primitive.div,{...a,ref:d})});P.displayName=w;var b="PopperContent",[v,j]=h(b),S=f.forwardRef((e,t)=>{const{__scopePopper:i,side:c="bottom",sideOffset:u=0,align:h="center",alignOffset:x=0,arrowPadding:g=0,avoidCollisions:y=!0,collisionBoundary:w=[],collisionPadding:P=0,sticky:j="partial",hideWhenDetached:S=!1,updatePositionStrategy:A="optimized",onPlaced:O,...C}=e,_=m(b,i),[H,z]=f.useState(null),E=o.useComposedRefs(t,e=>z(e)),[W,Y]=f.useState(null),D=p.useSize(W),N=D?.width??0,X=D?.height??0,k=c+("center"!==h?"-"+h:""),F="number"==typeof P?P:{top:0,right:0,bottom:0,left:0,...P},M=Array.isArray(w)?w:[w],B=M.length>0,I={padding:F,boundary:M.filter(q),altBoundary:B},{refs:L,floatingStyles:T,placement:U,isPositioned:G,middlewareData:J}=r.useFloating({strategy:"fixed",placement:k,whileElementsMounted:(...e)=>d.autoUpdate(...e,{animationFrame:"always"===A}),elements:{reference:_.anchor},middleware:[r.offset({mainAxis:u+X,alignmentAxis:x}),y&&r.shift({mainAxis:!0,crossAxis:!1,limiter:"partial"===j?r.limitShift():void 0,...I}),y&&r.flip({...I}),r.size({...I,apply:({elements:e,rects:r,availableWidth:t,availableHeight:o})=>{const{width:i,height:n}=r.reference,a=e.floating.style;a.setProperty("--radix-popper-available-width",`${t}px`),a.setProperty("--radix-popper-available-height",`${o}px`),a.setProperty("--radix-popper-anchor-width",`${i}px`),a.setProperty("--radix-popper-anchor-height",`${n}px`)}}),W&&r.arrow({element:W,padding:g}),R({arrowWidth:N,arrowHeight:X}),S&&r.hide({strategy:"referenceHidden",...I})]}),[K,Q]=$(U),V=a.useCallbackRef(O);s.useLayoutEffect(()=>{G&&V?.()},[G,V]);const Z=J.arrow?.x,ee=J.arrow?.y,re=0!==J.arrow?.centerOffset,[te,oe]=f.useState();return s.useLayoutEffect(()=>{H&&oe(window.getComputedStyle(H).zIndex)},[H]),l.jsx("div",{ref:L.setFloating,"data-radix-popper-content-wrapper":"",style:{...T,transform:G?T.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:te,"--radix-popper-transform-origin":[J.transformOrigin?.x,J.transformOrigin?.y].join(" "),...J.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:l.jsx(v,{scope:i,placedSide:K,onArrowChange:Y,arrowX:Z,arrowY:ee,shouldHideArrow:re,children:l.jsx(n.Primitive.div,{"data-side":K,"data-align":Q,...C,ref:E,style:{...C.style,animation:G?void 0:"none"}})})})});S.displayName=b;var A="PopperArrow",O={top:"bottom",right:"left",bottom:"top",left:"right"},C=f.forwardRef(function(e,r){const{__scopePopper:o,...i}=e,n=j(A,o),a=O[n.placedSide];return l.jsx("span",{ref:n.onArrowChange,style:{position:"absolute",left:n.arrowX,top:n.arrowY,[a]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[n.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[n.placedSide],visibility:n.shouldHideArrow?"hidden":void 0},children:l.jsx(t.Root,{...i,ref:r,style:{...i.style,display:"block"}})})});function q(e){return null!==e}C.displayName=A;var R=e=>({name:"transformOrigin",options:e,fn(r){const{placement:t,rects:o,middlewareData:i}=r,n=0!==i.arrow?.centerOffset,a=n?0:e.arrowWidth,s=n?0:e.arrowHeight,[p,l]=$(t),d={start:"0%",center:"50%",end:"100%"}[l],c=(i.arrow?.x??0)+a/2,f=(i.arrow?.y??0)+s/2;let u="",h="";return"bottom"===p?(u=n?d:`${c}px`,h=-s+"px"):"top"===p?(u=n?d:`${c}px`,h=`${o.floating.height+s}px`):"right"===p?(u=-s+"px",h=n?d:`${f}px`):"left"===p&&(u=`${o.floating.width+s}px`,h=n?d:`${f}px`),{data:{x:u,y:h}}}});function $(e){const[r,t="center"]=e.split("-");return[r,t]}var _=y,H=P,z=S,E=C;exports.Anchor=H,exports.Arrow=E,exports.Content=z,exports.Popper=y,exports.PopperAnchor=P,exports.PopperArrow=C,exports.PopperContent=S,exports.Root=_,exports.createPopperScope=x;
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"];
package/dist/index124.js CHANGED
@@ -1,4 +1 @@
1
- import*as e from"react";import{useFloating as r,offset as t,shift as o,flip as i,size as n,arrow as a,hide as s,limitShift as d}from"./index125.js";import{Root as p}from"./index126.js";import{useComposedRefs as l}from"./index109.js";import{createContextScope as c}from"./index111.js";import{Primitive as f}from"./index115.js";import{useCallbackRef as m}from"./index116.js";import{useLayoutEffect as h}from"./index118.js";import{useSize as g}from"./index127.js";import{jsx as u}from"react/jsx-runtime";import{autoUpdate as x}from"./index128.js";var y="Popper",[w,v]=c(y),[b,P]=w(y),A=r=>{const{__scopePopper:t,children:o}=r,[i,n]=e.useState(null);/* @__PURE__ */
2
- return u(b,{scope:t,anchor:i,onAnchorChange:n,children:o})};A.displayName=y;var j="PopperAnchor",S=e.forwardRef((r,t)=>{const{__scopePopper:o,virtualRef:i,...n}=r,a=P(j,o),s=e.useRef(null),d=l(t,s),p=e.useRef(null);return e.useEffect(()=>{const e=p.current;p.current=i?.current||s.current,e!==p.current&&a.onAnchorChange(p.current)}),i?null:/* @__PURE__ */u(f.div,{...n,ref:d})});S.displayName=j;var $="PopperContent",[O,_]=w($),C=e.forwardRef((p,c)=>{const{__scopePopper:y,side:w="bottom",sideOffset:v=0,align:b="center",alignOffset:A=0,arrowPadding:j=0,avoidCollisions:S=!0,collisionBoundary:_=[],collisionPadding:C=0,sticky:H="partial",hideWhenDetached:R=!1,updatePositionStrategy:W="optimized",onPlaced:X,...z}=p,D=P($,y),[k,B]=e.useState(null),F=l(c,e=>B(e)),[I,L]=e.useState(null),M=g(I),q=M?.width??0,G=M?.height??0,J=w+("center"!==b?"-"+b:""),K="number"==typeof C?C:{top:0,right:0,bottom:0,left:0,...C},Q=Array.isArray(_)?_:[_],T=Q.length>0,U={padding:K,boundary:Q.filter(Y),altBoundary:T},{refs:V,floatingStyles:Z,placement:ee,isPositioned:re,middlewareData:te}=r({strategy:"fixed",placement:J,whileElementsMounted:(...e)=>x(...e,{animationFrame:"always"===W}),elements:{reference:D.anchor},middleware:[t({mainAxis:v+G,alignmentAxis:A}),S&&o({mainAxis:!0,crossAxis:!1,limiter:"partial"===H?d():void 0,...U}),S&&i({...U}),n({...U,apply:({elements:e,rects:r,availableWidth:t,availableHeight:o})=>{const{width:i,height:n}=r.reference,a=e.floating.style;a.setProperty("--radix-popper-available-width",`${t}px`),a.setProperty("--radix-popper-available-height",`${o}px`),a.setProperty("--radix-popper-anchor-width",`${i}px`),a.setProperty("--radix-popper-anchor-height",`${n}px`)}}),I&&a({element:I,padding:j}),E({arrowWidth:q,arrowHeight:G}),R&&s({strategy:"referenceHidden",...U})]}),[oe,ie]=N(ee),ne=m(X);h(()=>{re&&ne?.()},[re,ne]);const ae=te.arrow?.x,se=te.arrow?.y,de=0!==te.arrow?.centerOffset,[pe,le]=e.useState();return h(()=>{k&&le(window.getComputedStyle(k).zIndex)},[k]),/* @__PURE__ */u("div",{ref:V.setFloating,"data-radix-popper-content-wrapper":"",style:{...Z,transform:re?Z.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:pe,"--radix-popper-transform-origin":[te.transformOrigin?.x,te.transformOrigin?.y].join(" "),...te.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:p.dir,children:/* @__PURE__ */u(O,{scope:y,placedSide:oe,onArrowChange:L,arrowX:ae,arrowY:se,shouldHideArrow:de,children:/* @__PURE__ */u(f.div,{"data-side":oe,"data-align":ie,...z,ref:F,style:{...z.style,animation:re?void 0:"none"}})})})});C.displayName=$;var H="PopperArrow",R={top:"bottom",right:"left",bottom:"top",left:"right"},W=e.forwardRef(function(e,r){const{__scopePopper:t,...o}=e,i=_(H,t),n=R[i.placedSide];
3
- /* @__PURE__ */
4
- return u("span",{ref:i.onArrowChange,style:{position:"absolute",left:i.arrowX,top:i.arrowY,[n]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[i.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[i.placedSide],visibility:i.shouldHideArrow?"hidden":void 0},children:/* @__PURE__ */u(p,{...o,ref:r,style:{...o.style,display:"block"}})})});function Y(e){return null!==e}W.displayName=H;var E=e=>({name:"transformOrigin",options:e,fn(r){const{placement:t,rects:o,middlewareData:i}=r,n=0!==i.arrow?.centerOffset,a=n?0:e.arrowWidth,s=n?0:e.arrowHeight,[d,p]=N(t),l={start:"0%",center:"50%",end:"100%"}[p],c=(i.arrow?.x??0)+a/2,f=(i.arrow?.y??0)+s/2;let m="",h="";return"bottom"===d?(m=n?l:`${c}px`,h=-s+"px"):"top"===d?(m=n?l:`${c}px`,h=`${o.floating.height+s}px`):"right"===d?(m=-s+"px",h=n?l:`${f}px`):"left"===d&&(m=`${o.floating.width+s}px`,h=n?l:`${f}px`),{data:{x:m,y:h}}}});function N(e){const[r,t="center"]=e.split("-");return[r,t]}var X=A,z=S,D=C,k=W;export{z as Anchor,k as Arrow,D as Content,A as Popper,S as PopperAnchor,W as PopperArrow,C as PopperContent,X as Root,v as createPopperScope};
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};
package/dist/index125.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index128.cjs"),t=require("react"),r=require("react-dom");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=n(t),i=n(r);var u="undefined"!=typeof document?t.useLayoutEffect:function(){};function s(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let r,n,o;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(r=e.length,r!==t.length)return!1;for(n=r;0!==n--;)if(!s(e[n],t[n]))return!1;return!0}if(o=Object.keys(e),r=o.length,r!==Object.keys(t).length)return!1;for(n=r;0!==n--;)if(!{}.hasOwnProperty.call(t,o[n]))return!1;for(n=r;0!==n--;){const r=o[n];if(("_owner"!==r||!e.$$typeof)&&!s(e[r],t[r]))return!1}return!0}return e!=e&&t!=t}function f(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function c(e,t){const r=f(e);return Math.round(t*r)/r}function l(e){const t=o.useRef(e);return u(()=>{t.current=e}),t}const a=t=>({name:"arrow",options:t,fn(r){const{element:n,padding:o}="function"==typeof t?t(r):t;return n&&(i=n,{}.hasOwnProperty.call(i,"current"))?null!=n.current?e.arrow({element:n.current,padding:o}).fn(r):{}:n?e.arrow({element:n,padding:o}).fn(r):{};var i}});exports.autoUpdate=e.autoUpdate,exports.computePosition=e.computePosition,exports.platform=e.platform,exports.arrow=(e,t)=>({...a(e),options:[e,t]}),exports.flip=(t,r)=>({...e.flip(t),options:[t,r]}),exports.hide=(t,r)=>({...e.hide(t),options:[t,r]}),exports.limitShift=(t,r)=>({...e.limitShift(t),options:[t,r]}),exports.offset=(t,r)=>({...e.offset(t),options:[t,r]}),exports.shift=(t,r)=>({...e.shift(t),options:[t,r]}),exports.size=(t,r)=>({...e.size(t),options:[t,r]}),exports.useFloating=function(t){void 0===t&&(t={});const{placement:r="bottom",strategy:n="absolute",middleware:a=[],platform:p,elements:{reference:d,floating:m}={},transform:g=!0,whileElementsMounted:y,open:w}=t,[x,h]=o.useState({x:0,y:0,strategy:n,placement:r,middlewareData:{},isPositioned:!1}),[b,P]=o.useState(a);s(b,a)||P(a);const[S,O]=o.useState(null),[j,M]=o.useState(null),R=o.useCallback(e=>{e!==q.current&&(q.current=e,O(e))},[]),v=o.useCallback(e=>{e!==z.current&&(z.current=e,M(e))},[]),k=d||S,C=m||j,q=o.useRef(null),z=o.useRef(null),D=o.useRef(x),A=null!=y,E=l(y),F=l(p),T=l(w),U=o.useCallback(()=>{if(!q.current||!z.current)return;const t={placement:r,strategy:n,middleware:b};F.current&&(t.platform=F.current),e.computePosition(q.current,z.current,t).then(e=>{const t={...e,isPositioned:!1!==T.current};$.current&&!s(D.current,t)&&(D.current=t,i.flushSync(()=>{h(t)}))})},[b,r,n,F,T]);u(()=>{!1===w&&D.current.isPositioned&&(D.current.isPositioned=!1,h(e=>({...e,isPositioned:!1})))},[w]);const $=o.useRef(!1);u(()=>($.current=!0,()=>{$.current=!1}),[]),u(()=>{if(k&&(q.current=k),C&&(z.current=C),k&&C){if(E.current)return E.current(k,C,U);U()}},[k,C,U,E,A]);const L=o.useMemo(()=>({reference:q,floating:z,setReference:R,setFloating:v}),[R,v]),V=o.useMemo(()=>({reference:k,floating:C}),[k,C]),_=o.useMemo(()=>{const e={position:n,left:0,top:0};if(!V.floating)return e;const t=c(V.floating,x.x),r=c(V.floating,x.y);return g?{...e,transform:"translate("+t+"px, "+r+"px)",...f(V.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:r}},[n,g,V.floating,x.x,x.y]);return o.useMemo(()=>({...x,update:U,refs:L,elements:V,floatingStyles:_}),[x,U,L,V,_])};
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";
package/dist/index125.js CHANGED
@@ -1 +1 @@
1
- import{computePosition as e,offset as t,shift as n,flip as r,size as o,hide as i,arrow as u,limitShift as s}from"./index128.js";import{autoUpdate as f,platform as a}from"./index128.js";import*as c from"react";import{useLayoutEffect as l}from"react";import*as p from"react-dom";var m="undefined"!=typeof document?l:function(){};function d(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let n,r,o;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;0!==r--;)if(!d(e[r],t[r]))return!1;return!0}if(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(r=n;0!==r--;)if(!{}.hasOwnProperty.call(t,o[r]))return!1;for(r=n;0!==r--;){const n=o[r];if(("_owner"!==n||!e.$$typeof)&&!d(e[n],t[n]))return!1}return!0}return e!=e&&t!=t}function g(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function y(e,t){const n=g(e);return Math.round(t*n)/n}function w(e){const t=c.useRef(e);return m(()=>{t.current=e}),t}function h(t){void 0===t&&(t={});const{placement:n="bottom",strategy:r="absolute",middleware:o=[],platform:i,elements:{reference:u,floating:s}={},transform:f=!0,whileElementsMounted:a,open:l}=t,[h,x]=c.useState({x:0,y:0,strategy:r,placement:n,middlewareData:{},isPositioned:!1}),[S,b]=c.useState(o);d(S,o)||b(o);const[P,R]=c.useState(null),[M,j]=c.useState(null),k=c.useCallback(e=>{e!==A.current&&(A.current=e,R(e))},[]),v=c.useCallback(e=>{e!==D.current&&(D.current=e,j(e))},[]),C=u||P,O=s||M,A=c.useRef(null),D=c.useRef(null),$=c.useRef(h),z=null!=a,E=w(a),F=w(i),V=w(l),_=c.useCallback(()=>{if(!A.current||!D.current)return;const t={placement:n,strategy:r,middleware:S};F.current&&(t.platform=F.current),e(A.current,D.current,t).then(e=>{const t={...e,isPositioned:!1!==V.current};q.current&&!d($.current,t)&&($.current=t,p.flushSync(()=>{x(t)}))})},[S,n,r,F,V]);m(()=>{!1===l&&$.current.isPositioned&&($.current.isPositioned=!1,x(e=>({...e,isPositioned:!1})))},[l]);const q=c.useRef(!1);m(()=>(q.current=!0,()=>{q.current=!1}),[]),m(()=>{if(C&&(A.current=C),O&&(D.current=O),C&&O){if(E.current)return E.current(C,O,_);_()}},[C,O,_,E,z]);const B=c.useMemo(()=>({reference:A,floating:D,setReference:k,setFloating:v}),[k,v]),G=c.useMemo(()=>({reference:C,floating:O}),[C,O]),H=c.useMemo(()=>{const e={position:r,left:0,top:0};if(!G.floating)return e;const t=y(G.floating,h.x),n=y(G.floating,h.y);return f?{...e,transform:"translate("+t+"px, "+n+"px)",...g(G.floating)>=1.5&&{willChange:"transform"}}:{position:r,left:t,top:n}},[r,f,G.floating,h.x,h.y]);return c.useMemo(()=>({...h,update:_,refs:B,elements:G,floatingStyles:H}),[h,_,B,G,H])}const x=e=>({name:"arrow",options:e,fn(t){const{element:n,padding:r}="function"==typeof e?e(t):e;return n&&(o=n,{}.hasOwnProperty.call(o,"current"))?null!=n.current?u({element:n.current,padding:r}).fn(t):{}:n?u({element:n,padding:r}).fn(t):{};var o}}),S=(e,n)=>({...t(e),options:[e,n]}),b=(e,t)=>({...n(e),options:[e,t]}),P=(e,t)=>({...s(e),options:[e,t]}),R=(e,t)=>({...r(e),options:[e,t]}),M=(e,t)=>({...o(e),options:[e,t]}),j=(e,t)=>({...i(e),options:[e,t]}),k=(e,t)=>({...x(e),options:[e,t]});export{k as arrow,f as autoUpdate,e as computePosition,R as flip,j as hide,P as limitShift,S as offset,a as platform,b as shift,M as size,h as useFloating};
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};
package/dist/index126.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./index115.cjs"),t=require("react/jsx-runtime");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}var i=o(e).forwardRef((e,o)=>{const{children:i,width:n=10,height:s=5,...c}=e;return t.jsx(r.Primitive.svg,{...c,ref:o,width:n,height:s,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?i:t.jsx("polygon",{points:"0,0 30,0 15,10"})})});i.displayName="Arrow";var n=i;exports.Arrow=i,exports.Root=n;
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}};
package/dist/index126.js CHANGED
@@ -1,2 +1 @@
1
- import*as r from"react";import{Primitive as e}from"./index115.js";import{jsx as i}from"react/jsx-runtime";var o=r.forwardRef((r,o)=>{const{children:t,width:a=10,height:n=5,...s}=r;/* @__PURE__ */
2
- return i(e.svg,{...s,ref:o,width:a,height:n,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:r.asChild?t:/* @__PURE__ */i("polygon",{points:"0,0 30,0 15,10"})})});o.displayName="Arrow";var t=o;export{o as Arrow,t as Root};
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;