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.
Files changed (138) hide show
  1. package/Betslip.js +1 -1
  2. package/ChanceGame.js +139 -146
  3. package/ClassicQuizPlay.js +1 -1
  4. package/CollectLead.js +14 -20
  5. package/CompetitionStatistics.js +27 -27
  6. package/CompetitorCard.js +895 -891
  7. package/Discussion.js +1 -1
  8. package/EitherOrPlay.js +1 -1
  9. package/EventCard.js +1496 -1572
  10. package/EventGamePlay.js +1 -1
  11. package/Leaderboard.js +249 -257
  12. package/List.js +319 -436
  13. package/MatchQuizPlay.js +1 -1
  14. package/Odds.js +30 -30
  15. package/PersonalityQuizPlay.js +1 -1
  16. package/PickThePair.js +627 -693
  17. package/PlayerOfTheMatch.js +256 -279
  18. package/PollVote.js +1 -1
  19. package/Predictor.js +19443 -2
  20. package/README.md +59 -2
  21. package/Standings.js +94 -99
  22. package/TopX.js +5871 -6987
  23. package/chunks/ChanceGameEmbedVariant-C3NGwvTF.js +21 -0
  24. package/chunks/OddsSkeleton-Bav8FHHN.js +26 -0
  25. package/chunks/{OddsStrip-c9Y8VgmW.js → OddsStrip-CviVfQI4.js} +51 -53
  26. package/chunks/{PickOneOfX-DbBYeZnU.js → PickOneOfX-a6Dv0-rR.js} +210 -212
  27. package/chunks/index-0ezhEUTz.js +4 -0
  28. package/chunks/index-B1d9q8fX.js +4 -0
  29. package/chunks/index-BP0pvFJ4.js +4 -0
  30. package/chunks/index-CSrBHonD.js +4 -0
  31. package/chunks/index-Ckyyw-I8.js +4 -0
  32. package/chunks/index-DAu5SkP8.js +4 -0
  33. package/chunks/index-yjMVOgwO.js +4 -0
  34. package/chunks/{main-BgDvdmc8.js → main-CFwRpvUi.js} +219 -238
  35. package/chunks/{main-bAzdlcP_.js → main-D9tFZv2q.js} +272 -308
  36. package/chunks/{main-BV-r09In.js → main-DPWm9Ema.js} +419 -434
  37. package/chunks/{main-DSQ1vaFe.js → main-Dj4Manb5.js} +386 -406
  38. package/chunks/{main-DcPlB4Wk.js → main-Dmc68oMQ.js} +730 -1093
  39. package/chunks/{main-D_Rq1xVm.js → main-DsAnwwP4.js} +1677 -2002
  40. package/chunks/{main-CA5G2ZQX.js → main-dwV_55lz.js} +409 -432
  41. package/chunks/main-eAQMCxQ7.js +1949 -0
  42. package/index.js +40 -44
  43. package/package.json +13 -5
  44. package/chunks/AccessTime-BVP1qnmC.js +0 -10
  45. package/chunks/AlertMessage-aNev3ob9.js +0 -318
  46. package/chunks/Avatar-Ck9sDlUF.js +0 -353
  47. package/chunks/Button-C5sVDXUr.js +0 -665
  48. package/chunks/Card-DMO0MtFg.js +0 -196
  49. package/chunks/CardActions-CniskUBs.js +0 -140
  50. package/chunks/CardContent-DSmkIh5e.js +0 -106
  51. package/chunks/ChanceGameEmbedVariant-C9U7q27r.js +0 -913
  52. package/chunks/CheckCircle-BLQUgEFO.js +0 -8
  53. package/chunks/Chip-CbmpDsTx.js +0 -365
  54. package/chunks/CircularProgress-BCucLg2A.js +0 -317
  55. package/chunks/Close-BJaeWPmO.js +0 -9
  56. package/chunks/Close-Bn_Gk4s2.js +0 -8
  57. package/chunks/CollectLeadForm-e59gRdao.js +0 -3419
  58. package/chunks/ConsentsList-ByAN0_kp.js +0 -339
  59. package/chunks/DirectionScope-Ty03Pl0K.js +0 -36
  60. package/chunks/Divider-D-SATYZX.js +0 -166
  61. package/chunks/Edit-uzcXQ0W4.js +0 -99
  62. package/chunks/EmojiEvents-DzZMpyj0.js +0 -8
  63. package/chunks/FavoriteBorder-Dz8YRmah.js +0 -11
  64. package/chunks/FormControl-CApGuvy1.js +0 -656
  65. package/chunks/FormControlContext-Ct0huDDM.js +0 -6
  66. package/chunks/FormLabel-BhUVGv0u.js +0 -130
  67. package/chunks/GlobalStyles-BiXuRSRs.js +0 -12
  68. package/chunks/InlineSpinner-BIQuuKyA.js +0 -28
  69. package/chunks/Input-C1c9bTgf.js +0 -391
  70. package/chunks/KeyboardArrowDown-BBL6SAyg.js +0 -11
  71. package/chunks/KeyboardArrowRight-DQMFvDqL.js +0 -11
  72. package/chunks/Link-IhyfKeZX.js +0 -319
  73. package/chunks/ListItemButton-C6H1ykg-.js +0 -1151
  74. package/chunks/ModalClose-COLCM3hQ.js +0 -153
  75. package/chunks/ModalDialog-19Yt0pTv.js +0 -880
  76. package/chunks/NotFoundSkeleton-B7aXpJX0.js +0 -83
  77. package/chunks/Notification-DPPIzFpw.js +0 -614
  78. package/chunks/OddsSkeleton-BdKCmc4R.js +0 -137
  79. package/chunks/OverlayScoreStateSkeleton-CGiMhlGz.js +0 -154
  80. package/chunks/OverlayScoreStateWrapperSkeleton-mzBPgf_P.js +0 -81
  81. package/chunks/OverlaySignInSkeleton-DnxRxCfU.js +0 -518
  82. package/chunks/OverlaySkeleton-bXtFE1Y6.js +0 -1193
  83. package/chunks/Person-CuxlprBB.js +0 -8
  84. package/chunks/PersonOutline-BViWQgNV.js +0 -8
  85. package/chunks/Popper-B-W5OzQt.js +0 -1263
  86. package/chunks/Portal-C1ku1V2Y.js +0 -74
  87. package/chunks/Portal-C49jCyHC.js +0 -66
  88. package/chunks/Predictor-DGjo_dOB.js +0 -19512
  89. package/chunks/PrizeCard-BIJVHmYW.js +0 -36064
  90. package/chunks/Search-RBBj-3Z1.js +0 -14
  91. package/chunks/Select-Be-2TLJx.js +0 -1165
  92. package/chunks/Sheet-DHMJRANx.js +0 -132
  93. package/chunks/SignInCta-Bz6nl2c-.js +0 -79
  94. package/chunks/Spinner-DQytYdCL.js +0 -39
  95. package/chunks/SportsSoccer-Dwp9CkcQ.js +0 -20
  96. package/chunks/Stack-Dx-77BoB.js +0 -169
  97. package/chunks/StandardContentSkeleton-DV_CkaNl.js +0 -57
  98. package/chunks/Table-D3ou_zxz.js +0 -394
  99. package/chunks/Tabs-D32XKc8G.js +0 -1084
  100. package/chunks/Textarea-HrQcjIXY.js +0 -475
  101. package/chunks/TimerOutlined-mHIHDBDv.js +0 -8
  102. package/chunks/Tooltip-iozKqko2.js +0 -535
  103. package/chunks/Typography-CHHyHOvn.js +0 -775
  104. package/chunks/areArraysEqual-B3mXtHvh.js +0 -6
  105. package/chunks/colorInversionUtils-CJrDu9ZF.js +0 -347
  106. package/chunks/createSvgIcon-D7NSIoD-.js +0 -2813
  107. package/chunks/createSvgIcon-DVhK14Wp.js +0 -206
  108. package/chunks/dividerClasses-CpWiK9X3.js +0 -9
  109. package/chunks/elementAcceptingRef-B8Ay5UA0.js +0 -25
  110. package/chunks/enums-B1lTCQvC.js +0 -15
  111. package/chunks/formLabelClasses-Bb77PWNt.js +0 -9
  112. package/chunks/getReactElementRef-B3MFPBbS.js +0 -21
  113. package/chunks/helpers-BjZ558HQ.js +0 -558
  114. package/chunks/index-BKdbemPX.js +0 -4
  115. package/chunks/index-BL8osWuT.js +0 -4
  116. package/chunks/index-BXktLXqU.js +0 -4
  117. package/chunks/index-BoKBAjSl.js +0 -4
  118. package/chunks/index-DhEpZQT8.js +0 -4
  119. package/chunks/index-DzjRMnaE.js +0 -11
  120. package/chunks/index-WsrzdqEQ.js +0 -4
  121. package/chunks/index-ibZpQ0KD.js +0 -4
  122. package/chunks/index-qjOOEhVr.js +0 -1040
  123. package/chunks/main-Ig2neK0P.js +0 -2759
  124. package/chunks/ownerWindow-PI509BpA.js +0 -7
  125. package/chunks/searchEntities-SJcoznz0.js +0 -38
  126. package/chunks/sportsEvents-CGX-WkNB.js +0 -27
  127. package/chunks/useButton-BdGcfaoz.js +0 -106
  128. package/chunks/useConsents-6ZATswQ4.js +0 -1168
  129. package/chunks/useControlled-BYdyS7Pn.js +0 -31
  130. package/chunks/useEmbedCode-DCWnWGak.js +0 -31
  131. package/chunks/useEventCallback-D-FE-RIP.js +0 -14
  132. package/chunks/useForwardedInput-DFaOgtZp.js +0 -180
  133. package/chunks/useImageVariant-B_dj28Qx.js +0 -15
  134. package/chunks/useInfoPage-BHdgKdme.js +0 -50
  135. package/chunks/useParticipationDraft-BO1gUTVy.js +0 -307
  136. package/chunks/useSwitch-DeOFp4Ck.js +0 -66
  137. package/chunks/variantColorInheritance-DZr7CNx6.js +0 -30
  138. 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
- };
@@ -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
- };