@adam-milo/ui 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (341) hide show
  1. package/dist/index10.cjs +1 -1
  2. package/dist/index10.js +4 -4
  3. package/dist/index11.cjs +1 -1
  4. package/dist/index11.js +9 -9
  5. package/dist/index12.cjs +1 -1
  6. package/dist/index12.js +11 -11
  7. package/dist/index13.cjs +1 -1
  8. package/dist/index13.js +2 -3
  9. package/dist/index14.cjs +1 -1
  10. package/dist/index14.js +5 -5
  11. package/dist/index15.cjs +1 -1
  12. package/dist/index15.js +4 -4
  13. package/dist/index16.cjs +1 -1
  14. package/dist/index16.js +4 -4
  15. package/dist/index17.cjs +1 -1
  16. package/dist/index17.js +7 -7
  17. package/dist/index18.cjs +1 -1
  18. package/dist/index18.js +4 -4
  19. package/dist/index19.cjs +1 -1
  20. package/dist/index19.js +2 -2
  21. package/dist/index2.cjs +1 -1
  22. package/dist/index2.js +2 -2
  23. package/dist/index20.cjs +1 -1
  24. package/dist/index20.js +5 -5
  25. package/dist/index21.cjs +1 -1
  26. package/dist/index21.js +11 -11
  27. package/dist/index22.cjs +1 -1
  28. package/dist/index22.js +2 -2
  29. package/dist/index23.cjs +1 -1
  30. package/dist/index23.js +2 -2
  31. package/dist/index24.cjs +1 -1
  32. package/dist/index24.js +2 -2
  33. package/dist/index25.cjs +1 -1
  34. package/dist/index25.js +7 -7
  35. package/dist/index26.cjs +1 -1
  36. package/dist/index26.js +2 -2
  37. package/dist/index27.cjs +1 -1
  38. package/dist/index27.js +2 -2
  39. package/dist/index28.cjs +1 -1
  40. package/dist/index28.js +2 -2
  41. package/dist/index29.cjs +1 -1
  42. package/dist/index29.js +2 -2
  43. package/dist/index3.cjs +1 -1
  44. package/dist/index3.js +3 -3
  45. package/dist/index30.cjs +1 -1
  46. package/dist/index30.js +6 -6
  47. package/dist/index33.cjs +1 -1
  48. package/dist/index33.js +1 -15
  49. package/dist/index34.cjs +1 -1
  50. package/dist/index34.js +1 -1
  51. package/dist/index35.cjs +1 -1
  52. package/dist/index35.js +1 -1
  53. package/dist/index36.cjs +1 -1
  54. package/dist/index36.js +15 -1
  55. package/dist/index37.cjs +1 -1
  56. package/dist/index37.js +1 -5
  57. package/dist/index38.cjs +1 -1
  58. package/dist/index38.js +1 -1
  59. package/dist/index39.cjs +1 -1
  60. package/dist/index39.js +1 -1
  61. package/dist/index4.cjs +1 -1
  62. package/dist/index4.js +2 -2
  63. package/dist/index40.cjs +1 -1
  64. package/dist/index40.js +1 -2
  65. package/dist/index41.cjs +1 -1
  66. package/dist/index41.js +1 -1
  67. package/dist/index42.cjs +1 -1
  68. package/dist/index42.js +1 -1
  69. package/dist/index43.cjs +1 -1
  70. package/dist/index43.js +1 -4
  71. package/dist/index44.cjs +1 -1
  72. package/dist/index44.js +1 -1
  73. package/dist/index45.cjs +1 -1
  74. package/dist/index45.js +1 -1
  75. package/dist/index46.cjs +1 -1
  76. package/dist/index46.js +1 -1
  77. package/dist/index47.cjs +1 -1
  78. package/dist/index47.js +1 -3
  79. package/dist/index48.cjs +1 -1
  80. package/dist/index48.js +1 -1
  81. package/dist/index49.cjs +1 -1
  82. package/dist/index49.js +1 -1
  83. package/dist/index5.cjs +1 -1
  84. package/dist/index5.js +1 -1
  85. package/dist/index50.cjs +1 -1
  86. package/dist/index50.js +1 -1
  87. package/dist/index51.cjs +1 -1
  88. package/dist/index51.js +1 -1
  89. package/dist/index52.cjs +1 -1
  90. package/dist/index52.js +1 -1
  91. package/dist/index53.cjs +1 -1
  92. package/dist/index53.js +1 -1
  93. package/dist/index54.cjs +1 -1
  94. package/dist/index54.js +1 -2
  95. package/dist/index55.cjs +1 -1
  96. package/dist/index55.js +1 -1
  97. package/dist/index56.cjs +1 -1
  98. package/dist/index56.js +1 -1
  99. package/dist/index57.cjs +1 -1
  100. package/dist/index57.js +1 -1
  101. package/dist/index58.cjs +1 -1
  102. package/dist/index58.js +1 -1
  103. package/dist/index59.cjs +1 -1
  104. package/dist/index59.js +1 -1
  105. package/dist/index6.cjs +1 -1
  106. package/dist/index6.js +1 -1
  107. package/dist/index60.cjs +1 -0
  108. package/dist/index60.js +1 -0
  109. package/dist/index61.cjs +1 -0
  110. package/dist/index61.js +1 -0
  111. package/dist/index62.cjs +1 -0
  112. package/dist/index62.js +5 -0
  113. package/dist/index63.cjs +1 -0
  114. package/dist/index63.js +1 -0
  115. package/dist/index64.cjs +1 -0
  116. package/dist/index64.js +1 -0
  117. package/dist/index65.cjs +1 -0
  118. package/dist/index65.js +1 -0
  119. package/dist/index66.cjs +1 -0
  120. package/dist/index66.js +2 -0
  121. package/dist/index67.cjs +1 -0
  122. package/dist/index67.js +1 -0
  123. package/dist/index68.cjs +1 -0
  124. package/dist/index68.js +1 -0
  125. package/dist/index69.cjs +1 -0
  126. package/dist/index69.js +4 -0
  127. package/dist/index7.cjs +1 -1
  128. package/dist/index7.js +1 -1
  129. package/dist/index70.cjs +1 -0
  130. package/dist/index70.js +1 -0
  131. package/dist/index71.cjs +1 -0
  132. package/dist/index71.js +1 -0
  133. package/dist/index72.cjs +1 -0
  134. package/dist/index72.js +1 -0
  135. package/dist/index73.cjs +1 -0
  136. package/dist/index73.js +3 -0
  137. package/dist/index74.cjs +1 -0
  138. package/dist/index74.js +1 -0
  139. package/dist/index75.cjs +1 -0
  140. package/dist/index75.js +1 -0
  141. package/dist/index76.cjs +1 -0
  142. package/dist/index76.js +1 -0
  143. package/dist/index77.cjs +1 -0
  144. package/dist/index77.js +1 -0
  145. package/dist/index78.cjs +1 -0
  146. package/dist/index78.js +1 -0
  147. package/dist/index79.cjs +1 -0
  148. package/dist/index79.js +1 -0
  149. package/dist/index8.cjs +1 -1
  150. package/dist/index8.js +1 -1
  151. package/dist/index80.cjs +1 -0
  152. package/dist/index80.js +2 -0
  153. package/dist/index81.cjs +1 -0
  154. package/dist/index81.js +1 -0
  155. package/dist/index82.cjs +1 -0
  156. package/dist/index82.js +1 -0
  157. package/dist/index83.cjs +1 -0
  158. package/dist/index83.js +1 -0
  159. package/dist/index84.cjs +1 -0
  160. package/dist/index84.js +1 -0
  161. package/dist/index85.cjs +1 -0
  162. package/dist/index85.js +1 -0
  163. package/dist/index9.cjs +1 -1
  164. package/dist/index9.js +4 -4
  165. package/dist/src/components/core/button/Button.component.d.ts +2 -33
  166. package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
  167. package/dist/src/components/core/button/Button.styles.d.ts +5 -0
  168. package/dist/src/components/core/button/Button.styles.d.ts.map +1 -0
  169. package/dist/src/components/core/button/Button.types.d.ts +11 -0
  170. package/dist/src/components/core/button/Button.types.d.ts.map +1 -0
  171. package/dist/src/components/core/icon-button/IconButton.component.d.ts +2 -33
  172. package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -1
  173. package/dist/src/components/core/icon-button/IconButton.styles.d.ts +3 -0
  174. package/dist/src/components/core/icon-button/IconButton.styles.d.ts.map +1 -0
  175. package/dist/src/components/core/icon-button/IconButton.types.d.ts +12 -0
  176. package/dist/src/components/core/icon-button/IconButton.types.d.ts.map +1 -0
  177. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts +2 -31
  178. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -1
  179. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts +9 -0
  180. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -0
  181. package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts +11 -0
  182. package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts.map +1 -0
  183. package/dist/src/components/data-display/card/Card.component.d.ts +2 -34
  184. package/dist/src/components/data-display/card/Card.component.d.ts.map +1 -1
  185. package/dist/src/components/data-display/card/Card.styles.d.ts +12 -0
  186. package/dist/src/components/data-display/card/Card.styles.d.ts.map +1 -0
  187. package/dist/src/components/data-display/card/Card.types.d.ts +28 -0
  188. package/dist/src/components/data-display/card/Card.types.d.ts.map +1 -0
  189. package/dist/src/components/data-display/chip/Chip.component.d.ts +2 -33
  190. package/dist/src/components/data-display/chip/Chip.component.d.ts.map +1 -1
  191. package/dist/src/components/data-display/chip/Chip.styles.d.ts +24 -0
  192. package/dist/src/components/data-display/chip/Chip.styles.d.ts.map +1 -0
  193. package/dist/src/components/data-display/chip/Chip.types.d.ts +11 -0
  194. package/dist/src/components/data-display/chip/Chip.types.d.ts.map +1 -0
  195. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts +2 -69
  196. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -1
  197. package/dist/src/components/data-display/chip-group/ChipGroup.styles.d.ts +14 -0
  198. package/dist/src/components/data-display/chip-group/ChipGroup.styles.d.ts.map +1 -0
  199. package/dist/src/components/data-display/chip-group/ChipGroup.types.d.ts +21 -0
  200. package/dist/src/components/data-display/chip-group/ChipGroup.types.d.ts.map +1 -0
  201. package/dist/src/components/data-display/datatable/DataTable.component.d.ts +2 -22
  202. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
  203. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +10 -0
  204. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -0
  205. package/dist/src/components/data-display/datatable/DataTable.types.d.ts +16 -0
  206. package/dist/src/components/data-display/datatable/DataTable.types.d.ts.map +1 -0
  207. package/dist/src/components/feedback/alert/Alert.component.d.ts +2 -16
  208. package/dist/src/components/feedback/alert/Alert.component.d.ts.map +1 -1
  209. package/dist/src/components/feedback/alert/Alert.styles.d.ts +10 -0
  210. package/dist/src/components/feedback/alert/Alert.styles.d.ts.map +1 -0
  211. package/dist/src/components/feedback/alert/Alert.types.d.ts +10 -0
  212. package/dist/src/components/feedback/alert/Alert.types.d.ts.map +1 -0
  213. package/dist/src/components/feedback/spinner/Spinner.component.d.ts +2 -14
  214. package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -1
  215. package/dist/src/components/feedback/spinner/Spinner.styles.d.ts +7 -0
  216. package/dist/src/components/feedback/spinner/Spinner.styles.d.ts.map +1 -0
  217. package/dist/src/components/feedback/spinner/Spinner.types.d.ts +14 -0
  218. package/dist/src/components/feedback/spinner/Spinner.types.d.ts.map +1 -0
  219. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts +2 -44
  220. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts.map +1 -1
  221. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.types.d.ts +10 -0
  222. package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.types.d.ts.map +1 -0
  223. package/dist/src/components/forms/checkbox/Checkbox.component.d.ts +2 -15
  224. package/dist/src/components/forms/checkbox/Checkbox.component.d.ts.map +1 -1
  225. package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts +10 -0
  226. package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts.map +1 -0
  227. package/dist/src/components/forms/checkbox/Checkbox.types.d.ts +17 -0
  228. package/dist/src/components/forms/checkbox/Checkbox.types.d.ts.map +1 -0
  229. package/dist/src/components/forms/email-input/EmailInput.component.d.ts +2 -28
  230. package/dist/src/components/forms/email-input/EmailInput.component.d.ts.map +1 -1
  231. package/dist/src/components/forms/email-input/EmailInput.types.d.ts +7 -0
  232. package/dist/src/components/forms/email-input/EmailInput.types.d.ts.map +1 -0
  233. package/dist/src/components/forms/input/Input.component.d.ts +2 -25
  234. package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
  235. package/dist/src/components/forms/input/Input.styles.d.ts +13 -0
  236. package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -0
  237. package/dist/src/components/forms/input/Input.types.d.ts +17 -0
  238. package/dist/src/components/forms/input/Input.types.d.ts.map +1 -0
  239. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts +2 -41
  240. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
  241. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +9 -0
  242. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -0
  243. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts +3 -79
  244. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -1
  245. package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts +12 -0
  246. package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map +1 -0
  247. package/dist/src/components/forms/otp-input/OTPInput.types.d.ts +23 -0
  248. package/dist/src/components/forms/otp-input/OTPInput.types.d.ts.map +1 -0
  249. package/dist/src/components/forms/password-input/PasswordInput.component.d.ts +2 -25
  250. package/dist/src/components/forms/password-input/PasswordInput.component.d.ts.map +1 -1
  251. package/dist/src/components/forms/password-input/PasswordInput.types.d.ts +6 -0
  252. package/dist/src/components/forms/password-input/PasswordInput.types.d.ts.map +1 -0
  253. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts +2 -91
  254. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -1
  255. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +22 -0
  256. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -0
  257. package/dist/src/components/forms/phone-input/PhoneInput.types.d.ts +19 -0
  258. package/dist/src/components/forms/phone-input/PhoneInput.types.d.ts.map +1 -0
  259. package/dist/src/components/forms/phone-input/countries.d.ts +3 -79
  260. package/dist/src/components/forms/phone-input/countries.d.ts.map +1 -1
  261. package/dist/src/components/forms/phone-input/countries.types.d.ts +12 -0
  262. package/dist/src/components/forms/phone-input/countries.types.d.ts.map +1 -0
  263. package/dist/src/components/forms/radio/Radio.component.d.ts +2 -14
  264. package/dist/src/components/forms/radio/Radio.component.d.ts.map +1 -1
  265. package/dist/src/components/forms/radio/Radio.styles.d.ts +10 -0
  266. package/dist/src/components/forms/radio/Radio.styles.d.ts.map +1 -0
  267. package/dist/src/components/forms/radio/Radio.types.d.ts +16 -0
  268. package/dist/src/components/forms/radio/Radio.types.d.ts.map +1 -0
  269. package/dist/src/components/forms/select/Select.component.d.ts +2 -98
  270. package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
  271. package/dist/src/components/forms/select/Select.styles.d.ts +18 -0
  272. package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -0
  273. package/dist/src/components/forms/select/Select.types.d.ts +34 -0
  274. package/dist/src/components/forms/select/Select.types.d.ts.map +1 -0
  275. package/dist/src/components/forms/toggle/Toggle.component.d.ts +2 -77
  276. package/dist/src/components/forms/toggle/Toggle.component.d.ts.map +1 -1
  277. package/dist/src/components/forms/toggle/Toggle.styles.d.ts +23 -0
  278. package/dist/src/components/forms/toggle/Toggle.styles.d.ts.map +1 -0
  279. package/dist/src/components/forms/toggle/Toggle.types.d.ts +14 -0
  280. package/dist/src/components/forms/toggle/Toggle.types.d.ts.map +1 -0
  281. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts +2 -84
  282. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -1
  283. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts +11 -0
  284. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts.map +1 -0
  285. package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts +16 -0
  286. package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts.map +1 -0
  287. package/dist/src/components/layout/container/Container.component.d.ts +2 -23
  288. package/dist/src/components/layout/container/Container.component.d.ts.map +1 -1
  289. package/dist/src/components/layout/container/Container.styles.d.ts +15 -0
  290. package/dist/src/components/layout/container/Container.styles.d.ts.map +1 -0
  291. package/dist/src/components/layout/container/Container.types.d.ts +9 -0
  292. package/dist/src/components/layout/container/Container.types.d.ts.map +1 -0
  293. package/dist/src/components/layout/divider/Divider.component.d.ts +2 -9
  294. package/dist/src/components/layout/divider/Divider.component.d.ts.map +1 -1
  295. package/dist/src/components/layout/divider/Divider.styles.d.ts +4 -0
  296. package/dist/src/components/layout/divider/Divider.styles.d.ts.map +1 -0
  297. package/dist/src/components/layout/divider/Divider.types.d.ts +11 -0
  298. package/dist/src/components/layout/divider/Divider.types.d.ts.map +1 -0
  299. package/dist/src/components/layout/grid/Grid.component.d.ts +2 -50
  300. package/dist/src/components/layout/grid/Grid.component.d.ts.map +1 -1
  301. package/dist/src/components/layout/grid/Grid.styles.d.ts +79 -0
  302. package/dist/src/components/layout/grid/Grid.styles.d.ts.map +1 -0
  303. package/dist/src/components/layout/grid/Grid.types.d.ts +15 -0
  304. package/dist/src/components/layout/grid/Grid.types.d.ts.map +1 -0
  305. package/dist/src/components/layout/stack/Stack.component.d.ts +2 -10
  306. package/dist/src/components/layout/stack/Stack.component.d.ts.map +1 -1
  307. package/dist/src/components/layout/stack/Stack.styles.d.ts +5 -0
  308. package/dist/src/components/layout/stack/Stack.styles.d.ts.map +1 -0
  309. package/dist/src/components/layout/stack/Stack.types.d.ts +12 -0
  310. package/dist/src/components/layout/stack/Stack.types.d.ts.map +1 -0
  311. package/dist/src/components/navigation/tabs/Tabs.component.d.ts +2 -40
  312. package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
  313. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts +4 -0
  314. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts.map +1 -0
  315. package/dist/src/components/navigation/tabs/Tabs.types.d.ts +17 -0
  316. package/dist/src/components/navigation/tabs/Tabs.types.d.ts.map +1 -0
  317. package/dist/src/components/overlays/dialog/Dialog.component.d.ts +2 -60
  318. package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
  319. package/dist/src/components/overlays/dialog/Dialog.styles.d.ts +20 -0
  320. package/dist/src/components/overlays/dialog/Dialog.styles.d.ts.map +1 -0
  321. package/dist/src/components/overlays/dialog/Dialog.types.d.ts +41 -0
  322. package/dist/src/components/overlays/dialog/Dialog.types.d.ts.map +1 -0
  323. package/dist/src/components/typography/heading/Heading.component.d.ts +2 -17
  324. package/dist/src/components/typography/heading/Heading.component.d.ts.map +1 -1
  325. package/dist/src/components/typography/heading/Heading.styles.d.ts +9 -0
  326. package/dist/src/components/typography/heading/Heading.styles.d.ts.map +1 -0
  327. package/dist/src/components/typography/heading/Heading.types.d.ts +19 -0
  328. package/dist/src/components/typography/heading/Heading.types.d.ts.map +1 -0
  329. package/dist/src/components/typography/link/Link.component.d.ts +2 -58
  330. package/dist/src/components/typography/link/Link.component.d.ts.map +1 -1
  331. package/dist/src/components/typography/link/Link.styles.d.ts +9 -0
  332. package/dist/src/components/typography/link/Link.styles.d.ts.map +1 -0
  333. package/dist/src/components/typography/link/Link.types.d.ts +17 -0
  334. package/dist/src/components/typography/link/Link.types.d.ts.map +1 -0
  335. package/dist/src/components/typography/text/Text.component.d.ts +3 -18
  336. package/dist/src/components/typography/text/Text.component.d.ts.map +1 -1
  337. package/dist/src/components/typography/text/Text.styles.d.ts +8 -0
  338. package/dist/src/components/typography/text/Text.styles.d.ts.map +1 -0
  339. package/dist/src/components/typography/text/Text.types.d.ts +20 -0
  340. package/dist/src/components/typography/text/Text.types.d.ts.map +1 -0
  341. package/package.json +1 -1
