fansunited-widgets-cdn 0.0.92 → 0.0.94

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 (89) hide show
  1. package/chunks/AlertMessage-BBIRgWGu-BRXawIQx.js +629 -0
  2. package/chunks/ArrowRightAlt-BuGlVWmA-SQpe5AU1.js +83 -0
  3. package/chunks/Avatar-D5Ca-p3i-BcCjgzWs.js +188 -0
  4. package/chunks/ChanceGameEmbedVariant-Bp3ii_VS-BaREt663.js +790 -0
  5. package/chunks/{ChanceGameWrapper-DS5EbxMF.js → ChanceGameWrapper-pzd_z7_0.js} +84 -81
  6. package/chunks/CheckCircle-BN-6n2s4-R-q5t3Vt.js +2149 -0
  7. package/chunks/ChevronRight-DRNoyuJB.js +2850 -0
  8. package/chunks/{ClassicQuizWrapper-DuEvqwIr.js → ClassicQuizWrapper-BkaDuSoZ.js} +543 -613
  9. package/chunks/CollectLeadForm-DbuD6K36-C9VwIpKk.js +3538 -0
  10. package/chunks/{CollectLeadWrapper-B71dvha5.js → CollectLeadWrapper-DIfc09XL.js} +48 -47
  11. package/chunks/DiscussionWrapper-C0cmVM1D.js +2546 -0
  12. package/chunks/EitherOrWrapper-iWvloD7l.js +3808 -0
  13. package/chunks/{EventGameWrapper-Bl3ZrFGO.js → EventGameWrapper-BrCGSojQ.js} +631 -677
  14. package/chunks/FavoriteBorder-BRZGDJoN-DFtU71Hm.js +11 -0
  15. package/chunks/{Grid-DRK4yzvV.js → Grid-DfBc77M5.js} +27 -27
  16. package/chunks/{default-quiz-bg-BnbRnKUC.js → List-DtHNl_1T.js} +1268 -114
  17. package/chunks/MatchPredictionContainer-C8lW41_P.js +889 -0
  18. package/chunks/{MatchQuizWrapper-DSwqyzpF.js → MatchQuizWrapper-BKARaPz9.js} +1052 -1097
  19. package/chunks/NotFoundSkeleton-BWhIYfwK-d66PhBeC.js +1488 -0
  20. package/chunks/Notification-BByoWylW-DxJmvZrq.js +423 -0
  21. package/chunks/OverlayLeadAfterCollection-BZzelHmI-Dvureobp.js +673 -0
  22. package/chunks/{OverlayScoreStateSkeleton-BEe63pWp-D69KPNxG.js → OverlayScoreStateSkeleton-DLuFPA2v-yAMUGNjF.js} +22 -21
  23. package/chunks/Person-CWp0SazC-SAtHQ-KC.js +379 -0
  24. package/chunks/{PersonalityQuizWrapper-CCP8Cjb9.js → PersonalityQuizWrapper-BrR-F-EY.js} +6432 -5528
  25. package/chunks/{PickOneOfX-UVJCgkSX-UoaurXFp.js → PickOneOfX-ClXzFCpd-D9hv0kR8.js} +106 -106
  26. package/chunks/{PickThePairWrapper-OFM8ryAy.js → PickThePairWrapper-BtF14Cxo.js} +85 -82
  27. package/chunks/{PlayerOfTheMatch-Cx2zniL4.js → PlayerOfTheMatch-CPjc9gZj.js} +982 -834
  28. package/chunks/{PollWrapper-Bg-NjfHW.js → PollWrapper-QdsT5pe6.js} +182 -177
  29. package/chunks/{Portal-CfeOliT5-Cb3uDWUx.js → Portal-BgtHMXTp-DCBFH5Eu.js} +8 -8
  30. package/chunks/{useImageVariant-BB7FL7DQ-Bs-a4f5N.js → PrizeCard-Daz27Vrl-CxGr97qS.js} +5826 -5456
  31. package/chunks/Spinner-CsUckp7U-C3GY2Olv.js +712 -0
  32. package/chunks/SplitLeadAfterCollection-BGHkV2Q2-BVIAEjmb.js +231 -0
  33. package/chunks/{Tabs-B6f7vU-w-DJG_geP4.js → Tabs-ChEhfzcs-B1xz3p5G.js} +74 -74
  34. package/chunks/{TeamNextMatchPrediction-5xHjqnTX.js → TeamNextMatchPrediction-CWtStZF5.js} +2 -2
  35. package/chunks/Textarea-DfHLYaSy-BtzH5-8a.js +431 -0
  36. package/chunks/{TimerOutlined-CtKZ9Yp9-CHDsxmc4.js → TimerOutlined-4HfKsPd2-Cag5415h.js} +2 -2
  37. package/chunks/chevron-right-DvgkvJY1-BKQm7Ea-.js +203 -0
  38. package/chunks/createLucideIcon-DJqw4PBb.js +649 -0
  39. package/chunks/{resolveProps-BNuTW3ce.js → identifier-ChEcU7R0.js} +900 -679
  40. package/chunks/index-B0XVLSad-BGJBZ6fU.js +1621 -0
  41. package/chunks/{index-Ff3w5jJ0.js → index-B4ym1tTj.js} +1 -1
  42. package/chunks/{index-BaApfbio.js → index-BOAWaOw7.js} +1 -1
  43. package/chunks/{index-D8YWqvUO.js → index-BYSZ4ija.js} +1 -1
  44. package/chunks/{index-yUjyqpy_.js → index-BhC47vbA.js} +1 -1
  45. package/chunks/index-Bss0Qmv_.js +39 -0
  46. package/chunks/{index-RowlNBZ1.js → index-CJ9C-uWB.js} +1 -1
  47. package/chunks/index-D0_ZAGV7.js +56 -0
  48. package/chunks/{index-Dl0P05wh.js → index-DJCZ2ylk.js} +1 -1
  49. package/chunks/{index-CtJco0Hl.js → index-D_kb5ECY.js} +1 -1
  50. package/chunks/{index-DTFyRUlP.js → index-Db6dxh3m.js} +2 -2
  51. package/chunks/{index-qfiKpd9z.js → index-DtwMfEXO.js} +1 -1
  52. package/chunks/{index-FkgYva0r.js → index-DwUJ_3i7.js} +1 -1
  53. package/chunks/{index-WtxzRMRl.js → index-P3TaDtrb.js} +1 -1
  54. package/chunks/{index-DfIEAASz.js → index-rZZdbh9t.js} +2 -2
  55. package/chunks/{init-C7tsT0yP.js → init-BiNlS2G7.js} +1 -1
  56. package/chunks/main-DgdGPAG0.js +48430 -0
  57. package/chunks/useImageVariant-PuJUajGW-Ca1KAPRF.js +538 -0
  58. package/chunks/useInfoPage-BHdgKdme-CwPZNThs.js +50 -0
  59. package/fu-widgets.es.js +1 -1
  60. package/fu-widgets.iife.js +376 -418
  61. package/manifest.json +60 -61
  62. package/package.json +1 -1
  63. package/chunks/Alert-DyJFtj8r.js +0 -149
  64. package/chunks/AlertMessage-DZAXIV4L-B-F5h0fV.js +0 -2771
  65. package/chunks/CardContent-C9ppiGEl.js +0 -61
  66. package/chunks/ChanceGameEmbedVariant-B5jX_jMO-DES8shFi.js +0 -2392
  67. package/chunks/ChevronRight-uQLaxlUR.js +0 -364
  68. package/chunks/CollectLeadForm-D7pLjJkA-CwlDRPMs.js +0 -3957
  69. package/chunks/EitherOrById-CktezxzN.js +0 -6820
  70. package/chunks/EitherOrPreviewWrapper-BRcVR6OL.js +0 -46
  71. package/chunks/Error-ZEDfLj_t-CUWUV-6k.js +0 -1120
  72. package/chunks/IconButton-DUV3M-dE.js +0 -207
  73. package/chunks/List-v3GE8Ptq.js +0 -394
  74. package/chunks/MatchPredictionContainer-B3QyiD4l.js +0 -749
  75. package/chunks/OverlayLeadAfterCollection-9i_et1r0-DNdG9HYH.js +0 -896
  76. package/chunks/PreviewQuizById-Cd_L7bGR.js +0 -4884
  77. package/chunks/Sheet-CZwz1h_L.js +0 -282
  78. package/chunks/Stack-gxSz7GnC.js +0 -117
  79. package/chunks/Tutorial-Dh6-FT62.js +0 -1071
  80. package/chunks/createLucideIcon-DZZk_pJO.js +0 -381
  81. package/chunks/createSvgIcon-Dum7OXhJ.js +0 -2512
  82. package/chunks/index-BXhhEvRw.js +0 -20
  83. package/chunks/index-C4viajvY.js +0 -85
  84. package/chunks/index-DZrTYIIl.js +0 -16
  85. package/chunks/index-DmgBmMtv.js +0 -20
  86. package/chunks/index-onY4BDGU.js +0 -33
  87. package/chunks/main-QViCH8ny.js +0 -51400
  88. package/chunks/useInfoPage-Cjw5ykNz-CDl9Fd39.js +0 -2236
  89. package/chunks/users-CPHVSutk.js +0 -16
