@nayhoo/ui 0.8.0 → 0.9.1

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 (215) hide show
  1. package/dist/{avatar.css-BKo21sUI.d.mts → avatar.css-Lh26jRUS.d.mts} +1 -3
  2. package/dist/{avatar.css-BKo21sUI.d.ts → avatar.css-Lh26jRUS.d.ts} +1 -3
  3. package/dist/{checkbox.css-BlFMNrMD.d.mts → checkbox.css-C3L6B1cb.d.mts} +1 -3
  4. package/dist/{checkbox.css-BlFMNrMD.d.ts → checkbox.css-C3L6B1cb.d.ts} +1 -3
  5. package/dist/chunk-3HAUMRRS.mjs +8 -0
  6. package/dist/chunk-3HAUMRRS.mjs.map +1 -0
  7. package/dist/chunk-3Z2HB2J6.mjs +25 -0
  8. package/dist/chunk-3Z2HB2J6.mjs.map +1 -0
  9. package/dist/chunk-67K3UKEB.mjs +7 -0
  10. package/dist/chunk-67K3UKEB.mjs.map +1 -0
  11. package/dist/chunk-GI2XNLAW.mjs +39 -0
  12. package/dist/chunk-GI2XNLAW.mjs.map +1 -0
  13. package/dist/{chunk-7MD4JYZV.mjs → chunk-JZLACTAO.mjs} +2 -4
  14. package/dist/chunk-JZLACTAO.mjs.map +1 -0
  15. package/dist/chunk-KL3725C5.mjs +13 -0
  16. package/dist/chunk-KL3725C5.mjs.map +1 -0
  17. package/dist/chunk-LKYTRD4P.mjs +14 -0
  18. package/dist/chunk-LKYTRD4P.mjs.map +1 -0
  19. package/dist/chunk-NOIOHUNH.mjs +7 -0
  20. package/dist/chunk-NOIOHUNH.mjs.map +1 -0
  21. package/dist/chunk-NU7XYEVP.mjs +43 -0
  22. package/dist/chunk-NU7XYEVP.mjs.map +1 -0
  23. package/dist/chunk-OI24WXH6.mjs +7 -0
  24. package/dist/chunk-OI24WXH6.mjs.map +1 -0
  25. package/dist/chunk-P3OUEGR4.mjs +7 -0
  26. package/dist/chunk-P3OUEGR4.mjs.map +1 -0
  27. package/dist/chunk-R6MZB2ED.mjs +1 -0
  28. package/dist/chunk-RAS2GZOT.mjs +25 -0
  29. package/dist/chunk-RAS2GZOT.mjs.map +1 -0
  30. package/dist/{chunk-YQH4Y34B.mjs → chunk-RW2UU73S.mjs} +6 -4
  31. package/dist/chunk-RW2UU73S.mjs.map +1 -0
  32. package/dist/{chunk-XALDYHCC.mjs → chunk-WPNBONR3.mjs} +3 -8
  33. package/dist/chunk-WPNBONR3.mjs.map +1 -0
  34. package/dist/chunk-X6UXW66P.mjs +39 -0
  35. package/dist/chunk-X6UXW66P.mjs.map +1 -0
  36. package/dist/component-props-BHzinuRX.d.mts +5 -0
  37. package/dist/component-props-BHzinuRX.d.ts +5 -0
  38. package/dist/components/avatar.css +20 -18
  39. package/dist/components/avatar.css.map +1 -1
  40. package/dist/components/avatar.d.mts +1 -1
  41. package/dist/components/avatar.d.ts +1 -1
  42. package/dist/components/avatar.js +19 -22
  43. package/dist/components/avatar.js.map +1 -1
  44. package/dist/components/avatar.mjs +6 -6
  45. package/dist/components/avatar.mjs.map +1 -1
  46. package/dist/components/badge.d.mts +1 -1
  47. package/dist/components/badge.d.ts +1 -1
  48. package/dist/components/box.css +2 -2
  49. package/dist/components/box.css.map +1 -1
  50. package/dist/components/box.d.mts +2 -4
  51. package/dist/components/box.d.ts +2 -4
  52. package/dist/components/box.js +2 -14
  53. package/dist/components/box.js.map +1 -1
  54. package/dist/components/box.mjs +2 -3
  55. package/dist/components/button.d.mts +2 -2
  56. package/dist/components/button.d.ts +2 -2
  57. package/dist/components/button.js.map +1 -1
  58. package/dist/components/button.mjs +6 -33
  59. package/dist/components/button.mjs.map +1 -1
  60. package/dist/components/card.css +2 -2
  61. package/dist/components/card.css.map +1 -1
  62. package/dist/components/card.d.mts +1 -1
  63. package/dist/components/card.d.ts +1 -1
  64. package/dist/components/card.js +1 -1
  65. package/dist/components/card.js.map +1 -1
  66. package/dist/components/card.mjs +2 -2
  67. package/dist/components/checkbox.css +4 -2
  68. package/dist/components/checkbox.css.map +1 -1
  69. package/dist/components/checkbox.d.mts +2 -2
  70. package/dist/components/checkbox.d.ts +2 -2
  71. package/dist/components/checkbox.js +3 -4
  72. package/dist/components/checkbox.js.map +1 -1
  73. package/dist/components/checkbox.mjs +2 -5
  74. package/dist/components/checkbox.mjs.map +1 -1
  75. package/dist/components/container.d.mts +1 -1
  76. package/dist/components/container.d.ts +1 -1
  77. package/dist/components/dropdown-menu.css +13 -13
  78. package/dist/components/dropdown-menu.css.map +1 -1
  79. package/dist/components/dropdown-menu.d.mts +6 -9
  80. package/dist/components/dropdown-menu.d.ts +6 -9
  81. package/dist/components/dropdown-menu.js +20 -37
  82. package/dist/components/dropdown-menu.js.map +1 -1
  83. package/dist/components/dropdown-menu.mjs +11 -25
  84. package/dist/components/dropdown-menu.mjs.map +1 -1
  85. package/dist/components/flex.d.mts +1 -1
  86. package/dist/components/flex.d.ts +1 -1
  87. package/dist/components/form.css +12 -10
  88. package/dist/components/form.css.map +1 -1
  89. package/dist/components/form.d.mts +3 -3
  90. package/dist/components/form.d.ts +3 -3
  91. package/dist/components/form.js +5 -7
  92. package/dist/components/form.js.map +1 -1
  93. package/dist/components/form.mjs +3 -7
  94. package/dist/components/form.mjs.map +1 -1
  95. package/dist/components/grid.d.mts +1 -1
  96. package/dist/components/grid.d.ts +1 -1
  97. package/dist/components/heading.d.mts +1 -1
  98. package/dist/components/heading.d.ts +1 -1
  99. package/dist/components/heading.mjs +4 -37
  100. package/dist/components/heading.mjs.map +1 -1
  101. package/dist/components/icon-button.d.mts +1 -1
  102. package/dist/components/icon-button.d.ts +1 -1
  103. package/dist/components/icon-button.mjs +6 -33
  104. package/dist/components/icon-button.mjs.map +1 -1
  105. package/dist/components/label.css +7 -7
  106. package/dist/components/label.css.map +1 -1
  107. package/dist/components/label.js +4 -16
  108. package/dist/components/label.js.map +1 -1
  109. package/dist/components/label.mjs +2 -7
  110. package/dist/components/label.mjs.map +1 -1
  111. package/dist/components/link.d.mts +1 -1
  112. package/dist/components/link.d.ts +1 -1
  113. package/dist/components/menu.css +13 -13
  114. package/dist/components/menu.css.map +1 -1
  115. package/dist/components/menu.d.mts +7 -10
  116. package/dist/components/menu.d.ts +7 -10
  117. package/dist/components/menu.js +20 -39
  118. package/dist/components/menu.js.map +1 -1
  119. package/dist/components/menu.mjs +11 -27
  120. package/dist/components/menu.mjs.map +1 -1
  121. package/dist/components/panel.css +2 -2
  122. package/dist/components/panel.css.map +1 -1
  123. package/dist/components/panel.d.mts +2 -4
  124. package/dist/components/panel.d.ts +2 -4
  125. package/dist/components/panel.js +2 -14
  126. package/dist/components/panel.js.map +1 -1
  127. package/dist/components/panel.mjs +3 -8
  128. package/dist/components/panel.mjs.map +1 -1
  129. package/dist/components/paragraph.d.mts +1 -1
  130. package/dist/components/paragraph.d.ts +1 -1
  131. package/dist/components/select.css +11 -11
  132. package/dist/components/select.css.map +1 -1
  133. package/dist/components/select.d.mts +4 -6
  134. package/dist/components/select.d.ts +4 -6
  135. package/dist/components/select.js +7 -17
  136. package/dist/components/select.js.map +1 -1
  137. package/dist/components/select.mjs +8 -16
  138. package/dist/components/select.mjs.map +1 -1
  139. package/dist/components/separator.css +4 -4
  140. package/dist/components/separator.css.map +1 -1
  141. package/dist/components/separator.d.mts +1 -3
  142. package/dist/components/separator.d.ts +1 -3
  143. package/dist/components/separator.js +2 -14
  144. package/dist/components/separator.js.map +1 -1
  145. package/dist/components/separator.mjs +2 -7
  146. package/dist/components/separator.mjs.map +1 -1
  147. package/dist/components/skeleton.d.mts +1 -1
  148. package/dist/components/skeleton.d.ts +1 -1
  149. package/dist/components/spinner.d.mts +1 -1
  150. package/dist/components/spinner.d.ts +1 -1
  151. package/dist/components/status.d.mts +1 -1
  152. package/dist/components/status.d.ts +1 -1
  153. package/dist/components/text-field.d.mts +1 -1
  154. package/dist/components/text-field.d.ts +1 -1
  155. package/dist/components/text.d.mts +1 -1
  156. package/dist/components/text.d.ts +1 -1
  157. package/dist/components/text.mjs +5 -19
  158. package/dist/components/text.mjs.map +1 -1
  159. package/dist/components/tooltip.css +2 -2
  160. package/dist/components/tooltip.css.map +1 -1
  161. package/dist/components/tooltip.js +15 -18
  162. package/dist/components/tooltip.js.map +1 -1
  163. package/dist/components/tooltip.mjs +2 -2
  164. package/dist/form.css-QulER1wj.d.mts +13 -0
  165. package/dist/form.css-QulER1wj.d.ts +13 -0
  166. package/dist/providers/index.css +564 -0
  167. package/dist/providers/index.css.map +1 -1
  168. package/dist/providers/index.d.mts +21 -1
  169. package/dist/providers/index.d.ts +21 -1
  170. package/dist/providers/index.js +371 -2
  171. package/dist/providers/index.js.map +1 -1
  172. package/dist/providers/index.mjs +248 -3
  173. package/dist/providers/index.mjs.map +1 -1
  174. package/dist/theme/index.css +367 -113
  175. package/dist/theme/index.css.map +1 -1
  176. package/dist/theme/index.d.mts +30 -13
  177. package/dist/theme/index.d.ts +30 -13
  178. package/dist/theme/index.js +99 -83
  179. package/dist/theme/index.js.map +1 -1
  180. package/dist/theme/index.mjs +46 -36
  181. package/dist/theme/index.mjs.map +1 -1
  182. package/package.json +2 -3
  183. package/dist/box.css-ic5Toaj1.d.mts +0 -7
  184. package/dist/box.css-ic5Toaj1.d.ts +0 -7
  185. package/dist/chunk-3RLW7QB4.mjs +0 -14
  186. package/dist/chunk-3RLW7QB4.mjs.map +0 -1
  187. package/dist/chunk-5WQXUS72.mjs +0 -11
  188. package/dist/chunk-5WQXUS72.mjs.map +0 -1
  189. package/dist/chunk-7MD4JYZV.mjs.map +0 -1
  190. package/dist/chunk-JWHPBA5J.mjs +0 -1
  191. package/dist/chunk-KQPNQST6.mjs +0 -8
  192. package/dist/chunk-KQPNQST6.mjs.map +0 -1
  193. package/dist/chunk-LWL4262W.mjs +0 -8
  194. package/dist/chunk-LWL4262W.mjs.map +0 -1
  195. package/dist/chunk-PHULHA6N.mjs +0 -12
  196. package/dist/chunk-PHULHA6N.mjs.map +0 -1
  197. package/dist/chunk-SRMXCTGE.mjs +0 -8
  198. package/dist/chunk-SRMXCTGE.mjs.map +0 -1
  199. package/dist/chunk-X2Q6GLO5.mjs +0 -8
  200. package/dist/chunk-X2Q6GLO5.mjs.map +0 -1
  201. package/dist/chunk-XALDYHCC.mjs.map +0 -1
  202. package/dist/chunk-YQH4Y34B.mjs.map +0 -1
  203. package/dist/chunk-ZJDUO7Y6.mjs +0 -8
  204. package/dist/chunk-ZJDUO7Y6.mjs.map +0 -1
  205. package/dist/component-props-CuOrXFyX.d.mts +0 -5
  206. package/dist/component-props-CuOrXFyX.d.ts +0 -5
  207. package/dist/form.css-DJxDoc1T.d.mts +0 -17
  208. package/dist/form.css-DJxDoc1T.d.ts +0 -17
  209. package/dist/menu.css-5kJKHBR_.d.mts +0 -13
  210. package/dist/menu.css-5kJKHBR_.d.ts +0 -13
  211. package/dist/panel.css-DUVSZSQ6.d.mts +0 -7
  212. package/dist/panel.css-DUVSZSQ6.d.ts +0 -7
  213. package/dist/separator.css-Hl8ZhcXR.d.mts +0 -7
  214. package/dist/separator.css-Hl8ZhcXR.d.ts +0 -7
  215. /package/dist/{chunk-JWHPBA5J.mjs.map → chunk-R6MZB2ED.mjs.map} +0 -0
