@spark-ui/components 17.2.3 → 17.2.4

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 (302) hide show
  1. package/dist/DialogContent.styles-BSxCCi-u.mjs +62 -0
  2. package/dist/DialogContent.styles-BSxCCi-u.mjs.map +1 -0
  3. package/dist/DialogContent.styles-CAhJtUud.js +2 -0
  4. package/dist/DialogContent.styles-CAhJtUud.js.map +1 -0
  5. package/dist/FormFieldRequiredIndicator-CtgkvPZo.js +2 -0
  6. package/dist/FormFieldRequiredIndicator-CtgkvPZo.js.map +1 -0
  7. package/dist/FormFieldRequiredIndicator-DOGQ_HxO.mjs +14 -0
  8. package/dist/FormFieldRequiredIndicator-DOGQ_HxO.mjs.map +1 -0
  9. package/dist/accordion/index.js +2 -2
  10. package/dist/accordion/index.js.map +1 -1
  11. package/dist/accordion/index.mjs +99 -161
  12. package/dist/accordion/index.mjs.map +1 -1
  13. package/dist/alert-dialog/index.js +2 -2
  14. package/dist/alert-dialog/index.js.map +1 -1
  15. package/dist/alert-dialog/index.mjs +169 -235
  16. package/dist/alert-dialog/index.mjs.map +1 -1
  17. package/dist/avatar/index.js +2 -2
  18. package/dist/avatar/index.js.map +1 -1
  19. package/dist/avatar/index.mjs +187 -224
  20. package/dist/avatar/index.mjs.map +1 -1
  21. package/dist/badge/index.js +2 -2
  22. package/dist/badge/index.js.map +1 -1
  23. package/dist/badge/index.mjs +115 -81
  24. package/dist/badge/index.mjs.map +1 -1
  25. package/dist/breadcrumb/index.js +2 -2
  26. package/dist/breadcrumb/index.js.map +1 -1
  27. package/dist/breadcrumb/index.mjs +73 -106
  28. package/dist/breadcrumb/index.mjs.map +1 -1
  29. package/dist/button/index.js +1 -2
  30. package/dist/button/index.mjs +2 -5
  31. package/dist/button-BTDRzvpB.js +2 -0
  32. package/dist/button-BTDRzvpB.js.map +1 -0
  33. package/dist/button-_YZ_4J42.mjs +643 -0
  34. package/dist/button-_YZ_4J42.mjs.map +1 -0
  35. package/dist/card/index.js +2 -2
  36. package/dist/card/index.js.map +1 -1
  37. package/dist/card/index.mjs +327 -394
  38. package/dist/card/index.mjs.map +1 -1
  39. package/dist/carousel/index.js +2 -2
  40. package/dist/carousel/index.js.map +1 -1
  41. package/dist/carousel/index.mjs +515 -618
  42. package/dist/carousel/index.mjs.map +1 -1
  43. package/dist/checkbox/index.js +2 -2
  44. package/dist/checkbox/index.js.map +1 -1
  45. package/dist/checkbox/index.mjs +213 -246
  46. package/dist/checkbox/index.mjs.map +1 -1
  47. package/dist/chip/index.js +2 -2
  48. package/dist/chip/index.js.map +1 -1
  49. package/dist/chip/index.mjs +601 -652
  50. package/dist/chip/index.mjs.map +1 -1
  51. package/dist/chunk-C91j1N6u.js +1 -0
  52. package/dist/circular-meter/index.js +2 -2
  53. package/dist/circular-meter/index.js.map +1 -1
  54. package/dist/circular-meter/index.mjs +354 -309
  55. package/dist/circular-meter/index.mjs.map +1 -1
  56. package/dist/collapsible/index.js +2 -2
  57. package/dist/collapsible/index.js.map +1 -1
  58. package/dist/collapsible/index.mjs +53 -53
  59. package/dist/collapsible/index.mjs.map +1 -1
  60. package/dist/combobox/index.js +2 -2
  61. package/dist/combobox/index.js.map +1 -1
  62. package/dist/combobox/index.mjs +721 -876
  63. package/dist/combobox/index.mjs.map +1 -1
  64. package/dist/dialog/index.js +2 -2
  65. package/dist/dialog/index.js.map +1 -1
  66. package/dist/dialog/index.mjs +181 -206
  67. package/dist/dialog/index.mjs.map +1 -1
  68. package/dist/divider/index.js +2 -2
  69. package/dist/divider/index.js.map +1 -1
  70. package/dist/divider/index.mjs +178 -183
  71. package/dist/divider/index.mjs.map +1 -1
  72. package/dist/drawer/index.js +2 -2
  73. package/dist/drawer/index.js.map +1 -1
  74. package/dist/drawer/index.mjs +277 -309
  75. package/dist/drawer/index.mjs.map +1 -1
  76. package/dist/dropdown/index.js +2 -2
  77. package/dist/dropdown/index.js.map +1 -1
  78. package/dist/dropdown/index.mjs +429 -492
  79. package/dist/dropdown/index.mjs.map +1 -1
  80. package/dist/file-upload/index.js +2 -2
  81. package/dist/file-upload/index.js.map +1 -1
  82. package/dist/file-upload/index.mjs +540 -677
  83. package/dist/file-upload/index.mjs.map +1 -1
  84. package/dist/form-field/index.js +1 -2
  85. package/dist/form-field/index.mjs +2 -284
  86. package/dist/form-field-B8QzM655.mjs +231 -0
  87. package/dist/form-field-B8QzM655.mjs.map +1 -0
  88. package/dist/form-field-Bu_0E9tb.js +2 -0
  89. package/dist/form-field-Bu_0E9tb.js.map +1 -0
  90. package/dist/icon/index.js +1 -2
  91. package/dist/icon/index.mjs +2 -5
  92. package/dist/icon-CRPcdgYp.js +2 -0
  93. package/dist/icon-CRPcdgYp.js.map +1 -0
  94. package/dist/icon-D05Uqh8_.mjs +41 -0
  95. package/dist/icon-D05Uqh8_.mjs.map +1 -0
  96. package/dist/icon-button/index.js +1 -2
  97. package/dist/icon-button/index.mjs +2 -5
  98. package/dist/icon-button-6p3O7NIm.mjs +28 -0
  99. package/dist/icon-button-6p3O7NIm.mjs.map +1 -0
  100. package/dist/icon-button-CykysbgJ.js +2 -0
  101. package/dist/icon-button-CykysbgJ.js.map +1 -0
  102. package/dist/input/index.js +1 -2
  103. package/dist/input/index.mjs +2 -455
  104. package/dist/input-CmYeHYWQ.mjs +355 -0
  105. package/dist/input-CmYeHYWQ.mjs.map +1 -0
  106. package/dist/input-DNr40G2Z.js +2 -0
  107. package/dist/input-DNr40G2Z.js.map +1 -0
  108. package/dist/input-otp/index.js +2 -2
  109. package/dist/input-otp/index.js.map +1 -1
  110. package/dist/input-otp/index.mjs +344 -407
  111. package/dist/input-otp/index.mjs.map +1 -1
  112. package/dist/kbd/index.js +2 -2
  113. package/dist/kbd/index.js.map +1 -1
  114. package/dist/kbd/index.mjs +12 -17
  115. package/dist/kbd/index.mjs.map +1 -1
  116. package/dist/label/index.js +1 -2
  117. package/dist/label/index.mjs +2 -40
  118. package/dist/label-BqRlrca0.mjs +31 -0
  119. package/dist/label-BqRlrca0.mjs.map +1 -0
  120. package/dist/label-DU0p0d-f.js +2 -0
  121. package/dist/label-DU0p0d-f.js.map +1 -0
  122. package/dist/link-box/index.js +2 -2
  123. package/dist/link-box/index.js.map +1 -1
  124. package/dist/link-box/index.mjs +36 -34
  125. package/dist/link-box/index.mjs.map +1 -1
  126. package/dist/meter/index.js +2 -2
  127. package/dist/meter/index.js.map +1 -1
  128. package/dist/meter/index.mjs +149 -171
  129. package/dist/meter/index.mjs.map +1 -1
  130. package/dist/pagination/index.js +2 -2
  131. package/dist/pagination/index.js.map +1 -1
  132. package/dist/pagination/index.mjs +253 -214
  133. package/dist/pagination/index.mjs.map +1 -1
  134. package/dist/popover/index.js +1 -2
  135. package/dist/popover/index.mjs +2 -239
  136. package/dist/popover-CxZAQmw6.mjs +211 -0
  137. package/dist/popover-CxZAQmw6.mjs.map +1 -0
  138. package/dist/popover-GOovJ27J.js +2 -0
  139. package/dist/popover-GOovJ27J.js.map +1 -0
  140. package/dist/portal/index.js +2 -2
  141. package/dist/portal/index.js.map +1 -1
  142. package/dist/portal/index.mjs +8 -7
  143. package/dist/portal/index.mjs.map +1 -1
  144. package/dist/progress/index.js +1 -2
  145. package/dist/progress/index.mjs +2 -178
  146. package/dist/progress-cEf3tFbn.mjs +132 -0
  147. package/dist/progress-cEf3tFbn.mjs.map +1 -0
  148. package/dist/progress-rJZcPJsZ.js +2 -0
  149. package/dist/progress-rJZcPJsZ.js.map +1 -0
  150. package/dist/progress-tracker/index.js +2 -2
  151. package/dist/progress-tracker/index.js.map +1 -1
  152. package/dist/progress-tracker/index.mjs +303 -380
  153. package/dist/progress-tracker/index.mjs.map +1 -1
  154. package/dist/radio-group/index.js +2 -2
  155. package/dist/radio-group/index.js.map +1 -1
  156. package/dist/radio-group/index.mjs +204 -213
  157. package/dist/radio-group/index.mjs.map +1 -1
  158. package/dist/rating/index.js +2 -2
  159. package/dist/rating/index.js.map +1 -1
  160. package/dist/rating/index.mjs +189 -244
  161. package/dist/rating/index.mjs.map +1 -1
  162. package/dist/rating-display/index.js +2 -2
  163. package/dist/rating-display/index.js.map +1 -1
  164. package/dist/rating-display/index.mjs +165 -166
  165. package/dist/rating-display/index.mjs.map +1 -1
  166. package/dist/scrolling-list/index.js +2 -2
  167. package/dist/scrolling-list/index.js.map +1 -1
  168. package/dist/scrolling-list/index.mjs +216 -273
  169. package/dist/scrolling-list/index.mjs.map +1 -1
  170. package/dist/segmented-control/index.js +2 -2
  171. package/dist/segmented-control/index.js.map +1 -1
  172. package/dist/segmented-control/index.mjs +146 -180
  173. package/dist/segmented-control/index.mjs.map +1 -1
  174. package/dist/segmented-gauge/index.js +2 -2
  175. package/dist/segmented-gauge/index.js.map +1 -1
  176. package/dist/segmented-gauge/index.mjs +146 -195
  177. package/dist/segmented-gauge/index.mjs.map +1 -1
  178. package/dist/select/index.js +2 -2
  179. package/dist/select/index.js.map +1 -1
  180. package/dist/select/index.mjs +279 -327
  181. package/dist/select/index.mjs.map +1 -1
  182. package/dist/skeleton/index.js +2 -2
  183. package/dist/skeleton/index.js.map +1 -1
  184. package/dist/skeleton/index.mjs +92 -114
  185. package/dist/skeleton/index.mjs.map +1 -1
  186. package/dist/slider/index.js +2 -2
  187. package/dist/slider/index.js.map +1 -1
  188. package/dist/slider/index.mjs +259 -326
  189. package/dist/slider/index.mjs.map +1 -1
  190. package/dist/slot/index.js +2 -2
  191. package/dist/slot/index.js.map +1 -1
  192. package/dist/slot/index.mjs +12 -7
  193. package/dist/slot/index.mjs.map +1 -1
  194. package/dist/snackbar/index.js +2 -2
  195. package/dist/snackbar/index.js.map +1 -1
  196. package/dist/snackbar/index.mjs +404 -529
  197. package/dist/snackbar/index.mjs.map +1 -1
  198. package/dist/spinner/index.js +1 -2
  199. package/dist/spinner/index.mjs +2 -5
  200. package/dist/spinner-DFUoYvmm.js +2 -0
  201. package/dist/spinner-DFUoYvmm.js.map +1 -0
  202. package/dist/spinner-DULLiM6a.mjs +56 -0
  203. package/dist/spinner-DULLiM6a.mjs.map +1 -0
  204. package/dist/src/avatar/index.d.mts +2 -2
  205. package/dist/src/avatar/index.d.ts +2 -2
  206. package/dist/src/file-upload/index.d.mts +1 -1
  207. package/dist/src/file-upload/index.d.ts +1 -1
  208. package/dist/stepper/index.js +2 -2
  209. package/dist/stepper/index.js.map +1 -1
  210. package/dist/stepper/index.mjs +139 -176
  211. package/dist/stepper/index.mjs.map +1 -1
  212. package/dist/switch/index.js +2 -2
  213. package/dist/switch/index.js.map +1 -1
  214. package/dist/switch/index.mjs +194 -197
  215. package/dist/switch/index.mjs.map +1 -1
  216. package/dist/tabs/index.js +2 -2
  217. package/dist/tabs/index.js.map +1 -1
  218. package/dist/tabs/index.mjs +337 -389
  219. package/dist/tabs/index.mjs.map +1 -1
  220. package/dist/tag/index.js +2 -2
  221. package/dist/tag/index.js.map +1 -1
  222. package/dist/tag/index.mjs +192 -211
  223. package/dist/tag/index.mjs.map +1 -1
  224. package/dist/text-link/index.js +2 -2
  225. package/dist/text-link/index.js.map +1 -1
  226. package/dist/text-link/index.mjs +44 -5
  227. package/dist/text-link/index.mjs.map +1 -1
  228. package/dist/textarea/index.js +2 -2
  229. package/dist/textarea/index.js.map +1 -1
  230. package/dist/textarea/index.mjs +51 -50
  231. package/dist/textarea/index.mjs.map +1 -1
  232. package/dist/toast/index.js +2 -2
  233. package/dist/toast/index.js.map +1 -1
  234. package/dist/toast/index.mjs +314 -367
  235. package/dist/toast/index.mjs.map +1 -1
  236. package/dist/useRenderSlot-DP4fYerF.mjs +11 -0
  237. package/dist/useRenderSlot-DP4fYerF.mjs.map +1 -0
  238. package/dist/useRenderSlot-Xxf_s88b.js +2 -0
  239. package/dist/useRenderSlot-Xxf_s88b.js.map +1 -0
  240. package/dist/visually-hidden/index.js +2 -2
  241. package/dist/visually-hidden/index.js.map +1 -1
  242. package/dist/visually-hidden/index.mjs +25 -5
  243. package/dist/visually-hidden/index.mjs.map +1 -1
  244. package/package.json +4 -4
  245. package/dist/Button-1M9DcZl0.mjs +0 -704
  246. package/dist/Button-1M9DcZl0.mjs.map +0 -1
  247. package/dist/Button-FZceRWG2.js +0 -2
  248. package/dist/Button-FZceRWG2.js.map +0 -1
  249. package/dist/DialogContent.styles-CziMQtYr.js +0 -2
  250. package/dist/DialogContent.styles-CziMQtYr.js.map +0 -1
  251. package/dist/DialogContent.styles-Du7_Dkde.mjs +0 -60
  252. package/dist/DialogContent.styles-Du7_Dkde.mjs.map +0 -1
  253. package/dist/FormFieldRequiredIndicator-CHfcoT2y.js +0 -2
  254. package/dist/FormFieldRequiredIndicator-CHfcoT2y.js.map +0 -1
  255. package/dist/FormFieldRequiredIndicator-DTnCGiX2.mjs +0 -13
  256. package/dist/FormFieldRequiredIndicator-DTnCGiX2.mjs.map +0 -1
  257. package/dist/Icon-BO327oHU.mjs +0 -57
  258. package/dist/Icon-BO327oHU.mjs.map +0 -1
  259. package/dist/Icon-C-cNTnzd.js +0 -2
  260. package/dist/Icon-C-cNTnzd.js.map +0 -1
  261. package/dist/IconButton-BR1bJSQA.js +0 -2
  262. package/dist/IconButton-BR1bJSQA.js.map +0 -1
  263. package/dist/IconButton-DdB3Pq13.mjs +0 -43
  264. package/dist/IconButton-DdB3Pq13.mjs.map +0 -1
  265. package/dist/Slot-DLY1rJrG.mjs +0 -14
  266. package/dist/Slot-DLY1rJrG.mjs.map +0 -1
  267. package/dist/Slot-DQ8z2zsy.js +0 -2
  268. package/dist/Slot-DQ8z2zsy.js.map +0 -1
  269. package/dist/Spinner-Br4Rp9V2.js +0 -2
  270. package/dist/Spinner-Br4Rp9V2.js.map +0 -1
  271. package/dist/Spinner-Co3AjkQV.mjs +0 -68
  272. package/dist/Spinner-Co3AjkQV.mjs.map +0 -1
  273. package/dist/TextLink-5MvP0P8D.js +0 -2
  274. package/dist/TextLink-5MvP0P8D.js.map +0 -1
  275. package/dist/TextLink-Cc_LeVcx.mjs +0 -57
  276. package/dist/TextLink-Cc_LeVcx.mjs.map +0 -1
  277. package/dist/VisuallyHidden-CB6Nx76j.js +0 -2
  278. package/dist/VisuallyHidden-CB6Nx76j.js.map +0 -1
  279. package/dist/VisuallyHidden-DjlV0-CW.mjs +0 -28
  280. package/dist/VisuallyHidden-DjlV0-CW.mjs.map +0 -1
  281. package/dist/button/index.js.map +0 -1
  282. package/dist/button/index.mjs.map +0 -1
  283. package/dist/form-field/index.js.map +0 -1
  284. package/dist/form-field/index.mjs.map +0 -1
  285. package/dist/icon/index.js.map +0 -1
  286. package/dist/icon/index.mjs.map +0 -1
  287. package/dist/icon-button/index.js.map +0 -1
  288. package/dist/icon-button/index.mjs.map +0 -1
  289. package/dist/input/index.js.map +0 -1
  290. package/dist/input/index.mjs.map +0 -1
  291. package/dist/label/index.js.map +0 -1
  292. package/dist/label/index.mjs.map +0 -1
  293. package/dist/popover/index.js.map +0 -1
  294. package/dist/popover/index.mjs.map +0 -1
  295. package/dist/progress/index.js.map +0 -1
  296. package/dist/progress/index.mjs.map +0 -1
  297. package/dist/spinner/index.js.map +0 -1
  298. package/dist/spinner/index.mjs.map +0 -1
  299. package/dist/useRenderSlot-Bta2kdp4.mjs +0 -10
  300. package/dist/useRenderSlot-Bta2kdp4.mjs.map +0 -1
  301. package/dist/useRenderSlot-DATwjgpo.js +0 -2
  302. package/dist/useRenderSlot-DATwjgpo.js.map +0 -1