package/dist/index2.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("./index31.cjs"),n=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","focus-visible:outline-2 focus-visible:outline-offset-2","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),t={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-orange)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","focus-visible:outline-[var(--color-button-orange-border)]","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","focus-visible:outline-[var(--color-button-orange-border)]","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")},a=o.forwardRef(({variant:o="main-orange",fullWidth:a=!1,icon:l,iconPosition:i="left",className:d,children:b,disabled:c,"data-testid":s,"data-cy":v,...u},g)=>{const h=r.cn(n,t[o],a&&"w-full",d);return e.jsxs("button",{ref:g,disabled:c,className:h,"data-testid":s||`button-${o}`,"data-cy":v||`button-${o}`,...u,children:[l&&"left"===i&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),b,l&&"right"===i&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});a.displayName="Button",exports.Button=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./index31.cjs"),s=require("./index33.cjs"),n=t.forwardRef(({variant:t="main-orange",fullWidth:n=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:d,"data-testid":o,"data-cy":u,...f},x)=>{const h=i.cn(s.baseStyles,s.variantStyles[t],n&&"w-full",l);return e.jsxs("button",{ref:x,disabled:d,className:h,"data-testid":o||`button-${t}`,"data-cy":u||`button-${t}`,...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});n.displayName="Button",exports.Button=n;
package/dist/index2.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cn as a}from"./index31.js";const n=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","focus-visible:outline-2 focus-visible:outline-offset-2","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),t={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-orange)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","focus-visible:outline-[var(--color-button-orange-border)]","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","focus-visible:outline-[var(--color-button-orange-border)]","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")},l=r(({variant:r="main-orange",fullWidth:l=!1,icon:i,iconPosition:d="left",className:b,children:c,disabled:s,"data-testid":v,"data-cy":u,...g},h)=>{const f=a(n,t[r],l&&"w-full",b);/* @__PURE__ */
2
- return e("button",{ref:h,disabled:s,className:f,"data-testid":v||`button-${r}`,"data-cy":u||`button-${r}`,...g,children:[i&&"left"===d&&/* @__PURE__ */o("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:i}),c,i&&"right"===d&&/* @__PURE__ */o("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:i})]})});l.displayName="Button";export{l as Button};
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index31.js";import{variantStyles as a,baseStyles as r}from"./index33.js";const s=i(({variant:i="main-orange",fullWidth:s=!1,icon:l,iconPosition:c="left",className:o,children:d,disabled:m,"data-testid":f,"data-cy":h,...u},p)=>{const x=n(r,a[i],s&&"w-full",o);/* @__PURE__ */
2
+ return t("button",{ref:p,disabled:m,className:x,"data-testid":f||`button-${i}`,"data-cy":h||`button-${i}`,...u,children:[l&&"left"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});s.displayName="Button";export{s as Button};
package/dist/index20.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index31.cjs"),a=require("./index19.cjs"),o=require("./index35.cjs"),n=require("@adam-milo/icons"),i={primary:"!bg-[color-mix(in_srgb,var(--color-clickable)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-clickable)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-clickable)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-clickable)_60%,transparent)]",secondary:"!bg-[color-mix(in_srgb,var(--color-toggle)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-toggle)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-toggle)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-toggle)_60%,transparent)]",tertiary:"!bg-[color-mix(in_srgb,var(--color-popup)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-popup)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-popup)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-popup)_60%,transparent)]",quaternary:"!bg-[color-mix(in_srgb,var(--color-secondary)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-secondary)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-secondary)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-secondary)_60%,transparent)]"},l=(e,t,a,o,n)=>{const[i,l]=r.useState(e.length),s=r.useCallback(()=>{if(void 0!==n)return void l(Math.min(n,e.length));const r=t.current;if(!r)return;const i=r.clientWidth,s=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,c=window.getComputedStyle(r),u=((e,r,t)=>{if(!e)return.5*r;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*r;const o=parseFloat(a[1]);switch(a[2]||"px"){case"px":return o;case"rem":return o*r;case"em":return o*t;default:return.5*r}})(c.gap,s,parseFloat(c.fontSize)||16),d=3.75*s;for(let t=0;t<e.length;t++){const r=e[t],n=a.current[t];n&&o.current.set(r.value,n.offsetWidth)}const p=((e,r,t,a,o)=>{let n=0,i=0;for(let l=0;l<e.length;l++){const s=e[l],c=r.get(s.value)||0;if(0===c){i++;break}const u=n+(l>0?a:0)+c;if(l<e.length-1){if(u+a+o>t&&i>0)break}else if(u>t&&i>0)break;n=u,i++}return Math.max(1,i)})(e,o.current,i,u,d);l(p)},[e,n,t,a,o]),c=((e,t)=>{const a=r.useRef(null);return r.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),r.useCallback((...r)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...r),t)},[e,t])})(s,100);r.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const r=new Set(e.map(e=>e.value));if(o.current.forEach((e,t)=>{r.has(t)||o.current.delete(t)}),void 0===n){e.some(e=>!o.current.has(e.value))?l(e.length):setTimeout(s,0)}},[e,n,s,a,o]),r.useEffect(()=>{const e=t.current;if(!e)return;const r=new ResizeObserver(()=>{c()});return r.observe(e),setTimeout(s,0),()=>{r.disconnect()}},[s,c,t]);const u=e.slice(0,i),d=e.slice(i);return{visibleCount:i,visibleItems:u,hiddenItems:d,hasOverflow:d.length>0}},s=r.forwardRef(({items:s,selectedValue:c,onSelectionChange:u,removable:d=!1,onRemove:p,variant:v="primary",disabled:h=!1,maxVisible:m,className:b,"data-testid":g,"data-cy":f,...x},y)=>{const w=(s&&Array.isArray(s)?s:[]).filter(e=>null!=e&&"object"==typeof e),_=r.useRef(null),k=r.useRef([]),C=r.useRef(new Map),E=r.useRef(null),[j,N]=r.useState(!1),[$,D]=r.useState(!1),S=r.useRef([]),{visibleItems:R,hiddenItems:I,hasOverflow:q}=l(w,_,k,C,m),A=r.useCallback((e,r,t)=>{if(!h&&!r&&u){u(c===e?null:e,t)}},[h,c,u]),M=r.useCallback((e,r)=>{e.stopPropagation(),h||p&&p(r,e)},[h,p]),P=r.useCallback((e,r,t)=>{h||t||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A(r,t,e))},[h,A]),T=r.useCallback(e=>{e.stopPropagation(),D(e=>!e),N(!1)},[]),z=r.useCallback((e,r)=>{switch(e.key){case"ArrowDown":e.preventDefault(),r<I.length-1&&S.current[r+1]?.focus();break;case"ArrowUp":e.preventDefault(),r>0&&S.current[r-1]?.focus();break;case"Home":e.preventDefault(),S.current[0]?.focus();break;case"End":e.preventDefault(),S.current[I.length-1]?.focus()}},[I.length]),L=r.useRef(null),O=r.useRef(null);return r.useEffect(()=>{L.current=e=>{E.current&&!E.current.contains(e.target)&&D(!1)},O.current=e=>{"Escape"===e.key&&D(!1)}}),r.useEffect(()=>{if(!$)return;const e=e=>L.current?.(e),r=e=>O.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",r),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",r)}},[$]),r.useEffect(()=>{if("development"===process.env.NODE_ENV&&w.length>0){const e=w.map(e=>e.value),r=new Set(e);e.length!==r.size&&o.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[w]),r.useEffect(()=>{S.current.length>I.length&&(S.current=S.current.slice(0,I.length))},[I]),s&&Array.isArray(s)?e.jsxs("div",{ref:y,className:t.cn("block w-full relative overflow-visible",h&&"opacity-40 pointer-events-none",b),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":f||"chip-group",...x,children:[q&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[I.length," additional ",1===I.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:_,className:"chip-group__container flex flex-nowrap gap-2 md:gap-2.5 lg:gap-2 items-center",children:[R.map(r=>{const t=c===r.value,o=r.variant||v,i=h||r.disabled||!1,l=w.findIndex(e=>e.value===r.value);return e.jsx("div",{ref:e=>{k.current[l]=e||null},className:"inline-flex shrink-0","data-cy":`chip-group-item-wrapper-${r.value}`,"data-testid":`chip-group-item-wrapper-${r.value}`,children:e.jsxs("div",{className:"relative inline-flex items-center gap-1 cursor-pointer outline-none transition-all duration-200 rounded focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-0.5 focus-visible:rounded active:scale-[0.98] aria-[disabled=true]:cursor-not-allowed [&_.cursor-pointer]:cursor-pointer [&_[aria-disabled=true]]:cursor-not-allowed",onClick:e=>A(r.value,i,e),onKeyDown:e=>P(e,r.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":t?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${r.value}`,"data-testid":`chip-group-item-${r.value}`,children:[e.jsx(a.Chip,{variant:o,selected:t,disabled:i,className:!d||h||i?void 0:"pe-6","data-cy":`chip-${r.value}`,"data-testid":`chip-${r.value}`,children:r.label}),d&&!h&&!i&&e.jsx("button",{className:"absolute end-1 top-1/2 -translate-y-1/2 flex items-center justify-center w-4 h-4 p-0 border-none bg-transparent cursor-pointer rounded-full transition-colors hover:bg-[color-mix(in_srgb,currentColor_20%,transparent)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-1 text-current",onClick:e=>M(e,r.value),"aria-label":`Remove ${r.label}`,"data-cy":`chip-remove-${r.value}`,"data-testid":`chip-remove-${r.value}`,type:"button",children:e.jsx(n.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},r.value)}),q&&e.jsxs("div",{ref:E,className:"relative inline-flex shrink-0 cursor-pointer",role:"button",tabIndex:0,"aria-expanded":$?"true":"false","aria-haspopup":"menu","aria-label":`Show ${I.length} more ${1===I.length?"chip":"chips"}`,onMouseEnter:()=>!$&&N(!0),onMouseLeave:()=>N(!1),onClick:T,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!$),N(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:v,className:i[v],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",I.length]}),j&&!$&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:I.map(r=>e.jsx("div",{className:"whitespace-pre-wrap break-words min-w-full w-min","data-cy":`chip-group-tooltip-item-${r.value}`,"data-testid":`chip-group-tooltip-item-${r.value}`,children:r.label},r.value))}),$&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:I.map((r,a)=>e.jsx("div",{ref:e=>{S.current[a]=e||null},className:t.cn("chip-group-dropdown-item",r.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:r.disabled?-1:0,"aria-disabled":r.disabled?"true":"false",onClick:e=>{e.stopPropagation(),r.disabled||(A(r.value,!1,e),D(!1))},onKeyDown:e=>{z(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),r.disabled||(A(r.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${r.value}`,"data-testid":`chip-group-dropdown-item-${r.value}`,children:r.label},r.value))})]})]})]}):null});s.displayName="ChipGroup",exports.ChipGroup=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),a=require("./index19.cjs"),n=require("./index49.cjs"),i=require("./index50.cjs"),l=require("@adam-milo/icons"),s=(e,r,a,n,i)=>{const[l,s]=t.useState(e.length),o=t.useCallback(()=>{if(void 0!==i)return void s(Math.min(i,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,o=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,u=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(u.gap,o,parseFloat(u.fontSize)||16),d=3.75*o;for(let r=0;r<e.length;r++){const t=e[r],i=a.current[r];i&&n.current.set(t.value,i.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,l=0;for(let s=0;s<e.length;s++){const o=e[s],u=t.get(o.value)||0;if(0===u){l++;break}const c=i+(s>0?a:0)+u;if(s<e.length-1){if(c+a+n>r&&l>0)break}else if(c>r&&l>0)break;i=c,l++}return Math.max(1,l)})(e,n.current,l,c,d);s(p)},[e,i,r,a,n]),u=((e,r)=>{const a=t.useRef(null);return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(o,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(n.current.forEach((e,r)=>{t.has(r)||n.current.delete(r)}),void 0===i){e.some(e=>!n.current.has(e.value))?s(e.length):setTimeout(o,0)}},[e,i,o,a,n]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{u()});return t.observe(e),setTimeout(o,0),()=>{t.disconnect()}},[o,u,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:c,removable:d=!1,onRemove:p,variant:h="primary",disabled:v=!1,maxVisible:m,className:f,"data-testid":g,"data-cy":b,...y},w)=>{const x=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),k=t.useRef(null),C=t.useRef([]),E=t.useRef(new Map),j=t.useRef(null),[S,N]=t.useState(!1),[$,D]=t.useState(!1),R=t.useRef([]),{visibleItems:I,hiddenItems:q,hasOverflow:M}=s(x,k,C,E,m),A=t.useCallback((e,t,r)=>{if(!v&&!t&&c){c(u===e?null:e,r)}},[v,u,c]),P=t.useCallback((e,t)=>{e.stopPropagation(),v||p&&p(t,e)},[v,p]),T=t.useCallback((e,t,r)=>{v||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A(t,r,e))},[v,A]),z=t.useCallback(e=>{e.stopPropagation(),D(e=>!e),N(!1)},[]),L=t.useCallback((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<q.length-1&&R.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&R.current[t-1]?.focus();break;case"Home":e.preventDefault(),R.current[0]?.focus();break;case"End":e.preventDefault(),R.current[q.length-1]?.focus()}},[q.length]),O=t.useRef(null),W=t.useRef(null);return t.useEffect(()=>{O.current=e=>{j.current&&!j.current.contains(e.target)&&D(!1)},W.current=e=>{"Escape"===e.key&&D(!1)}}),t.useEffect(()=>{if(!$)return;const e=e=>O.current?.(e),t=e=>W.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[$]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&x.length>0){const e=x.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[x]),t.useEffect(()=>{R.current.length>q.length&&(R.current=R.current.slice(0,q.length))},[q]),o&&Array.isArray(o)?e.jsxs("div",{ref:w,className:r.cn(n.rootStyles,v&&"opacity-40 pointer-events-none",f),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":b||"chip-group",...y,children:[M&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[q.length," additional ",1===q.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:k,className:n.containerStyles,children:[I.map(t=>{const r=u===t.value,i=t.variant||h,s=v||t.disabled||!1,o=x.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{C.current[o]=e||null},className:n.itemWrapperStyles,"data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:n.itemButtonStyles,onClick:e=>A(t.value,s,e),onKeyDown:e=>T(e,t.value,s),tabIndex:s?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":s?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:s,className:!d||v||s?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),d&&!v&&!s&&e.jsx("button",{className:n.removeButtonStyles,onClick:e=>P(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(l.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),M&&e.jsxs("div",{ref:j,className:n.overflowButtonStyles,role:"button",tabIndex:0,"aria-expanded":$?"true":"false","aria-haspopup":"menu","aria-label":`Show ${q.length} more ${1===q.length?"chip":"chips"}`,onMouseEnter:()=>!$&&N(!0),onMouseLeave:()=>N(!1),onClick:z,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!$),N(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:h,className:n.overflowChipClassMap[h],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",q.length]}),S&&!$&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:q.map(t=>e.jsx("div",{className:n.tooltipItemStyles,"data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),$&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:q.map((t,a)=>e.jsx("div",{ref:e=>{R.current[a]=e||null},className:r.cn("chip-group-dropdown-item",t.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1))},onKeyDown:e=>{L(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;
package/dist/index20.js CHANGED
@@ -1,5 +1,5 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useState as a,useCallback as n,useEffect as i}from"react";import{cn as l}from"./index31.js";import{Chip as c}from"./index19.js";import{devWarn as s}from"./index35.js";import{Icon as u}from"@adam-milo/icons";const d={primary:"!bg-[color-mix(in_srgb,var(--color-clickable)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-clickable)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-clickable)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-clickable)_60%,transparent)]",secondary:"!bg-[color-mix(in_srgb,var(--color-toggle)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-toggle)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-toggle)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-toggle)_60%,transparent)]",tertiary:"!bg-[color-mix(in_srgb,var(--color-popup)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-popup)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-popup)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-popup)_60%,transparent)]",quaternary:"!bg-[color-mix(in_srgb,var(--color-secondary)_20%,transparent)] !border-[color-mix(in_srgb,var(--color-secondary)_50%,transparent)] hover:!bg-[color-mix(in_srgb,var(--color-secondary)_25%,transparent)] hover:!border-[color-mix(in_srgb,var(--color-secondary)_60%,transparent)]"},p=(e,r,t,l,c)=>{const[s,u]=a(e.length),d=n(()=>{if(void 0!==c)return void u(Math.min(c,e.length));const o=r.current;if(!o)return;const a=o.clientWidth,n=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,i=window.getComputedStyle(o),s=((e,r,t)=>{if(!e)return.5*r;const o=e.match(/^([\d.]+)(px|rem|em)?/);if(!o)return.5*r;const a=parseFloat(o[1]);switch(o[2]||"px"){case"px":return a;case"rem":return a*r;case"em":return a*t;default:return.5*r}})(i.gap,n,parseFloat(i.fontSize)||16),d=3.75*n;for(let r=0;r<e.length;r++){const o=e[r],a=t.current[r];a&&l.current.set(o.value,a.offsetWidth)}const p=((e,r,t,o,a)=>{let n=0,i=0;for(let l=0;l<e.length;l++){const c=e[l],s=r.get(c.value)||0;if(0===s){i++;break}const u=n+(l>0?o:0)+s;if(l<e.length-1){if(u+o+a>t&&i>0)break}else if(u>t&&i>0)break;n=u,i++}return Math.max(1,i)})(e,l.current,a,s,d);u(p)},[e,c,r,t,l]),p=((e,r)=>{const t=o(null);return i(()=>()=>{t.current&&clearTimeout(t.current)},[]),n((...o)=>{t.current&&clearTimeout(t.current),t.current=setTimeout(()=>e(...o),r)},[e,r])})(d,100);i(()=>{t.current.length>e.length&&(t.current=t.current.slice(0,e.length));const r=new Set(e.map(e=>e.value));if(l.current.forEach((e,t)=>{r.has(t)||l.current.delete(t)}),void 0===c){e.some(e=>!l.current.has(e.value))?u(e.length):setTimeout(d,0)}},[e,c,d,t,l]),i(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{p()});return t.observe(e),setTimeout(d,0),()=>{t.disconnect()}},[d,p,r]);const v=e.slice(0,s),m=e.slice(s);return{visibleCount:s,visibleItems:v,hiddenItems:m,hasOverflow:m.length>0}},v=t(({items:t,selectedValue:v,onSelectionChange:m,removable:h=!1,onRemove:g,variant:b="primary",disabled:f=!1,maxVisible:y,className:w,"data-testid":x,"data-cy":_,...k},N)=>{const E=(t&&Array.isArray(t)?t:[]).filter(e=>null!=e&&"object"==typeof e),$=o(null),C=o([]),D=o(/* @__PURE__ */new Map),I=o(null),[S,j]=a(!1),[A,z]=a(!1),L=o([]),{visibleItems:M,hiddenItems:P,hasOverflow:T}=p(E,$,C,D,y),O=n((e,r,t)=>{if(!f&&!r&&m){m(v===e?null:e,t)}},[f,v,m]),F=n((e,r)=>{e.stopPropagation(),f||g&&g(r,e)},[f,g]),K=n((e,r,t)=>{f||t||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),O(r,t,e))},[f,O]),R=n(e=>{e.stopPropagation(),z(e=>!e),j(!1)},[]),V=n((e,r)=>{switch(e.key){case"ArrowDown":e.preventDefault(),r<P.length-1&&L.current[r+1]?.focus();break;case"ArrowUp":e.preventDefault(),r>0&&L.current[r-1]?.focus();break;case"Home":e.preventDefault(),L.current[0]?.focus();break;case"End":e.preventDefault(),L.current[P.length-1]?.focus()}},[P.length]),q=o(null),G=o(null);return i(()=>{q.current=e=>{I.current&&!I.current.contains(e.target)&&z(!1)},G.current=e=>{"Escape"===e.key&&z(!1)}}),i(()=>{if(!A)return;const e=e=>q.current?.(e),r=e=>G.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",r),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",r)}},[A]),i(()=>{if("development"===process.env.NODE_ENV&&E.length>0){const e=E.map(e=>e.value),r=new Set(e);e.length!==r.size&&s("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[E]),i(()=>{L.current.length>P.length&&(L.current=L.current.slice(0,P.length))},[P]),t&&Array.isArray(t)?/* @__PURE__ */e("div",{ref:N,className:l("block w-full relative overflow-visible",f&&"opacity-40 pointer-events-none",w),role:"group","aria-label":"Chip group","data-testid":x||"chip-group","data-cy":_||"chip-group",...k,children:[T&&/* @__PURE__ */e("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[P.length," additional ",1===P.length?"chip":"chips"," hidden"]}),
2
- /* @__PURE__ */e("div",{ref:$,className:"chip-group__container flex flex-nowrap gap-2 md:gap-2.5 lg:gap-2 items-center",children:[M.map(t=>{const o=v===t.value,a=t.variant||b,n=f||t.disabled||!1,i=E.findIndex(e=>e.value===t.value);/* @__PURE__ */
3
- return r("div",{ref:e=>{C.current[i]=e||null},className:"inline-flex shrink-0","data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:/* @__PURE__ */e("div",{className:"relative inline-flex items-center gap-1 cursor-pointer outline-none transition-all duration-200 rounded focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-0.5 focus-visible:rounded active:scale-[0.98] aria-[disabled=true]:cursor-not-allowed [&_.cursor-pointer]:cursor-pointer [&_[aria-disabled=true]]:cursor-not-allowed",onClick:e=>O(t.value,n,e),onKeyDown:e=>K(e,t.value,n),tabIndex:n?-1:0,role:"button","aria-pressed":o?"true":"false","aria-disabled":n?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[
4
- /* @__PURE__ */r(c,{variant:a,selected:o,disabled:n,className:!h||f||n?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),h&&!f&&!n&&/* @__PURE__ */r("button",{className:"absolute end-1 top-1/2 -translate-y-1/2 flex items-center justify-center w-4 h-4 p-0 border-none bg-transparent cursor-pointer rounded-full transition-colors hover:bg-[color-mix(in_srgb,currentColor_20%,transparent)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-1 text-current",onClick:e=>F(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:/* @__PURE__ */r(u,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),T&&/* @__PURE__ */e("div",{ref:I,className:"relative inline-flex shrink-0 cursor-pointer",role:"button",tabIndex:0,"aria-expanded":A?"true":"false","aria-haspopup":"menu","aria-label":`Show ${P.length} more ${1===P.length?"chip":"chips"}`,onMouseEnter:()=>!A&&j(!0),onMouseLeave:()=>j(!1),onClick:R,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),z(!A),j(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
5
- /* @__PURE__ */e(c,{variant:b,className:d[b],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",P.length]}),S&&!A&&/* @__PURE__ */r("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:P.map(e=>/* @__PURE__ */r("div",{className:"whitespace-pre-wrap break-words min-w-full w-min","data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),A&&/* @__PURE__ */r("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:P.map((e,t)=>/* @__PURE__ */r("div",{ref:e=>{L.current[t]=e||null},className:l("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:r=>{r.stopPropagation(),e.disabled||(O(e.value,!1,r),z(!1))},onKeyDown:r=>{V(r,t),"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),r.stopPropagation(),e.disabled||(O(e.value,!1,r),z(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});v.displayName="ChipGroup";export{v as ChipGroup};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useState as n,useCallback as i,useEffect as o}from"react";import{cn as l}from"./index31.js";import{Chip as c}from"./index19.js";import{containerStyles as s,itemWrapperStyles as u,itemButtonStyles as d,removeButtonStyles as p,overflowButtonStyles as m,overflowChipClassMap as h,tooltipItemStyles as v,rootStyles as g}from"./index49.js";import{devWarn as f}from"./index50.js";import{Icon as b}from"@adam-milo/icons";const y=(e,t,r,l,c)=>{const[s,u]=n(e.length),d=i(()=>{if(void 0!==c)return void u(Math.min(c,e.length));const a=t.current;if(!a)return;const n=a.clientWidth,i=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,o=window.getComputedStyle(a),s=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(o.gap,i,parseFloat(o.fontSize)||16),d=3.75*i;for(let t=0;t<e.length;t++){const a=e[t],n=r.current[t];n&&l.current.set(a.value,n.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,o=0;for(let l=0;l<e.length;l++){const c=e[l],s=t.get(c.value)||0;if(0===s){o++;break}const u=i+(l>0?a:0)+s;if(l<e.length-1){if(u+a+n>r&&o>0)break}else if(u>r&&o>0)break;i=u,o++}return Math.max(1,o)})(e,l.current,n,s,d);u(p)},[e,c,t,r,l]),p=((e,t)=>{const r=a(null);return o(()=>()=>{r.current&&clearTimeout(r.current)},[]),i((...a)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>e(...a),t)},[e,t])})(d,100);o(()=>{r.current.length>e.length&&(r.current=r.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(l.current.forEach((e,r)=>{t.has(r)||l.current.delete(r)}),void 0===c){e.some(e=>!l.current.has(e.value))?u(e.length):setTimeout(d,0)}},[e,c,d,r,l]),o(()=>{const e=t.current;if(!e)return;const r=new ResizeObserver(()=>{p()});return r.observe(e),setTimeout(d,0),()=>{r.disconnect()}},[d,p,t]);const m=e.slice(0,s),h=e.slice(s);return{visibleCount:s,visibleItems:m,hiddenItems:h,hasOverflow:h.length>0}},w=r(({items:r,selectedValue:w,onSelectionChange:k,removable:N=!1,onRemove:x,variant:E="primary",disabled:$=!1,maxVisible:D,className:C,"data-testid":I,"data-cy":S,...j},A)=>{const z=(r&&Array.isArray(r)?r:[]).filter(e=>null!=e&&"object"==typeof e),L=a(null),M=a([]),P=a(/* @__PURE__ */new Map),T=a(null),[O,F]=n(!1),[K,R]=n(!1),V=a([]),{visibleItems:G,hiddenItems:W,hasOverflow:q}=y(z,L,M,P,D),H=i((e,t,r)=>{if(!$&&!t&&k){k(w===e?null:e,r)}},[$,w,k]),U=i((e,t)=>{e.stopPropagation(),$||x&&x(t,e)},[$,x]),_=i((e,t,r)=>{$||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(t,r,e))},[$,H]),B=i(e=>{e.stopPropagation(),R(e=>!e),F(!1)},[]),J=i((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<W.length-1&&V.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&V.current[t-1]?.focus();break;case"Home":e.preventDefault(),V.current[0]?.focus();break;case"End":e.preventDefault(),V.current[W.length-1]?.focus()}},[W.length]),Q=a(null),X=a(null);return o(()=>{Q.current=e=>{T.current&&!T.current.contains(e.target)&&R(!1)},X.current=e=>{"Escape"===e.key&&R(!1)}}),o(()=>{if(!K)return;const e=e=>Q.current?.(e),t=e=>X.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[K]),o(()=>{if("development"===process.env.NODE_ENV&&z.length>0){const e=z.map(e=>e.value),t=new Set(e);e.length!==t.size&&f("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[z]),o(()=>{V.current.length>W.length&&(V.current=V.current.slice(0,W.length))},[W]),r&&Array.isArray(r)?/* @__PURE__ */e("div",{ref:A,className:l(g,$&&"opacity-40 pointer-events-none",C),role:"group","aria-label":"Chip group","data-testid":I||"chip-group","data-cy":S||"chip-group",...j,children:[q&&/* @__PURE__ */e("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[W.length," additional ",1===W.length?"chip":"chips"," hidden"]}),
2
+ /* @__PURE__ */e("div",{ref:L,className:s,children:[G.map(r=>{const a=w===r.value,n=r.variant||E,i=$||r.disabled||!1,o=z.findIndex(e=>e.value===r.value);/* @__PURE__ */
3
+ return t("div",{ref:e=>{M.current[o]=e||null},className:u,"data-cy":`chip-group-item-wrapper-${r.value}`,"data-testid":`chip-group-item-wrapper-${r.value}`,children:/* @__PURE__ */e("div",{className:d,onClick:e=>H(r.value,i,e),onKeyDown:e=>_(e,r.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":a?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${r.value}`,"data-testid":`chip-group-item-${r.value}`,children:[
4
+ /* @__PURE__ */t(c,{variant:n,selected:a,disabled:i,className:!N||$||i?void 0:"pe-6","data-cy":`chip-${r.value}`,"data-testid":`chip-${r.value}`,children:r.label}),N&&!$&&!i&&/* @__PURE__ */t("button",{className:p,onClick:e=>U(e,r.value),"aria-label":`Remove ${r.label}`,"data-cy":`chip-remove-${r.value}`,"data-testid":`chip-remove-${r.value}`,type:"button",children:/* @__PURE__ */t(b,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},r.value)}),q&&/* @__PURE__ */e("div",{ref:T,className:m,role:"button",tabIndex:0,"aria-expanded":K?"true":"false","aria-haspopup":"menu","aria-label":`Show ${W.length} more ${1===W.length?"chip":"chips"}`,onMouseEnter:()=>!K&&F(!0),onMouseLeave:()=>F(!1),onClick:B,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),R(!K),F(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
5
+ /* @__PURE__ */e(c,{variant:E,className:h[E],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",W.length]}),O&&!K&&/* @__PURE__ */t("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:W.map(e=>/* @__PURE__ */t("div",{className:v,"data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),K&&/* @__PURE__ */t("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:W.map((e,r)=>/* @__PURE__ */t("div",{ref:e=>{V.current[r]=e||null},className:l("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:t=>{t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1))},onKeyDown:t=>{J(t,r),"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});w.displayName="ChipGroup";export{w as ChipGroup};
package/dist/index21.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-dialog"),o=require("./index31.cjs"),r=require("@adam-milo/icons");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const i=s(a),l=i.Root,n=i.Trigger,d=i.Portal,c=i.Close,m=t.forwardRef(({className:t,"data-cy":a,"data-testid":s,...l},n)=>{const d=a||"dialog-close-button",c=s||"dialog-close-button";return e.jsx(i.Close,{ref:n,className:o.cn("absolute top-4 right-4 z-[1] flex items-center justify-center w-6 h-6 m-0 p-0 border-none bg-transparent font-inherit text-[var(--color-system-text)] rounded-sm cursor-pointer transition-[background-color,color] duration-150 ease-in-out hover:bg-[var(--color-bg-secondary)] hover:text-[var(--color-text)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 max-sm:top-6 max-sm:right-4",t),"data-cy":d,"data-testid":c,"aria-label":"Close dialog",...l,children:e.jsx(r.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});m.displayName="DialogCloseButton";const f=({children:t,variant:a="default",className:r,"data-cy":s,"data-testid":i,...l})=>{const n=s||"dialog-icon",d=i||"dialog-icon";return e.jsx("div",{className:o.cn("flex items-center justify-center self-center w-[6.25rem] h-[6.25rem] shrink-0 [&_svg]:w-12 [&_svg]:h-12 max-sm:w-20 max-sm:h-20",{default:"text-[var(--color-dialog-icon-teal,#42B8C6)]",success:"text-[var(--color-success)]",warning:"text-[var(--color-button-orange)]",error:"text-[var(--color-error)]"}[a],r),"data-cy":n,"data-testid":d,"aria-hidden":"true",...l,children:t})};f.displayName="DialogIcon";const x={default:"bg-[rgba(125,126,128,0.2)] backdrop-blur-md","verify-loading":"bg-[radial-gradient(50%_50%_at_50%_50%,rgba(255,255,255,0.9)_63.46%,rgba(255,255,255,0)_100%)]"},g=t.forwardRef(({className:t,variant:a="default","data-cy":r,"data-testid":s,...l},n)=>{const d=r||"dialog-overlay",c=s||"dialog-overlay";return e.jsx(i.Overlay,{ref:n,className:o.cn("fixed inset-0 z-50 duration-200 ease-out fill-forwards",x[a],"data-[state=open]:animate-[dialog-overlay-fade-in_200ms_ease-out_forwards]","data-[state=closed]:animate-[dialog-overlay-fade-out_200ms_ease-out_forwards]",t),"data-cy":d,"data-testid":c,...l})});g.displayName=i.Overlay.displayName;const u=t.forwardRef(({className:t,children:a,overlayVariant:r="default","data-cy":s,"data-testid":l,...n},c)=>{const m=s||"dialog-content",f=l||"dialog-content";return e.jsxs(d,{children:[e.jsx(g,{variant:r}),e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none",children:e.jsx(i.Content,{ref:c,className:o.cn("pointer-events-auto w-full max-w-[40.625rem]","flex flex-col items-center gap-8 px-8 pt-6 pb-[3.75rem]","bg-[var(--color-card)] border-none rounded-2xl shadow-[0_0.6875rem_2.5rem_0_rgba(25,26,57,0.05)]","duration-200 fill-forwards","data-[state=open]:animate-[dialog-content-show_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","data-[state=closed]:animate-[dialog-content-hide_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","max-sm:w-full max-sm:min-h-full max-sm:rounded-none max-sm:px-6 max-sm:pt-10 max-sm:pb-10 max-sm:gap-6","max-sm:data-[state=open]:animate-[dialog-content-show-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","max-sm:data-[state=closed]:animate-[dialog-content-hide-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]",t),"data-cy":m,"data-testid":f,...n,children:a})})]})});u.displayName=i.Content.displayName;const p=({centered:t=!1,className:a,"data-cy":r,"data-testid":s,...i})=>{const l=r||"dialog-header",n=s||"dialog-header";return e.jsx("div",{className:o.cn("flex flex-col gap-4 w-full text-center sm:text-start",t&&"text-center items-center sm:text-center sm:items-center",a),"data-cy":l,"data-testid":n,...i})};p.displayName="DialogHeader";const b=({className:t,"data-cy":a,"data-testid":r,...s})=>{const i=a||"dialog-footer",l=r||"dialog-footer";return e.jsx("div",{className:o.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2",t),"data-cy":i,"data-testid":l,...s})};b.displayName="DialogFooter";const y=t.forwardRef(({className:t,"data-cy":a,"data-testid":r,...s},l)=>{const n=a||"dialog-title",d=r||"dialog-title";return e.jsx(i.Title,{ref:l,className:o.cn("font-[inherit] text-3xl font-black leading-none text-[var(--color-text)] tracking-normal max-sm:text-2xl",t),"data-cy":n,"data-testid":d,...s})});y.displayName=i.Title.displayName;const v=t.forwardRef(({className:t,"data-cy":a,"data-testid":r,...s},l)=>{const n=a||"dialog-description",d=r||"dialog-description";return e.jsx(i.Description,{ref:l,className:o.cn("font-[inherit] text-[length:var(--font-size-6)] font-normal leading-none text-[var(--color-text)] max-sm:text-base",t),"data-cy":n,"data-testid":d,...s})});v.displayName=i.Description.displayName,exports.Dialog=l,exports.DialogClose=c,exports.DialogCloseButton=m,exports.DialogContent=u,exports.DialogDescription=v,exports.DialogFooter=b,exports.DialogHeader=p,exports.DialogIcon=f,exports.DialogOverlay=g,exports.DialogPortal=d,exports.DialogTitle=y,exports.DialogTrigger=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("@radix-ui/react-dialog"),o=require("./index31.cjs"),s=require("./index51.cjs"),r=require("@adam-milo/icons");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return a.default=e,Object.freeze(a)}const l=i(t),d=l.Root,c=l.Trigger,n=l.Portal,y=l.Close,g=a.forwardRef(({className:a,"data-cy":t,"data-testid":i,...d},c)=>{const n=t||"dialog-close-button",y=i||"dialog-close-button";return e.jsx(l.Close,{ref:c,className:o.cn(s.closeButtonStyles,a),"data-cy":n,"data-testid":y,"aria-label":"Close dialog",...d,children:e.jsx(r.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const m=({children:a,variant:t="default",className:r,"data-cy":i,"data-testid":l,...d})=>{const c=i||"dialog-icon",n=l||"dialog-icon";return e.jsx("div",{className:o.cn(s.iconRootStyles,s.iconVariantColor[t],r),"data-cy":c,"data-testid":n,"aria-hidden":"true",...d,children:a})};m.displayName="DialogIcon";const p=a.forwardRef(({className:a,variant:t="default","data-cy":r,"data-testid":i,...d},c)=>{const n=r||"dialog-overlay",y=i||"dialog-overlay";return e.jsx(l.Overlay,{ref:c,className:o.cn(s.overlayRootStyles,s.overlayBgStyles[t],a),"data-cy":n,"data-testid":y,...d})});p.displayName=l.Overlay.displayName;const u=a.forwardRef(({className:a,children:t,overlayVariant:r="default","data-cy":i,"data-testid":d,...c},y)=>{const g=i||"dialog-content",m=d||"dialog-content";return e.jsxs(n,{children:[e.jsx(p,{variant:r}),e.jsx("div",{className:s.contentWrapperStyles,children:e.jsx(l.Content,{ref:y,className:o.cn(s.contentStyles,a),"data-cy":g,"data-testid":m,...c,children:t})})]})});u.displayName=l.Content.displayName;const f=({centered:a=!1,className:t,"data-cy":r,"data-testid":i,...l})=>{const d=r||"dialog-header",c=i||"dialog-header";return e.jsx("div",{className:o.cn(s.headerStyles,a&&s.headerCenteredStyles,t),"data-cy":d,"data-testid":c,...l})};f.displayName="DialogHeader";const x=({className:a,"data-cy":t,"data-testid":r,...i})=>{const l=t||"dialog-footer",d=r||"dialog-footer";return e.jsx("div",{className:o.cn(s.footerStyles,a),"data-cy":l,"data-testid":d,...i})};x.displayName="DialogFooter";const N=a.forwardRef(({className:a,"data-cy":t,"data-testid":r,...i},d)=>{const c=t||"dialog-title",n=r||"dialog-title";return e.jsx(l.Title,{ref:d,className:o.cn(s.titleStyles,a),"data-cy":c,"data-testid":n,...i})});N.displayName=l.Title.displayName;const j=a.forwardRef(({className:a,"data-cy":t,"data-testid":r,...i},d)=>{const c=t||"dialog-description",n=r||"dialog-description";return e.jsx(l.Description,{ref:d,className:o.cn(s.descriptionStyles,a),"data-cy":c,"data-testid":n,...i})});j.displayName=l.Description.displayName,exports.Dialog=d,exports.DialogClose=y,exports.DialogCloseButton=g,exports.DialogContent=u,exports.DialogDescription=j,exports.DialogFooter=x,exports.DialogHeader=f,exports.DialogIcon=m,exports.DialogOverlay=p,exports.DialogPortal=n,exports.DialogTitle=N,exports.DialogTrigger=c;
package/dist/index21.js CHANGED
@@ -1,11 +1,11 @@
1
- import{jsx as a,jsxs as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-dialog";import{cn as s}from"./index31.js";import{Icon as r}from"@adam-milo/icons";const i=o.Root,l=o.Trigger,d=o.Portal,n=o.Close,c=t(({className:e,"data-cy":t,"data-testid":i,...l},d)=>{const n=t||"dialog-close-button",c=i||"dialog-close-button";/* @__PURE__ */
2
- return a(o.Close,{ref:d,className:s("absolute top-4 right-4 z-[1] flex items-center justify-center w-6 h-6 m-0 p-0 border-none bg-transparent font-inherit text-[var(--color-system-text)] rounded-sm cursor-pointer transition-[background-color,color] duration-150 ease-in-out hover:bg-[var(--color-bg-secondary)] hover:text-[var(--color-text)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 max-sm:top-6 max-sm:right-4",e),"data-cy":n,"data-testid":c,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(r,{name:"Cross2Icon",size:"sm",decorative:!0})})});c.displayName="DialogCloseButton";const m=({children:e,variant:t="default",className:o,"data-cy":r,"data-testid":i,...l})=>{const d=r||"dialog-icon",n=i||"dialog-icon";/* @__PURE__ */
3
- return a("div",{className:s("flex items-center justify-center self-center w-[6.25rem] h-[6.25rem] shrink-0 [&_svg]:w-12 [&_svg]:h-12 max-sm:w-20 max-sm:h-20",{default:"text-[var(--color-dialog-icon-teal,#42B8C6)]",success:"text-[var(--color-success)]",warning:"text-[var(--color-button-orange)]",error:"text-[var(--color-error)]"}[t],o),"data-cy":d,"data-testid":n,"aria-hidden":"true",...l,children:e})};m.displayName="DialogIcon";const f={default:"bg-[rgba(125,126,128,0.2)] backdrop-blur-md","verify-loading":"bg-[radial-gradient(50%_50%_at_50%_50%,rgba(255,255,255,0.9)_63.46%,rgba(255,255,255,0)_100%)]"},u=t(({className:e,variant:t="default","data-cy":r,"data-testid":i,...l},d)=>{const n=r||"dialog-overlay",c=i||"dialog-overlay";/* @__PURE__ */
4
- return a(o.Overlay,{ref:d,className:s("fixed inset-0 z-50 duration-200 ease-out fill-forwards",f[t],"data-[state=open]:animate-[dialog-overlay-fade-in_200ms_ease-out_forwards]","data-[state=closed]:animate-[dialog-overlay-fade-out_200ms_ease-out_forwards]",e),"data-cy":n,"data-testid":c,...l})});u.displayName=o.Overlay.displayName;const g=t(({className:t,children:r,overlayVariant:i="default","data-cy":l,"data-testid":n,...c},m)=>{const f=l||"dialog-content",g=n||"dialog-content";/* @__PURE__ */
5
- return e(d,{children:[
6
- /* @__PURE__ */a(u,{variant:i}),
7
- /* @__PURE__ */a("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none",children:/* @__PURE__ */a(o.Content,{ref:m,className:s("pointer-events-auto w-full max-w-[40.625rem]","flex flex-col items-center gap-8 px-8 pt-6 pb-[3.75rem]","bg-[var(--color-card)] border-none rounded-2xl shadow-[0_0.6875rem_2.5rem_0_rgba(25,26,57,0.05)]","duration-200 fill-forwards","data-[state=open]:animate-[dialog-content-show_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","data-[state=closed]:animate-[dialog-content-hide_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","max-sm:w-full max-sm:min-h-full max-sm:rounded-none max-sm:px-6 max-sm:pt-10 max-sm:pb-10 max-sm:gap-6","max-sm:data-[state=open]:animate-[dialog-content-show-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","max-sm:data-[state=closed]:animate-[dialog-content-hide-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]",t),"data-cy":f,"data-testid":g,...c,children:r})})]})});g.displayName=o.Content.displayName;const x=({centered:e=!1,className:t,"data-cy":o,"data-testid":r,...i})=>{const l=o||"dialog-header",d=r||"dialog-header";/* @__PURE__ */
8
- return a("div",{className:s("flex flex-col gap-4 w-full text-center sm:text-start",e&&"text-center items-center sm:text-center sm:items-center",t),"data-cy":l,"data-testid":d,...i})};x.displayName="DialogHeader";const p=({className:e,"data-cy":t,"data-testid":o,...r})=>{const i=t||"dialog-footer",l=o||"dialog-footer";/* @__PURE__ */
9
- return a("div",{className:s("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2",e),"data-cy":i,"data-testid":l,...r})};p.displayName="DialogFooter";const b=t(({className:e,"data-cy":t,"data-testid":r,...i},l)=>{const d=t||"dialog-title",n=r||"dialog-title";/* @__PURE__ */
10
- return a(o.Title,{ref:l,className:s("font-[inherit] text-3xl font-black leading-none text-[var(--color-text)] tracking-normal max-sm:text-2xl",e),"data-cy":d,"data-testid":n,...i})});b.displayName=o.Title.displayName;const v=t(({className:e,"data-cy":t,"data-testid":r,...i},l)=>{const d=t||"dialog-description",n=r||"dialog-description";/* @__PURE__ */
11
- return a(o.Description,{ref:l,className:s("font-[inherit] text-[length:var(--font-size-6)] font-normal leading-none text-[var(--color-text)] max-sm:text-base",e),"data-cy":d,"data-testid":n,...i})});v.displayName=o.Description.displayName;export{i as Dialog,n as DialogClose,c as DialogCloseButton,g as DialogContent,v as DialogDescription,p as DialogFooter,x as DialogHeader,m as DialogIcon,u as DialogOverlay,d as DialogPortal,b as DialogTitle,l as DialogTrigger};
1
+ import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as d from"@radix-ui/react-dialog";import{cn as i}from"./index31.js";import{closeButtonStyles as s,contentWrapperStyles as o,contentStyles as l,descriptionStyles as c,footerStyles as r,headerCenteredStyles as n,headerStyles as m,iconVariantColor as y,iconRootStyles as N,overlayBgStyles as g,overlayRootStyles as p,titleStyles as u}from"./index51.js";import{Icon as f}from"@adam-milo/icons";const v=d.Root,h=d.Trigger,C=d.Portal,D=d.Close,x=e(({className:t,"data-cy":e,"data-testid":o,...l},c)=>{const r=e||"dialog-close-button",n=o||"dialog-close-button";/* @__PURE__ */
2
+ return a(d.Close,{ref:c,className:i(s,t),"data-cy":r,"data-testid":n,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(f,{name:"Cross2Icon",size:"sm",decorative:!0})})});x.displayName="DialogCloseButton";const b=({children:t,variant:e="default",className:d,"data-cy":s,"data-testid":o,...l})=>{const c=s||"dialog-icon",r=o||"dialog-icon";/* @__PURE__ */
3
+ return a("div",{className:i(N,y[e],d),"data-cy":c,"data-testid":r,"aria-hidden":"true",...l,children:t})};b.displayName="DialogIcon";const j=e(({className:t,variant:e="default","data-cy":s,"data-testid":o,...l},c)=>{const r=s||"dialog-overlay",n=o||"dialog-overlay";/* @__PURE__ */
4
+ return a(d.Overlay,{ref:c,className:i(p,g[e],t),"data-cy":r,"data-testid":n,...l})});j.displayName=d.Overlay.displayName;const T=e(({className:e,children:s,overlayVariant:c="default","data-cy":r,"data-testid":n,...m},y)=>{const N=r||"dialog-content",g=n||"dialog-content";/* @__PURE__ */
5
+ return t(C,{children:[
6
+ /* @__PURE__ */a(j,{variant:c}),
7
+ /* @__PURE__ */a("div",{className:o,children:/* @__PURE__ */a(d.Content,{ref:y,className:i(l,e),"data-cy":N,"data-testid":g,...m,children:s})})]})});T.displayName=d.Content.displayName;const I=({centered:t=!1,className:e,"data-cy":d,"data-testid":s,...o})=>{const l=d||"dialog-header",c=s||"dialog-header";/* @__PURE__ */
8
+ return a("div",{className:i(m,t&&n,e),"data-cy":l,"data-testid":c,...o})};I.displayName="DialogHeader";const O=({className:t,"data-cy":e,"data-testid":d,...s})=>{const o=e||"dialog-footer",l=d||"dialog-footer";/* @__PURE__ */
9
+ return a("div",{className:i(r,t),"data-cy":o,"data-testid":l,...s})};O.displayName="DialogFooter";const z=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const c=e||"dialog-title",r=s||"dialog-title";/* @__PURE__ */
10
+ return a(d.Title,{ref:l,className:i(u,t),"data-cy":c,"data-testid":r,...o})});z.displayName=d.Title.displayName;const B=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-description",n=s||"dialog-description";/* @__PURE__ */
11
+ return a(d.Description,{ref:l,className:i(c,t),"data-cy":r,"data-testid":n,...o})});B.displayName=d.Description.displayName;export{v as Dialog,D as DialogClose,x as DialogCloseButton,T as DialogContent,B as DialogDescription,O as DialogFooter,I as DialogHeader,b as DialogIcon,j as DialogOverlay,C as DialogPortal,z as DialogTitle,h as DialogTrigger};
package/dist/index22.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index31.cjs"),r={horizontal:"flex-row",vertical:"flex-col"},s={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",7:"gap-7",8:"gap-8",10:"gap-10",12:"gap-12",14:"gap-14"},i={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},c={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around"},n=e.forwardRef(({direction:e="vertical",spacing:n="4",align:d="stretch",justify:l="start",wrap:p=!1,className:u,children:g,"data-cy":o,"data-testid":f,...y},j)=>{const m=o||`stack-${e}`,x=f||`stack-${e}`;return t.jsx("div",{ref:j,className:a.cn("flex w-full min-w-0",r[e],s[n],i[d],c[l],p&&"flex-wrap",u),"data-cy":m,"data-testid":x,...y,children:g})});n.displayName="Stack",exports.Stack=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index31.cjs"),r=require("./index52.cjs"),s=t.forwardRef(({direction:t="vertical",spacing:s="4",align:i="stretch",justify:c="start",wrap:l=!1,className:n,children:d,"data-cy":u,"data-testid":o,...y},f)=>{const p=u||`stack-${t}`,x=o||`stack-${t}`;return e.jsx("div",{ref:f,className:a.cn("flex w-full min-w-0",r.directionStyles[t],r.spacingStyles[s],r.alignStyles[i],r.justifyStyles[c],l&&"flex-wrap",n),"data-cy":p,"data-testid":x,...y,children:d})});s.displayName="Stack",exports.Stack=s;
package/dist/index22.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index31.js";const r={horizontal:"flex-row",vertical:"flex-col"},s={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",7:"gap-7",8:"gap-8",10:"gap-10",12:"gap-12",14:"gap-14"},i={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},c={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around"},n=e(({direction:e="vertical",spacing:n="4",align:p="stretch",justify:d="start",wrap:l=!1,className:o,children:f,"data-cy":m,"data-testid":g,...u},y)=>{const j=m||`stack-${e}`,w=g||`stack-${e}`;/* @__PURE__ */
2
- return t("div",{ref:y,className:a("flex w-full min-w-0",r[e],s[n],i[p],c[d],l&&"flex-wrap",o),"data-cy":j,"data-testid":w,...u,children:f})});n.displayName="Stack";export{n as Stack};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index31.js";import{justifyStyles as e,alignStyles as i,spacingStyles as s,directionStyles as c}from"./index52.js";const d=a(({direction:a="vertical",spacing:d="4",align:m="stretch",justify:n="start",wrap:o=!1,className:l,children:f,"data-cy":p,"data-testid":x,...j},u)=>{const w=p||`stack-${a}`,y=x||`stack-${a}`;/* @__PURE__ */
2
+ return t("div",{ref:u,className:r("flex w-full min-w-0",c[a],s[d],i[m],e[n],o&&"flex-wrap",l),"data-cy":w,"data-testid":y,...j,children:f})});d.displayName="Stack";export{d as Stack};
package/dist/index23.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index31.cjs"),t={sm:"max-w-[40rem]",md:"max-w-[48rem]",lg:"max-w-[64rem]",xl:"max-w-[80rem]",full:"max-w-full"},d={none:"px-0",sm:"px-4 md:px-6",md:"px-6 md:px-8",lg:"px-8 md:px-12",xl:"px-12 md:px-16 lg:px-20"},m=r.forwardRef(({className:r,maxWidth:m="lg",padding:x="md","data-cy":n,"data-testid":i,children:l,...s},o)=>{const c=n||"container",p=i||"container";return e.jsx("div",{ref:o,className:a.cn("w-full mx-auto box-border",t[m],d[x],r),"data-cy":c,"data-testid":p,...s,children:l})});m.displayName="Container",exports.Container=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index31.cjs"),t=require("./index53.cjs"),i=a.forwardRef(({className:a,maxWidth:i="lg",padding:d="md","data-cy":n,"data-testid":c,children:s,...o},l)=>{const u=n||"container",x=c||"container";return e.jsx("div",{ref:l,className:r.cn("w-full mx-auto box-border",t.maxWidthMap[i],t.paddingMap[d],a),"data-cy":u,"data-testid":x,...o,children:s})});i.displayName="Container",exports.Container=i;
package/dist/index23.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as m}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index31.js";const e={sm:"max-w-[40rem]",md:"max-w-[48rem]",lg:"max-w-[64rem]",xl:"max-w-[80rem]",full:"max-w-full"},t={none:"px-0",sm:"px-4 md:px-6",md:"px-6 md:px-8",lg:"px-8 md:px-12",xl:"px-12 md:px-16 lg:px-20"},x=a(({className:a,maxWidth:x="lg",padding:d="md","data-cy":l,"data-testid":i,children:n,...o},p)=>{const s=l||"container",c=i||"container";/* @__PURE__ */
2
- return m("div",{ref:p,className:r("w-full mx-auto box-border",e[x],t[d],a),"data-cy":s,"data-testid":c,...o,children:n})});x.displayName="Container";export{x as Container};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index31.js";import{paddingMap as e,maxWidthMap as i}from"./index53.js";const d=a(({className:a,maxWidth:d="lg",padding:o="md","data-cy":m,"data-testid":n,children:c,...s},l)=>{const p=m||"container",x=n||"container";/* @__PURE__ */
2
+ return t("div",{ref:l,className:r("w-full mx-auto box-border",i[d],e[o],a),"data-cy":p,"data-testid":x,...s,children:c})});d.displayName="Container";export{d as Container};
package/dist/index24.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("@radix-ui/react-separator"),o=require("./index31.cjs");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)}const a=i(t),l={horizontal:"h-px w-full",vertical:"w-px h-full"},c={0:{horizontal:"my-0",vertical:"mx-0"},1:{horizontal:"my-1",vertical:"mx-1"},2:{horizontal:"my-2",vertical:"mx-2"},3:{horizontal:"my-3",vertical:"mx-3"},4:{horizontal:"my-4",vertical:"mx-4"},5:{horizontal:"my-5",vertical:"mx-5"},6:{horizontal:"my-6",vertical:"mx-6"},8:{horizontal:"my-8",vertical:"mx-8"},10:{horizontal:"my-10",vertical:"mx-10"},12:{horizontal:"my-12",vertical:"mx-12"}},n=r.forwardRef(({orientation:r="horizontal",decorative:t=!0,spacing:i="0",color:n,className:m,style:d,"data-cy":s,"data-testid":u,...v},y)=>{const x=s||`divider-${r}`,h=u||`divider-${r}`;return e.jsx(a.Root,{ref:y,decorative:t,orientation:r,className:o.cn("bg-[var(--color-border)] shrink-0",l[r],c[i][r],m),style:{...n&&{backgroundColor:n},...d},"data-cy":x,"data-testid":h,...v})});n.displayName="Divider",exports.Divider=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-separator"),i=require("./index31.cjs"),a=require("./index54.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const n=o(r),c=t.forwardRef(({orientation:t="horizontal",decorative:r=!0,spacing:o="0",color:c,className:s,style:d,"data-cy":l,"data-testid":u,...y},f)=>{const b=l||`divider-${t}`,g=u||`divider-${t}`;return e.jsx(n.Root,{ref:f,decorative:r,orientation:t,className:i.cn(a.baseStyles,a.orientationStyles[t],a.spacingStyles[o][t],s),style:{...c&&{backgroundColor:c},...d},"data-cy":b,"data-testid":g,...y})});c.displayName="Divider",exports.Divider=c;
package/dist/index24.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-separator";import{cn as a}from"./index31.js";const i={horizontal:"h-px w-full",vertical:"w-px h-full"},e={0:{horizontal:"my-0",vertical:"mx-0"},1:{horizontal:"my-1",vertical:"mx-1"},2:{horizontal:"my-2",vertical:"mx-2"},3:{horizontal:"my-3",vertical:"mx-3"},4:{horizontal:"my-4",vertical:"mx-4"},5:{horizontal:"my-5",vertical:"mx-5"},6:{horizontal:"my-6",vertical:"mx-6"},8:{horizontal:"my-8",vertical:"mx-8"},10:{horizontal:"my-10",vertical:"mx-10"},12:{horizontal:"my-12",vertical:"mx-12"}},l=t(({orientation:t="horizontal",decorative:l=!0,spacing:m="0",color:c,className:n,style:d,"data-cy":s,"data-testid":v,...x},h)=>{const y=s||`divider-${t}`,z=v||`divider-${t}`;/* @__PURE__ */
2
- return r(o.Root,{ref:h,decorative:l,orientation:t,className:a("bg-[var(--color-border)] shrink-0",i[t],e[m][t],n),style:{...c&&{backgroundColor:c},...d},"data-cy":y,"data-testid":z,...x})});l.displayName="Divider";export{l as Divider};
1
+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-separator";import{cn as a}from"./index31.js";import{spacingStyles as i,orientationStyles as e,baseStyles as d}from"./index54.js";const s=t(({orientation:t="horizontal",decorative:s=!0,spacing:c="0",color:m,className:n,style:p,"data-cy":l,"data-testid":f,...v},x)=>{const y=l||`divider-${t}`,u=f||`divider-${t}`;/* @__PURE__ */
2
+ return r(o.Root,{ref:x,decorative:s,orientation:t,className:a(d,e[t],i[c][t],n),style:{...m&&{backgroundColor:m},...p},"data-cy":y,"data-testid":u,...v})});s.displayName="Divider";export{s as Divider};
package/dist/index25.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index31.cjs"),n=require("./index4.cjs"),m={sm:"max-w-[25rem]",md:"max-w-[31.25rem]",lg:"max-w-[37.5rem]",xl:"max-w-[43.75rem]","2xl":"max-w-[56rem]",auto:"max-w-none w-auto"},r=a.forwardRef(({children:a,cardSize:r="lg",logo:s,showSettings:d=!0,showUserMenu:i=!0,userInitials:l,onSettingsClick:x,onUserMenuClick:o,activeMenu:u=null,"data-testid":c,"data-cy":g,...h},b)=>{const w=g||"auth-layout",p=c||"auth-layout";return e.jsxs("div",{ref:b,className:t.cn("relative flex flex-col min-h-screen min-h-[100dvh] w-full overflow-x-hidden","bg-[var(--color-bg)]","max-md:h-[100dvh] max-md:min-h-0 max-md:overflow-y-auto"),"data-testid":p,"data-cy":w,...h,children:[e.jsx("div",{className:t.cn("fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)] [background-image:var(--gradient-auth-bg)]"),"data-testid":`${p}-background`,"data-cy":`${w}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn("sticky top-0 z-[100] flex items-center justify-between bg-transparent","h-[5.3125rem] px-8","max-lg:h-[4.25rem] max-lg:px-6","max-md:h-auto max-md:px-4 max-md:py-5"),"data-testid":`${p}-header`,"data-cy":`${w}-header`,children:[e.jsx("div",{className:t.cn("flex items-center shrink-0 h-8 max-w-[11.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain","max-lg:h-7 max-lg:max-w-[10rem]","max-md:h-7 max-md:max-w-[9.875rem]"),"data-testid":`${p}-logo`,"data-cy":`${w}-logo`,children:s}),e.jsxs("div",{className:t.cn("flex items-center gap-2 max-md:gap-3","[&_button]:!bg-white/43 [&_button]:backdrop-blur-[60px] [&_button]:!w-[3.125rem] [&_button]:!h-[3.125rem]","[&_button:hover]:!bg-white/60 [&_button[aria-pressed=true]]:!bg-white/70","max-lg:[&_button]:!w-11 max-lg:[&_button]:!h-11","lg:[&_button]:!w-[3.125rem] lg:[&_button]:!h-[3.125rem]","motion-reduce:[&_button]:!transition-none"),"data-testid":`${p}-menu`,"data-cy":`${w}-menu`,children:[d&&e.jsx(n.MenuIconButton,{variant:"settings",selected:"settings"===u,onClick:x,"aria-label":"Settings","data-testid":`${p}-settings-btn`,"data-cy":`${w}-settings-btn`}),i&&e.jsx(n.MenuIconButton,{variant:"user",initials:l,selected:"user"===u,onClick:o,"aria-label":l?`User menu - ${l}`:"User menu","data-testid":`${p}-user-btn`,"data-cy":`${w}-user-btn`})]})]}),e.jsx("main",{className:t.cn("relative z-10 flex flex-1 items-center justify-center p-8","max-md:pt-10 max-md:pb-6 max-md:px-10 max-md:items-start max-md:justify-start"),"data-testid":`${p}-main`,"data-cy":`${w}-main`,children:e.jsx("div",{className:t.cn("flex flex-col items-start gap-8 w-full flex-1","bg-white rounded-2xl shadow-[0_11px_40px_-40px_rgba(25,26,57,0.05)]","pt-[3.75rem] pb-12 px-12","max-lg:pt-10 max-lg:pb-10 max-lg:px-8","max-md:bg-transparent max-md:rounded-none max-md:shadow-none max-md:p-0","max-md:max-w-full",m[r],"max-md:max-w-full"),"data-testid":`${p}-card`,"data-cy":`${w}-card`,"data-card-size":r,children:a})})]})});r.displayName="AuthLayout",exports.AuthLayout=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index31.cjs"),s=require("./index4.cjs"),d=require("./index55.cjs"),r=a.forwardRef(({children:a,cardSize:r="lg",logo:i,showSettings:n=!0,showUserMenu:c=!0,userInitials:l,onSettingsClick:u,onUserMenuClick:o,activeMenu:y=null,"data-testid":m,"data-cy":h,...g},x)=>{const $=h||"auth-layout",j=m||"auth-layout";return e.jsxs("div",{ref:x,className:t.cn(d.rootStyles),"data-testid":j,"data-cy":$,...g,children:[e.jsx("div",{className:t.cn(d.backgroundStyles),"data-testid":`${j}-background`,"data-cy":`${$}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn(d.headerStyles),"data-testid":`${j}-header`,"data-cy":`${$}-header`,children:[e.jsx("div",{className:t.cn(d.logoWrapperStyles),"data-testid":`${j}-logo`,"data-cy":`${$}-logo`,children:i}),e.jsxs("div",{className:t.cn(d.menuWrapperStyles),"data-testid":`${j}-menu`,"data-cy":`${$}-menu`,children:[n&&e.jsx(s.MenuIconButton,{variant:"settings",selected:"settings"===y,onClick:u,"aria-label":"Settings","data-testid":`${j}-settings-btn`,"data-cy":`${$}-settings-btn`}),c&&e.jsx(s.MenuIconButton,{variant:"user",initials:l,selected:"user"===y,onClick:o,"aria-label":l?`User menu - ${l}`:"User menu","data-testid":`${j}-user-btn`,"data-cy":`${$}-user-btn`})]})]}),e.jsx("main",{className:t.cn(d.mainStyles),"data-testid":`${j}-main`,"data-cy":`${$}-main`,children:e.jsx("div",{className:t.cn(d.cardWrapperStyles,d.cardSizeClasses[r],"max-md:max-w-full"),"data-testid":`${j}-card`,"data-cy":`${$}-card`,"data-card-size":r,children:a})})]})});r.displayName="AuthLayout",exports.AuthLayout=r;
package/dist/index25.js CHANGED
@@ -1,7 +1,7 @@
1
- import{jsxs as a,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as m}from"./index31.js";import{MenuIconButton as r}from"./index4.js";const n={sm:"max-w-[25rem]",md:"max-w-[31.25rem]",lg:"max-w-[37.5rem]",xl:"max-w-[43.75rem]","2xl":"max-w-[56rem]",auto:"max-w-none w-auto"},d=e(({children:e,cardSize:d="lg",logo:i,showSettings:s=!0,showUserMenu:l=!0,userInitials:o,onSettingsClick:x,onUserMenuClick:u,activeMenu:c=null,"data-testid":g,"data-cy":h,...b},p)=>{const w=h||"auth-layout",f=g||"auth-layout";/* @__PURE__ */
2
- return a("div",{ref:p,className:m("relative flex flex-col min-h-screen min-h-[100dvh] w-full overflow-x-hidden","bg-[var(--color-bg)]","max-md:h-[100dvh] max-md:min-h-0 max-md:overflow-y-auto"),"data-testid":f,"data-cy":w,...b,children:[
3
- /* @__PURE__ */t("div",{className:m("fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)] [background-image:var(--gradient-auth-bg)]"),"data-testid":`${f}-background`,"data-cy":`${w}-background`,"aria-hidden":"true"}),
4
- /* @__PURE__ */a("header",{className:m("sticky top-0 z-[100] flex items-center justify-between bg-transparent","h-[5.3125rem] px-8","max-lg:h-[4.25rem] max-lg:px-6","max-md:h-auto max-md:px-4 max-md:py-5"),"data-testid":`${f}-header`,"data-cy":`${w}-header`,children:[
5
- /* @__PURE__ */t("div",{className:m("flex items-center shrink-0 h-8 max-w-[11.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain","max-lg:h-7 max-lg:max-w-[10rem]","max-md:h-7 max-md:max-w-[9.875rem]"),"data-testid":`${f}-logo`,"data-cy":`${w}-logo`,children:i}),
6
- /* @__PURE__ */a("div",{className:m("flex items-center gap-2 max-md:gap-3","[&_button]:!bg-white/43 [&_button]:backdrop-blur-[60px] [&_button]:!w-[3.125rem] [&_button]:!h-[3.125rem]","[&_button:hover]:!bg-white/60 [&_button[aria-pressed=true]]:!bg-white/70","max-lg:[&_button]:!w-11 max-lg:[&_button]:!h-11","lg:[&_button]:!w-[3.125rem] lg:[&_button]:!h-[3.125rem]","motion-reduce:[&_button]:!transition-none"),"data-testid":`${f}-menu`,"data-cy":`${w}-menu`,children:[s&&/* @__PURE__ */t(r,{variant:"settings",selected:"settings"===c,onClick:x,"aria-label":"Settings","data-testid":`${f}-settings-btn`,"data-cy":`${w}-settings-btn`}),l&&/* @__PURE__ */t(r,{variant:"user",initials:o,selected:"user"===c,onClick:u,"aria-label":o?`User menu - ${o}`:"User menu","data-testid":`${f}-user-btn`,"data-cy":`${w}-user-btn`})]})]}),
7
- /* @__PURE__ */t("main",{className:m("relative z-10 flex flex-1 items-center justify-center p-8","max-md:pt-10 max-md:pb-6 max-md:px-10 max-md:items-start max-md:justify-start"),"data-testid":`${f}-main`,"data-cy":`${w}-main`,children:/* @__PURE__ */t("div",{className:m("flex flex-col items-start gap-8 w-full flex-1","bg-white rounded-2xl shadow-[0_11px_40px_-40px_rgba(25,26,57,0.05)]","pt-[3.75rem] pb-12 px-12","max-lg:pt-10 max-lg:pb-10 max-lg:px-8","max-md:bg-transparent max-md:rounded-none max-md:shadow-none max-md:p-0","max-md:max-w-full",n[d],"max-md:max-w-full"),"data-testid":`${f}-card`,"data-cy":`${w}-card`,"data-card-size":d,children:e})})]})});d.displayName="AuthLayout";export{d as AuthLayout};
1
+ import{jsxs as a,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as d}from"./index31.js";import{MenuIconButton as i}from"./index4.js";import{backgroundStyles as s,logoWrapperStyles as r,menuWrapperStyles as n,headerStyles as c,cardSizeClasses as l,cardWrapperStyles as o,mainStyles as m,rootStyles as u}from"./index55.js";const $=e(({children:e,cardSize:$="lg",logo:h,showSettings:y=!0,showUserMenu:g=!0,userInitials:b,onSettingsClick:v,onUserMenuClick:N,activeMenu:f=null,"data-testid":p,"data-cy":x,...k},j)=>{const C=x||"auth-layout",S=p||"auth-layout";/* @__PURE__ */
2
+ return a("div",{ref:j,className:d(u),"data-testid":S,"data-cy":C,...k,children:[
3
+ /* @__PURE__ */t("div",{className:d(s),"data-testid":`${S}-background`,"data-cy":`${C}-background`,"aria-hidden":"true"}),
4
+ /* @__PURE__ */a("header",{className:d(c),"data-testid":`${S}-header`,"data-cy":`${C}-header`,children:[
5
+ /* @__PURE__ */t("div",{className:d(r),"data-testid":`${S}-logo`,"data-cy":`${C}-logo`,children:h}),
6
+ /* @__PURE__ */a("div",{className:d(n),"data-testid":`${S}-menu`,"data-cy":`${C}-menu`,children:[y&&/* @__PURE__ */t(i,{variant:"settings",selected:"settings"===f,onClick:v,"aria-label":"Settings","data-testid":`${S}-settings-btn`,"data-cy":`${C}-settings-btn`}),g&&/* @__PURE__ */t(i,{variant:"user",initials:b,selected:"user"===f,onClick:N,"aria-label":b?`User menu - ${b}`:"User menu","data-testid":`${S}-user-btn`,"data-cy":`${C}-user-btn`})]})]}),
7
+ /* @__PURE__ */t("main",{className:d(m),"data-testid":`${S}-main`,"data-cy":`${C}-main`,children:/* @__PURE__ */t("div",{className:d(o,l[$],"max-md:max-w-full"),"data-testid":`${S}-card`,"data-cy":`${C}-card`,"data-card-size":$,children:e})})]})});$.displayName="AuthLayout";export{$ as AuthLayout};
package/dist/index26.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),a=require("./index31.cjs"),i={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12",auto:"grid-cols-[repeat(auto-fit,minmax(var(--grid-auto-fit-min,15rem),1fr))]"},s={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4",5:"grid-rows-5",6:"grid-rows-6",7:"grid-rows-7",8:"grid-rows-8",9:"grid-rows-9",10:"grid-rows-10",11:"grid-rows-11",12:"grid-rows-12",auto:"auto-rows-auto"},g={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},e={0:"gap-y-0",1:"gap-y-1",2:"gap-y-2",3:"gap-y-3",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",8:"gap-y-8",10:"gap-y-10",12:"gap-y-12"},d={0:"gap-x-0",1:"gap-x-1",2:"gap-x-2",3:"gap-x-3",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",8:"gap-x-8",10:"gap-x-10",12:"gap-x-12"},o={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},c={start:"justify-items-start",center:"justify-items-center",end:"justify-items-end",stretch:"justify-items-stretch"},p=t.forwardRef(({columns:t=3,rows:p,gap:l="4",rowGap:n,columnGap:u,align:y="stretch",justify:m="stretch",autoFitMinWidth:w="15rem",className:x,children:f,style:h,"data-cy":j,"data-testid":$,...G},q)=>{const v=j||`grid-${t}col`,N=$||`grid-${t}col`,b=n&&u?`${d[u]} ${e[n]}`:n?`${d[l]} ${e[n]}`:u?`${d[u]} ${e[l]}`:g[l],M={...h,..."auto"===t&&{"--grid-auto-fit-min":w}};return r.jsx("div",{ref:q,className:a.cn("grid",i[t],p&&s[p],b,o[y],c[m],x),style:M,"data-cy":v,"data-testid":N,...G,children:f})});p.displayName="Grid",exports.Grid=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),e=require("./index31.cjs"),t=require("./index56.cjs"),i=r.forwardRef(({columns:r=3,rows:i,gap:s="4",rowGap:o,columnGap:p,align:c="stretch",justify:d="stretch",autoFitMinWidth:n="15rem",className:l,children:u,style:m,"data-cy":M,"data-testid":g,...G},y)=>{const $=M||`grid-${r}col`,f=g||`grid-${r}col`,j=o&&p?`${t.columnGapMap[p]} ${t.rowGapMap[o]}`:o?`${t.columnGapMap[s]} ${t.rowGapMap[o]}`:p?`${t.columnGapMap[p]} ${t.rowGapMap[s]}`:t.gapMap[s],w={...m,..."auto"===r&&{"--grid-auto-fit-min":n}};return a.jsx("div",{ref:y,className:e.cn("grid",t.gridColumnsMap[r],i&&t.gridRowsMap[i],j,t.alignMap[c],t.justifyMap[d],l),style:w,"data-cy":$,"data-testid":f,...G,children:u})});i.displayName="Grid",exports.Grid=i;
package/dist/index26.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as a}from"./index31.js";const i={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12",auto:"grid-cols-[repeat(auto-fit,minmax(var(--grid-auto-fit-min,15rem),1fr))]"},s={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4",5:"grid-rows-5",6:"grid-rows-6",7:"grid-rows-7",8:"grid-rows-8",9:"grid-rows-9",10:"grid-rows-10",11:"grid-rows-11",12:"grid-rows-12",auto:"auto-rows-auto"},g={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},o={0:"gap-y-0",1:"gap-y-1",2:"gap-y-2",3:"gap-y-3",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",8:"gap-y-8",10:"gap-y-10",12:"gap-y-12"},d={0:"gap-x-0",1:"gap-x-1",2:"gap-x-2",3:"gap-x-3",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",8:"gap-x-8",10:"gap-x-10",12:"gap-x-12"},e={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},p={start:"justify-items-start",center:"justify-items-center",end:"justify-items-end",stretch:"justify-items-stretch"},c=t(({columns:t=3,rows:c,gap:m="4",rowGap:l,columnGap:n,align:y="stretch",justify:u="stretch",autoFitMinWidth:w="15rem",className:x,children:f,style:h,"data-cy":$,"data-testid":j,...G},N)=>{const v=$||`grid-${t}col`,F=j||`grid-${t}col`,M={...h,..."auto"===t&&{"--grid-auto-fit-min":w}};/* @__PURE__ */
2
- return r("div",{ref:N,className:a("grid",i[t],c&&s[c],l&&n?`${d[n]} ${o[l]}`:l?`${d[m]} ${o[l]}`:n?`${d[n]} ${o[m]}`:g[m],e[y],p[u],x),style:M,"data-cy":v,"data-testid":F,...G,children:f})});c.displayName="Grid";export{c as Grid};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cn as i}from"./index31.js";import{justifyMap as a,alignMap as e,columnGapMap as o,rowGapMap as s,gapMap as d,gridRowsMap as c,gridColumnsMap as m}from"./index56.js";const n=r(({columns:r=3,rows:n,gap:l="4",rowGap:p,columnGap:u,align:$="stretch",justify:f="stretch",autoFitMinWidth:g="15rem",className:y,children:h,style:j,"data-cy":x,"data-testid":G,...N},w)=>{const v=x||`grid-${r}col`,F=G||`grid-${r}col`,M=p&&u?`${o[u]} ${s[p]}`:p?`${o[l]} ${s[p]}`:u?`${o[u]} ${s[l]}`:d[l],W={...j,..."auto"===r&&{"--grid-auto-fit-min":g}};/* @__PURE__ */
2
+ return t("div",{ref:w,className:i("grid",m[r],n&&c[n],M,e[$],a[f],y),style:W,"data-cy":v,"data-testid":F,...N,children:h})});n.displayName="Grid";export{n as Grid};
package/dist/index27.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),r=require("./index31.cjs"),a={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl"},o={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},c={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},l={start:"text-start",center:"text-center",end:"text-end"},s=e.forwardRef(({size:e="md",weight:s="regular",as:x="p",color:n="text",align:d="start",truncate:i=!1,className:m="","data-cy":u,"data-testid":g,children:p,...y},b)=>{const v=u||`text-${e}-${s}`,f=g||`text-${e}-${s}`,j=r.cn("m-0 leading-normal",a[e],o[s],c[n],l[d],i&&"truncate",m);return t.jsx(x,{ref:b,className:j,"data-cy":v,"data-testid":f,...y,children:p})});s.displayName="Text",exports.Text=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),a=require("./index57.cjs"),s=t.forwardRef(({size:t="md",weight:s="regular",as:i="p",color:c="text",align:l="start",truncate:d=!1,className:n="","data-cy":o,"data-testid":u,children:x,...y},g)=>{const S=o||`text-${t}-${s}`,m=u||`text-${t}-${s}`,j=r.cn(a.rootStyles,a.sizeStyles[t],a.weightStyles[s],a.colorStyles[c],a.alignStyles[l],d&&"truncate",n);return e.jsx(i,{ref:g,className:j,"data-cy":S,"data-testid":m,...y,children:x})});s.displayName="Text",exports.Text=s;
package/dist/index27.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as r}from"./index31.js";const o={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl"},a={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},l={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},c={start:"text-start",center:"text-center",end:"text-end"},x=e(({size:e="md",weight:x="regular",as:s="p",color:m="text",align:n="start",truncate:d=!1,className:i="","data-cy":p,"data-testid":u,children:g,...y},f)=>{const v=p||`text-${e}-${x}`,b=u||`text-${e}-${x}`,$=r("m-0 leading-normal",o[e],a[x],l[m],c[n],d&&"truncate",i);/* @__PURE__ */
2
- return t(s,{ref:f,className:$,"data-cy":v,"data-testid":b,...y,children:g})});x.displayName="Text";export{x as Text};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as r}from"./index31.js";import{alignStyles as a,colorStyles as i,weightStyles as s,sizeStyles as c,rootStyles as m}from"./index57.js";const o=e(({size:e="md",weight:o="regular",as:d="p",color:n="text",align:l="start",truncate:x=!1,className:p="","data-cy":f,"data-testid":u,children:$,...g},h)=>{const j=f||`text-${e}-${o}`,y=u||`text-${e}-${o}`,N=r(m,c[e],s[o],i[n],a[l],x&&"truncate",p);/* @__PURE__ */
2
+ return t(d,{ref:h,className:N,"data-cy":j,"data-testid":y,...g,children:$})});o.displayName="Text";export{o as Text};
package/dist/index28.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),r=require("./index31.cjs"),a={1:"2xl",2:"xl",3:"lg",4:"md",5:"sm",6:"xs"},o={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-[2.375rem] leading-normal"},l={medium:"font-medium",semibold:"font-semibold",bold:"font-bold",black:"font-black"},x={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},s={start:"text-start",center:"text-center",end:"text-end",responsive:"text-center md:text-start"},c=e.forwardRef(({level:e=2,size:c,weight:d="bold",color:i="text",align:n="start",className:m="","data-cy":g,"data-testid":b,children:u,...p},v)=>{const y=c??a[e],h=g||`heading-h${e}-${y}`,f=b||`heading-h${e}-${y}`,$=r.cn("m-0 leading-tight",o[y],l[d],x[i],s[n],m),j=`h${e}`;return t.jsx(j,{ref:v,className:$,"data-cy":h,"data-testid":f,...p,children:u})});c.displayName="Heading",exports.Heading=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),a=require("./index58.cjs"),i=t.forwardRef(({level:t=2,size:i,weight:s="bold",color:l="text",align:d="start",className:c="","data-cy":n,"data-testid":o,children:g,...y},h)=>{const u=i??a.levelToSizeMap[t],S=n||`heading-h${t}-${u}`,x=o||`heading-h${t}-${u}`,j=r.cn(a.rootStyles,a.sizeStyles[u],a.weightStyles[s],a.colorStyles[l],a.alignStyles[d],c),m=`h${t}`;return e.jsx(m,{ref:h,className:j,"data-cy":S,"data-testid":x,...y,children:g})});i.displayName="Heading",exports.Heading=i;
package/dist/index28.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as r}from"./index31.js";const o={1:"2xl",2:"xl",3:"lg",4:"md",5:"sm",6:"xs"},a={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-[2.375rem] leading-normal"},l={medium:"font-medium",semibold:"font-semibold",bold:"font-bold",black:"font-black"},x={text:"text-[var(--color-text)]",action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",popup:"text-[var(--color-popup)]",error:"text-[var(--color-error)]",secondary:"text-[var(--color-secondary)]","system-text":"text-[var(--color-system-text)]","grey-07":"text-[var(--color-grey-07)]"},s={start:"text-start",center:"text-center",end:"text-end",responsive:"text-center md:text-start"},c=e(({level:e=2,size:c,weight:d="bold",color:i="text",align:n="start",className:m="","data-cy":g,"data-testid":p,children:b,...v},h)=>{const y=c??o[e],f=g||`heading-h${e}-${y}`,u=p||`heading-h${e}-${y}`,$=r("m-0 leading-tight",a[y],l[d],x[i],s[n],m);/* @__PURE__ */
2
- return t(`h${e}`,{ref:h,className:$,"data-cy":f,"data-testid":u,...v,children:b})});c.displayName="Heading";export{c as Heading};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index31.js";import{alignStyles as r,colorStyles as i,weightStyles as d,sizeStyles as o,rootStyles as s,levelToSizeMap as m}from"./index58.js";const n=e(({level:e=2,size:n,weight:c="bold",color:l="text",align:h="start",className:p="","data-cy":f,"data-testid":g,children:x,...$},j)=>{const y=n??m[e],N=f||`heading-h${e}-${y}`,u=g||`heading-h${e}-${y}`,b=a(s,o[y],d[c],i[l],r[h],p);/* @__PURE__ */
2
+ return t(`h${e}`,{ref:j,className:b,"data-cy":N,"data-testid":u,...$,children:x})});n.displayName="Heading";export{n as Heading};
package/dist/index29.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("./index31.cjs"),i={action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",orange:"text-[var(--color-button-orange)]",text:"text-[var(--color-text)]","system-text":"text-[var(--color-system-text)]"},n={sm:"text-[length:var(--font-size-10)] leading-[1.4]",md:"text-base leading-[1.5]",lg:"text-[length:var(--font-size-6)] leading-[1.4]"},r={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},a=t.forwardRef(({children:t,color:a="action",size:l="md",weight:s="medium",underline:c=!1,disabled:d=!1,href:u,onClick:m,className:f,"data-cy":b,"data-testid":v,...x},g)=>{const p=b||"link",y=v||"link";return e.jsx("a",{ref:g,href:d?void 0:u,onClick:e=>{d?e.preventDefault():m?.(e)},className:o.cn("bg-transparent border-none p-0 m-0 font-[inherit] no-underline cursor-pointer transition-[color_150ms_ease-in-out,opacity_150ms_ease-in-out]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded-sm","hover:opacity-80 active:opacity-60",i[a],n[l],r[s],c&&"underline underline-offset-2",d&&"opacity-40 cursor-not-allowed pointer-events-none",f),"aria-disabled":d,tabIndex:d?-1:void 0,"data-cy":p,"data-testid":y,...x,children:t})});a.displayName="Link",exports.Link=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),s=require("./index31.cjs"),r=require("./index59.cjs"),t=i.forwardRef(({children:i,color:t="action",size:a="md",weight:d="medium",underline:l=!1,disabled:n=!1,href:c,onClick:o,className:u,"data-cy":m,"data-testid":y,...f},x)=>{const b=m||"link",h=y||"link";return e.jsx("a",{ref:x,href:n?void 0:c,onClick:e=>{n?e.preventDefault():o?.(e)},className:s.cn(r.rootStyles,r.colorClasses[t],r.sizeClasses[a],r.weightClasses[d],l&&r.underlineStyles,n&&r.disabledStyles,u),"aria-disabled":n,tabIndex:n?-1:void 0,"data-cy":b,"data-testid":h,...f,children:i})});t.displayName="Link",exports.Link=t;
package/dist/index29.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as o}from"./index31.js";const i={action:"text-[var(--color-action)]",clickable:"text-[var(--color-clickable)]",orange:"text-[var(--color-button-orange)]",text:"text-[var(--color-text)]","system-text":"text-[var(--color-system-text)]"},n={sm:"text-[length:var(--font-size-10)] leading-[1.4]",md:"text-base leading-[1.5]",lg:"text-[length:var(--font-size-6)] leading-[1.4]"},r={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},a=t(({children:t,color:a="action",size:l="md",weight:s="medium",underline:c=!1,disabled:d=!1,href:m,onClick:u,className:f,"data-cy":b,"data-testid":v,...x},p)=>{const g=b||"link",h=v||"link";/* @__PURE__ */
2
- return e("a",{ref:p,href:d?void 0:m,onClick:e=>{d?e.preventDefault():u?.(e)},className:o("bg-transparent border-none p-0 m-0 font-[inherit] no-underline cursor-pointer transition-[color_150ms_ease-in-out,opacity_150ms_ease-in-out]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded-sm","hover:opacity-80 active:opacity-60",i[a],n[l],r[s],c&&"underline underline-offset-2",d&&"opacity-40 cursor-not-allowed pointer-events-none",f),"aria-disabled":d,tabIndex:d?-1:void 0,"data-cy":g,"data-testid":h,...x,children:t})});a.displayName="Link";export{a as Link};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as a}from"./index31.js";import{disabledStyles as t,underlineStyles as r,weightClasses as d,sizeClasses as n,colorClasses as o,rootStyles as m}from"./index59.js";const s=i(({children:i,color:s="action",size:c="md",weight:l="medium",underline:f=!1,disabled:p=!1,href:h,onClick:k,className:u,"data-cy":x,"data-testid":b,...j},v)=>{const y=x||"link",N=b||"link";/* @__PURE__ */
2
+ return e("a",{ref:v,href:p?void 0:h,onClick:e=>{p?e.preventDefault():k?.(e)},className:a(m,o[s],n[c],d[l],f&&r,p&&t,u),"aria-disabled":p,tabIndex:p?-1:void 0,"data-cy":y,"data-testid":N,...j,children:i})});s.displayName="Link";export{s as Link};
package/dist/index3.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("./index31.cjs"),n=require("@adam-milo/icons"),a={sm:"sm",md:"md",lg:"lg"},i=["m-0 border-none bg-transparent font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-md","cursor-pointer select-none touch-manipulation","transition-[background-color,opacity] duration-200 ease-in-out","hover:enabled:bg-[var(--color-bg-secondary)]","active:enabled:bg-[var(--color-overlay-black-10)]","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-text)]","disabled:cursor-not-allowed disabled:pointer-events-none 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"},s=t.forwardRef(({size:t="md",icon:s,children:c,disabled:l,"aria-label":d,"data-testid":u,"data-cy":m,...b},x)=>{const p=o.cn(i,r[t]);return e.jsxs("button",{ref:x,type:"button",disabled:l,className:p,"aria-label":c?void 0:d,"data-testid":u||"icon-button","data-cy":m||"icon-button",...b,children:[e.jsx(n.Icon,{name:s,size:a[t],decorative:!!c}),c&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:c})]})});s.displayName="IconButton",exports.IconButton=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index31.cjs"),s=require("@adam-milo/icons"),r=require("./index34.cjs"),i={sm:"sm",md:"md",lg:"lg"},n=t.forwardRef(({size:t="md",icon:n,children:o,disabled:c,"aria-label":d,"data-testid":l,"data-cy":u,...m},b)=>{const x=a.cn(r.baseStyles,r.sizeStyles[t]);return e.jsxs("button",{ref:b,type:"button",disabled:c,className:x,"aria-label":o?void 0:d,"data-testid":l||"icon-button","data-cy":u||"icon-button",...m,children:[e.jsx(s.Icon,{name:n,size:i[t],decorative:!!o}),o&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:o})]})});n.displayName="IconButton",exports.IconButton=n;
package/dist/index3.js CHANGED
@@ -1,3 +1,3 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{cn as a}from"./index31.js";import{Icon as n}from"@adam-milo/icons";const i={sm:"sm",md:"md",lg:"lg"},r=["m-0 border-none bg-transparent font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-md","cursor-pointer select-none touch-manipulation","transition-[background-color,opacity] duration-200 ease-in-out","hover:enabled:bg-[var(--color-bg-secondary)]","active:enabled:bg-[var(--color-overlay-black-10)]","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-text)]","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),s={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"},l=o(({size:o="md",icon:l,children:c,disabled:d,"aria-label":m,"data-testid":b,"data-cy":u,...p},x)=>{const f=a(r,s[o]);/* @__PURE__ */
2
- return t("button",{ref:x,type:"button",disabled:d,className:f,"aria-label":c?void 0:m,"data-testid":b||"icon-button","data-cy":u||"icon-button",...p,children:[
3
- /* @__PURE__ */e(n,{name:l,size:i[o],decorative:!!c}),c&&/* @__PURE__ */e("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:c})]})});l.displayName="IconButton";export{l as IconButton};
1
+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as o}from"react";import{cn as e}from"./index31.js";import{Icon as i}from"@adam-milo/icons";import{sizeStyles as r,baseStyles as n}from"./index34.js";const m={sm:"sm",md:"md",lg:"lg"},d=o(({size:o="md",icon:d,children:s,disabled:c,"aria-label":l,"data-testid":p,"data-cy":b,...u},f)=>{const x=e(n,r[o]);/* @__PURE__ */
2
+ return t("button",{ref:f,type:"button",disabled:c,className:x,"aria-label":s?void 0:l,"data-testid":p||"icon-button","data-cy":b||"icon-button",...u,children:[
3
+ /* @__PURE__ */a(i,{name:d,size:m[o],decorative:!!s}),s&&/* @__PURE__ */a("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:s})]})});d.displayName="IconButton";export{d as IconButton};
package/dist/index30.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index31.cjs"),a={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},o={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal,#42B8C6)]"},s=r.forwardRef(({size:s="md",color:n="action",variant:i="default",label:c="Loading","data-cy":l,"data-testid":d,...x},u)=>{const p=`spinner-grad-${r.useId().replace(/:/g,"")}`,h=l||"spinner",g=d||"spinner",m="segmented"===i,y=`url(#${p})`;return e.jsxs("div",{ref:u,className:t.cn("inline-flex items-center justify-center",a[s],m&&"orange"===n?"text-[var(--color-button-orange)]":o[n]),role:"status","aria-label":c,"data-cy":h,"data-testid":g,"data-variant":i,...x,children:[e.jsx("svg",{className:"animate-spin w-full h-full",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:m?e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:p,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--color-button-orange-border, #ed6827)"}),e.jsx("stop",{offset:"100%",stopColor:"var(--color-button-orange, #F27424)",stopOpacity:"0.75"})]})}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===n?y:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}):e.jsxs(e.Fragment,{children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]})}),e.jsx("span",{className:"sr-only",children:c})]})});s.displayName="Spinner",exports.Spinner=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("./index31.cjs"),t=require("./index60.cjs"),o=r.forwardRef(({size:o="md",color:a="action",variant:n="default",label:i="Loading","data-cy":c,"data-testid":l,...d},x)=>{const p=`spinner-grad-${r.useId().replace(/:/g,"")}`,u=c||"spinner",y=l||"spinner",g="segmented"===n,j=`url(#${p})`;return e.jsxs("div",{ref:x,className:s.cn(t.rootStyles,t.sizeStyles[o],g&&"orange"===a?"text-[var(--color-button-orange)]":t.colorStyles[a]),role:"status","aria-label":i,"data-cy":u,"data-testid":y,"data-variant":n,...d,children:[e.jsx("svg",{className:t.svgStyles,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:g?e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:p,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--color-button-orange-border, #ed6827)"}),e.jsx("stop",{offset:"100%",stopColor:"var(--color-button-orange, #F27424)",stopOpacity:"0.75"})]})}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===a?j:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}):e.jsxs(e.Fragment,{children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]})}),e.jsx("span",{className:"sr-only",children:i})]})});o.displayName="Spinner",exports.Spinner=o;
package/dist/index30.js CHANGED
@@ -1,10 +1,10 @@
1
- import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{forwardRef as o,useId as a}from"react";import{cn as n}from"./index31.js";const i={sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-12 h-12",verify:"w-[7.875rem] h-[7.875rem] shrink-0 aspect-square"},s={action:"text-[var(--color-action)]",orange:"text-[var(--color-button-orange)]",white:"text-[var(--color-card)]",text:"text-[var(--color-text)]",teal:"text-[var(--color-dialog-icon-teal,#42B8C6)]"},c=o(({size:o="md",color:c="action",variant:l="default",label:d="Loading","data-cy":p,"data-testid":h,...m},u)=>{const x=`spinner-grad-${a().replace(/:/g,"")}`,g=p||"spinner",f=h||"spinner",v="segmented"===l,y=`url(#${x})`;/* @__PURE__ */
2
- return r("div",{ref:u,className:n("inline-flex items-center justify-center",i[o],v&&"orange"===c?"text-[var(--color-button-orange)]":s[c]),role:"status","aria-label":d,"data-cy":g,"data-testid":f,"data-variant":l,...m,children:[
3
- /* @__PURE__ */e("svg",{className:"animate-spin w-full h-full",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:/* @__PURE__ */r(t,v?{children:[
4
- /* @__PURE__ */e("defs",{children:/* @__PURE__ */r("linearGradient",{id:x,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[
1
+ import{jsxs as r,jsx as e,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,useId as a}from"react";import{cn as n}from"./index31.js";import{svgStyles as s,colorStyles as i,sizeStyles as c,rootStyles as d}from"./index60.js";const l=t(({size:t="md",color:l="action",variant:p="default",label:m="Loading","data-cy":u,"data-testid":h,...g},y)=>{const f=`spinner-grad-${a().replace(/:/g,"")}`,x=u||"spinner",k=h||"spinner",v="segmented"===p,b=`url(#${f})`;/* @__PURE__ */
2
+ return r("div",{ref:y,className:n(d,c[t],v&&"orange"===l?"text-[var(--color-button-orange)]":i[l]),role:"status","aria-label":m,"data-cy":x,"data-testid":k,"data-variant":p,...g,children:[
3
+ /* @__PURE__ */e("svg",{className:s,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:/* @__PURE__ */r(o,v?{children:[
4
+ /* @__PURE__ */e("defs",{children:/* @__PURE__ */r("linearGradient",{id:f,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[
5
5
  /* @__PURE__ */e("stop",{offset:"0%",stopColor:"var(--color-button-orange-border, #ed6827)"}),
6
6
  /* @__PURE__ */e("stop",{offset:"100%",stopColor:"var(--color-button-orange, #F27424)",stopOpacity:"0.75"})]})}),
7
- /* @__PURE__ */e("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===c?y:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}:{children:[
7
+ /* @__PURE__ */e("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===l?b:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}:{children:[
8
8
  /* @__PURE__ */e("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),
9
9
  /* @__PURE__ */e("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]})}),
10
- /* @__PURE__ */e("span",{className:"sr-only",children:d})]})});c.displayName="Spinner";export{c as Spinner};
10
+ /* @__PURE__ */e("span",{className:"sr-only",children:m})]})});l.displayName="Spinner";export{l as Spinner};