@@ -10,8 +10,8 @@ import {
10
10
  } from "../chunk-OETJQIMJ.mjs";
11
11
  import {
12
12
  Box
13
- } from "../chunk-XALDYHCC.mjs";
14
- import "../chunk-ZJDUO7Y6.mjs";
13
+ } from "../chunk-WPNBONR3.mjs";
14
+ import "../chunk-OI24WXH6.mjs";
15
15
  import {
16
16
  pick
17
17
  } from "../chunk-4N6P3Y54.mjs";
@@ -0,0 +1,13 @@
1
+ import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
2
+ import { RecipeVariants } from '@vanilla-extract/recipes';
3
+
4
+ declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
5
+ error: {
6
+ true: {
7
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ };
9
+ };
10
+ }>;
11
+ type FormMessageVariants = NonNullable<RecipeVariants<typeof formMessageRecipe>>;
12
+
13
+ export { type FormMessageVariants as F, formMessageRecipe as f };
@@ -0,0 +1,13 @@
1
+ import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
2
+ import { RecipeVariants } from '@vanilla-extract/recipes';
3
+
4
+ declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
5
+ error: {
6
+ true: {
7
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ };
9
+ };
10
+ }>;
11
+ type FormMessageVariants = NonNullable<RecipeVariants<typeof formMessageRecipe>>;
12
+
13
+ export { type FormMessageVariants as F, formMessageRecipe as f };
@@ -9539,4 +9539,568 @@
9539
9539
  --semanticColors-transparentHover__19nbe8d2ff: #0000330f;
