fansunited-frontend-components 0.0.91 → 0.0.93
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.
- package/Betslip.js +1 -1
- package/ChanceGame.js +139 -146
- package/ClassicQuizPlay.js +1 -1
- package/CollectLead.js +14 -20
- package/CompetitionStatistics.js +27 -27
- package/CompetitorCard.js +895 -891
- package/Discussion.js +1 -1
- package/EitherOrPlay.js +1 -1
- package/EventCard.js +1496 -1572
- package/EventGamePlay.js +1 -1
- package/Leaderboard.js +249 -257
- package/List.js +319 -436
- package/MatchQuizPlay.js +1 -1
- package/Odds.js +30 -30
- package/PersonalityQuizPlay.js +1 -1
- package/PickThePair.js +627 -693
- package/PlayerOfTheMatch.js +256 -279
- package/PollVote.js +1 -1
- package/Predictor.js +19443 -2
- package/README.md +59 -2
- package/Standings.js +94 -99
- package/TopX.js +5871 -6987
- package/chunks/ChanceGameEmbedVariant-C3NGwvTF.js +21 -0
- package/chunks/OddsSkeleton-Bav8FHHN.js +26 -0
- package/chunks/{OddsStrip-c9Y8VgmW.js → OddsStrip-CviVfQI4.js} +51 -53
- package/chunks/{PickOneOfX-DbBYeZnU.js → PickOneOfX-a6Dv0-rR.js} +210 -212
- package/chunks/index-0ezhEUTz.js +4 -0
- package/chunks/index-B1d9q8fX.js +4 -0
- package/chunks/index-BP0pvFJ4.js +4 -0
- package/chunks/index-CSrBHonD.js +4 -0
- package/chunks/index-Ckyyw-I8.js +4 -0
- package/chunks/index-DAu5SkP8.js +4 -0
- package/chunks/index-yjMVOgwO.js +4 -0
- package/chunks/{main-BgDvdmc8.js → main-CFwRpvUi.js} +219 -238
- package/chunks/{main-bAzdlcP_.js → main-D9tFZv2q.js} +272 -308
- package/chunks/{main-BV-r09In.js → main-DPWm9Ema.js} +419 -434
- package/chunks/{main-DSQ1vaFe.js → main-Dj4Manb5.js} +386 -406
- package/chunks/{main-DcPlB4Wk.js → main-Dmc68oMQ.js} +730 -1093
- package/chunks/{main-D_Rq1xVm.js → main-DsAnwwP4.js} +1677 -2002
- package/chunks/{main-CA5G2ZQX.js → main-dwV_55lz.js} +409 -432
- package/chunks/main-eAQMCxQ7.js +1949 -0
- package/index.js +40 -44
- package/package.json +13 -5
- package/chunks/AccessTime-BVP1qnmC.js +0 -10
- package/chunks/AlertMessage-aNev3ob9.js +0 -318
- package/chunks/Avatar-Ck9sDlUF.js +0 -353
- package/chunks/Button-C5sVDXUr.js +0 -665
- package/chunks/Card-DMO0MtFg.js +0 -196
- package/chunks/CardActions-CniskUBs.js +0 -140
- package/chunks/CardContent-DSmkIh5e.js +0 -106
- package/chunks/ChanceGameEmbedVariant-C9U7q27r.js +0 -913
- package/chunks/CheckCircle-BLQUgEFO.js +0 -8
- package/chunks/Chip-CbmpDsTx.js +0 -365
- package/chunks/CircularProgress-BCucLg2A.js +0 -317
- package/chunks/Close-BJaeWPmO.js +0 -9
- package/chunks/Close-Bn_Gk4s2.js +0 -8
- package/chunks/CollectLeadForm-e59gRdao.js +0 -3419
- package/chunks/ConsentsList-ByAN0_kp.js +0 -339
- package/chunks/DirectionScope-Ty03Pl0K.js +0 -36
- package/chunks/Divider-D-SATYZX.js +0 -166
- package/chunks/Edit-uzcXQ0W4.js +0 -99
- package/chunks/EmojiEvents-DzZMpyj0.js +0 -8
- package/chunks/FavoriteBorder-Dz8YRmah.js +0 -11
- package/chunks/FormControl-CApGuvy1.js +0 -656
- package/chunks/FormControlContext-Ct0huDDM.js +0 -6
- package/chunks/FormLabel-BhUVGv0u.js +0 -130
- package/chunks/GlobalStyles-BiXuRSRs.js +0 -12
- package/chunks/InlineSpinner-BIQuuKyA.js +0 -28
- package/chunks/Input-C1c9bTgf.js +0 -391
- package/chunks/KeyboardArrowDown-BBL6SAyg.js +0 -11
- package/chunks/KeyboardArrowRight-DQMFvDqL.js +0 -11
- package/chunks/Link-IhyfKeZX.js +0 -319
- package/chunks/ListItemButton-C6H1ykg-.js +0 -1151
- package/chunks/ModalClose-COLCM3hQ.js +0 -153
- package/chunks/ModalDialog-19Yt0pTv.js +0 -880
- package/chunks/NotFoundSkeleton-B7aXpJX0.js +0 -83
- package/chunks/Notification-DPPIzFpw.js +0 -614
- package/chunks/OddsSkeleton-BdKCmc4R.js +0 -137
- package/chunks/OverlayScoreStateSkeleton-CGiMhlGz.js +0 -154
- package/chunks/OverlayScoreStateWrapperSkeleton-mzBPgf_P.js +0 -81
- package/chunks/OverlaySignInSkeleton-DnxRxCfU.js +0 -518
- package/chunks/OverlaySkeleton-bXtFE1Y6.js +0 -1193
- package/chunks/Person-CuxlprBB.js +0 -8
- package/chunks/PersonOutline-BViWQgNV.js +0 -8
- package/chunks/Popper-B-W5OzQt.js +0 -1263
- package/chunks/Portal-C1ku1V2Y.js +0 -74
- package/chunks/Portal-C49jCyHC.js +0 -66
- package/chunks/Predictor-DGjo_dOB.js +0 -19512
- package/chunks/PrizeCard-BIJVHmYW.js +0 -36064
- package/chunks/Search-RBBj-3Z1.js +0 -14
- package/chunks/Select-Be-2TLJx.js +0 -1165
- package/chunks/Sheet-DHMJRANx.js +0 -132
- package/chunks/SignInCta-Bz6nl2c-.js +0 -79
- package/chunks/Spinner-DQytYdCL.js +0 -39
- package/chunks/SportsSoccer-Dwp9CkcQ.js +0 -20
- package/chunks/Stack-Dx-77BoB.js +0 -169
- package/chunks/StandardContentSkeleton-DV_CkaNl.js +0 -57
- package/chunks/Table-D3ou_zxz.js +0 -394
- package/chunks/Tabs-D32XKc8G.js +0 -1084
- package/chunks/Textarea-HrQcjIXY.js +0 -475
- package/chunks/TimerOutlined-mHIHDBDv.js +0 -8
- package/chunks/Tooltip-iozKqko2.js +0 -535
- package/chunks/Typography-CHHyHOvn.js +0 -775
- package/chunks/areArraysEqual-B3mXtHvh.js +0 -6
- package/chunks/colorInversionUtils-CJrDu9ZF.js +0 -347
- package/chunks/createSvgIcon-D7NSIoD-.js +0 -2813
- package/chunks/createSvgIcon-DVhK14Wp.js +0 -206
- package/chunks/dividerClasses-CpWiK9X3.js +0 -9
- package/chunks/elementAcceptingRef-B8Ay5UA0.js +0 -25
- package/chunks/enums-B1lTCQvC.js +0 -15
- package/chunks/formLabelClasses-Bb77PWNt.js +0 -9
- package/chunks/getReactElementRef-B3MFPBbS.js +0 -21
- package/chunks/helpers-BjZ558HQ.js +0 -558
- package/chunks/index-BKdbemPX.js +0 -4
- package/chunks/index-BL8osWuT.js +0 -4
- package/chunks/index-BXktLXqU.js +0 -4
- package/chunks/index-BoKBAjSl.js +0 -4
- package/chunks/index-DhEpZQT8.js +0 -4
- package/chunks/index-DzjRMnaE.js +0 -11
- package/chunks/index-WsrzdqEQ.js +0 -4
- package/chunks/index-ibZpQ0KD.js +0 -4
- package/chunks/index-qjOOEhVr.js +0 -1040
- package/chunks/main-Ig2neK0P.js +0 -2759
- package/chunks/ownerWindow-PI509BpA.js +0 -7
- package/chunks/searchEntities-SJcoznz0.js +0 -38
- package/chunks/sportsEvents-CGX-WkNB.js +0 -27
- package/chunks/useButton-BdGcfaoz.js +0 -106
- package/chunks/useConsents-6ZATswQ4.js +0 -1168
- package/chunks/useControlled-BYdyS7Pn.js +0 -31
- package/chunks/useEmbedCode-DCWnWGak.js +0 -31
- package/chunks/useEventCallback-D-FE-RIP.js +0 -14
- package/chunks/useForwardedInput-DFaOgtZp.js +0 -180
- package/chunks/useImageVariant-B_dj28Qx.js +0 -15
- package/chunks/useInfoPage-BHdgKdme.js +0 -50
- package/chunks/useParticipationDraft-BO1gUTVy.js +0 -307
- package/chunks/useSwitch-DeOFp4Ck.js +0 -66
- package/chunks/variantColorInheritance-DZr7CNx6.js +0 -30
- package/chunks/visuallyHidden-B8J7BVSJ.js +0 -14
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { H as R, _ as t, P as o } from "./PrizeCard-BIJVHmYW.js";
|
|
2
|
-
import * as u from "react";
|
|
3
|
-
import { s as y, a as _, b, c as j } from "./Typography-CHHyHOvn.js";
|
|
4
|
-
import { g as H } from "./formLabelClasses-Bb77PWNt.js";
|
|
5
|
-
import { F as O } from "./FormControlContext-Ct0huDDM.js";
|
|
6
|
-
import { jsxs as F } from "react/jsx-runtime";
|
|
7
|
-
const q = ["children", "component", "htmlFor", "id", "slots", "slotProps"], W = () => j({
|
|
8
|
-
root: ["root"],
|
|
9
|
-
asterisk: ["asterisk"]
|
|
10
|
-
}, H, {}), w = y("label", {
|
|
11
|
-
name: "JoyFormLabel",
|
|
12
|
-
slot: "Root",
|
|
13
|
-
overridesResolver: (e, r) => r.root
|
|
14
|
-
})(({
|
|
15
|
-
theme: e
|
|
16
|
-
}) => ({
|
|
17
|
-
"--Icon-fontSize": "calc(var(--FormLabel-lineHeight) * 1em)",
|
|
18
|
-
WebkitTapHighlightColor: "transparent",
|
|
19
|
-
alignSelf: "var(--FormLabel-alignSelf)",
|
|
20
|
-
// to not fill the block space. It seems like a bug when clicking on empty space (within the label area), even though it is not.
|
|
21
|
-
display: "flex",
|
|
22
|
-
gap: "2px",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
flexWrap: "wrap",
|
|
25
|
-
userSelect: "none",
|
|
26
|
-
fontFamily: e.vars.fontFamily.body,
|
|
27
|
-
fontSize: `var(--FormLabel-fontSize, ${e.vars.fontSize.sm})`,
|
|
28
|
-
fontWeight: e.vars.fontWeight.md,
|
|
29
|
-
lineHeight: `var(--FormLabel-lineHeight, ${e.vars.lineHeight.sm})`,
|
|
30
|
-
color: `var(--FormLabel-color, ${e.vars.palette.text.primary})`,
|
|
31
|
-
margin: "var(--FormLabel-margin, 0px)"
|
|
32
|
-
})), z = y("span", {
|
|
33
|
-
name: "JoyFormLabel",
|
|
34
|
-
slot: "Asterisk",
|
|
35
|
-
overridesResolver: (e, r) => r.asterisk
|
|
36
|
-
})({
|
|
37
|
-
color: "var(--FormLabel-asteriskColor)"
|
|
38
|
-
}), N = /* @__PURE__ */ u.forwardRef(function(r, v) {
|
|
39
|
-
var a, n;
|
|
40
|
-
const l = _({
|
|
41
|
-
props: r,
|
|
42
|
-
name: "JoyFormLabel"
|
|
43
|
-
}), {
|
|
44
|
-
children: h,
|
|
45
|
-
component: g = "label",
|
|
46
|
-
htmlFor: i,
|
|
47
|
-
id: p,
|
|
48
|
-
slots: L = {},
|
|
49
|
-
slotProps: k = {}
|
|
50
|
-
} = l, x = R(l, q), s = u.useContext(O), m = (a = (n = r.required) != null ? n : s == null ? void 0 : s.required) != null ? a : !1, c = t({}, l, {
|
|
51
|
-
required: m
|
|
52
|
-
}), d = W(), f = t({}, x, {
|
|
53
|
-
component: g,
|
|
54
|
-
slots: L,
|
|
55
|
-
slotProps: k
|
|
56
|
-
}), [T, P] = b("root", {
|
|
57
|
-
additionalProps: {
|
|
58
|
-
htmlFor: i ?? (s == null ? void 0 : s.htmlFor),
|
|
59
|
-
id: p ?? (s == null ? void 0 : s.labelId)
|
|
60
|
-
},
|
|
61
|
-
ref: v,
|
|
62
|
-
className: d.root,
|
|
63
|
-
elementType: w,
|
|
64
|
-
externalForwardedProps: f,
|
|
65
|
-
ownerState: c
|
|
66
|
-
}), [S, C] = b("asterisk", {
|
|
67
|
-
additionalProps: {
|
|
68
|
-
"aria-hidden": !0
|
|
69
|
-
},
|
|
70
|
-
className: d.asterisk,
|
|
71
|
-
elementType: z,
|
|
72
|
-
externalForwardedProps: f,
|
|
73
|
-
ownerState: c
|
|
74
|
-
});
|
|
75
|
-
return /* @__PURE__ */ F(T, t({}, P, {
|
|
76
|
-
children: [h, m && /* @__PURE__ */ F(S, t({}, C, {
|
|
77
|
-
children: [" ", "*"]
|
|
78
|
-
}))]
|
|
79
|
-
}));
|
|
80
|
-
});
|
|
81
|
-
process.env.NODE_ENV !== "production" && (N.propTypes = {
|
|
82
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
83
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
84
|
-
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
85
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
86
|
-
/**
|
|
87
|
-
* The content of the component.
|
|
88
|
-
*/
|
|
89
|
-
children: o.node,
|
|
90
|
-
/**
|
|
91
|
-
* The component used for the root node.
|
|
92
|
-
* Either a string to use a HTML element or a component.
|
|
93
|
-
*/
|
|
94
|
-
component: o.elementType,
|
|
95
|
-
/**
|
|
96
|
-
* @ignore
|
|
97
|
-
*/
|
|
98
|
-
htmlFor: o.string,
|
|
99
|
-
/**
|
|
100
|
-
* @ignore
|
|
101
|
-
*/
|
|
102
|
-
id: o.string,
|
|
103
|
-
/**
|
|
104
|
-
* The asterisk is added if required=`true`
|
|
105
|
-
*/
|
|
106
|
-
required: o.bool,
|
|
107
|
-
/**
|
|
108
|
-
* The props used for each slot inside.
|
|
109
|
-
* @default {}
|
|
110
|
-
*/
|
|
111
|
-
slotProps: o.shape({
|
|
112
|
-
asterisk: o.oneOfType([o.func, o.object]),
|
|
113
|
-
root: o.oneOfType([o.func, o.object])
|
|
114
|
-
}),
|
|
115
|
-
/**
|
|
116
|
-
* The components used for each slot inside.
|
|
117
|
-
* @default {}
|
|
118
|
-
*/
|
|
119
|
-
slots: o.shape({
|
|
120
|
-
asterisk: o.elementType,
|
|
121
|
-
root: o.elementType
|
|
122
|
-
}),
|
|
123
|
-
/**
|
|
124
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
125
|
-
*/
|
|
126
|
-
sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
|
|
127
|
-
});
|
|
128
|
-
export {
|
|
129
|
-
N as F
|
|
130
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { U as t, _ as a, V as o, W as s } from "./PrizeCard-BIJVHmYW.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import { jsx as l } from "react/jsx-runtime";
|
|
4
|
-
function d(e) {
|
|
5
|
-
return /* @__PURE__ */ l(t, a({}, e, {
|
|
6
|
-
defaultTheme: o,
|
|
7
|
-
themeId: s
|
|
8
|
-
}));
|
|
9
|
-
}
|
|
10
|
-
export {
|
|
11
|
-
d as G
|
|
12
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { g as n, B as l } from "./PrizeCard-BIJVHmYW.js";
|
|
3
|
-
import { C as i } from "./CircularProgress-BCucLg2A.js";
|
|
4
|
-
const x = ({ size: o = 14 }) => {
|
|
5
|
-
const r = n(), e = r.palette.neutral.softBg, t = r.palette.neutral.solidBg;
|
|
6
|
-
return /* @__PURE__ */ s(l, { sx: { display: "inline-flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ s(
|
|
7
|
-
i,
|
|
8
|
-
{
|
|
9
|
-
size: "sm",
|
|
10
|
-
sx: { "--CircularProgress-size": `${o}px` },
|
|
11
|
-
slotProps: {
|
|
12
|
-
track: {
|
|
13
|
-
sx: {
|
|
14
|
-
stroke: e
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
progress: {
|
|
18
|
-
sx: {
|
|
19
|
-
stroke: t
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
) });
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
x as I
|
|
28
|
-
};
|
package/chunks/Input-C1c9bTgf.js
DELETED
|
@@ -1,391 +0,0 @@
|
|
|
1
|
-
import { F as Z, G as rr, _ as n, H as or, P as r, J as b } from "./PrizeCard-BIJVHmYW.js";
|
|
2
|
-
import * as O from "react";
|
|
3
|
-
import { s, a as tr, b as f, c as nr } from "./Typography-CHHyHOvn.js";
|
|
4
|
-
import { u as ar } from "./useForwardedInput-DFaOgtZp.js";
|
|
5
|
-
import { I as er } from "./colorInversionUtils-CJrDu9ZF.js";
|
|
6
|
-
import { jsxs as ir, jsx as y } from "react/jsx-runtime";
|
|
7
|
-
function lr(t) {
|
|
8
|
-
return rr("MuiInput", t);
|
|
9
|
-
}
|
|
10
|
-
const H = Z("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"]), sr = ["propsToForward", "rootStateClasses", "inputStateClasses", "getRootProps", "getInputProps", "formControl", "focused", "error", "disabled", "fullWidth", "size", "color", "variant", "startDecorator", "endDecorator", "component", "slots", "slotProps"], dr = (t) => {
|
|
11
|
-
const {
|
|
12
|
-
disabled: o,
|
|
13
|
-
fullWidth: p,
|
|
14
|
-
variant: e,
|
|
15
|
-
color: i,
|
|
16
|
-
size: l
|
|
17
|
-
} = t, d = {
|
|
18
|
-
root: ["root", o && "disabled", p && "fullWidth", e && `variant${b(e)}`, i && `color${b(i)}`, l && `size${b(l)}`],
|
|
19
|
-
input: ["input"],
|
|
20
|
-
startDecorator: ["startDecorator"],
|
|
21
|
-
endDecorator: ["endDecorator"]
|
|
22
|
-
};
|
|
23
|
-
return nr(d, lr, {});
|
|
24
|
-
}, pr = s("div")(({
|
|
25
|
-
theme: t,
|
|
26
|
-
ownerState: o
|
|
27
|
-
}) => {
|
|
28
|
-
var p, e, i, l, d, u;
|
|
29
|
-
const c = (p = t.variants[`${o.variant}`]) == null ? void 0 : p[o.color];
|
|
30
|
-
return [n({
|
|
31
|
-
"--Input-radius": t.vars.radius.sm,
|
|
32
|
-
"--Input-gap": "0.5rem",
|
|
33
|
-
"--Input-placeholderColor": "inherit",
|
|
34
|
-
"--Input-placeholderOpacity": 0.64,
|
|
35
|
-
"--Input-decoratorColor": t.vars.palette.text.icon,
|
|
36
|
-
"--Input-focused": "0",
|
|
37
|
-
"--Input-focusedThickness": t.vars.focus.thickness,
|
|
38
|
-
"--Input-focusedHighlight": (e = t.vars.palette[o.color === "neutral" ? "primary" : o.color]) == null ? void 0 : e[500],
|
|
39
|
-
[`&:not([${er}])`]: n({}, o.instanceColor && {
|
|
40
|
-
"--_Input-focusedHighlight": (i = t.vars.palette[o.instanceColor === "neutral" ? "primary" : o.instanceColor]) == null ? void 0 : i[500]
|
|
41
|
-
}, {
|
|
42
|
-
"--Input-focusedHighlight": `var(--_Input-focusedHighlight, ${t.vars.palette.focusVisible})`
|
|
43
|
-
})
|
|
44
|
-
}, o.size === "sm" && {
|
|
45
|
-
"--Input-minHeight": "2rem",
|
|
46
|
-
"--Input-paddingInline": "0.5rem",
|
|
47
|
-
"--Input-decoratorChildHeight": "min(1.5rem, var(--Input-minHeight))",
|
|
48
|
-
"--Icon-fontSize": t.vars.fontSize.xl
|
|
49
|
-
}, o.size === "md" && {
|
|
50
|
-
"--Input-minHeight": "2.25rem",
|
|
51
|
-
"--Input-paddingInline": "0.75rem",
|
|
52
|
-
"--Input-decoratorChildHeight": "min(1.75rem, var(--Input-minHeight))",
|
|
53
|
-
"--Icon-fontSize": t.vars.fontSize.xl2
|
|
54
|
-
}, o.size === "lg" && {
|
|
55
|
-
"--Input-minHeight": "2.75rem",
|
|
56
|
-
"--Input-paddingInline": "1rem",
|
|
57
|
-
"--Input-gap": "0.75rem",
|
|
58
|
-
"--Input-decoratorChildHeight": "min(2.25rem, var(--Input-minHeight))",
|
|
59
|
-
"--Icon-fontSize": t.vars.fontSize.xl2
|
|
60
|
-
}, {
|
|
61
|
-
// variables for controlling child components
|
|
62
|
-
"--Input-decoratorChildOffset": "min(calc(var(--Input-paddingInline) - (var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2), var(--Input-paddingInline))",
|
|
63
|
-
"--_Input-paddingBlock": "max((var(--Input-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Input-decoratorChildHeight)) / 2, 0px)",
|
|
64
|
-
"--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))",
|
|
65
|
-
"--Button-minHeight": "var(--Input-decoratorChildHeight)",
|
|
66
|
-
"--Button-paddingBlock": "0px",
|
|
67
|
-
// to ensure that the height of the button is equal to --Button-minHeight
|
|
68
|
-
"--IconButton-size": "var(--Input-decoratorChildHeight)",
|
|
69
|
-
"--Button-radius": "var(--Input-decoratorChildRadius)",
|
|
70
|
-
"--IconButton-radius": "var(--Input-decoratorChildRadius)",
|
|
71
|
-
boxSizing: "border-box"
|
|
72
|
-
}, o.variant !== "plain" && {
|
|
73
|
-
boxShadow: t.shadow.xs
|
|
74
|
-
}, {
|
|
75
|
-
minWidth: 0,
|
|
76
|
-
minHeight: "var(--Input-minHeight)"
|
|
77
|
-
}, o.fullWidth && {
|
|
78
|
-
width: "100%"
|
|
79
|
-
}, {
|
|
80
|
-
cursor: "text",
|
|
81
|
-
position: "relative",
|
|
82
|
-
display: "flex",
|
|
83
|
-
paddingInline: "var(--Input-paddingInline)",
|
|
84
|
-
borderRadius: "var(--Input-radius)"
|
|
85
|
-
}, t.typography[`body-${o.size}`], c, {
|
|
86
|
-
backgroundColor: (l = c == null ? void 0 : c.backgroundColor) != null ? l : t.vars.palette.background.surface,
|
|
87
|
-
"&::before": {
|
|
88
|
-
boxSizing: "border-box",
|
|
89
|
-
content: '""',
|
|
90
|
-
display: "block",
|
|
91
|
-
position: "absolute",
|
|
92
|
-
pointerEvents: "none",
|
|
93
|
-
top: 0,
|
|
94
|
-
left: 0,
|
|
95
|
-
right: 0,
|
|
96
|
-
bottom: 0,
|
|
97
|
-
zIndex: 1,
|
|
98
|
-
borderRadius: "inherit",
|
|
99
|
-
margin: "calc(var(--variant-borderWidth, 0px) * -1)",
|
|
100
|
-
// for outlined variant
|
|
101
|
-
boxShadow: "var(--Input-focusedInset, inset) 0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight)"
|
|
102
|
-
}
|
|
103
|
-
}), {
|
|
104
|
-
"&:hover": n({}, (d = t.variants[`${o.variant}Hover`]) == null ? void 0 : d[o.color], {
|
|
105
|
-
backgroundColor: null
|
|
106
|
-
// it is not common to change background on hover for Input
|
|
107
|
-
}),
|
|
108
|
-
[`&.${H.disabled}`]: (u = t.variants[`${o.variant}Disabled`]) == null ? void 0 : u[o.color],
|
|
109
|
-
"&:focus-within::before": {
|
|
110
|
-
"--Input-focused": "1"
|
|
111
|
-
}
|
|
112
|
-
}];
|
|
113
|
-
}), cr = s("input")(({
|
|
114
|
-
ownerState: t
|
|
115
|
-
}) => ({
|
|
116
|
-
border: "none",
|
|
117
|
-
// remove the native input width
|
|
118
|
-
minWidth: 0,
|
|
119
|
-
// remove the native input width
|
|
120
|
-
outline: 0,
|
|
121
|
-
// remove the native input outline
|
|
122
|
-
padding: 0,
|
|
123
|
-
// remove the native input padding
|
|
124
|
-
flex: 1,
|
|
125
|
-
color: "inherit",
|
|
126
|
-
backgroundColor: "transparent",
|
|
127
|
-
fontFamily: "inherit",
|
|
128
|
-
fontSize: "inherit",
|
|
129
|
-
fontStyle: "inherit",
|
|
130
|
-
fontWeight: "inherit",
|
|
131
|
-
lineHeight: "inherit",
|
|
132
|
-
textOverflow: "ellipsis",
|
|
133
|
-
"&:-webkit-autofill": n({
|
|
134
|
-
paddingInline: "var(--Input-paddingInline)"
|
|
135
|
-
}, !t.startDecorator && {
|
|
136
|
-
marginInlineStart: "calc(-1 * var(--Input-paddingInline))",
|
|
137
|
-
paddingInlineStart: "var(--Input-paddingInline)",
|
|
138
|
-
borderTopLeftRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))",
|
|
139
|
-
borderBottomLeftRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))"
|
|
140
|
-
}, !t.endDecorator && {
|
|
141
|
-
marginInlineEnd: "calc(-1 * var(--Input-paddingInline))",
|
|
142
|
-
paddingInlineEnd: "var(--Input-paddingInline)",
|
|
143
|
-
borderTopRightRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))",
|
|
144
|
-
borderBottomRightRadius: "calc(var(--Input-radius) - var(--variant-borderWidth, 0px))"
|
|
145
|
-
}),
|
|
146
|
-
"&::-webkit-input-placeholder": {
|
|
147
|
-
color: "var(--Input-placeholderColor)",
|
|
148
|
-
opacity: "var(--Input-placeholderOpacity)"
|
|
149
|
-
},
|
|
150
|
-
"&::-moz-placeholder": {
|
|
151
|
-
// Firefox 19+
|
|
152
|
-
color: "var(--Input-placeholderColor)",
|
|
153
|
-
opacity: "var(--Input-placeholderOpacity)"
|
|
154
|
-
},
|
|
155
|
-
"&:-ms-input-placeholder": {
|
|
156
|
-
// IE11
|
|
157
|
-
color: "var(--Input-placeholderColor)",
|
|
158
|
-
opacity: "var(--Input-placeholderOpacity)"
|
|
159
|
-
},
|
|
160
|
-
"&::-ms-input-placeholder": {
|
|
161
|
-
// Edge
|
|
162
|
-
color: "var(--Input-placeholderColor)",
|
|
163
|
-
opacity: "var(--Input-placeholderOpacity)"
|
|
164
|
-
}
|
|
165
|
-
})), ur = s("div")({
|
|
166
|
-
"--Button-margin": "0 0 0 calc(var(--Input-decoratorChildOffset) * -1)",
|
|
167
|
-
"--IconButton-margin": "0 0 0 calc(var(--Input-decoratorChildOffset) * -1)",
|
|
168
|
-
"--Icon-margin": "0 0 0 calc(var(--Input-paddingInline) / -4)",
|
|
169
|
-
display: "inherit",
|
|
170
|
-
alignItems: "center",
|
|
171
|
-
paddingBlock: "var(--unstable_InputPaddingBlock)",
|
|
172
|
-
// for wrapping Autocomplete's tags
|
|
173
|
-
flexWrap: "wrap",
|
|
174
|
-
// for wrapping Autocomplete's tags
|
|
175
|
-
marginInlineEnd: "var(--Input-gap)",
|
|
176
|
-
color: "var(--Input-decoratorColor)",
|
|
177
|
-
cursor: "initial"
|
|
178
|
-
}), Ir = s("div")({
|
|
179
|
-
"--Button-margin": "0 calc(var(--Input-decoratorChildOffset) * -1) 0 0",
|
|
180
|
-
"--IconButton-margin": "0 calc(var(--Input-decoratorChildOffset) * -1) 0 0",
|
|
181
|
-
"--Icon-margin": "0 calc(var(--Input-paddingInline) / -4) 0 0",
|
|
182
|
-
display: "inherit",
|
|
183
|
-
alignItems: "center",
|
|
184
|
-
marginInlineStart: "var(--Input-gap)",
|
|
185
|
-
color: "var(--Input-decoratorColor)",
|
|
186
|
-
cursor: "initial"
|
|
187
|
-
}), vr = s(pr, {
|
|
188
|
-
name: "JoyInput",
|
|
189
|
-
slot: "Root",
|
|
190
|
-
overridesResolver: (t, o) => o.root
|
|
191
|
-
})({}), gr = s(cr, {
|
|
192
|
-
name: "JoyInput",
|
|
193
|
-
slot: "Input",
|
|
194
|
-
overridesResolver: (t, o) => o.input
|
|
195
|
-
})({}), fr = s(ur, {
|
|
196
|
-
name: "JoyInput",
|
|
197
|
-
slot: "StartDecorator",
|
|
198
|
-
overridesResolver: (t, o) => o.startDecorator
|
|
199
|
-
})({}), hr = s(Ir, {
|
|
200
|
-
name: "JoyInput",
|
|
201
|
-
slot: "EndDecorator",
|
|
202
|
-
overridesResolver: (t, o) => o.endDecorator
|
|
203
|
-
})({}), mr = /* @__PURE__ */ O.forwardRef(function(o, p) {
|
|
204
|
-
var e, i, l, d, u, c;
|
|
205
|
-
const C = tr({
|
|
206
|
-
props: o,
|
|
207
|
-
name: "JoyInput"
|
|
208
|
-
}), x = ar(n({}, C, {
|
|
209
|
-
disabledInProp: o.disabled
|
|
210
|
-
}), H), {
|
|
211
|
-
propsToForward: S,
|
|
212
|
-
rootStateClasses: _,
|
|
213
|
-
inputStateClasses: R,
|
|
214
|
-
getRootProps: P,
|
|
215
|
-
getInputProps: T,
|
|
216
|
-
formControl: a,
|
|
217
|
-
focused: W,
|
|
218
|
-
error: $ = !1,
|
|
219
|
-
disabled: k,
|
|
220
|
-
fullWidth: E = !1,
|
|
221
|
-
size: B = "md",
|
|
222
|
-
color: N = "neutral",
|
|
223
|
-
variant: F = "outlined",
|
|
224
|
-
startDecorator: D,
|
|
225
|
-
endDecorator: z,
|
|
226
|
-
component: J,
|
|
227
|
-
slots: j = {},
|
|
228
|
-
slotProps: L = {}
|
|
229
|
-
} = x, V = or(x, sr);
|
|
230
|
-
if (process.env.NODE_ENV !== "production") {
|
|
231
|
-
const m = a == null ? void 0 : a.registerEffect;
|
|
232
|
-
O.useEffect(() => {
|
|
233
|
-
if (m)
|
|
234
|
-
return m();
|
|
235
|
-
}, [m]);
|
|
236
|
-
}
|
|
237
|
-
const h = (e = (i = o.error) != null ? i : a == null ? void 0 : a.error) != null ? e : $, U = (l = (d = o.size) != null ? d : a == null ? void 0 : a.size) != null ? l : B, M = (u = o.color) != null ? u : h ? "danger" : (c = a == null ? void 0 : a.color) != null ? c : N, I = n({
|
|
238
|
-
instanceColor: h ? "danger" : o.color
|
|
239
|
-
}, C, {
|
|
240
|
-
fullWidth: E,
|
|
241
|
-
color: M,
|
|
242
|
-
disabled: k,
|
|
243
|
-
error: h,
|
|
244
|
-
focused: W,
|
|
245
|
-
size: U,
|
|
246
|
-
variant: F
|
|
247
|
-
}), v = dr(I), g = n({}, V, {
|
|
248
|
-
component: J,
|
|
249
|
-
slots: j,
|
|
250
|
-
slotProps: L
|
|
251
|
-
}), [q, w] = f("root", {
|
|
252
|
-
ref: p,
|
|
253
|
-
className: [v.root, _],
|
|
254
|
-
elementType: vr,
|
|
255
|
-
getSlotProps: P,
|
|
256
|
-
externalForwardedProps: g,
|
|
257
|
-
ownerState: I
|
|
258
|
-
}), [A, G] = f("input", n({}, a && {
|
|
259
|
-
additionalProps: {
|
|
260
|
-
id: a.htmlFor,
|
|
261
|
-
"aria-describedby": a["aria-describedby"]
|
|
262
|
-
}
|
|
263
|
-
}, {
|
|
264
|
-
className: [v.input, R],
|
|
265
|
-
elementType: gr,
|
|
266
|
-
getSlotProps: T,
|
|
267
|
-
internalForwardedProps: S,
|
|
268
|
-
externalForwardedProps: g,
|
|
269
|
-
ownerState: I
|
|
270
|
-
})), [K, Q] = f("startDecorator", {
|
|
271
|
-
className: v.startDecorator,
|
|
272
|
-
elementType: fr,
|
|
273
|
-
externalForwardedProps: g,
|
|
274
|
-
ownerState: I
|
|
275
|
-
}), [X, Y] = f("endDecorator", {
|
|
276
|
-
className: v.endDecorator,
|
|
277
|
-
elementType: hr,
|
|
278
|
-
externalForwardedProps: g,
|
|
279
|
-
ownerState: I
|
|
280
|
-
});
|
|
281
|
-
return /* @__PURE__ */ ir(q, n({}, w, {
|
|
282
|
-
children: [D && /* @__PURE__ */ y(K, n({}, Q, {
|
|
283
|
-
children: D
|
|
284
|
-
})), /* @__PURE__ */ y(A, n({}, G)), z && /* @__PURE__ */ y(X, n({}, Y, {
|
|
285
|
-
children: z
|
|
286
|
-
}))]
|
|
287
|
-
}));
|
|
288
|
-
});
|
|
289
|
-
process.env.NODE_ENV !== "production" && (mr.propTypes = {
|
|
290
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
291
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
292
|
-
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
293
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
294
|
-
/**
|
|
295
|
-
* @ignore
|
|
296
|
-
*/
|
|
297
|
-
autoComplete: r.string,
|
|
298
|
-
/**
|
|
299
|
-
* @ignore
|
|
300
|
-
*/
|
|
301
|
-
autoFocus: r.bool,
|
|
302
|
-
/**
|
|
303
|
-
* @ignore
|
|
304
|
-
*/
|
|
305
|
-
children: r.node,
|
|
306
|
-
/**
|
|
307
|
-
* Class name applied to the root element.
|
|
308
|
-
*/
|
|
309
|
-
className: r.string,
|
|
310
|
-
/**
|
|
311
|
-
* The color of the component. It supports those theme colors that make sense for this component.
|
|
312
|
-
* @default 'neutral'
|
|
313
|
-
*/
|
|
314
|
-
color: r.oneOfType([r.oneOf(["danger", "neutral", "primary", "success", "warning"]), r.string]),
|
|
315
|
-
/**
|
|
316
|
-
* @ignore
|
|
317
|
-
*/
|
|
318
|
-
defaultValue: r.oneOfType([r.arrayOf(r.string), r.number, r.string]),
|
|
319
|
-
/**
|
|
320
|
-
* @ignore
|
|
321
|
-
*/
|
|
322
|
-
disabled: r.bool,
|
|
323
|
-
/**
|
|
324
|
-
* Trailing adornment for this input.
|
|
325
|
-
*/
|
|
326
|
-
endDecorator: r.node,
|
|
327
|
-
/**
|
|
328
|
-
* If `true`, the `input` will indicate an error.
|
|
329
|
-
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
330
|
-
* @default false
|
|
331
|
-
*/
|
|
332
|
-
error: r.bool,
|
|
333
|
-
/**
|
|
334
|
-
* If `true`, the input will take up the full width of its container.
|
|
335
|
-
* @default false
|
|
336
|
-
*/
|
|
337
|
-
fullWidth: r.bool,
|
|
338
|
-
/**
|
|
339
|
-
* @ignore
|
|
340
|
-
*/
|
|
341
|
-
id: r.string,
|
|
342
|
-
/**
|
|
343
|
-
* @ignore
|
|
344
|
-
*/
|
|
345
|
-
name: r.string,
|
|
346
|
-
/**
|
|
347
|
-
* @ignore
|
|
348
|
-
*/
|
|
349
|
-
onChange: r.func,
|
|
350
|
-
/**
|
|
351
|
-
* @ignore
|
|
352
|
-
*/
|
|
353
|
-
placeholder: r.string,
|
|
354
|
-
/**
|
|
355
|
-
* @ignore
|
|
356
|
-
*/
|
|
357
|
-
readOnly: r.bool,
|
|
358
|
-
/**
|
|
359
|
-
* @ignore
|
|
360
|
-
*/
|
|
361
|
-
required: r.bool,
|
|
362
|
-
/**
|
|
363
|
-
* The size of the component.
|
|
364
|
-
* @default 'md'
|
|
365
|
-
*/
|
|
366
|
-
size: r.oneOfType([r.oneOf(["sm", "md", "lg"]), r.string]),
|
|
367
|
-
/**
|
|
368
|
-
* Leading adornment for this input.
|
|
369
|
-
*/
|
|
370
|
-
startDecorator: r.node,
|
|
371
|
-
/**
|
|
372
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
373
|
-
*/
|
|
374
|
-
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
|
|
375
|
-
/**
|
|
376
|
-
* @ignore
|
|
377
|
-
*/
|
|
378
|
-
value: r.oneOfType([r.arrayOf(r.string), r.number, r.string]),
|
|
379
|
-
/**
|
|
380
|
-
* The [global variant](https://mui.com/joy-ui/main-features/global-variants/) to use.
|
|
381
|
-
* @default 'outlined'
|
|
382
|
-
*/
|
|
383
|
-
variant: r.oneOfType([r.oneOf(["outlined", "plain", "soft", "solid"]), r.string])
|
|
384
|
-
});
|
|
385
|
-
export {
|
|
386
|
-
mr as I,
|
|
387
|
-
pr as S,
|
|
388
|
-
cr as a,
|
|
389
|
-
ur as b,
|
|
390
|
-
Ir as c
|
|
391
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as r } from "./createSvgIcon-D7NSIoD-.js";
|
|
3
|
-
const c = r(/* @__PURE__ */ o("path", {
|
|
4
|
-
d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
|
|
5
|
-
}), "KeyboardArrowUp"), e = r(/* @__PURE__ */ o("path", {
|
|
6
|
-
d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
|
|
7
|
-
}), "KeyboardArrowDown");
|
|
8
|
-
export {
|
|
9
|
-
e as K,
|
|
10
|
-
c as a
|
|
11
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as r } from "./createSvgIcon-D7NSIoD-.js";
|
|
3
|
-
const e = r(/* @__PURE__ */ o("path", {
|
|
4
|
-
d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"
|
|
5
|
-
}), "KeyboardArrowLeft"), c = r(/* @__PURE__ */ o("path", {
|
|
6
|
-
d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
|
|
7
|
-
}), "KeyboardArrowRight");
|
|
8
|
-
export {
|
|
9
|
-
c as K,
|
|
10
|
-
e as a
|
|
11
|
-
};
|