@adam-milo/ui 1.0.78 → 1.0.80

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 (271) 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 +1 -1
  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 -4
  9. package/dist/index102.cjs +1 -1
  10. package/dist/index102.js +2 -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 +4 -3
  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 -3
  23. package/dist/index109.cjs +1 -1
  24. package/dist/index109.js +3 -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 -1
  29. package/dist/index111.cjs +1 -1
  30. package/dist/index111.js +1 -1
  31. package/dist/index112.cjs +1 -1
  32. package/dist/index112.js +3 -1
  33. package/dist/index113.cjs +1 -1
  34. package/dist/index113.js +1 -2
  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 +2 -1
  43. package/dist/index118.cjs +1 -1
  44. package/dist/index118.js +1 -1
  45. package/dist/index119.cjs +1 -0
  46. package/dist/index119.js +1 -0
  47. package/dist/index12.cjs +1 -1
  48. package/dist/index12.js +1 -1
  49. package/dist/index120.cjs +1 -0
  50. package/dist/index120.js +1 -0
  51. package/dist/index121.cjs +1 -0
  52. package/dist/index121.js +1 -0
  53. package/dist/index122.cjs +1 -0
  54. package/dist/index122.js +1 -0
  55. package/dist/index13.cjs +1 -1
  56. package/dist/index13.js +9 -9
  57. package/dist/index14.cjs +1 -1
  58. package/dist/index14.js +1 -1
  59. package/dist/index15.cjs +1 -1
  60. package/dist/index15.js +1 -1
  61. package/dist/index16.cjs +1 -1
  62. package/dist/index16.js +1 -1
  63. package/dist/index17.cjs +1 -1
  64. package/dist/index17.js +3 -3
  65. package/dist/index18.cjs +1 -1
  66. package/dist/index18.js +6 -2
  67. package/dist/index19.cjs +1 -1
  68. package/dist/index19.js +2 -2
  69. package/dist/index20.cjs +1 -1
  70. package/dist/index20.js +2 -2
  71. package/dist/index21.cjs +1 -1
  72. package/dist/index21.js +2 -2
  73. package/dist/index22.cjs +1 -1
  74. package/dist/index22.js +2 -2
  75. package/dist/index23.cjs +1 -1
  76. package/dist/index23.js +2 -2
  77. package/dist/index24.cjs +1 -1
  78. package/dist/index24.js +2 -2
  79. package/dist/index25.cjs +1 -1
  80. package/dist/index25.js +2 -2
  81. package/dist/index26.cjs +1 -1
  82. package/dist/index26.js +2 -2
  83. package/dist/index27.cjs +1 -1
  84. package/dist/index27.js +2 -2
  85. package/dist/index28.cjs +1 -1
  86. package/dist/index28.js +2 -2
  87. package/dist/index29.cjs +1 -1
  88. package/dist/index29.js +2 -4
  89. package/dist/index3.cjs +1 -1
  90. package/dist/index3.js +1 -1
  91. package/dist/index30.cjs +1 -1
  92. package/dist/index30.js +4 -4
  93. package/dist/index31.cjs +1 -1
  94. package/dist/index31.js +2 -8
  95. package/dist/index32.cjs +1 -1
  96. package/dist/index32.js +2 -2
  97. package/dist/index33.cjs +1 -1
  98. package/dist/index33.js +4 -4
  99. package/dist/index34.cjs +1 -1
  100. package/dist/index34.js +8 -6
  101. package/dist/index35.cjs +1 -1
  102. package/dist/index35.js +2 -8
  103. package/dist/index36.cjs +1 -1
  104. package/dist/index36.js +4 -4
  105. package/dist/index37.cjs +1 -1
  106. package/dist/index37.js +6 -2
  107. package/dist/index38.cjs +1 -1
  108. package/dist/index38.js +8 -5
  109. package/dist/index39.cjs +1 -1
  110. package/dist/index39.js +4 -2
  111. package/dist/index4.cjs +1 -1
  112. package/dist/index4.js +1 -1
  113. package/dist/index40.cjs +1 -1
  114. package/dist/index40.js +2 -10
  115. package/dist/index41.cjs +1 -1
  116. package/dist/index41.js +5 -2
  117. package/dist/index42.cjs +1 -1
  118. package/dist/index42.js +2 -2
  119. package/dist/index43.cjs +1 -1
  120. package/dist/index43.js +10 -2
  121. package/dist/index44.cjs +1 -1
  122. package/dist/index44.js +2 -5
  123. package/dist/index45.cjs +1 -1
  124. package/dist/index45.js +2 -3
  125. package/dist/index46.cjs +1 -1
  126. package/dist/index46.js +2 -2
  127. package/dist/index47.cjs +1 -1
  128. package/dist/index47.js +5 -2
  129. package/dist/index48.cjs +1 -1
  130. package/dist/index48.js +3 -2
  131. package/dist/index49.cjs +1 -1
  132. package/dist/index49.js +2 -2
  133. package/dist/index5.cjs +1 -1
  134. package/dist/index5.js +1 -1
  135. package/dist/index50.cjs +1 -1
  136. package/dist/index50.js +2 -10
  137. package/dist/index51.cjs +1 -1
  138. package/dist/index51.js +2 -11
  139. package/dist/index52.cjs +1 -1
  140. package/dist/index52.js +2 -1
  141. package/dist/index53.cjs +1 -1
  142. package/dist/index53.js +10 -1
  143. package/dist/index54.cjs +1 -1
  144. package/dist/index54.js +11 -1
  145. package/dist/index55.cjs +1 -1
  146. package/dist/index55.js +1 -1
  147. package/dist/index56.cjs +1 -1
  148. package/dist/index56.js +1 -1
  149. package/dist/index57.cjs +1 -1
  150. package/dist/index57.js +1 -1
  151. package/dist/index58.cjs +1 -1
  152. package/dist/index58.js +1 -1
  153. package/dist/index59.cjs +1 -1
  154. package/dist/index59.js +1 -15
  155. package/dist/index6.cjs +1 -1
  156. package/dist/index6.js +1 -1
  157. package/dist/index60.cjs +1 -1
  158. package/dist/index60.js +1 -1
  159. package/dist/index61.cjs +1 -1
  160. package/dist/index61.js +1 -1
  161. package/dist/index62.cjs +1 -1
  162. package/dist/index62.js +15 -1
  163. package/dist/index63.cjs +1 -1
  164. package/dist/index63.js +1 -1
  165. package/dist/index64.cjs +1 -1
  166. package/dist/index64.js +1 -1
  167. package/dist/index65.cjs +1 -1
  168. package/dist/index65.js +1 -1
  169. package/dist/index66.cjs +1 -1
  170. package/dist/index66.js +1 -1
  171. package/dist/index67.cjs +1 -1
  172. package/dist/index67.js +1 -1
  173. package/dist/index68.cjs +1 -1
  174. package/dist/index68.js +1 -5
  175. package/dist/index69.cjs +1 -1
  176. package/dist/index69.js +1 -1
  177. package/dist/index7.cjs +1 -1
  178. package/dist/index7.js +1 -1
  179. package/dist/index70.cjs +1 -1
  180. package/dist/index70.js +1 -1
  181. package/dist/index71.cjs +1 -1
  182. package/dist/index71.js +5 -1
  183. package/dist/index72.cjs +1 -1
  184. package/dist/index72.js +1 -1
  185. package/dist/index73.cjs +1 -1
  186. package/dist/index73.js +1 -1
  187. package/dist/index74.cjs +1 -1
  188. package/dist/index74.js +1 -1
  189. package/dist/index75.cjs +1 -1
  190. package/dist/index75.js +1 -1
  191. package/dist/index76.cjs +1 -1
  192. package/dist/index76.js +1 -10
  193. package/dist/index77.cjs +1 -1
  194. package/dist/index77.js +1 -1
  195. package/dist/index78.cjs +1 -1
  196. package/dist/index78.js +1 -1
  197. package/dist/index79.cjs +1 -1
  198. package/dist/index79.js +1 -1
  199. package/dist/index8.cjs +1 -1
  200. package/dist/index8.js +1 -1
  201. package/dist/index80.cjs +1 -1
  202. package/dist/index80.js +10 -1
  203. package/dist/index81.cjs +1 -1
  204. package/dist/index81.js +1 -1
  205. package/dist/index82.cjs +1 -1
  206. package/dist/index82.js +1 -1
  207. package/dist/index83.cjs +1 -1
  208. package/dist/index83.js +1 -1
  209. package/dist/index84.cjs +1 -1
  210. package/dist/index84.js +1 -1
  211. package/dist/index85.cjs +1 -1
  212. package/dist/index85.js +1 -1
  213. package/dist/index86.cjs +1 -1
  214. package/dist/index86.js +1 -1
  215. package/dist/index87.cjs +1 -1
  216. package/dist/index87.js +1 -1
  217. package/dist/index88.cjs +1 -1
  218. package/dist/index88.js +1 -1
  219. package/dist/index89.cjs +1 -1
  220. package/dist/index89.js +1 -1
  221. package/dist/index9.cjs +1 -1
  222. package/dist/index9.js +1 -1
  223. package/dist/index90.cjs +1 -1
  224. package/dist/index90.js +1 -1
  225. package/dist/index91.cjs +1 -1
  226. package/dist/index91.js +1 -1
  227. package/dist/index92.cjs +1 -1
  228. package/dist/index92.js +1 -1
  229. package/dist/index93.cjs +1 -1
  230. package/dist/index93.js +1 -1
  231. package/dist/index94.cjs +1 -1
  232. package/dist/index94.js +1 -1
  233. package/dist/index95.cjs +1 -1
  234. package/dist/index95.js +1 -1
  235. package/dist/index96.cjs +1 -1
  236. package/dist/index96.js +1 -1
  237. package/dist/index97.cjs +1 -1
  238. package/dist/index97.js +1 -1
  239. package/dist/index98.cjs +1 -1
  240. package/dist/index98.js +1 -2
  241. package/dist/index99.cjs +1 -1
  242. package/dist/index99.js +1 -1
  243. package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts +5 -0
  244. package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts.map +1 -0
  245. package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts +23 -0
  246. package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts.map +1 -0
  247. package/dist/src/components/forms/autocomplete/Autocomplete.types.d.ts +37 -0
  248. package/dist/src/components/forms/autocomplete/Autocomplete.types.d.ts.map +1 -0
  249. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.component.d.ts +9 -0
  250. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.component.d.ts.map +1 -0
  251. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts +19 -0
  252. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts.map +1 -0
  253. package/dist/src/components/forms/controlled/select/ControlledSelect.component.d.ts.map +1 -1
  254. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts +2 -0
  255. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts.map +1 -1
  256. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts +9 -0
  257. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts.map +1 -0
  258. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts +28 -0
  259. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts.map +1 -0
  260. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +2 -2
  261. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -1
  262. package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
  263. package/dist/src/components/forms/select/Select.styles.d.ts +2 -1
  264. package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -1
  265. package/dist/src/components/forms/select/Select.types.d.ts +2 -0
  266. package/dist/src/components/forms/select/Select.types.d.ts.map +1 -1
  267. package/dist/src/components/forms/textarea/Textarea.component.d.ts.map +1 -1
  268. package/dist/src/index.d.ts +6 -0
  269. package/dist/src/index.d.ts.map +1 -1
  270. package/dist/styles.css +1 -1
  271. package/package.json +1 -1