9540
9540
  --semanticColors-transparentActive__19nbe8d2fg: #00002d17;
9541
9541
  }
9542
+
9543
+ /* vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9 */
9544
+ @keyframes spin_spin__91g2950 {
9545
+ to {
9546
+ transform: rotate(360deg);
9547
+ }
9548
+ }
9549
+
9550
+ /* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jy16uTfYCxBaUE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VyPMinPaXm7jla3JV0GI0HASHozekiV7tJwzeqhYuyar3pEJtBKWgN6DBq92BSGDsVLZLaHzhTgzgSQfwr6U5WgmY13pJuHVz2/DOWV6UL2k1+n177a0QsLZbZ+Hyz8orTlrGQ6qwyk+8GaOwfFsrdL+bRF3xb1Y/f9YBzfFaXgzfbz5qOBw9L/2kriSRm73cD9B+mM+yrNVYCuUraLFHmPTKM/Wga1Rto4WGcamUZ5tAtugbBMtCoxNozzbBrZF2TZaHDA2jfLsJrAblN1EiyPGplGe7QLboWwXLUqMTaM82we2R9k+WlQYm0Z5lgWWoSyLFvcYm0b3bxP0OzcbBQAA */
9551
+ .spinner_spinnerRecipe__15xzcy90 {
9552
+ animation: spin_spin__91g2950 .8s linear infinite;
9553
+ border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
9554
+ border-radius: var(--radii-round__19nbe8d2gm);
9555
+ border-top: 1px solid currentColor;
9556
+ }
9557
+ .spinner_spinnerRecipe_size_1__15xzcy91 {
9558
+ height: var(--sizes-1__19nbe8d2g7);
9559
+ width: var(--sizes-1__19nbe8d2g7);
9560
+ }
9561
+ .spinner_spinnerRecipe_size_2__15xzcy92 {
9562
+ height: var(--sizes-2__19nbe8d2g8);
9563
+ width: var(--sizes-2__19nbe8d2g8);
9564
+ }
9565
+ .spinner_spinnerRecipe_size_3__15xzcy93 {
9566
+ height: var(--sizes-3__19nbe8d2g9);
9567
+ width: var(--sizes-3__19nbe8d2g9);
9568
+ }
9569
+ .spinner_spinnerRecipe_size_4__15xzcy94 {
9570
+ height: var(--sizes-4__19nbe8d2ga);
9571
+ width: var(--sizes-4__19nbe8d2ga);
9572
+ }
9573
+ .spinner_spinnerRecipe_size_5__15xzcy95 {
9574
+ height: var(--sizes-5__19nbe8d2gb);
9575
+ width: var(--sizes-5__19nbe8d2gb);
9576
+ }
9577
+ .spinner_spinnerRecipe_size_6__15xzcy96 {
9578
+ height: var(--sizes-6__19nbe8d2gc);
9579
+ width: var(--sizes-6__19nbe8d2gc);
9580
+ }
9581
+ .spinner_spinnerRecipe_size_7__15xzcy97 {
9582
+ height: var(--sizes-7__19nbe8d2gd);
9583
+ width: var(--sizes-7__19nbe8d2gd);
9584
+ }
9585
+ .spinner_spinnerRecipe_size_8__15xzcy98 {
9586
+ height: var(--sizes-8__19nbe8d2ge);
9587
+ width: var(--sizes-8__19nbe8d2ge);
9588
+ }
9589
+ .spinner_spinnerRecipe_size_9__15xzcy99 {
9590
+ height: var(--sizes-9__19nbe8d2gf);
9591
+ width: var(--sizes-9__19nbe8d2gf);
9592
+ }
9593
+
9594
+ /* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTW+cMBC951fQQ6VEqqv9SJqEnqJeem4PPSJjD+DE2Mg2+5Gq/72ygWV2G2DZVtVKS/DOzHu8Nx6Tj2ntnFZJc/kGTFSQJIVY7+liEf28iiIqZRzVyoL7HO5ErohwUNo4YqAcGL+c6h2x4lWoPI5SbTgYkuqd/6W2YIgFCczFkdIK/CIXtpJ0H0dCSaGAZBJCsL8SWxihXuJo4Veea+tEtidMKwfKYUyyhfRFOOJoRQqRF1LkhSNMS23iyOQpvV58CJ+bUForRzJaCrmPow0114T4JUsc7FySLB9VCg98lRV99BZ8RRz9I6xYUgIXdYmyVJ+1oUZQ5YiqSzCCxZGjaS2p8QvWRzlDlRVOaBV7caPlYuF/+HX1ccyLOE4h0waCJ0NyT9agmQPzVyUKvWkrsNpYL3WlRWPJVCoXlqYSeINP2UtudK14Z1kjc7ixxErqoPleHXRe7p9vDt1WUK63voMsuGgRPstq90aVp/Zy39d5bXpiAvgBAVdNQvvISjtCpdRb4H65VYDABpSzXZsPyJHVUv4Q3BWJM/VBnWUQZevXY98R7wfzpaZcqPwoe9UY0jxO6K+KGlAueifKShtHlRusZ8UrJMuu0rptjtAQhnJR204gfyfIsu/6PA+iFEfbxJez5A5FpSGqotzTJhKyPraiDAjy9yjSHJV9MzRsOI+IN+n3wKDn+RhCw5w5h+qYTKtOptspmVaoajEo0ycUxSZkWvexUzKdho7I1IemQzL5pa/t4EOEs3pCrHUn1t2/EeseRfEJsW4PsespsU5DR8TqQ9l4T51SHZKpoBUklZCyk+p+Sio/PVBxNVy8PYeSyoiSmn2H8DA6fS2UVDnBvjTDsM3trv3zr5j8c4KOJy/R5GB2Pm908lzGHm10Vl6AT5kTG/gLAmjzsDOMs8C04ojC4xzsQ3b/F7KvHYozC2ALeX7JE8w38Q0ayEhOL2Ix38o3aCA7+cjB0dHQtfPzoiNB+7ew0TeZEx5NicMMhvm48y1ALxRffS7Czy7Any8+IvAUkhGDM9owL7R1HX46AIwwZhb834KeoP93OcEYbTp8Ngc4ZDbfeBbtJmcRSsQzCG7nsp3vFYLGc2c/G3m+Twgaz5rXM0ZezRhY24GP/8d1Ouma3O6KjILpM/8k+cisM878U94XHBfHBJBlcMaZ/wf+BQfFMQFkHIQz/zf37mV4cREAAA== */
9595
+ .button_buttonRecipe__hi3ya00 {
9596
+ all: unset;
9597
+ align-items: center;
9598
+ box-sizing: border-box;
9599
+ user-select: none;
9600
+ display: inline-flex;
9601
+ flex-shrink: 0;
9602
+ justify-content: center;
9603
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9604
+ font-family: var(--fonts-text__19nbe8d2fh);
9605
+ font-weight: var(--fontWeights-medium__19nbe8d2fn);
9606
+ font-variant-numeric: tabular-nums;
9607
+ transition: all 100ms;
9608
+ }
9609
+ .button_buttonRecipe__hi3ya00::before {
9610
+ box-sizing: border-box;
9611
+ }
9612
+ .button_buttonRecipe__hi3ya00::after {
9613
+ box-sizing: border-box;
9614
+ }
9615
+ .button_buttonRecipe__hi3ya00:hover {
9616
+ cursor: pointer;
9617
+ }
9618
+ .button_buttonRecipe__hi3ya00:disabled {
9619
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
9620
+ box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
9621
+ color: var(--colors-slate-slate8__19nbe8d1yp);
9622
+ cursor: not-allowed;
9623
+ pointer-events: none;
9624
+ }
9625
+ .button_buttonRecipe_fullWidth_true__hi3ya01 {
9626
+ width: 100%;
9627
+ }
9628
+ .button_buttonRecipe_loading_true__hi3ya02 {
9629
+ color: transparent !important;
9630
+ }
9631
+ .button_buttonRecipe_size_1__hi3ya03 {
9632
+ border-radius: var(--radii-1__19nbe8d2gg);
9633
+ height: var(--sizes-5__19nbe8d2gb);
9634
+ padding-left: var(--space-2__19nbe8d1);
9635
+ padding-right: var(--space-2__19nbe8d1);
9636
+ font-size: var(--fontSizes-1__19nbe8d9);
9637
+ line-height: var(--sizes-5__19nbe8d2gb);
9638
+ }
9639
+ .button_buttonRecipe_size_2__hi3ya04 {
9640
+ border-radius: var(--radii-2__19nbe8d2gh);
9641
+ height: var(--sizes-6__19nbe8d2gc);
9642
+ padding-left: var(--space-3__19nbe8d2);
9643
+ padding-right: var(--space-3__19nbe8d2);
9644
+ font-size: var(--fontSizes-3__19nbe8db);
9645
+ line-height: var(--lineHeights-6__19nbe8d2fu);
9646
+ }
9647
+ .button_buttonRecipe_size_3__hi3ya05 {
9648
+ border-radius: var(--radii-2__19nbe8d2gh);
9649
+ height: var(--sizes-7__19nbe8d2gd);
9650
+ padding-left: var(--space-4__19nbe8d3);
9651
+ padding-right: var(--space-4__19nbe8d3);
9652
+ font-size: var(--fontSizes-4__19nbe8dc);
9653
+ line-height: var(--sizes-7__19nbe8d2gd);
9654
+ }
9655
+ .button_buttonRecipe_shape_pill__hi3ya07 {
9656
+ border-radius: var(--radii-full__19nbe8d2gn);
9657
+ }
9658
+ .button_buttonRecipe_variant_primary__hi3ya08 {
9659
+ background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
9660
+ color: var(--semanticColors-primary-primary11__19nbe8d2cs);
9661
+ }
9662
+ .button_buttonRecipe_variant_primary__hi3ya08:hover {
9663
+ background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
9664
+ }
9665
+ .button_buttonRecipe_variant_primary__hi3ya08:active {
9666
+ background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
9667
+ }
9668
+ .button_buttonRecipe_variant_secondary__hi3ya09 {
9669
+ background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
9670
+ color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
9671
+ }
9672
+ .button_buttonRecipe_variant_secondary__hi3ya09:hover {
9673
+ background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
9674
+ }
9675
+ .button_buttonRecipe_variant_secondary__hi3ya09:active {
9676
+ background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
9677
+ }
9678
+ .button_buttonRecipe_variant_outline__hi3ya0a {
9679
+ box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
9680
+ }
9681
+ .button_buttonRecipe_variant_outline__hi3ya0a:hover {
9682
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
9683
+ }
9684
+ .button_buttonRecipe_variant_outline__hi3ya0a:active {
9685
+ background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
9686
+ }
9687
+ .button_buttonRecipe_variant_ghost__hi3ya0b {
9688
+ background-color: transparent;
9689
+ }
9690
+ .button_buttonRecipe_variant_ghost__hi3ya0b:hover {
9691
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
9692
+ }
9693
+ .button_buttonRecipe_variant_ghost__hi3ya0b:active {
9694
+ background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
9695
+ }
9696
+ .button_buttonRecipe_variant_error__hi3ya0c {
9697
+ background-color: var(--semanticColors-error-error4__19nbe8d2dx);
9698
+ color: var(--semanticColors-error-error11__19nbe8d2e4);
9699
+ }
9700
+ .button_buttonRecipe_variant_error__hi3ya0c:hover {
9701
+ background-color: var(--semanticColors-error-error5__19nbe8d2dy);
9702
+ }
9703
+ .button_buttonRecipe_variant_error__hi3ya0c:active {
9704
+ background-color: var(--semanticColors-error-error6__19nbe8d2dz);
9705
+ }
9706
+ .button_buttonRecipe_variant_success__hi3ya0d {
9707
+ background-color: var(--semanticColors-success-success4__19nbe8d2el);
9708
+ color: var(--semanticColors-success-success11__19nbe8d2es);
9709
+ }
9710
+ .button_buttonRecipe_variant_success__hi3ya0d:hover {
9711
+ background-color: var(--semanticColors-success-success5__19nbe8d2em);
9712
+ }
9713
+ .button_buttonRecipe_variant_success__hi3ya0d:active {
9714
+ background-color: var(--semanticColors-success-success6__19nbe8d2en);
9715
+ }
9716
+
9717
+ /* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA= */
9718
+ .text_textRecipe__1y7s4vx0 {
9719
+ line-height: 1;
9720
+ margin: 0;
9721
+ font-weight: var(--fontWeights-regular__19nbe8d2fm);
9722
+ font-variant-numeric: tabular-nums;
9723
+ display: block;
9724
+ font-family: var(--fonts-text__19nbe8d2fh);
9725
+ }
9726
+ .text_textRecipe_color_primary__1y7s4vx1 {
9727
+ color: var(--semanticColors-primary-primary9__19nbe8d2cq);
9728
+ }
9729
+ .text_textRecipe_color_secondary__1y7s4vx2 {
9730
+ color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
9731
+ }
9732
+ .text_textRecipe_color_error__1y7s4vx3 {
9733
+ color: var(--semanticColors-error-error9__19nbe8d2e2);
9734
+ }
9735
+ .text_textRecipe_color_subtle__1y7s4vx4 {
9736
+ color: var(--semanticColors-textSubtle__19nbe8d2fc);
9737
+ }
9738
+ .text_textRecipe_size_1__1y7s4vx5 {
9739
+ font-size: var(--fontSizes-1__19nbe8d9);
9740
+ }
9741
+ .text_textRecipe_size_2__1y7s4vx6 {
9742
+ font-size: var(--fontSizes-2__19nbe8da);
9743
+ }
9744
+ .text_textRecipe_size_3__1y7s4vx7 {
9745
+ font-size: var(--fontSizes-3__19nbe8db);
9746
+ }
9747
+ .text_textRecipe_size_4__1y7s4vx8 {
9748
+ font-size: var(--fontSizes-4__19nbe8dc);
9749
+ }
9750
+ .text_textRecipe_size_5__1y7s4vx9 {
9751
+ font-size: var(--fontSizes-5__19nbe8dd);
9752
+ }
9753
+ .text_textRecipe_size_6__1y7s4vxa {
9754
+ font-size: var(--fontSizes-6__19nbe8de);
9755
+ }
9756
+ .text_textRecipe_size_7__1y7s4vxb {
9757
+ font-size: var(--fontSizes-7__19nbe8df);
9758
+ }
9759
+ .text_textRecipe_size_8__1y7s4vxc {
9760
+ font-size: var(--fontSizes-8__19nbe8dg);
9761
+ }
9762
+ .text_textRecipe_size_9__1y7s4vxd {
9763
+ font-size: var(--fontSizes-9__19nbe8dh);
9764
+ }
9765
+ .text_textRecipe_weight_regular__1y7s4vxe {
9766
+ font-weight: var(--fontWeights-regular__19nbe8d2fm);
9767
+ }
9768
+ .text_textRecipe_weight_medium__1y7s4vxf {
9769
+ font-weight: var(--fontWeights-medium__19nbe8d2fn);
9770
+ }
9771
+ .text_textRecipe_weight_bold__1y7s4vxg {
9772
+ font-weight: var(--fontWeights-bold__19nbe8d2fo);
9773
+ }
9774
+
9775
+ /* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisozb7D/VrkBwD57fDlR5VHW95pxoEum8J11cIp0P3FejpHcDlRwjPRVNIl30pMuvIb0fqNQY6aloEumyJ729RLoYuMdR0tVABWOkp6JLpBvhUBjKysp66oHvRrrDSR9/87/7XLBUSMINfLJBPsXFgw5ZfmDX3S+wR7k/9vuzne2EpnVxAPhI2k8BpuTivb66HLTJXYj/D550QoHiCAAA */
9776
+ .icon-button_iconButtonRecipe__v93z8s0 {
9777
+ align-items: center;
9778
+ appearance: none;
9779
+ border-width: 0;
9780
+ box-sizing: border-box;
9781
+ display: inline-flex;
9782
+ flex-shrink: 0;
9783
+ font-family: inherit;
9784
+ font-size: 14px;
9785
+ justify-content: center;
9786
+ line-height: 1;
9787
+ outline: none;
9788
+ padding: 0;
9789
+ text-decoration: none;
9790
+ user-select: none;
9791
+ -webkit-tap-highlight-color: transparent;
9792
+ transition: all 100ms;
9793
+ color: currentColor;
9794
+ }
9795
+ .icon-button_iconButtonRecipe__v93z8s0::after {
9796
+ box-sizing: border-box;
9797
+ }
9798
+ .icon-button_iconButtonRecipe__v93z8s0::before {
9799
+ box-sizing: border-box;
9800
+ }
9801
+ .icon-button_iconButtonRecipe__v93z8s0:hover {
9802
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
9803
+ cursor: pointer;
9804
+ }
9805
+ .icon-button_iconButtonRecipe__v93z8s0:disabled {
9806
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
9807
+ box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
9808
+ color: var(--colors-slate-slate8__19nbe8d1yp);
9809
+ cursor: not-allowed;
9810
+ pointer-events: none;
9811
+ }
9812
+ .icon-button_iconButtonRecipe_loading_true__v93z8s1 {
9813
+ color: transparent !important;
9814
+ }
9815
+ .icon-button_iconButtonRecipe_size_1__v93z8s2 {
9816
+ border-radius: var(--radii-1__19nbe8d2gg);
9817
+ height: var(--sizes-5__19nbe8d2gb);
9818
+ width: var(--sizes-5__19nbe8d2gb);
9819
+ }
9820
+ .icon-button_iconButtonRecipe_size_2__v93z8s3 {
9821
+ border-radius: var(--radii-2__19nbe8d2gh);
9822
+ height: var(--sizes-6__19nbe8d2gc);
9823
+ width: var(--sizes-6__19nbe8d2gc);
9824
+ }
9825
+ .icon-button_iconButtonRecipe_size_3__v93z8s4 {
9826
+ border-radius: var(--radii-2__19nbe8d2gh);
9827
+ height: var(--sizes-7__19nbe8d2gd);
9828
+ width: var(--sizes-7__19nbe8d2gd);
9829
+ }
9830
+ .icon-button_iconButtonRecipe_size_4__v93z8s5 {
9831
+ border-radius: var(--radii-3__19nbe8d2gi);
9832
+ height: var(--sizes-8__19nbe8d2ge);
9833
+ width: var(--sizes-8__19nbe8d2ge);
9834
+ }
9835
+ .icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {
9836
+ background-color: transparent;
9837
+ border-width: 0;
9838
+ }
9839
+ .icon-button_iconButtonRecipe_variant_ghost__v93z8s6:active {
9840
+ background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
9841
+ }
9842
+ .icon-button_iconButtonRecipe_variant_outline__v93z8s7 {
9843
+ box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
9844
+ }
9845
+ .icon-button_iconButtonRecipe_variant_outline__v93z8s7:active {
9846
+ background-color: var(--colors-slateA-slateA4__19nbe8d1yx);
9847
+ }
9848
+
9849
+ /* vanilla-extract-css-ns:src/theme/styles/toaster.css.ts.vanilla.css?source=#H4sIAAAAAAAACt1YS2/jNhC+51ewLgxYhelSsp04WgTYor0U2NMeeikWAS2NbG4kUiWpWN5i/3shipL1trNFW6AIEJkUOfzm9c1Q71/gHEmagEJaUKVBPquYhfCLOPHn5/XnM+wTgv68Q4jMzQMhLSlXkZCJX/6MqYZ1uCBL9ErlAuOzs0TEeXeH0Nc7hFxyw8bdNs0vm77evR9B9ZEdjrqC5d4Eq8QkachybGRhdWIpYOAhzp1vxVysGNo7Dv0DRDVy7z9Ejt8EPWAyiOEnzhKqmagj4mFUARXQGBbEQVJoqmGx2YZwMCcgJFIaMH32EZmGW8pwp2W4U6iPELwkVL70gO/awI9QBJQFhNCJhfpYj/pwN1c23qf5MMqWpu2XF1kuKbePKBUxqfQHxvveeLzqjW+z/xssriAQPBxER2+OlUfy92NlUEaNfFXhNc/fGJxSIeu0XBvxGCtNgxd8oOnFJ6lQrFDKRxHLISym9kJrkViAshEONhjWj3ZvQnNs51xCXk/lnDwwbjfErMhtfY7BR1xwKOa+YMZDyH3kuZuHzW59v3kopkWmY8Yb64wpLLTaLGhDSKIQUAXvelp/FKLWeGM1blsb49xHY+yTiFfANVljfPZRQONg4aY5wsiSVm1BB/1gJRl1HMfuMm6rdhb7yIpsB9deLE/3SsSZhqbx3W1pY2v/ahhD1BjV2pXS7dCpzTdGvQXJNitTz/h7IUOQxkiZ8pE97uISnEqRgiyOrg9aVnA6S8NM0lJP47zOW80Sxg84ynhQLrrBt74fiSBT+JUpto/BuHovcqyONBQnHxHz56U52sc0eLkqjUYapJESCK6Bax/NZuMuKn3Qyw4tTFqReSNVquGFCYnNnT0NXg5SZDy0JkypBK6vYP09pJriSAqun2ZaZjD7ZHBf9batioXDS6fffkxEY/Wt51gWs7lT/HZuO1sVnPc0C2KhILSH04qA/amObr29kSHKg44sDIG3tWzQhvsmIQ2PtKnnFhniFSTjh44Uyydum5NKg5otWESRAo3PDsLoGkmNpqax2m2eKcjyaVawZTMougLfKC6gPIC41jq/1WoldYdMgqGPp5nJyCsB02m23TpisMhuy8DesQUnXDm13SdfO/RXzkFWy7dGcErDkPHDhf6HWbriGhsjZuS0KQcHIhbSR6cjq6rOhT2PKl545B553hw9zNGPaL2dO4ikuekZ0HpX1MPi57K/1CPNpR4xSy2ukKk0pmcfHSQzfUbxxBqStGARTCVQ5aOZZjoGRI1dZ2gWggokS4tRNdnfG4g4S7jyEc20MG2JJfJ3htOLl+2uR4pTOWGx0ZgdOGYaEuWjALgG2eZ/CTHV7HWAU9qO8rnQiwuFZeppFkJEs1jPPjnGi8Nas0Bw1FHdzL1N/4bqA7a4GXqrwJSw21FlFlxia1rwBL+NxGpX3s9FGajk3ZfJMFWabbtSFGTSaF06hWuB19v5EhX/nWbN3qY5+o4lRQNNyxCqy3f/VZ2UpBPlUQxTofU5U5pFZ1x3HJdX3bQm886Z/UQu7WcGChvlyv/u87P7yPewC90zc2w2TG5o7lCdeuGXu5FXN+GIqLrta0+32tMBLm+71DfRYVuwaYBeA+D12LOCr4bTSMGv79vV6r1ZbSPFI23GrcYdB7q9lq/tNgUJ5ZoFP1tlsyAAVT8fa309+MMZY6VWhPe+LgyUpNHvH2S1VijI9izAe/jCQC7Iyn3YLhFZ7XbmsfaWyF15D1sHRUKeqAxV6xAcgskAt2r3R+Kgb9yJVtxUKPbFpJq1717kY8pNfCYhK+9Sd1sKtO+KPXW8Sp2xi1vpdBsKaY6UiFnYeFVd7Ybe2YD4Poqi5i3wvnnru29HWxVWzU80DeuClKLOg+CfD1tzXvm/GbLe/ypk20b1/T1EQsLtV8eOidedazwZtnc3Kh6bUbHpOLMVFK4dDvWkUx+2yMrdjmRJ32a75q2+5c7qm9WEBUcTfgDy1IfCNyHe3pTJ/66Tvv4FnF15zLEYAAA= */
9850
+ @keyframes toaster_slideDown__3jyebm0 {
9851
+ 0% {
9852
+ transform: translate3d(0, var(--y), 0);
9853
+ }
9854
+ 100% {
9855
+ transform: translate3d(0, 85px, 0);
9856
+ }
9857
+ }
9858
+ @keyframes toaster_slideRight__3jyebm1 {
9859
+ 0% {
9860
+ transform: translate3d(var(--radix-toast-swipe-end-x), var(--y), 0);
9861
+ }
9862
+ 100% {
9863
+ transform: translate3d(100%, var(--y), 0);
9864
+ }
9865
+ }
9866
+ @keyframes toaster_slideLeft__3jyebm2 {
9867
+ 0% {
9868
+ transform: translate3d(var(--radix-toast-swipe-end-x), var(--y), 0);
9869
+ }
9870
+ 100% {
9871
+ transform: translate3d(-100%, var(--y), 0);
9872
+ }
9873
+ }
9874
+ @keyframes toaster_circleAnimation__3jyebm7 {
9875
+ 0% {
9876
+ transform: scale(0) rotate(45deg);
9877
+ opacity: 0;
9878
+ }
9879
+ 100% {
9880
+ transform: scale(1) rotate(45deg);
9881
+ opacity: 1;
9882
+ }
9883
+ }
9884
+ @keyframes toaster_checkmarkAnimation__3jyebm8 {
9885
+ 0% {
9886
+ height: 0;
9887
+ width: 0;
9888
+ opacity: 0;
9889
+ }
9890
+ 40% {
9891
+ height: 0;
9892
+ width: 6px;
9893
+ opacity: 1;
9894
+ }
9895
+ 100% {
9896
+ opacity: 1;
9897
+ height: 10px;
9898
+ }
9899
+ }
9900
+ @keyframes toaster_firstLineAnimation__3jyebm9 {
9901
+ 0% {
9902
+ transform: scale(0);
9903
+ opacity: 0;
9904
+ }
9905
+ 100% {
9906
+ transform: scale(1);
9907
+ opacity: 1;
9908
+ }
9909
+ }
9910
+ @keyframes toaster_secondLineAnimation__3jyebma {
9911
+ 0% {
9912
+ transform: scale(0) rotate(90deg);
9913
+ opacity: 0;
9914
+ }
9915
+ 100% {
9916
+ transform: scale(1) rotate(90deg);
9917
+ opacity: 1;
9918
+ }
9919
+ }
9920
+ .toaster_toastViewport__3jyebm3 {
9921
+ --stack-gap: 10px;
9922
+ position: fixed;
9923
+ bottom: 0;
9924
+ right: 0;
9925
+ width: 390px;
9926
+ max-width: 100vw;
9927
+ margin: 0;
9928
+ list-style: none;
9929
+ z-index: 2147483647;
9930
+ outline: none;
9931
+ transition: transform 400ms ease;
9932
+ }
9933
+ .toaster_toastRoot__3jyebm4 {
9934
+ --opacity: 0;
9935
+ --x: var(--radix-toast-swipe-move-x, 0);
9936
+ --y: calc(1px - (var(--stack-gap) * var(--index)));
9937
+ --scale: calc(1 - (0.05 * var(--index)));
9938
+ position: absolute;
9939
+ bottom: 15px;
9940
+ right: 15px;
9941
+ left: 15px;
9942
+ opacity: var(--opacity);
9943
+ transform: translate3d(var(--x), 85px, 0);
9944
+ outline: none;
9945
+ border-radius: 5px;
9946
+ transition-property: transform, opacity;
9947
+ transition-duration: 400ms;
9948
+ transition-timing-function: ease;
9949
+ }
9950
+ .toaster_toastRoot__3jyebm4::focus-visible {
9951
+ box-shadow: 0 0 0 2px black;
9952
+ }
9953
+ .toaster_toastRoot__3jyebm4::after {
9954
+ content: "";
9955
+ position: absolute;
9956
+ left: 0;
9957
+ right: 0;
9958
+ top: 100%;
9959
+ width: 100%;
9960
+ height: 1000px;
9961
+ background: transparent;
9962
+ }
9963
+ .toaster_toastRoot__3jyebm4[data-front=true] {
9964
+ transform: translate3d(var(--x), var(--y, 0), 0);
9965
+ }
9966
+ .toaster_toastRoot__3jyebm4[data-front=false] {
9967
+ transform: translate3d(var(--x), var(--y, 0), 0) scale(var(--scale));
9968
+ }
9969
+ .toaster_toastRoot__3jyebm4[data-state=closed] {
9970
+ animation: toaster_slideDown__3jyebm0 350ms ease;
9971
+ }
9972
+ .toaster_toastRoot__3jyebm4[data-hidden=false] {
9973
+ --opacity: 1;
9974
+ }
9975
+ .toaster_toastRoot__3jyebm4[data-hidden=true] {
9976
+ --opacity: 0;
9977
+ }
9978
+ .toaster_toastRoot__3jyebm4[data-hovering=true] {
9979
+ --scale: 1;
9980
+ --y: calc(var(--hover-offset-y) - var(--stack-gap) * var(--index));
9981
+ transition-duration: 350ms;
9982
+ }
9983
+ .toaster_toastRoot__3jyebm4[data-swipe=move] {
9984
+ transition-duration: 0ms;
9985
+ }
9986
+ .toaster_toastRoot__3jyebm4[data-swipe=cancel] {
9987
+ --x: 0;
9988
+ }
9989
+ .toaster_toastRoot__3jyebm4[data-swipe-direction=right] {
9990
+ animation: toaster_slideRight__3jyebm1 150ms ease-out;
9991
+ }
9992
+ .toaster_toastRoot__3jyebm4[data-swipe-direction=left] {
9993
+ animation: toaster_slideLeft__3jyebm2 150ms ease-out;
9994
+ }
9995
+ .toaster_toastInner__3jyebm5 {
9996
+ padding: 15px;
9997
+ border-radius: 5px;
9998
+ height: var(--height);
9999
+ background-color: white;
10000
+ box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
10001
+ display: grid;
10002
+ grid-template-areas: "title action" "description action";
10003
+ grid-template-columns: auto max-content;
10004
+ column-gap: 10px;
10005
+ row-gap: 5px;
10006
+ align-items: center;
10007
+ position: relative;
10008
+ }
10009
+ .toaster_toastInner__3jyebm5:not([data-status=default]) {
10010
+ grid-template-areas: "icon title action" "icon description action";
10011
+ grid-template-columns: max-content auto max-content;
10012
+ }
10013
+ .toaster_toastInner__3jyebm5:not([data-front=true]) {
10014
+ height: var(--front-height);
10015
+ }
10016
+ .toaster_toastInner__3jyebm5[data-hovering=true] {
10017
+ height: var(--height);
10018
+ }
10019
+ .toaster_toastClose__3jyebm6 {
10020
+ position: absolute;
10021
+ left: 0px;
10022
+ top: 0px;
10023
+ transform: translate(-35%, -35%);
10024
+ width: 15px !important;
10025
+ height: 15px !important;
10026
+ padding: 0px;
10027
+ display: flex;
10028
+ align-items: center;
10029
+ justify-content: center;
10030
+ border-radius: 50% !important;
10031
+ background-color: var(--colors-slate-slate1__19nbe8d1yi);
10032
+ color: var(--colors-slate-slate11__19nbe8d1ys);
10033
+ transition: color 200ms ease 0s, opacity 200ms ease 0s;
10034
+ opacity: 0;
10035
+ }
10036
+ .toaster_toastClose__3jyebm6:hover {
10037
+ color: var(--colors-slate-slate12__19nbe8d1yt);
10038
+ }
10039
+ .toaster_toastInner__3jyebm5:hover .toaster_toastClose__3jyebm6 {
10040
+ opacity: 1;
10041
+ }
10042
+ .toaster_checkmark__3jyebmb {
10043
+ width: 20px;
10044
+ height: 20px;
10045
+ border-radius: 10px;
10046
+ background-color: var(--semanticColors-success-success9__19nbe8d2eq);
10047
+ position: relative;
10048
+ transform: rotate(45deg);
10049
+ animation: toaster_circleAnimation__3jyebm7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
10050
+ animation-delay: 100ms;
10051
+ opacity: 0;
10052
+ }
10053
+ .toaster_checkmark__3jyebmb::after {
10054
+ content: "";
10055
+ box-sizing: border-box;
10056
+ animation: toaster_checkmarkAnimation__3jyebm8 0.2s ease-out forwards;
10057
+ opacity: 0;
10058
+ animation-delay: 200ms;
10059
+ position: absolute;
10060
+ border-right: 2px solid;
10061
+ border-bottom: 2px solid;
10062
+ border-color: #fff;
10063
+ bottom: 6px;
10064
+ left: 6px;
10065
+ height: 10px;
10066
+ width: 6px;
10067
+ }
10068
+ .toaster_error__3jyebmc {
10069
+ width: 20px;
10070
+ height: 20px;
10071
+ border-radius: 10px;
10072
+ background-color: var(--semanticColors-error-error9__19nbe8d2e2);
10073
+ position: relative;
10074
+ transform: rotate(45deg);
10075
+ animation: toaster_circleAnimation__3jyebm7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
10076
+ animation-delay: 100ms;
10077
+ opacity: 0;
10078
+ }
10079
+ .toaster_error__3jyebmc::before {
10080
+ content: "";
10081
+ position: absolute;
10082
+ border-radius: 3px;
10083
+ opacity: 0;
10084
+ background-color: #fff;
10085
+ bottom: 9px;
10086
+ left: 4px;
10087
+ height: 2px;
10088
+ width: 12px;
10089
+ animation: toaster_secondLineAnimation__3jyebma 0.15s ease-out forwards;
10090
+ animation-delay: 180ms;
10091
+ transform: rotate(90deg);
10092
+ }
10093
+ .toaster_error__3jyebmc::after {
10094
+ content: "";
10095
+ animation: toaster_firstLineAnimation__3jyebm9 0.15s ease-out forwards;
10096
+ animation-delay: 150ms;
10097
+ position: absolute;
10098
+ border-radius: 3px;
10099
+ opacity: 0;
10100
+ background-color: #fff;
10101
+ bottom: 9px;
10102
+ left: 4px;
10103
+ height: 2px;
10104
+ width: 12px;
10105
+ }
9542
10106
  /*# sourceMappingURL=index.css.map */