@@ -1,376 +1,323 @@
1
- import { jsx as t, jsxs as u } from "react/jsx-runtime";
2
- import { Toast as a } from "@base-ui/react/toast";
3
- import { S as C } from "../Slot-DLY1rJrG.mjs";
4
- import { cva as T, cx as l } from "class-variance-authority";
5
- import { B } from "../Button-1M9DcZl0.mjs";
6
- import { I as _ } from "../Icon-BO327oHU.mjs";
7
- import { I as D } from "../IconButton-DdB3Pq13.mjs";
8
- import { AlertFill as P } from "@spark-ui/icons/AlertFill";
9
- import { Close as M } from "@spark-ui/icons/Close";
10
- import { InfoFill as I } from "@spark-ui/icons/InfoFill";
11
- import { ValidFill as Y } from "@spark-ui/icons/ValidFill";
12
- import { WarningFill as A } from "@spark-ui/icons/WarningFill";
13
- import * as V from "react";
14
- const z = T(
15
- [
16
- "gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg border-md",
17
- "absolute right-0 bottom-0 left-auto mr-0",
18
- "bg-clip-padding shadow-md select-none",
19
- "focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none",
20
- "z-[calc(1000-var(--toast-index))]",
21
- "after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
22
- // Stack effect while not focused
23
- "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-16px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))]",
24
- // Scale and translate
25
- "ease-standard [transition-property:opacity,transform]",
26
- "duration-400",
27
- // Present when the toast is animating in.
28
- "data-[starting-style]:[transform:translateY(150%)]",
29
- // Expanded: Present when the toast is expanded in the viewport.
30
- "data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))]",
31
- // Present when the toast is animating out.
32
- "data-[ending-style]:duration-250",
33
- "data-[ending-style]:opacity-0",
34
- "data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
35
- "data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
36
- "data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
37
- // Limited: Present when the toast was removed due to exceeding the limit.
38
- "data-[limited]:opacity-0"
39
- ],
40
- {
41
- variants: {
42
- design: {
43
- filled: "",
44
- tinted: ""
45
- },
46
- intent: {
47
- success: "",
48
- alert: "",
49
- error: "",
50
- info: "",
51
- neutral: "",
52
- main: "",
53
- support: "",
54
- accent: "",
55
- surface: "",
56
- surfaceInverse: ""
57
- }
58
- },
59
- compoundVariants: [
60
- // Filled variants
61
- {
62
- design: "filled",
63
- intent: "success",
64
- class: ["bg-success text-on-success border-success"]
65
- },
66
- {
67
- design: "filled",
68
- intent: "alert",
69
- class: ["bg-alert text-on-alert border-alert"]
70
- },
71
- {
72
- design: "filled",
73
- intent: "error",
74
- class: ["bg-error text-on-error border-error"]
75
- },
76
- {
77
- design: "filled",
78
- intent: "info",
79
- class: ["bg-info text-on-info border-info"]
80
- },
81
- {
82
- design: "filled",
83
- intent: "neutral",
84
- class: ["bg-neutral text-on-neutral border-neutral"]
85
- },
86
- {
87
- design: "filled",
88
- intent: "main",
89
- class: ["bg-main text-on-main border-main"]
90
- },
91
- {
92
- design: "filled",
93
- intent: "support",
94
- class: ["bg-support text-on-support border-support"]
95
- },
96
- {
97
- design: "filled",
98
- intent: "accent",
99
- class: ["bg-accent text-on-accent border-accent"]
100
- },
101
- {
102
- design: "filled",
103
- intent: "surface",
104
- class: ["bg-surface text-on-surface border-surface"]
105
- },
106
- {
107
- design: "filled",
108
- intent: "surfaceInverse",
109
- class: ["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]
110
- },
111
- // Tinted variants
112
- {
113
- design: "tinted",
114
- intent: "success",
115
- class: ["bg-success-container text-on-success-container border-success"]
116
- },
117
- {
118
- design: "tinted",
119
- intent: "alert",
120
- class: ["bg-alert-container text-on-alert-container border-alert"]
121
- },
122
- {
123
- design: "tinted",
124
- intent: "error",
125
- class: ["bg-error-container text-on-error-container border-error"]
126
- },
127
- {
128
- design: "tinted",
129
- intent: "info",
130
- class: ["bg-info-container text-on-info-container border-info"]
131
- },
132
- {
133
- design: "tinted",
134
- intent: "neutral",
135
- class: ["bg-neutral-container text-on-neutral-container border-neutral"]
136
- },
137
- {
138
- design: "tinted",
139
- intent: "main",
140
- class: ["bg-main-container text-on-main-container border-main"]
141
- },
142
- {
143
- design: "tinted",
144
- intent: "support",
145
- class: ["bg-support-container text-on-support-container border-support"]
146
- },
147
- {
148
- design: "tinted",
149
- intent: "accent",
150
- class: ["bg-accent-container text-on-accent-container border-accent"]
151
- },
152
- {
153
- design: "tinted",
154
- intent: "surface",
155
- class: ["bg-surface text-on-surface border-surface"]
156
- },
157
- {
158
- design: "tinted",
159
- intent: "surfaceInverse",
160
- class: ["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]
161
- }
162
- ],
163
- defaultVariants: {
164
- design: "filled",
165
- intent: "neutral"
166
- }
167
- }
168
- );
169
- T(
170
- [
171
- "inline-grid items-center",
172
- "col-start-1 row-start-1",
173
- "pl-md pr-lg"
174
- // applying padding on the parent prevents VoiceOver on Safari from reading snackbar content 🤷
175
- ],
176
- {
177
- variants: {
178
- /**
179
- * Force action button displaying on a new line
180
- * @default false
181
- */
182
- actionOnNewline: {
183
- true: [
184
- "grid-rows-[52px_1fr_52px]",
185
- "grid-cols-[min-content_1fr_min-content]",
186
- "[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']"
187
- ],
188
- false: [
189
- "grid-cols-[min-content_1fr_min-content_min-content]",
190
- "[grid-template-areas:'icon_message_action_close']"
191
- ]
192
- }
193
- },
194
- defaultVariants: {
195
- actionOnNewline: !1
196
- }
197
- }
198
- );
199
- function F(e) {
200
- return e === "surfaceInverse" ? "surface" : e === "surface" ? "surfaceInverse" : e === "error" ? "danger" : e;
1
+ import { Slot as e } from "../slot/index.mjs";
2
+ import { t } from "../icon-D05Uqh8_.mjs";
3
+ import { t as n } from "../button-_YZ_4J42.mjs";
4
+ import { t as r } from "../icon-button-6p3O7NIm.mjs";
5
+ import { cva as i, cx as a } from "class-variance-authority";
6
+ import * as o from "react";
7
+ import { jsx as s, jsxs as c } from "react/jsx-runtime";
8
+ import { Close as l } from "@spark-ui/icons/Close";
9
+ import { Toast as u } from "@base-ui/react/toast";
10
+ import { AlertFill as d } from "@spark-ui/icons/AlertFill";
11
+ import { InfoFill as f } from "@spark-ui/icons/InfoFill";
12
+ import { ValidFill as p } from "@spark-ui/icons/ValidFill";
13
+ import { WarningFill as m } from "@spark-ui/icons/WarningFill";
14
+ //#region src/toast/Toast.styles.ts
15
+ var h = i([
16
+ "gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg border-md",
17
+ "absolute right-0 bottom-0 left-auto mr-0",
18
+ "bg-clip-padding shadow-md select-none",
19
+ "focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none",
20
+ "z-[calc(1000-var(--toast-index))]",
21
+ "after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
22
+ "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-16px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))]",
23
+ "ease-standard [transition-property:opacity,transform]",
24
+ "duration-400",
25
+ "data-[starting-style]:[transform:translateY(150%)]",
26
+ "data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))]",
27
+ "data-[ending-style]:duration-250",
28
+ "data-[ending-style]:opacity-0",
29
+ "data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
30
+ "data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
31
+ "data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
32
+ "data-[limited]:opacity-0"
33
+ ], {
34
+ variants: {
35
+ design: {
36
+ filled: "",
37
+ tinted: ""
38
+ },
39
+ intent: {
40
+ success: "",
41
+ alert: "",
42
+ error: "",
43
+ info: "",
44
+ neutral: "",
45
+ main: "",
46
+ support: "",
47
+ accent: "",
48
+ surface: "",
49
+ surfaceInverse: ""
50
+ }
51
+ },
52
+ compoundVariants: [
53
+ {
54
+ design: "filled",
55
+ intent: "success",
56
+ class: ["bg-success text-on-success border-success"]
57
+ },
58
+ {
59
+ design: "filled",
60
+ intent: "alert",
61
+ class: ["bg-alert text-on-alert border-alert"]
62
+ },
63
+ {
64
+ design: "filled",
65
+ intent: "error",
66
+ class: ["bg-error text-on-error border-error"]
67
+ },
68
+ {
69
+ design: "filled",
70
+ intent: "info",
71
+ class: ["bg-info text-on-info border-info"]
72
+ },
73
+ {
74
+ design: "filled",
75
+ intent: "neutral",
76
+ class: ["bg-neutral text-on-neutral border-neutral"]
77
+ },
78
+ {
79
+ design: "filled",
80
+ intent: "main",
81
+ class: ["bg-main text-on-main border-main"]
82
+ },
83
+ {
84
+ design: "filled",
85
+ intent: "support",
86
+ class: ["bg-support text-on-support border-support"]
87
+ },
88
+ {
89
+ design: "filled",
90
+ intent: "accent",
91
+ class: ["bg-accent text-on-accent border-accent"]
92
+ },
93
+ {
94
+ design: "filled",
95
+ intent: "surface",
96
+ class: ["bg-surface text-on-surface border-surface"]
97
+ },
98
+ {
99
+ design: "filled",
100
+ intent: "surfaceInverse",
101
+ class: ["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]
102
+ },
103
+ {
104
+ design: "tinted",
105
+ intent: "success",
106
+ class: ["bg-success-container text-on-success-container border-success"]
107
+ },
108
+ {
109
+ design: "tinted",
110
+ intent: "alert",
111
+ class: ["bg-alert-container text-on-alert-container border-alert"]
112
+ },
113
+ {
114
+ design: "tinted",
115
+ intent: "error",
116
+ class: ["bg-error-container text-on-error-container border-error"]
117
+ },
118
+ {
119
+ design: "tinted",
120
+ intent: "info",
121
+ class: ["bg-info-container text-on-info-container border-info"]
122
+ },
123
+ {
124
+ design: "tinted",
125
+ intent: "neutral",
126
+ class: ["bg-neutral-container text-on-neutral-container border-neutral"]
127
+ },
128
+ {
129
+ design: "tinted",
130
+ intent: "main",
131
+ class: ["bg-main-container text-on-main-container border-main"]
132
+ },
133
+ {
134
+ design: "tinted",
135
+ intent: "support",
136
+ class: ["bg-support-container text-on-support-container border-support"]
137
+ },
138
+ {
139
+ design: "tinted",
140
+ intent: "accent",
141
+ class: ["bg-accent-container text-on-accent-container border-accent"]
142
+ },
143
+ {
144
+ design: "tinted",
145
+ intent: "surface",
146
+ class: ["bg-surface text-on-surface border-surface"]
147
+ },
148
+ {
149
+ design: "tinted",
150
+ intent: "surfaceInverse",
151
+ class: ["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]
152
+ }
153
+ ],
154
+ defaultVariants: {
155
+ design: "filled",
156
+ intent: "neutral"
157
+ }
158
+ });
159
+ i([
160
+ "inline-grid items-center",
161
+ "col-start-1 row-start-1",
162
+ "pl-md pr-lg"
163
+ ], {
164
+ variants: { actionOnNewline: {
165
+ true: [
166
+ "grid-rows-[52px_1fr_52px]",
167
+ "grid-cols-[min-content_1fr_min-content]",
168
+ "[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']"
169
+ ],
170
+ false: ["grid-cols-[min-content_1fr_min-content_min-content]", "[grid-template-areas:'icon_message_action_close']"]
171
+ } },
172
+ defaultVariants: { actionOnNewline: !1 }
173
+ });
174
+ //#endregion
175
+ //#region src/toast/Toast.tsx
176
+ function g(e) {
177
+ return e === "surfaceInverse" ? "surface" : e === "surface" ? "surfaceInverse" : e === "error" ? "danger" : e;
201
178
  }
202
- function X(e) {
203
- return e === "surfaceInverse" ? "surfaceInverse" : e === "surface" ? "surface" : e === "error" ? "danger" : e;
179
+ function _(e) {
180
+ return e === "surfaceInverse" ? "surfaceInverse" : e === "surface" ? "surface" : e === "error" ? "danger" : e;
204
181
  }
205
- const k = (e, { toastDesign: r, toastIntent: n }) => {
206
- if (!e) return {};
207
- const { design: m, intent: i, className: c, onClick: d, ...o } = e;
208
- return {
209
- design: m ?? r,
210
- intent: i ?? F(n),
211
- className: l("ml-auto", c),
212
- onClick: d,
213
- ...o
214
- };
215
- }, R = (e, r, n) => ({
216
- swipeDirection: ["down", "right"],
217
- toast: e,
218
- className: l(z({ design: r, intent: n })),
219
- style: {
220
- "--gap": "var(--spacing-md)",
221
- "--offset-y": "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"
222
- }
182
+ var v = (e, { toastDesign: t, toastIntent: n }) => {
183
+ if (!e) return {};
184
+ let { design: r, intent: i, className: o, onClick: s, ...c } = e;
185
+ return {
186
+ design: r ?? t,
187
+ intent: i ?? g(n),
188
+ className: a("ml-auto", o),
189
+ onClick: s,
190
+ ...c
191
+ };
192
+ }, y = (e, t, n) => ({
193
+ swipeDirection: ["down", "right"],
194
+ toast: e,
195
+ className: a(h({
196
+ design: t,
197
+ intent: n
198
+ })),
199
+ style: {
200
+ "--gap": "var(--spacing-md)",
201
+ "--offset-y": "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"
202
+ }
223
203
  });
224
- function S(e) {
225
- switch (e) {
226
- case "info":
227
- return /* @__PURE__ */ t(I, {});
228
- case "success":
229
- return /* @__PURE__ */ t(Y, {});
230
- case "alert":
231
- return /* @__PURE__ */ t(A, {});
232
- case "error":
233
- return /* @__PURE__ */ t(P, {});
234
- case "main":
235
- case "support":
236
- case "accent":
237
- case "neutral":
238
- case "surface":
239
- case "surfaceInverse":
240
- default:
241
- return /* @__PURE__ */ t(I, {});
242
- }
204
+ function b(e) {
205
+ switch (e) {
206
+ case "info": return /* @__PURE__ */ s(f, {});
207
+ case "success": return /* @__PURE__ */ s(p, {});
208
+ case "alert": return /* @__PURE__ */ s(m, {});
209
+ case "error": return /* @__PURE__ */ s(d, {});
210
+ default: return /* @__PURE__ */ s(f, {});
211
+ }
243
212
  }
244
- function j({ toast: e }) {
245
- const {
246
- icon: r,
247
- intent: n = "info",
248
- design: m,
249
- // deprecated prop, ignored
250
- action: i,
251
- isClosable: c,
252
- closeLabel: d = "Close",
253
- compact: o = !1
254
- } = e.data ?? {}, f = "tinted", g = i?.close ? a.Close : a.Action, x = k(i, { toastDesign: f, toastIntent: n }), p = R(e, f, n), v = r ?? S(n), b = (s) => c ? /* @__PURE__ */ t(
255
- a.Close,
256
- {
257
- className: s,
258
- render: /* @__PURE__ */ t(
259
- D,
260
- {
261
- "aria-label": d,
262
- design: f,
263
- intent: X(n),
264
- size: "md"
265
- }
266
- ),
267
- children: /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(M, {}) })
268
- }
269
- ) : null, w = () => {
270
- const s = e.data?.title ?? e.title, h = !!(e.data?.description ?? e.description);
271
- return typeof s != "string" && s !== void 0 ? /* @__PURE__ */ t(
272
- a.Title,
273
- {
274
- className: h ? "text-headline-2" : "text-body-1",
275
- render: /* @__PURE__ */ t("div", {}),
276
- children: s
277
- }
278
- ) : /* @__PURE__ */ t(a.Title, { className: h ? "text-headline-2" : "text-body-1" });
279
- }, y = () => {
280
- const s = e.data?.description ?? e.description;
281
- return s ? typeof s != "string" ? /* @__PURE__ */ t(a.Description, { className: "text-body-1", render: /* @__PURE__ */ t("div", {}), children: s }) : /* @__PURE__ */ t(a.Description, { className: "text-body-1" }) : null;
282
- };
283
- return /* @__PURE__ */ t(a.Root, { ...p, children: /* @__PURE__ */ u("div", { className: l("flex", o ? "gap-lg items-center" : "gap-md flex-col"), children: [
284
- /* @__PURE__ */ u("div", { className: "gap-lg p-md flex grow items-center", children: [
285
- /* @__PURE__ */ t(_, { size: "md", children: v }),
286
- /* @__PURE__ */ u(
287
- "div",
288
- {
289
- className: l(
290
- "gap-sm flex flex-col",
291
- o && "flex-1",
292
- !o && c && "pr-3xl"
293
- ),
294
- children: [
295
- w(),
296
- y()
297
- ]
298
- }
299
- )
300
- ] }),
301
- /* @__PURE__ */ u("div", { className: l("flex"), children: [
302
- i && /* @__PURE__ */ t(g, { render: /* @__PURE__ */ t(B, { ...x }), children: i.label }),
303
- o && b()
304
- ] }),
305
- !o && b("top-md right-md absolute")
306
- ] }) }, e.id);
213
+ function x({ toast: e }) {
214
+ let { icon: i, intent: o = "info", design: d, action: f, isClosable: p, closeLabel: m = "Close", compact: h = !1 } = e.data ?? {}, g = "tinted", x = f?.close ? u.Close : u.Action, S = v(f, {
215
+ toastDesign: g,
216
+ toastIntent: o
217
+ }), C = y(e, g, o), w = i ?? b(o), T = (e) => p ? /* @__PURE__ */ s(u.Close, {
218
+ className: e,
219
+ render: /* @__PURE__ */ s(r, {
220
+ "aria-label": m,
221
+ design: g,
222
+ intent: _(o),
223
+ size: "md"
224
+ }),
225
+ children: /* @__PURE__ */ s(t, { children: /* @__PURE__ */ s(l, {}) })
226
+ }) : null, E = () => {
227
+ let t = e.data?.title ?? e.title, n = !!(e.data?.description ?? e.description);
228
+ return typeof t != "string" && t !== void 0 ? /* @__PURE__ */ s(u.Title, {
229
+ className: n ? "text-headline-2" : "text-body-1",
230
+ render: /* @__PURE__ */ s("div", {}),
231
+ children: t
232
+ }) : /* @__PURE__ */ s(u.Title, { className: n ? "text-headline-2" : "text-body-1" });
233
+ }, D = () => {
234
+ let t = e.data?.description ?? e.description;
235
+ return t ? typeof t == "string" ? /* @__PURE__ */ s(u.Description, { className: "text-body-1" }) : /* @__PURE__ */ s(u.Description, {
236
+ className: "text-body-1",
237
+ render: /* @__PURE__ */ s("div", {}),
238
+ children: t
239
+ }) : null;
240
+ };
241
+ return /* @__PURE__ */ s(u.Root, {
242
+ ...C,
243
+ children: /* @__PURE__ */ c("div", {
244
+ className: a("flex", h ? "gap-lg items-center" : "gap-md flex-col"),
245
+ children: [
246
+ /* @__PURE__ */ c("div", {
247
+ className: "gap-lg p-md flex grow items-center",
248
+ children: [/* @__PURE__ */ s(t, {
249
+ size: "md",
250
+ children: w
251
+ }), /* @__PURE__ */ c("div", {
252
+ className: a("gap-sm flex flex-col", h && "flex-1", !h && p && "pr-3xl"),
253
+ children: [E(), D()]
254
+ })]
255
+ }),
256
+ /* @__PURE__ */ c("div", {
257
+ className: a("flex"),
258
+ children: [f && /* @__PURE__ */ s(x, {
259
+ render: /* @__PURE__ */ s(n, { ...S }),
260
+ children: f.label
261
+ }), h && T()]
262
+ }),
263
+ !h && T("top-md right-md absolute")
264
+ ]
265
+ })
266
+ }, e.id);
307
267
  }
308
- function N() {
309
- const e = a.useToastManager(), r = V.useCallback(() => {
310
- e.toasts.forEach(({ id: n }) => e.close(n));
311
- }, [e]);
312
- return {
313
- ...e,
314
- closeAll: r
315
- };
268
+ //#endregion
269
+ //#region src/toast/useToastManager.ts
270
+ function S() {
271
+ let e = u.useToastManager(), t = o.useCallback(() => {
272
+ e.toasts.forEach(({ id: t }) => e.close(t));
273
+ }, [e]);
274
+ return {
275
+ ...e,
276
+ closeAll: t
277
+ };
316
278
  }
317
- function L() {
318
- const { toasts: e } = N();
319
- return e.map((r) => /* @__PURE__ */ t(j, { toast: r }, r.id));
279
+ //#endregion
280
+ //#region src/toast/index.tsx
281
+ function C() {
282
+ let { toasts: e } = S();
283
+ return e.map((e) => /* @__PURE__ */ s(x, { toast: e }, e.id));
320
284
  }
321
- function ee({ children: e, limit: r = 3, ...n }) {
322
- return /* @__PURE__ */ u(a.Provider, { limit: r, ...n, children: [
323
- /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
324
- a.Viewport,
325
- {
326
- className: l(
327
- "z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end"
328
- ),
329
- children: /* @__PURE__ */ t(L, {})
330
- }
331
- ) }),
332
- e
333
- ] });
285
+ function w({ children: e, limit: t = 3, ...n }) {
286
+ return /* @__PURE__ */ c(u.Provider, {
287
+ limit: t,
288
+ ...n,
289
+ children: [/* @__PURE__ */ s(u.Portal, { children: /* @__PURE__ */ s(u.Viewport, {
290
+ className: a("z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end"),
291
+ children: /* @__PURE__ */ s(C, {})
292
+ }) }), e]
293
+ });
334
294
  }
335
- function te({
336
- children: e,
337
- onClick: r,
338
- asChild: n = !1,
339
- title: m,
340
- description: i,
341
- timeout: c = 5e3,
342
- design: d = "filled",
343
- intent: o = "neutral",
344
- isClosable: f = !0,
345
- icon: g,
346
- action: x,
347
- compact: p,
348
- priority: v = "low"
349
- }) {
350
- const b = N(), w = n ? C : "button";
351
- function y(s) {
352
- r?.(s), b.add({
353
- title: m,
354
- description: i,
355
- timeout: c,
356
- priority: v,
357
- data: {
358
- design: d,
359
- intent: o,
360
- isClosable: f,
361
- ...g && { icon: g },
362
- action: x,
363
- ...p !== void 0 && { compact: p }
364
- }
365
- });
366
- }
367
- return /* @__PURE__ */ t(w, { ...!n && { type: "button" }, onClick: y, children: e });
295
+ function T({ children: t, onClick: n, asChild: r = !1, title: i, description: a, timeout: o = 5e3, design: c = "filled", intent: l = "neutral", isClosable: u = !0, icon: d, action: f, compact: p, priority: m = "low" }) {
296
+ let h = S(), g = r ? e : "button";
297
+ function _(e) {
298
+ n?.(e), h.add({
299
+ title: i,
300
+ description: a,
301
+ timeout: o,
302
+ priority: m,
303
+ data: {
304
+ design: c,
305
+ intent: l,
306
+ isClosable: u,
307
+ ...d && { icon: d },
308
+ action: f,
309
+ ...p !== void 0 && { compact: p }
310
+ }
311
+ });
312
+ }
313
+ return /* @__PURE__ */ s(g, {
314
+ ...!r && { type: "button" },
315
+ onClick: _,
316
+ children: t
317
+ });
368
318
  }
369
- const ne = a.createToastManager;
370
- export {
371
- ee as ToastProvider,
372
- te as ToastTrigger,
373
- ne as createToastManager,
374
- N as useToastManager
375
- };
376
- //# sourceMappingURL=index.mjs.map
319
+ var E = u.createToastManager;
320
+ //#endregion
321
+ export { w as ToastProvider, T as ToastTrigger, E as createToastManager, S as useToastManager };
322
+
323
+ //# sourceMappingURL=index.mjs.map