@@ -0,0 +1,629 @@
1
+ import { a as sr, N as lr, E as dr, c as $, h as F, m as N, i as l, D as f, n as u, q as M, G as _, aa as cr, s as S, l as E, t as pr, x as ur, V as vr, ab as mr, ac as O, ad as T, ae as hr, af as gr, ag as J, ah as Ir, a7 as fr, B as L, o as G, ai as xr, aj as br, a9 as Sr } from "./PrizeCard-Daz27Vrl-CxGr97qS.js";
2
+ import { j as d, r as R } from "./main-DgdGPAG0.js";
3
+ import { i as yr, s as zr } from "./CheckCircle-BN-6n2s4-R-q5t3Vt.js";
4
+ const Cr = cr(), Dr = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], wr = xr(), Rr = Cr("div", {
5
+ name: "MuiStack",
6
+ slot: "Root",
7
+ overridesResolver: (r, e) => e.root
8
+ });
9
+ function kr(r) {
10
+ return mr({
11
+ props: r,
12
+ name: "MuiStack",
13
+ defaultTheme: wr
14
+ });
15
+ }
16
+ function Hr(r, e) {
17
+ const t = R.Children.toArray(r).filter(Boolean);
18
+ return t.reduce((o, n, a) => (o.push(n), a < t.length - 1 && o.push(/* @__PURE__ */ R.cloneElement(e, {
19
+ key: `separator-${a}`
20
+ })), o), []);
21
+ }
22
+ const Ar = (r) => ({
23
+ row: "Left",
24
+ "row-reverse": "Right",
25
+ column: "Top",
26
+ "column-reverse": "Bottom"
27
+ })[r], Pr = ({
28
+ ownerState: r,
29
+ theme: e
30
+ }) => {
31
+ let t = l({
32
+ display: "flex",
33
+ flexDirection: "column"
34
+ }, O({
35
+ theme: e
36
+ }, T({
37
+ values: r.direction,
38
+ breakpoints: e.breakpoints.values
39
+ }), (o) => ({
40
+ flexDirection: o
41
+ })));
42
+ if (r.spacing) {
43
+ const o = hr(e), n = Object.keys(e.breakpoints.values).reduce((i, s) => ((typeof r.spacing == "object" && r.spacing[s] != null || typeof r.direction == "object" && r.direction[s] != null) && (i[s] = !0), i), {}), a = T({
44
+ values: r.direction,
45
+ base: n
46
+ }), c = T({
47
+ values: r.spacing,
48
+ base: n
49
+ });
50
+ typeof a == "object" && Object.keys(a).forEach((i, s, m) => {
51
+ if (!a[i]) {
52
+ const v = s > 0 ? a[m[s - 1]] : "column";
53
+ a[i] = v;
54
+ }
55
+ }), t = gr(t, O({
56
+ theme: e
57
+ }, c, (i, s) => r.useFlexGap ? {
58
+ gap: J(o, i)
59
+ } : {
60
+ // The useFlexGap={false} implement relies on each child to give up control of the margin.
61
+ // We need to reset the margin to avoid double spacing.
62
+ "& > :not(style):not(style)": {
63
+ margin: 0
64
+ },
65
+ "& > :not(style) ~ :not(style)": {
66
+ [`margin${Ar(s ? a[s] : r.direction)}`]: J(o, i)
67
+ }
68
+ }));
69
+ }
70
+ return t = Ir(e.breakpoints, t), t;
71
+ };
72
+ function Wr(r = {}) {
73
+ const {
74
+ // This will allow adding custom styled fn (for example for custom sx style function)
75
+ createStyledComponent: e = Rr,
76
+ useThemeProps: t = kr,
77
+ componentName: o = "MuiStack"
78
+ } = r, n = () => E({
79
+ root: ["root"]
80
+ }, (i) => br(o, i), {}), a = e(Pr);
81
+ return /* @__PURE__ */ R.forwardRef(function(i, s) {
82
+ const m = t(i), v = fr(m), {
83
+ component: x = "div",
84
+ direction: y = "column",
85
+ spacing: z = 0,
86
+ divider: b,
87
+ children: p,
88
+ className: h,
89
+ useFlexGap: g = !1
90
+ } = v, I = N(v, Dr), C = {
91
+ direction: y,
92
+ spacing: z,
93
+ useFlexGap: g
94
+ }, D = n();
95
+ return /* @__PURE__ */ d.jsx(a, l({
96
+ as: x,
97
+ ownerState: C,
98
+ ref: s,
99
+ className: M(D.root, h)
100
+ }, I, {
101
+ children: b ? Hr(p, b) : p
102
+ }));
103
+ });
104
+ }
105
+ function jr(r) {
106
+ return G("MuiAlert", r);
107
+ }
108
+ L("MuiAlert", ["root", "startDecorator", "endDecorator", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
109
+ const Br = ["children", "className", "color", "invertedColors", "role", "variant", "size", "startDecorator", "endDecorator", "component", "slots", "slotProps"], $r = (r) => {
110
+ const {
111
+ variant: e,
112
+ color: t,
113
+ size: o
114
+ } = r, n = {
115
+ root: ["root", o && `size${S(o)}`, t && `color${S(t)}`, e && `variant${S(e)}`],
116
+ startDecorator: ["startDecorator"],
117
+ endDecorator: ["endDecorator"]
118
+ };
119
+ return E(n, jr, {});
120
+ }, Tr = u("div", {
121
+ name: "JoyAlert",
122
+ slot: "Root",
123
+ overridesResolver: (r, e) => e.root
124
+ })(({
125
+ theme: r,
126
+ ownerState: e
127
+ }) => {
128
+ var t;
129
+ const {
130
+ p: o,
131
+ padding: n,
132
+ borderRadius: a
133
+ } = pr({
134
+ theme: r,
135
+ ownerState: e
136
+ }, ["p", "padding", "borderRadius"]);
137
+ return [l({
138
+ "--Alert-radius": r.vars.radius.sm,
139
+ "--Alert-decoratorChildRadius": "max((var(--Alert-radius) - var(--variant-borderWidth, 0px)) - var(--Alert-padding), min(var(--Alert-padding) + var(--variant-borderWidth, 0px), var(--Alert-radius) / 2))",
140
+ "--Button-minHeight": "var(--Alert-decoratorChildHeight)",
141
+ "--IconButton-size": "var(--Alert-decoratorChildHeight)",
142
+ "--Button-radius": "var(--Alert-decoratorChildRadius)",
143
+ "--IconButton-radius": "var(--Alert-decoratorChildRadius)",
144
+ "--Icon-color": "currentColor"
145
+ }, e.size === "sm" && {
146
+ "--Alert-padding": "0.5rem",
147
+ "--Alert-decoratorChildHeight": "1.5rem",
148
+ "--Icon-fontSize": r.vars.fontSize.xl,
149
+ gap: "0.5rem"
150
+ }, e.size === "md" && {
151
+ "--Alert-padding": "0.75rem",
152
+ "--Alert-decoratorChildHeight": "2rem",
153
+ "--Icon-fontSize": r.vars.fontSize.xl,
154
+ gap: "0.625rem"
155
+ }, e.size === "lg" && {
156
+ "--Alert-padding": "1rem",
157
+ "--Alert-decoratorChildHeight": "2.375rem",
158
+ "--Icon-fontSize": r.vars.fontSize.xl2,
159
+ gap: "0.875rem"
160
+ }, {
161
+ backgroundColor: r.vars.palette.background.surface,
162
+ display: "flex",
163
+ position: "relative",
164
+ alignItems: "center",
165
+ padding: "var(--Alert-padding)",
166
+ borderRadius: "var(--Alert-radius)"
167
+ }, r.typography[`body-${{
168
+ sm: "xs",
169
+ md: "sm",
170
+ lg: "md"
171
+ }[e.size]}`], {
172
+ fontWeight: r.vars.fontWeight.md
173
+ }, e.variant === "solid" && e.color && e.invertedColors && ur(e.color)(r), e.variant === "soft" && e.color && e.invertedColors && vr(e.color)(r), (t = r.variants[e.variant]) == null ? void 0 : t[e.color]), o !== void 0 && {
174
+ "--Alert-padding": o
175
+ }, n !== void 0 && {
176
+ "--Alert-padding": n
177
+ }, a !== void 0 && {
178
+ "--Alert-radius": a
179
+ }];
180
+ }), Fr = u("span", {
181
+ name: "JoyAlert",
182
+ slot: "StartDecorator",
183
+ overridesResolver: (r, e) => e.startDecorator
184
+ })({
185
+ display: "inherit",
186
+ flex: "none"
187
+ }), Nr = u("span", {
188
+ name: "JoyAlert",
189
+ slot: "EndDecorator",
190
+ overridesResolver: (r, e) => e.endDecorator
191
+ })({
192
+ display: "inherit",
193
+ flex: "none",
194
+ marginLeft: "auto"
195
+ }), Er = /* @__PURE__ */ R.forwardRef(function(r, e) {
196
+ const t = F({
197
+ props: r,
198
+ name: "JoyAlert"
199
+ }), {
200
+ children: o,
201
+ className: n,
202
+ color: a = "neutral",
203
+ invertedColors: c = !1,
204
+ role: i = "alert",
205
+ variant: s = "soft",
206
+ size: m = "md",
207
+ startDecorator: v,
208
+ endDecorator: x,
209
+ component: y,
210
+ slots: z = {},
211
+ slotProps: b = {}
212
+ } = t, p = N(t, Br), h = l({}, t, {
213
+ color: a,
214
+ invertedColors: c,
215
+ variant: s,
216
+ size: m
217
+ }), g = $r(h), I = l({}, p, {
218
+ component: y,
219
+ slots: z,
220
+ slotProps: b
221
+ }), [C, D] = f("root", {
222
+ ref: e,
223
+ className: M(g.root, n),
224
+ elementType: Tr,
225
+ externalForwardedProps: I,
226
+ ownerState: h,
227
+ additionalProps: {
228
+ role: i
229
+ }
230
+ }), [W, j] = f("startDecorator", {
231
+ className: g.startDecorator,
232
+ elementType: Fr,
233
+ externalForwardedProps: I,
234
+ ownerState: h
235
+ }), [k, H] = f("endDecorator", {
236
+ className: g.endDecorator,
237
+ elementType: Nr,
238
+ externalForwardedProps: I,
239
+ ownerState: h
240
+ });
241
+ return /* @__PURE__ */ d.jsxs(C, l({}, D, {
242
+ children: [v && /* @__PURE__ */ d.jsx(W, l({}, j, {
243
+ children: v
244
+ })), o, x && /* @__PURE__ */ d.jsx(k, l({}, H, {
245
+ children: x
246
+ }))]
247
+ }));
248
+ });
249
+ function Or(r) {
250
+ return G("MuiInput", r);
251
+ }
252
+ const V = L("MuiInput", ["root", "input", "formControl", "focused", "disabled", "error", "adornedStart", "adornedEnd", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "fullWidth", "startDecorator", "endDecorator"]), Jr = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "fullWidth", "size", "color", "variant", "startDecorator", "endDecorator", "component", "slots", "slotProps"], Mr = (r) => {
253
+ const {
254
+ disabled: e,
255
+ fullWidth: t,
256
+ variant: o,
257
+ color: n,
258
+ size: a
259
+ } = r, c = {
260
+ root: ["root", e && "disabled", t && "fullWidth", o && `variant${S(o)}`, n && `color${S(n)}`, a && `size${S(a)}`],
261
+ input: ["input"],
262
+ startDecorator: ["startDecorator"],
263
+ endDecorator: ["endDecorator"]
264
+ };
265
+ return E(c, Or, {});
266
+ }, _r = u("div")(({
267
+ theme: r,
268
+ ownerState: e
269
+ }) => {
270
+ var t, o, n, a, c, i;
271
+ const s = (t = r.variants[`${e.variant}`]) == null ? void 0 : t[e.color];
272
+ return [l({
273
+ "--Input-radius": r.vars.radius.sm,
274
+ "--Input-gap": "0.5rem",
275
+ "--Input-placeholderColor": "inherit",
276
+ "--Input-placeholderOpacity": 0.64,
277
+ "--Input-decoratorColor": r.vars.palette.text.icon,
278
+ "--Input-focused": "0",
279
+ "--Input-focusedThickness": r.vars.focus.thickness,
280
+ "--Input-focusedHighlight": (o = r.vars.palette[e.color === "neutral" ? "primary" : e.color]) == null ? void 0 : o[500],
281
+ [`&:not([${Sr}])`]: l({}, e.instanceColor && {
282
+ "--_Input-focusedHighlight": (n = r.vars.palette[e.instanceColor === "neutral" ? "primary" : e.instanceColor]) == null ? void 0 : n[500]
283
+ }, {
284
+ "--Input-focusedHighlight": `var(--_Input-focusedHighlight, ${r.vars.palette.focusVisible})`
285
+ })
286
+ }, e.size === "sm" && {
287
+ "--Input-minHeight": "2rem",
288
+ "--Input-paddingInline": "0.5rem",
289
+ "--Input-decoratorChildHeight": "min(1.5rem, var(--Input-minHeight))",
290
+ "--Icon-fontSize": r.vars.fontSize.xl
291
+ }, e.size === "md" && {
292
+ "--Input-minHeight": "2.25rem",
293
+ "--Input-paddingInline": "0.75rem",
294
+ "--Input-decoratorChildHeight": "min(1.75rem, var(--Input-minHeight))",
295
+ "--Icon-fontSize": r.vars.fontSize.xl2
296
+ }, e.size === "lg" && {
297
+ "--Input-minHeight": "2.75rem",
298
+ "--Input-paddingInline": "1rem",
299
+ "--Input-gap": "0.75rem",
300
+ "--Input-decoratorChildHeight": "min(2.25rem, var(--Input-minHeight))",
301
+ "--Icon-fontSize": r.vars.fontSize.xl2
302
+ }, {
303
+ // variables for controlling child components
304
+ "--Input-decoratorChildOffset": "min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline))",
305
+ "--_Input-paddingBlock": "max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px)",
306
+ "--Input-decoratorChildRadius": "max(var(--Input-radius) - var(--variant-borderWidth, 0px) - var(--_Input-paddingBlock), min(var(--_Input-paddingBlock) + var(--variant-borderWidth, 0px), var(--Input-radius) / 2))",
307
+ "--Button-minHeight": "var(--Input-decoratorChildHeight)",
308
+ "--Button-paddingBlock": "0px",
309
+ // to ensure that the height of the button is equal to --Button-minHeight
310
+ "--IconButton-size": "var(--Input-decoratorChildHeight)",
311
+ "--Button-radius": "var(--Input-decoratorChildRadius)",
312
+ "--IconButton-radius": "var(--Input-decoratorChildRadius)",
313
+ boxSizing: "border-box"
314
+ }, e.variant !== "plain" && {
315
+ boxShadow: r.shadow.xs
316
+ }, {
317
+ minWidth: 0,
318
+ minHeight: "var(--Input-minHeight)"
319
+ }, e.fullWidth && {
320
+ width: "100%"
321
+ }, {
322
+ cursor: "text",
323
+ position: "relative",
324
+ display: "flex",
325
+ paddingInline: "var(--Input-paddingInline)",
326
+ borderRadius: "var(--Input-radius)"
327
+ }, r.typography[`body-${e.size}`], s, {
328
+ backgroundColor: (a = s == null ? void 0 : s.backgroundColor) != null ? a : r.vars.palette.background.surface,
329
+ "&::before": {
330
+ boxSizing: "border-box",
331
+ content: '""',
332
+ display: "block",
333
+ position: "absolute",
334
+ pointerEvents: "none",
335
+ top: 0,
336
+ left: 0,
337
+ right: 0,
338
+ bottom: 0,
339
+ zIndex: 1,
340
+ borderRadius: "inherit",
341
+ margin: "calc(var(--variant-borderWidth, 0px) * -1)",
342
+ // for outlined variant
343
+ boxShadow: "var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight)"
344
+ }
345
+ }), {
346
+ "&:hover": l({}, (c = r.variants[`${e.variant}Hover`]) == null ? void 0 : c[e.color], {
347
+ backgroundColor: null
348
+ // it is not common to change background on hover for Input
349
+ }),
350
+ [`&.${V.disabled}`]: (i = r.variants[`${e.variant}Disabled`]) == null ? void 0 : i[e.color],
351
+ "&:focus-within::before": {
352
+ "--Input-focused": "1"
353
+ }
354
+ }];
355
+ }), Lr = u("input")(({
356
+ ownerState: r
357
+ }) => ({
358
+ border: "none",
359
+ // remove the native input width
360
+ minWidth: 0,
361
+ // remove the native input width
362
+ outline: 0,
363
+ // remove the native input outline
364
+ padding: 0,
365
+ // remove the native input padding
366
+ flex: 1,
367
+ color: "inherit",
368
+ backgroundColor: "transparent",
369
+ fontFamily: "inherit",
370
+ fontSize: "inherit",
371
+ fontStyle: "inherit",
372
+ fontWeight: "inherit",
373
+ lineHeight: "inherit",
374
+ textOverflow: "ellipsis",
375
+ "&:-webkit-autofill": l({
376
+ paddingInline: "var(--Input-paddingInline)"
377
+ }, !r.startDecorator && {
378
+ marginInlineStart: "calc(-1 * var(--Input-paddingInline))",
379
+ paddingInlineStart: "var(--Input-paddingInline)",
380
+ borderTopLeftRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))",
381
+ borderBottomLeftRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))"
382
+ }, !r.endDecorator && {
383
+ marginInlineEnd: "calc(-1 * var(--Input-paddingInline))",
384
+ paddingInlineEnd: "var(--Input-paddingInline)",
385
+ borderTopRightRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))",
386
+ borderBottomRightRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))"
387
+ }),
388
+ "&::-webkit-input-placeholder": {
389
+ color: "var(--Input-placeholderColor)",
390
+ opacity: "var(--Input-placeholderOpacity)"
391
+ },
392
+ "&::-moz-placeholder": {
393
+ // Firefox 19+
394
+ color: "var(--Input-placeholderColor)",
395
+ opacity: "var(--Input-placeholderOpacity)"
396
+ },
397
+ "&:-ms-input-placeholder": {
398
+ // IE11
399
+ color: "var(--Input-placeholderColor)",
400
+ opacity: "var(--Input-placeholderOpacity)"
401
+ },
402
+ "&::-ms-input-placeholder": {
403
+ // Edge
404
+ color: "var(--Input-placeholderColor)",
405
+ opacity: "var(--Input-placeholderOpacity)"
406
+ }
407
+ })), Gr = u("div")({
408
+ "--Button-margin": "0 0 0 calc(var(--Input-decoratorChildOffset) * -1)",
409
+ "--IconButton-margin": "0 0 0 calc(var(--Input-decoratorChildOffset) * -1)",
410
+ "--Icon-margin": "0 0 0 calc(var(--Input-paddingInline) / -4)",
411
+ display: "inherit",
412
+ alignItems: "center",
413
+ paddingBlock: "var(--unstable_InputPaddingBlock)",
414
+ // for wrapping Autocomplete's tags
415
+ flexWrap: "wrap",
416
+ // for wrapping Autocomplete's tags
417
+ marginInlineEnd: "var(--Input-gap)",
418
+ color: "var(--Input-decoratorColor)",
419
+ cursor: "initial"
420
+ }), Vr = u("div")({
421
+ "--Button-margin": "0 calc(var(--Input-decoratorChildOffset) * -1) 0 0",
422
+ "--IconButton-margin": "0 calc(var(--Input-decoratorChildOffset) * -1) 0 0",
423
+ "--Icon-margin": "0 calc(var(--Input-paddingInline) / -4) 0 0",
424
+ display: "inherit",
425
+ alignItems: "center",
426
+ marginInlineStart: "var(--Input-gap)",
427
+ color: "var(--Input-decoratorColor)",
428
+ cursor: "initial"
429
+ }), Kr = u(_r, {
430
+ name: "JoyInput",
431
+ slot: "Root",
432
+ overridesResolver: (r, e) => e.root
433
+ })({}), qr = u(Lr, {
434
+ name: "JoyInput",
435
+ slot: "Input",
436
+ overridesResolver: (r, e) => e.input
437
+ })({}), Qr = u(Gr, {
438
+ name: "JoyInput",
439
+ slot: "StartDecorator",
440
+ overridesResolver: (r, e) => e.startDecorator
441
+ })({}), Xr = u(Vr, {
442
+ name: "JoyInput",
443
+ slot: "EndDecorator",
444
+ overridesResolver: (r, e) => e.endDecorator
445
+ })({}), ne = /* @__PURE__ */ R.forwardRef(function(r, e) {
446
+ var t, o, n, a, c, i;
447
+ const s = F({
448
+ props: r,
449
+ name: "JoyInput"
450
+ }), m = zr(l({}, s, {
451
+ disabledInProp: r.disabled
452
+ }), V), {
453
+ propsToForward: v,
454
+ rootStateClasses: x,
455
+ inputStateClasses: y,
456
+ getRootProps: z,
457
+ getInputProps: b,
458
+ formControl: p,
459
+ focused: h,
460
+ error: g = !1,
461
+ disabled: I,
462
+ fullWidth: C = !1,
463
+ size: D = "md",
464
+ color: W = "neutral",
465
+ variant: j = "outlined",
466
+ startDecorator: k,
467
+ endDecorator: H,
468
+ component: K,
469
+ slots: q = {},
470
+ slotProps: Q = {}
471
+ } = m, X = N(m, Jr), B = (t = (o = r.error) != null ? o : p == null ? void 0 : p.error) != null ? t : g, Y = (n = (a = r.size) != null ? a : p == null ? void 0 : p.size) != null ? n : D, Z = (c = r.color) != null ? c : B ? "danger" : (i = p == null ? void 0 : p.color) != null ? i : W, w = l({
472
+ instanceColor: B ? "danger" : r.color
473
+ }, s, {
474
+ fullWidth: C,
475
+ color: Z,
476
+ disabled: I,
477
+ error: B,
478
+ focused: h,
479
+ size: Y,
480
+ variant: j
481
+ }), A = Mr(w), P = l({}, X, {
482
+ component: K,
483
+ slots: q,
484
+ slotProps: Q
485
+ }), [U, rr] = f("root", {
486
+ ref: e,
487
+ className: [A.root, x],
488
+ elementType: Kr,
489
+ getSlotProps: z,
490
+ externalForwardedProps: P,
491
+ ownerState: w
492
+ }), [er, tr] = f("input", l({}, p && {
493
+ additionalProps: {
494
+ id: p.htmlFor,
495
+ "aria-describedby": p["aria-describedby"]
496
+ }
497
+ }, {
498
+ className: [A.input, y],
499
+ elementType: qr,
500
+ getSlotProps: b,
501
+ internalForwardedProps: v,
502
+ externalForwardedProps: P,
503
+ ownerState: w
504
+ })), [or, ar] = f("startDecorator", {
505
+ className: A.startDecorator,
506
+ elementType: Qr,
507
+ externalForwardedProps: P,
508
+ ownerState: w
509
+ }), [nr, ir] = f("endDecorator", {
510
+ className: A.endDecorator,
511
+ elementType: Xr,
512
+ externalForwardedProps: P,
513
+ ownerState: w
514
+ });
515
+ return /* @__PURE__ */ d.jsxs(U, l({}, rr, {
516
+ children: [k && /* @__PURE__ */ d.jsx(or, l({}, ar, {
517
+ children: k
518
+ })), /* @__PURE__ */ d.jsx(er, l({}, tr)), H && /* @__PURE__ */ d.jsx(nr, l({}, ir, {
519
+ children: H
520
+ }))]
521
+ }));
522
+ }), Yr = Wr({
523
+ createStyledComponent: u("div", {
524
+ name: "JoyStack",
525
+ slot: "Root",
526
+ overridesResolver: (r, e) => e.root
527
+ }),
528
+ useThemeProps: (r) => F({
529
+ props: r,
530
+ name: "JoyStack"
531
+ })
532
+ }), Zr = _(/* @__PURE__ */ d.jsx("path", {
533
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
534
+ }), "Info"), Ur = _(/* @__PURE__ */ d.jsx("path", {
535
+ d: "M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"
536
+ }), "Warning"), re = (r, e) => {
537
+ switch (r) {
538
+ case "success":
539
+ return /* @__PURE__ */ d.jsx(yr, {});
540
+ case "error":
541
+ return /* @__PURE__ */ d.jsx(Ur, { sx: { color: e } });
542
+ case "info":
543
+ case "neutral":
544
+ return /* @__PURE__ */ d.jsx(Zr, {});
545
+ }
546
+ }, ee = (r) => {
547
+ switch (r) {
548
+ case "success":
549
+ return "success";
550
+ case "error":
551
+ return "danger";
552
+ case "info":
553
+ return "primary";
554
+ case "neutral":
555
+ return "neutral";
556
+ }
557
+ }, ie = ({
558
+ variant: r,
559
+ title: e,
560
+ message: t,
561
+ description: o
562
+ }) => {
563
+ const n = sr(), a = lr(), c = dr().secondary, i = ee(r);
564
+ return /* @__PURE__ */ d.jsx(
565
+ Er,
566
+ {
567
+ variant: "soft",
568
+ color: i,
569
+ startDecorator: re(
570
+ r,
571
+ n.colorSchemes.light.palette.danger.plainColor
572
+ ),
573
+ sx: {
574
+ gap: 1,
575
+ borderRadius: a.sm,
576
+ fontSize: "0.875em",
577
+ "--Icon-fontSize": "1.25em"
578
+ },
579
+ children: /* @__PURE__ */ d.jsxs(
580
+ Yr,
581
+ {
582
+ sx: {
583
+ fontSize: "1.5em"
584
+ },
585
+ children: [
586
+ e && /* @__PURE__ */ d.jsx(
587
+ $,
588
+ {
589
+ level: "title-md",
590
+ color: i,
591
+ fontWeight: "bold",
592
+ sx: { fontFamily: c, fontSize: "0.875em" },
593
+ children: e
594
+ }
595
+ ),
596
+ t && /* @__PURE__ */ d.jsx(
597
+ $,
598
+ {
599
+ level: "body-sm",
600
+ sx: { fontFamily: c, fontSize: "0.675em" },
601
+ children: t
602
+ }
603
+ ),
604
+ o && /* @__PURE__ */ d.jsx(
605
+ $,
606
+ {
607
+ level: "body-xs",
608
+ sx: { fontFamily: c, fontSize: "0.6em" },
609
+ children: o
610
+ }
611
+ )
612
+ ]
613
+ }
614
+ )
615
+ }
616
+ );
617
+ };
618
+ export {
619
+ Vr as K,
620
+ Yr as Q,
621
+ _r as X,
622
+ Lr as Y,
623
+ Er as Z,
624
+ Gr as a,
625
+ ne as e,
626
+ Ur as n,
627
+ ie as p,
628
+ Zr as t
629
+ };