package/dist/index60.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.containerSingleColumnStyles="grid w-fit grid-cols-1 gap-y-[var(--spacing-2)]",exports.containerStyles="grid w-fit grid-cols-2 gap-y-[var(--spacing-1)] gap-x-[var(--spacing-8)]",exports.itemMetStyles="text-[var(--color-positive)]",exports.itemStyles="flex w-fit min-w-0 items-center gap-[0.375rem] text-[0.75rem] font-normal leading-normal",exports.itemUnmetStyles="text-[var(--color-system-text)]";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-[0.75rem]","cursor-pointer select-none touch-manipulation","transition-all duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-text)]","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"rainbow-overlay":["border-none","disabled:bg-[var(--color-bg-secondary)]"].join(" "),"outlined-green":["border border-solid border-[var(--color-green-accent)]","bg-transparent","disabled:bg-[var(--color-bg-secondary)] disabled:border-[var(--color-border)]"].join(" "),default:["border-none bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-overlay-black-10)]","disabled:opacity-40"].join(" ")};exports.baseStyles=e,exports.sizeStyles={sm:"p-1.5 text-sm max-md:min-w-11 max-md:min-h-11",md:"p-2 text-base",lg:"p-3 text-lg w-[2.5rem] h-[2.5rem]"},exports.variantStyles=o;
package/dist/index60.js CHANGED
@@ -1 +1 @@
1
- const t="grid w-fit grid-cols-2 gap-y-[var(--spacing-1)] gap-x-[var(--spacing-8)]",r="grid w-fit grid-cols-1 gap-y-[var(--spacing-2)]",a="flex w-fit min-w-0 items-center gap-[0.375rem] text-[0.75rem] font-normal leading-normal",i="text-[var(--color-positive)]",e="text-[var(--color-system-text)]";export{r as containerSingleColumnStyles,t as containerStyles,i as itemMetStyles,a as itemStyles,e as itemUnmetStyles};
1
+ const e=["m-0 font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-[0.75rem]","cursor-pointer select-none touch-manipulation","transition-all duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-text)]","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"rainbow-overlay":["border-none","disabled:bg-[var(--color-bg-secondary)]"].join(" "),"outlined-green":["border border-solid border-[var(--color-green-accent)]","bg-transparent","disabled:bg-[var(--color-bg-secondary)] disabled:border-[var(--color-border)]"].join(" "),default:["border-none bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-overlay-black-10)]","disabled:opacity-40"].join(" ")},r={sm:"p-1.5 text-sm max-md:min-w-11 max-md:min-h-11",md:"p-2 text-base",lg:"p-3 text-lg w-[2.5rem] h-[2.5rem]"};export{e as baseStyles,r as sizeStyles,o as variantStyles};
package/dist/index61.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMergedRef=function(...r){return e.useCallback(e=>{r.forEach(r=>{r&&("function"==typeof r?r(e):r.current=e)})},r)};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),t=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),r=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" ");exports.baseStyles=e,exports.iconBaseStyles=o,exports.iconHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.iconSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.initialsBaseStyles=r,exports.initialsHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.initialsSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.selectedStyles=t;
package/dist/index61.js CHANGED
@@ -1 +1 @@
1
- import{useCallback as r}from"react";function t(...t){return r(r=>{t.forEach(t=>{t&&("function"==typeof t?t(r):t.current=r)})},t)}export{t as useMergedRef};
1
+ const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),o=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),r=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),t="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",a="text-[var(--Path-Colors-Black-01,#191A39)]",n=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" "),i="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",l="text-[var(--Path-Colors-Black-01,#191A39)]";export{e as baseStyles,r as iconBaseStyles,t as iconHoverStyles,a as iconSelectedStyles,n as initialsBaseStyles,i as initialsHoverStyles,l as initialsSelectedStyles,o as selectedStyles};
package/dist/index62.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[3px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:bg-[var(--color-clickable)] checked:border-[var(--color-clickable)]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[var(--color-clickable)] disabled:checked:border-[var(--color-clickable)]"].join(" ");exports.containerStyles="flex items-center gap-2",exports.errorMsgStyles="block text-[var(--color-error)] text-xs leading-snug ms-6",exports.helperMsgStyles="block text-[var(--color-system-text)] text-xs leading-snug ms-6",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-sm leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="flex flex-col gap-1.5";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index71.cjs"),s=require("./index55.cjs"),l=require("./index99.cjs"),a=require("./index64.cjs"),o=require("./index73.cjs"),i=t.forwardRef(({type:i="text",label:n,tooltip:c,error:d,helperText:u,fullWidth:h=!1,showPasswordToggle:p=!0,showLastChar:x=!0,lastCharDelay:g=500,validate:f,onValidationChange:j,className:y,id:v,onChange:m,onBlur:w,required:k,value:C,"data-cy":S,"data-testid":b,...N},$)=>{const[T,q]=t.useState(!1),[M,R]=t.useState(),[W,L]=t.useState(!1),[E,B]=t.useState(!1),P=t.useRef(!1),[D,F]=t.useState(""),I=t.useRef(""),O=t.useRef(null),V=t.useRef(null),z=a.useMergedRef($,V),A=t.useId(),H=v||A,_=`${H}-error`,G=`${H}-helper`,J=S||"input",K=b||"input",Q="password"===i,U=Q&&p,X=Q&&x&&!T&&void 0===C,Y=Q&&(T||X&&I.current.length>0)?"text":i,Z=n&&k&&!n.includes("*")?`${n} *`:n,ee=t.useMemo(()=>o.debounce(e=>{if(f&&P.current){const t=f(e);R(t),j?.(!t)}},300),[f,j]),te=t.useRef(ee);t.useEffect(()=>{te.current=ee},[ee]),t.useEffect(()=>{process.env.NODE_ENV},[Q,x,C]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),te.current.cancel()},[]);const re=X&&void 0===C?D:T&&Q&&void 0===C?I.current||"":C,se=d||M,le=N.disabled?"disabled":se?"error":W?"focus":E?"hover":"idle";return e.jsxs("div",{className:l.wrapperStyles,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(n||c)&&e.jsxs("div",{className:l.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:H,className:l.labelStyles,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:Z}),c&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:l.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${J}-tooltip-trigger`,"data-testid":`${K}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:l.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${J}-tooltip-content`,"data-testid":`${K}-tooltip-content`,children:[c,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})]}),e.jsxs("div",{className:l.fieldContainerStyles,children:[e.jsx("input",{ref:z,id:H,type:Y,value:re,className:s.cn(l.inputBaseStyles,se&&l.inputErrorStyles,U&&l.inputWithToggleStyles,y),"aria-invalid":se?"true":"false","aria-required":k?"true":void 0,"aria-describedby":se?_:u?G:void 0,"data-cy":J,"data-testid":K,"data-state":le,onChange:e=>{let t=e.target.value;if(X){const r=e.target.value,s=I.current,l=D.length;let a;if(0===r.length)a="";else if(r.length>l){const e=r.slice(l);a=s+e}else if(r.length<l)a=s.slice(0,r.length);else{const e=r.slice(-1);a=s.slice(0,-1)+e}I.current=a;const o=a?"•".repeat(a.length-1)+a.slice(-1):"";if(F(o),t=a,m){const t={...e,target:{...e.target,value:a},currentTarget:{...e.currentTarget,value:a}};m(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{F("•".repeat(a.length))},g)}else m?.(e);P.current&&ee(t)},onFocus:e=>{L(!0),N.onFocus?.(e)},onBlur:e=>{if(L(!1),P.current=!0,f){const t=X?I.current:e.target.value,r=f(t);R(r),j?.(!r)}w?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:k,...N}),U&&e.jsx("button",{type:"button",className:l.toggleStyles,onClick:()=>{q(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":T?"Hide password":"Show password","data-cy":`${J}-toggle`,"data-testid":`${K}-toggle`,children:T?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),se&&e.jsx("span",{id:_,className:l.errorStyles,role:"alert","data-cy":`${J}-error`,"data-testid":`${K}-error`,children:se}),u&&!se&&e.jsx("span",{id:G,className:l.helperStyles,"data-cy":`${J}-helper`,"data-testid":`${K}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
package/dist/index62.js CHANGED
@@ -1 +1,15 @@
1
- const r="flex flex-col gap-1.5",e="opacity-50 cursor-not-allowed",o="flex items-center gap-2",l=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[3px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:bg-[var(--color-clickable)] checked:border-[var(--color-clickable)]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[var(--color-clickable)] disabled:checked:border-[var(--color-clickable)]"].join(" "),c="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",a="text-[var(--color-text)] text-sm leading-relaxed cursor-pointer select-none",d="cursor-not-allowed",t="block text-[var(--color-error)] text-xs leading-snug ms-6",i="block text-[var(--color-system-text)] text-xs leading-snug ms-6";export{o as containerStyles,t as errorMsgStyles,i as helperMsgStyles,l as inputBaseStyles,c as inputErrorStyles,d as labelDisabledStyles,a as labelStyles,e as wrapperDisabledStyles,r as wrapperStyles};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as a,useRef as o,useId as l,useMemo as i,useEffect as n}from"react";import{Provider as s,Root as c,Trigger as d,Portal as u,Content as h,Arrow as p}from"./index71.js";import{cn as m}from"./index55.js";import{wrapperStyles as f,labelRowStyles as g,labelStyles as v,tooltipTriggerStyles as k,tooltipContentStyles as y,fieldContainerStyles as w,inputWithToggleStyles as x,inputErrorStyles as C,inputBaseStyles as N,toggleStyles as $,errorStyles as b,helperStyles as j}from"./index99.js";import{useMergedRef as L}from"./index64.js";import{debounce as T}from"./index73.js";const W=r(({type:r="text",label:W,tooltip:M,error:B,helperText:q,fullWidth:D=!1,showPasswordToggle:E=!0,showLastChar:F=!0,lastCharDelay:V=500,validate:z,onValidationChange:O,className:A,id:H,onChange:I,onBlur:P,required:R,value:S,"data-cy":_,"data-testid":G,...J},K)=>{const[Q,U]=a(!1),[X,Y]=a(),[Z,ee]=a(!1),[te,re]=a(!1),ae=o(!1),[oe,le]=a(""),ie=o(""),ne=o(null),se=o(null),ce=L(K,se),de=l(),ue=H||de,he=`${ue}-error`,pe=`${ue}-helper`,me=_||"input",fe=G||"input",ge="password"===r,ve=ge&&E,ke=ge&&F&&!Q&&void 0===S,ye=ge&&(Q||ke&&ie.current.length>0)?"text":r,we=W&&R&&!W.includes("*")?`${W} *`:W,xe=i(()=>T(e=>{if(z&&ae.current){const t=z(e);Y(t),O?.(!t)}},300),[z,O]),Ce=o(xe);n(()=>{Ce.current=xe},[xe]),n(()=>{process.env.NODE_ENV},[ge,F,S]),n(()=>()=>{ne.current&&clearTimeout(ne.current),Ce.current.cancel()},[]);const Ne=ke&&void 0===S?oe:Q&&ge&&void 0===S?ie.current||"":S,$e=B||X,be=J.disabled?"disabled":$e?"error":Z?"focus":te?"hover":"idle";/* @__PURE__ */
2
+ return e("div",{className:f,"data-cy":`${me}-wrapper`,"data-testid":`${fe}-wrapper`,children:[(W||M)&&/* @__PURE__ */e("div",{className:g,children:[W&&/* @__PURE__ */t("label",{htmlFor:ue,className:v,"data-cy":`${me}-label`,"data-testid":`${fe}-label`,children:we}),M&&/* @__PURE__ */t(s,{delayDuration:200,children:/* @__PURE__ */e(c,{children:[
3
+ /* @__PURE__ */t(d,{asChild:!0,children:/* @__PURE__ */t("button",{type:"button",className:k,"aria-label":"More information","data-cy":`${me}-tooltip-trigger`,"data-testid":`${fe}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
4
+ /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
5
+ /* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
6
+ /* @__PURE__ */t("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),
7
+ /* @__PURE__ */t(u,{children:/* @__PURE__ */e(h,{className:y,side:"top",sideOffset:4,"data-cy":`${me}-tooltip-content`,"data-testid":`${fe}-tooltip-content`,children:[M,
8
+ /* @__PURE__ */t(p,{className:"fill-text"})]})})]})})]}),
9
+ /* @__PURE__ */e("div",{className:w,children:[
10
+ /* @__PURE__ */t("input",{ref:ce,id:ue,type:ye,value:Ne,className:m(N,$e&&C,ve&&x,A),"aria-invalid":$e?"true":"false","aria-required":R?"true":void 0,"aria-describedby":$e?he:q?pe:void 0,"data-cy":me,"data-testid":fe,"data-state":be,onChange:e=>{let t=e.target.value;if(ke){const r=e.target.value,a=ie.current,o=oe.length;let l;if(0===r.length)l="";else if(r.length>o){const e=r.slice(o);l=a+e}else if(r.length<o)l=a.slice(0,r.length);else{const e=r.slice(-1);l=a.slice(0,-1)+e}ie.current=l;const i=l?"•".repeat(l.length-1)+l.slice(-1):"";if(le(i),t=l,I){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};I(t)}ne.current&&clearTimeout(ne.current),ne.current=setTimeout(()=>{le("•".repeat(l.length))},V)}else I?.(e);ae.current&&xe(t)},onFocus:e=>{ee(!0),J.onFocus?.(e)},onBlur:e=>{if(ee(!1),ae.current=!0,z){const t=ke?ie.current:e.target.value,r=z(t);Y(r),O?.(!r)}P?.(e)},onMouseEnter:()=>re(!0),onMouseLeave:()=>re(!1),required:R,...J}),ve&&/* @__PURE__ */t("button",{type:"button",className:$,onClick:()=>{U(e=>!e),setTimeout(()=>se.current?.focus(),0)},"aria-label":Q?"Hide password":"Show password","data-cy":`${me}-toggle`,"data-testid":`${fe}-toggle`,children:/* @__PURE__ */e("svg",Q?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
11
+ /* @__PURE__ */t("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),
12
+ /* @__PURE__ */t("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}:{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
13
+ /* @__PURE__ */t("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),
14
+ /* @__PURE__ */t("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),
15
+ /* @__PURE__ */t("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),$e&&/* @__PURE__ */t("span",{id:he,className:b,role:"alert","data-cy":`${me}-error`,"data-testid":`${fe}-error`,children:$e}),q&&!$e&&/* @__PURE__ */t("span",{id:pe,className:j,"data-cy":`${me}-helper`,"data-testid":`${fe}-helper`,children:q})]})});W.displayName="Input";export{W as Input};
package/dist/index63.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" ");exports.containerStyles="inline-flex items-center gap-2 relative",exports.errorMsgStyles="text-[var(--color-error)] text-base leading-relaxed ms-7",exports.helperMsgStyles="text-[var(--color-system-text)] text-base leading-relaxed ms-7",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="text-[var(--color-system-text)] cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-2";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.containerSingleColumnStyles="grid w-fit grid-cols-1 gap-y-[var(--spacing-2)]",exports.containerStyles="grid w-fit grid-cols-2 gap-y-[var(--spacing-1)] gap-x-[var(--spacing-8)]",exports.itemMetStyles="text-[var(--color-positive)]",exports.itemStyles="flex w-fit min-w-0 items-center gap-[0.375rem] text-[0.75rem] font-normal leading-normal",exports.itemUnmetStyles="text-[var(--color-system-text)]";
package/dist/index63.js CHANGED
@@ -1 +1 @@
1
- const e="inline-flex flex-col gap-2",r="opacity-50 cursor-not-allowed",o="inline-flex items-center gap-2 relative",l=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" "),a="border-[var(--color-error)] checked:border-[var(--color-error)]",t="text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none",n="text-[var(--color-system-text)] cursor-not-allowed",c="text-[var(--color-error)] text-base leading-relaxed ms-7",i="text-[var(--color-system-text)] text-base leading-relaxed ms-7";export{o as containerStyles,c as errorMsgStyles,i as helperMsgStyles,l as inputBaseStyles,a as inputErrorStyles,n as labelDisabledStyles,t as labelStyles,r as wrapperDisabledStyles,e as wrapperStyles};
1
+ const t="grid w-fit grid-cols-2 gap-y-[var(--spacing-1)] gap-x-[var(--spacing-8)]",r="grid w-fit grid-cols-1 gap-y-[var(--spacing-2)]",a="flex w-fit min-w-0 items-center gap-[0.375rem] text-[0.75rem] font-normal leading-normal",i="text-[var(--color-positive)]",e="text-[var(--color-system-text)]";export{r as containerSingleColumnStyles,t as containerStyles,i as itemMetStyles,a as itemStyles,e as itemUnmetStyles};
package/dist/index64.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-3"].join(" "),t=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMergedRef=function(...r){return e.useCallback(e=>{r.forEach(r=>{r&&("function"==typeof r?r(e):r.current=e)})},r)};
package/dist/index64.js CHANGED
@@ -1 +1 @@
1
- const r="flex flex-col gap-2 relative w-auto items-start text-start",e="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",d="text-[var(--color-icon-secondary)]",i="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-3"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),g="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",p="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,u as itemStyles,g as labelStyles,p as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,e as triggerWrapperFullWidthStyles,r as triggerWrapperStyles,b as viewportStyles};
1
+ import{useCallback as r}from"react";function t(...t){return r(r=>{t.forEach(t=>{t&&("function"==typeof t?t(r):t.current=r)})},t)}export{t as useMergedRef};
package/dist/index65.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),o=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",exports.labelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=o,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[3px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:bg-[var(--color-clickable)] checked:border-[var(--color-clickable)]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[var(--color-clickable)] disabled:checked:border-[var(--color-clickable)]"].join(" ");exports.containerStyles="flex items-center gap-2",exports.errorMsgStyles="block text-[var(--color-error)] text-xs leading-snug ms-6",exports.helperMsgStyles="block text-[var(--color-system-text)] text-xs leading-snug ms-6",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-sm leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="flex flex-col gap-1.5";
package/dist/index65.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",s="cursor-not-allowed opacity-50 pointer-events-none",i="hover:border-[var(--color-button-blue)]",c="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",x="flex items-center justify-center w-5 h-5 text-xl leading-none",d="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",b="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",u="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",m=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),f="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",w="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",g="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",h="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",y="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",k="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,s as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,i as containerIdleStyles,d as dialCodeStyles,u as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,x as flagStyles,k as helperStyles,b as inputStyles,r as labelStyles,m as optionBaseStyles,h as optionDialCodeStyles,w as optionFlagStyles,f as optionHighlightedStyles,g as optionNameStyles,p as optionSelectedStyles,c as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};
1
+ const r="flex flex-col gap-1.5",e="opacity-50 cursor-not-allowed",o="flex items-center gap-2",l=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[3px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:bg-[var(--color-clickable)] checked:border-[var(--color-clickable)]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[var(--color-clickable)] disabled:checked:border-[var(--color-clickable)]"].join(" "),c="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",a="text-[var(--color-text)] text-sm leading-relaxed cursor-pointer select-none",d="cursor-not-allowed",t="block text-[var(--color-error)] text-xs leading-snug ms-6",i="block text-[var(--color-system-text)] text-xs leading-snug ms-6";export{o as containerStyles,t as errorMsgStyles,i as helperMsgStyles,l as inputBaseStyles,c as inputErrorStyles,d as labelDisabledStyles,a as labelStyles,e as wrapperDisabledStyles,r as wrapperStyles};
package/dist/index66.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-sm font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" ");exports.containerStyles="inline-flex items-center gap-2 relative",exports.errorMsgStyles="text-[var(--color-error)] text-base leading-relaxed ms-7",exports.helperMsgStyles="text-[var(--color-system-text)] text-base leading-relaxed ms-7",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="text-[var(--color-system-text)] cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-2";
package/dist/index66.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),l=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),d=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,m as containerCenteredStyles,d as digitBaseStyles,i as digitErrorStyles,n as digitSizeLgStyles,l as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
1
+ const e="inline-flex flex-col gap-2",r="opacity-50 cursor-not-allowed",o="inline-flex items-center gap-2 relative",l=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" "),a="border-[var(--color-error)] checked:border-[var(--color-error)]",t="text-[var(--color-text)] text-sm font-normal leading-relaxed cursor-pointer select-none",n="text-[var(--color-system-text)] cursor-not-allowed",c="text-[var(--color-error)] text-base leading-relaxed ms-7",i="text-[var(--color-system-text)] text-base leading-relaxed ms-7";export{o as containerStyles,c as errorMsgStyles,i as helperMsgStyles,l as inputBaseStyles,a as inputErrorStyles,n as labelDisabledStyles,t as labelStyles,r as wrapperDisabledStyles,e as wrapperStyles};
package/dist/index67.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.helperStyles="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0",exports.inputSrOnlyStyles="peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",exports.knobBaseStyles="rounded-full bg-[var(--color-card)] transition-shadow duration-200",exports.knobHoverShadowStyles="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",exports.knobSizeMap={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},exports.labelContainerReversedStyles="flex-row-reverse",exports.labelContainerStyles="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",exports.labelTextStyles="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",exports.trackBaseStyles="relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",exports.trackHoverCheckedStyles="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",exports.trackHoverStyles="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",exports.trackSizeMap={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-1.5";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),t=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
package/dist/index67.js CHANGED
@@ -1 +1 @@
1
- const e={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},r={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},o="inline-flex flex-col gap-1.5",a="opacity-50 cursor-not-allowed",l="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",n="flex-row-reverse",i="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",c="peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",t="relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",d="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",s="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",v="rounded-full bg-[var(--color-card)] transition-shadow duration-200",g="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",m="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0";export{m as helperStyles,c as inputSrOnlyStyles,v as knobBaseStyles,g as knobHoverShadowStyles,r as knobSizeMap,n as labelContainerReversedStyles,l as labelContainerStyles,i as labelTextStyles,t as trackBaseStyles,s as trackHoverCheckedStyles,d as trackHoverStyles,e as trackSizeMap,a as wrapperDisabledStyles,o as wrapperStyles};
1
+ const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",d="text-[var(--color-icon-secondary)]",i="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),u="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",b=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),g="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",p="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",h="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,g as itemFlagStyles,b as itemStyles,p as labelStyles,h as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,r as triggerWrapperFullWidthStyles,e as triggerWrapperStyles,u as viewportStyles};
package/dist/index68.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index96.cjs"),r=require("./index97.cjs"),o=require("./index98.cjs"),n=require("./index99.cjs"),i=require("./index100.cjs"),s=require("./index101.cjs"),c=require("./index102.cjs"),a=require("./index103.cjs"),l=require("./index104.cjs"),u=require("./index105.cjs"),p=require("./index106.cjs"),d=require("./index107.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"});const e=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),o=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",exports.labelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=o,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
package/dist/index68.js CHANGED
@@ -1,5 +1 @@
1
- import*as e from"react";import{composeEventHandlers as t}from"./index96.js";import{useComposedRefs as n}from"./index97.js";import{createContextScope as o}from"./index98.js";import{DismissableLayer as r}from"./index99.js";import{useId as i}from"./index100.js";import{Root as a,Anchor as s,Arrow as c,createPopperScope as l,Content as u}from"./index101.js";import{Portal as p}from"./index102.js";import{Presence as d}from"./index103.js";import{Primitive as f}from"./index104.js";import{createSlottable as h}from"./index105.js";import{useControllableState as m}from"./index106.js";import{Root as x}from"./index107.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 e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",i="cursor-not-allowed opacity-50 pointer-events-none",s="hover:border-[var(--color-button-blue)]",c="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",d="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",x="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",u="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",b="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",f=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),m="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",w="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",h="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",g="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",y="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",k="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,i as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,s as containerIdleStyles,x as dialCodeStyles,b as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,d as flagStyles,k as helperStyles,u as inputStyles,r as labelStyles,f as optionBaseStyles,g as optionDialCodeStyles,w as optionFlagStyles,m as optionHighlightedStyles,h as optionNameStyles,p as optionSelectedStyles,c as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};
package/dist/index69.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["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-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.gradientBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.textareaInsideGradientStyles=t,exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-sm font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
package/dist/index69.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-sm 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-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",d="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",i=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),s="text-xs leading-none text-[var(--color-grey-07)]",x="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",u="text-xs leading-none text-[var(--color-grey-06)] text-end",b="text-[var(--color-error)]",v="flex items-center justify-between w-full";export{b as charCountExceededStyles,u as charCountStyles,d as errorBorderInnerStyles,x as errorStyles,v as footerStyles,c as gradientBorderInnerStyles,s as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,i as textareaInsideGradientStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
1
+ const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),l=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),d=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,m as containerCenteredStyles,d as digitBaseStyles,i as digitErrorStyles,n as digitSizeLgStyles,l as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
package/dist/index7.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("react"),t=require("./index59.cjs"),r=require("./index8.cjs"),a=require("./index41.cjs"),i=e.forwardRef(({showToggle:e=!0,showChecklist:i=!1,checklistRules:d,checklistLabels:c,"data-cy":o,"data-testid":l,...u},n)=>{const p=u.value??"";return s.jsxs(a.Stack,{direction:"vertical",spacing:"4",children:[s.jsx(t.Input,{ref:n,type:"password",showPasswordToggle:e,"data-cy":o||"password-input","data-testid":l||"password-input",...u}),i&&s.jsx(r.PasswordChecklist,{password:p,rules:d,labels:c,"data-cy":`${o||"password-input"}-checklist`,"data-testid":`${l||"password-input"}-checklist`})]})});i.displayName="PasswordInput",exports.PasswordInput=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("react"),t=require("./index62.cjs"),r=require("./index8.cjs"),a=require("./index44.cjs"),i=e.forwardRef(({showToggle:e=!0,showChecklist:i=!1,checklistRules:d,checklistLabels:c,"data-cy":o,"data-testid":l,...u},n)=>{const p=u.value??"";return s.jsxs(a.Stack,{direction:"vertical",spacing:"4",children:[s.jsx(t.Input,{ref:n,type:"password",showPasswordToggle:e,"data-cy":o||"password-input","data-testid":l||"password-input",...u}),i&&s.jsx(r.PasswordChecklist,{password:p,rules:d,labels:c,"data-cy":`${o||"password-input"}-checklist`,"data-testid":`${l||"password-input"}-checklist`})]})});i.displayName="PasswordInput",exports.PasswordInput=i;
package/dist/index7.js CHANGED
@@ -1,3 +1,3 @@
1
- import{jsxs as s,jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{Input as e}from"./index59.js";import{PasswordChecklist as r}from"./index8.js";import{Stack as i}from"./index41.js";const o=a(({showToggle:a=!0,showChecklist:o=!1,checklistRules:d,checklistLabels:c,"data-cy":p,"data-testid":l,...n},m)=>{const w=n.value??"";/* @__PURE__ */
1
+ import{jsxs as s,jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{Input as e}from"./index62.js";import{PasswordChecklist as r}from"./index8.js";import{Stack as i}from"./index44.js";const o=a(({showToggle:a=!0,showChecklist:o=!1,checklistRules:d,checklistLabels:c,"data-cy":p,"data-testid":l,...n},m)=>{const w=n.value??"";/* @__PURE__ */
2
2
  return s(i,{direction:"vertical",spacing:"4",children:[
3
3
  /* @__PURE__ */t(e,{ref:m,type:"password",showPasswordToggle:a,"data-cy":p||"password-input","data-testid":l||"password-input",...n}),o&&/* @__PURE__ */t(r,{password:w,rules:d,labels:c,"data-cy":`${p||"password-input"}-checklist`,"data-testid":`${l||"password-input"}-checklist`})]})});o.displayName="PasswordInput";export{o as PasswordInput};
package/dist/index70.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.debounce=function(e,t){let l=null;const n=function(...n){l&&clearTimeout(l);const o=this;l=setTimeout(()=>{e.apply(o,n),l=null},t)};return n.cancel=()=>{l&&(clearTimeout(l),l=null)},n};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.helperStyles="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0",exports.inputSrOnlyStyles="peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",exports.knobBaseStyles="rounded-full bg-[var(--color-card)] transition-shadow duration-200",exports.knobHoverShadowStyles="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",exports.knobSizeMap={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},exports.labelContainerReversedStyles="flex-row-reverse",exports.labelContainerStyles="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",exports.labelTextStyles="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",exports.trackBaseStyles="relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",exports.trackHoverCheckedStyles="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",exports.trackHoverStyles="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",exports.trackSizeMap={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-1.5";
package/dist/index70.js CHANGED
@@ -1 +1 @@
1
- function t(t,l){let n=null;const e=function(...e){n&&clearTimeout(n);const u=this;n=setTimeout(()=>{t.apply(u,e),n=null},l)};return e.cancel=()=>{n&&(clearTimeout(n),n=null)},e}export{t as debounce};
1
+ const e={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},r={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},o="inline-flex flex-col gap-1.5",a="opacity-50 cursor-not-allowed",l="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",n="flex-row-reverse",i="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",c="peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",t="relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",d="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",s="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",v="rounded-full bg-[var(--color-card)] transition-shadow duration-200",g="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",m="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0";export{m as helperStyles,c as inputSrOnlyStyles,v as knobBaseStyles,g as knobHoverShadowStyles,r as knobSizeMap,n as labelContainerReversedStyles,l as labelContainerStyles,i as labelTextStyles,t as trackBaseStyles,s as trackHoverCheckedStyles,d as trackHoverStyles,e as trackSizeMap,a as wrapperDisabledStyles,o as wrapperStyles};
package/dist/index71.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var t=e=>e instanceof Date,r=e=>null==e;const n=e=>"object"==typeof e;var s=e=>!r(e)&&!Array.isArray(e)&&n(e)&&!t(e),o=e=>s(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,a="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function u(e){if(e instanceof Date)return new Date(e);const t="undefined"!=typeof FileList&&e instanceof FileList;if(a&&(e instanceof Blob||t))return e;const r=Array.isArray(e);if(!(r||s(e)&&(e=>{const t=e.constructor&&e.constructor.prototype;return s(t)&&t.hasOwnProperty("isPrototypeOf")})(e)))return e;const n=r?[]:Object.create(Object.getPrototypeOf(e));for(const s in e)Object.prototype.hasOwnProperty.call(e,s)&&(n[s]=u(e[s]));return n}var c=e=>/^\w*$/.test(e),l=e=>void 0===e,i=e=>{return t=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(t)?t.filter(Boolean):[];var t},f=(e,t,n)=>{if(!t||!s(e))return n;const o=(c(t)?[t]:i(t)).reduce((e,t)=>r(e)?e:e[t],e);return l(o)||o===e?l(e[t])?n:e[t]:o},d=e=>"boolean"==typeof e,m=e=>"function"==typeof e,y=(e,t,r)=>{let n=-1;const o=c(t)?[t]:i(t),a=o.length,u=a-1;for(;++n<a;){const t=o[n];let a=r;if(n!==u){const r=e[t];a=s(r)||Array.isArray(r)?r:isNaN(+o[n+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=a,e=e[t]}};const b="blur",p="change",_="all",g=e.createContext(null);g.displayName="HookFormControlContext";const V=()=>e.useContext(g);const x="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function h(t){const r=V(),{control:n=r,disabled:s,name:o,exact:a}=t||{},[u,c]=e.useState(n._formState),l=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return x(()=>n._subscribe({name:o,formState:l.current,exact:a,callback:e=>{!s&&c({...n._formState,...e})}}),[o,s,a]),e.useEffect(()=>{l.current.isValid&&n._setValid(!0)},[n]),e.useMemo(()=>((e,t,r,n=!0)=>{const s={defaultValues:t._defaultValues};for(const o in e)Object.defineProperty(s,o,{get:()=>{const s=o;return t._proxyFormState[s]!==_&&(t._proxyFormState[s]=!n||_),r&&(r[s]=!0),e[s]}});return s})(u,n,l.current,!1),[u,n])}var v=(e,t,r,n,s)=>"string"==typeof e?f(r,e,s):Array.isArray(e)?e.map(e=>f(r,e)):r,C=e=>r(e)||!n(e);function O(e,r,n=new WeakSet){if(C(e)||C(r))return Object.is(e,r);if(t(e)&&t(r))return Object.is(e.getTime(),r.getTime());const o=Object.keys(e),a=Object.keys(r);if(o.length!==a.length)return!1;if(n.has(e)||n.has(r))return!0;n.add(e),n.add(r);for(const u of o){const o=e[u];if(!a.includes(u))return!1;if("ref"!==u){const e=r[u];if(t(o)&&t(e)||s(o)&&s(e)||Array.isArray(o)&&Array.isArray(e)?!O(o,e,n):!Object.is(o,e))return!1}}return!0}function k(t){const r=V(),{control:n=r,name:s,defaultValue:o,disabled:a,exact:u,compute:c}=t||{},l=e.useRef(o),i=e.useRef(c),f=e.useRef(void 0),d=e.useRef(n),m=e.useRef(s);i.current=c;const[y,b]=e.useState(()=>{const e=n._getWatch(s,l.current);return i.current?i.current(e):e}),p=e.useCallback(e=>{const t=v(s,n._names,e||n._formValues,0,l.current);return i.current?i.current(t):t},[n._formValues,n._names,s]),_=e.useCallback(e=>{if(!a){const t=v(s,n._names,e||n._formValues,0,l.current);if(i.current){const e=i.current(t);O(e,f.current)||(b(e),f.current=e)}else b(t)}},[n._formValues,n._names,a,s]);x(()=>(d.current===n&&O(m.current,s)||(d.current=n,m.current=s,_()),n._subscribe({name:s,formState:{values:!0},exact:u,callback:e=>{_(e.values)}})),[n,u,s,_]),e.useEffect(()=>n._removeUnmounted());const g=d.current!==n,h=m.current,C=e.useMemo(()=>{if(a)return null;const e=!g&&!O(h,s);return g||e?p():null},[a,g,s,h,p]);return null!==C?C:y}function A(t){const r=V(),{name:n,disabled:s,control:a=r,shouldUnregister:c,defaultValue:i,exact:_=!0}=t,g=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(a._names.array,n),x=e.useMemo(()=>f(a._formValues,n,f(a._defaultValues,n,i)),[a,n,i]),v=k({control:a,name:n,defaultValue:x,exact:_}),C=h({control:a,name:n,exact:_}),O=e.useRef(t),A=e.useRef(void 0),F=e.useRef(a.register(n,{...t.rules,value:v,...d(t.disabled)?{disabled:t.disabled}:{}}));O.current=t;const S=e.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!f(C.errors,n)},isDirty:{enumerable:!0,get:()=>!!f(C.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!f(C.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!f(C.validatingFields,n)},error:{enumerable:!0,get:()=>f(C.errors,n)}}),[C,n]),j=e.useCallback(e=>F.current.onChange({target:{value:o(e),name:n},type:p}),[n]),w=e.useCallback(()=>F.current.onBlur({target:{value:f(a._formValues,n),name:n},type:b}),[n,a._formValues]),R=e.useCallback(e=>{const t=f(a._fields,n);t&&t._f&&e&&(t._f.ref={focus:()=>m(e.focus)&&e.focus(),select:()=>m(e.select)&&e.select(),setCustomValidity:t=>m(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>m(e.reportValidity)&&e.reportValidity()})},[a._fields,n]),M=e.useMemo(()=>({name:n,value:v,...d(s)||C.disabled?{disabled:C.disabled||s}:{},onChange:j,onBlur:w,ref:R}),[n,s,C.disabled,j,w,R,v]);return e.useEffect(()=>{const e=a._options.shouldUnregister||c,t=A.current;t&&t!==n&&!g&&a.unregister(t),a.register(n,{...O.current.rules,...d(O.current.disabled)?{disabled:O.current.disabled}:{}});const r=(e,t)=>{const r=f(a._fields,e);r&&r._f&&(r._f.mount=t)};if(r(n,!0),e){const e=u(f(a._options.defaultValues,n,O.current.defaultValue));y(a._defaultValues,n,e),l(f(a._formValues,n))&&y(a._formValues,n,e)}return!g&&a.register(n),A.current=n,()=>{(g?e&&!a._state.action:e)?a.unregister(n):r(n,!1)}},[n,a,g,c]),e.useEffect(()=>{a._setDisabledField({disabled:s,name:n})},[s,n,a]),e.useMemo(()=>({field:M,formState:C,fieldState:S}),[M,C,S])}e.createContext(null).displayName="HookFormContext",exports.Controller=e=>e.render(A(e)),exports.get=f,exports.set=y,exports.useController=A,exports.useFormState=h,exports.useWatch=k;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index100.cjs"),r=require("./index101.cjs"),o=require("./index102.cjs"),n=require("./index103.cjs"),i=require("./index104.cjs"),s=require("./index105.cjs"),c=require("./index106.cjs"),a=require("./index107.cjs"),l=require("./index108.cjs"),u=require("./index109.cjs"),p=require("./index110.cjs"),d=require("./index111.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;