@cupra/ui-react 1.0.0-canary.15 → 1.0.0-canary.16
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/dist/components/Accordion/Accordion.js +8 -0
- package/dist/components/Avatar/Avatar.js +11 -0
- package/dist/components/Bullets/Bullets.js +6 -0
- package/dist/components/Button/Button.js +20 -0
- package/dist/components/CarouselIndicator/CarouselIndicator.js +9 -0
- package/dist/components/Checkbox/Checkbox.js +11 -0
- package/dist/components/Chip/Chip.js +9 -0
- package/dist/components/Chips/Chips.js +13 -0
- package/dist/components/Currency/Currency.js +9 -0
- package/dist/components/Dialog/Dialog.js +15 -0
- package/dist/components/DialogBody/DialogBody.js +9 -0
- package/dist/components/DialogFooter/DialogFooter.js +9 -0
- package/dist/components/DialogHeader/DialogHeader.js +9 -0
- package/dist/components/Divider/Divider.js +8 -0
- package/dist/components/Hyperlink/Hyperlink.js +11 -0
- package/dist/components/Icon/Icon.js +9 -0
- package/dist/components/IconButton/IconButton.js +19 -0
- package/dist/components/Input/Input.js +14 -0
- package/dist/components/InteractiveCard/InteractiveCard.js +26 -0
- package/dist/components/LinkButton/LinkButton.js +11 -0
- package/dist/components/Loader/Loader.js +24 -0
- package/dist/components/Logo/Logo.js +9 -0
- package/dist/components/MapPin/MapPin.js +11 -0
- package/dist/components/Modal/Modal.js +49 -0
- package/dist/components/PasswordInput/PasswordInput.js +39 -0
- package/dist/components/PickerItem/PickerItem.js +21 -0
- package/dist/components/Radio/Radio.js +14 -0
- package/dist/components/RadioButton/RadioButton.js +10 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js +10 -0
- package/dist/components/Search/Search.js +8 -0
- package/dist/components/SearchInput/SearchInput.js +46 -0
- package/dist/components/SecondaryNavigation/SecondaryNavigation.js +16 -0
- package/dist/components/SegmentedControl/SegmentedControl.js +11 -0
- package/dist/components/Select/Select.js +6 -0
- package/dist/components/Selection/Selection.js +9 -0
- package/dist/components/SidebarNavigation/SidebarNavigation.js +15 -0
- package/dist/components/Slider/Slider.js +16 -0
- package/dist/components/StaticBox/StaticBox.js +20 -0
- package/dist/components/Stepper/Stepper.js +6 -0
- package/dist/components/Tabs/Tabs.js +19 -0
- package/dist/components/Tag/Tag.js +11 -0
- package/dist/components/Text/Text.js +9 -0
- package/dist/components/TextInput/TextInput.js +44 -0
- package/dist/components/Textarea/Textarea.js +57 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +6 -0
- package/dist/components/Toast/Toast.js +16 -0
- package/dist/components/ToastMessage/ToastMessage.js +13 -0
- package/dist/components/ToggleButton/ToggleButton.js +11 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.js +22 -0
- package/dist/components/Tooltip/Tooltip.js +24 -0
- package/dist/hooks/useBreakpoint.js +42 -0
- package/dist/hooks/useEventListeners.js +26 -0
- package/dist/hooks/useHandleEvent.js +25 -0
- package/dist/hooks/useResizeObserver/useResizeObserver.js +14 -0
- package/dist/index.d.ts +0 -2
- package/dist/index.js +112 -3309
- package/dist/node_modules/.pnpm/@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js +10 -0
- package/dist/node_modules/.pnpm/@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +9 -0
- package/dist/node_modules/.pnpm/@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +52 -0
- package/dist/node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js +572 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Enum.js +12 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Middleware.js +49 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Parser.js +131 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Prefixer.js +187 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Serializer.js +27 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Tokenizer.js +147 -0
- package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Utility.js +56 -0
- package/dist/node_modules/.pnpm/tslib@2.6.2/node_modules/tslib/tslib.es6.js +18 -0
- package/dist/packages/ui-kit/dist-react/index.js +9226 -0
- package/dist/packages/ui-kit/dist-react/utils/breakpoints.js +11 -0
- package/dist/packages/ui-kit/dist-react/utils/debounce.js +11 -0
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import t from "../../../../../@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js";
|
|
2
|
+
var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
|
|
3
|
+
function(e) {
|
|
4
|
+
return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
|
|
5
|
+
}
|
|
6
|
+
/* Z+1 */
|
|
7
|
+
);
|
|
8
|
+
export {
|
|
9
|
+
a as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
var o = {
|
|
2
|
+
animationIterationCount: 1,
|
|
3
|
+
aspectRatio: 1,
|
|
4
|
+
borderImageOutset: 1,
|
|
5
|
+
borderImageSlice: 1,
|
|
6
|
+
borderImageWidth: 1,
|
|
7
|
+
boxFlex: 1,
|
|
8
|
+
boxFlexGroup: 1,
|
|
9
|
+
boxOrdinalGroup: 1,
|
|
10
|
+
columnCount: 1,
|
|
11
|
+
columns: 1,
|
|
12
|
+
flex: 1,
|
|
13
|
+
flexGrow: 1,
|
|
14
|
+
flexPositive: 1,
|
|
15
|
+
flexShrink: 1,
|
|
16
|
+
flexNegative: 1,
|
|
17
|
+
flexOrder: 1,
|
|
18
|
+
gridRow: 1,
|
|
19
|
+
gridRowEnd: 1,
|
|
20
|
+
gridRowSpan: 1,
|
|
21
|
+
gridRowStart: 1,
|
|
22
|
+
gridColumn: 1,
|
|
23
|
+
gridColumnEnd: 1,
|
|
24
|
+
gridColumnSpan: 1,
|
|
25
|
+
gridColumnStart: 1,
|
|
26
|
+
msGridRow: 1,
|
|
27
|
+
msGridRowSpan: 1,
|
|
28
|
+
msGridColumn: 1,
|
|
29
|
+
msGridColumnSpan: 1,
|
|
30
|
+
fontWeight: 1,
|
|
31
|
+
lineHeight: 1,
|
|
32
|
+
opacity: 1,
|
|
33
|
+
order: 1,
|
|
34
|
+
orphans: 1,
|
|
35
|
+
tabSize: 1,
|
|
36
|
+
widows: 1,
|
|
37
|
+
zIndex: 1,
|
|
38
|
+
zoom: 1,
|
|
39
|
+
WebkitLineClamp: 1,
|
|
40
|
+
// SVG-related properties
|
|
41
|
+
fillOpacity: 1,
|
|
42
|
+
floodOpacity: 1,
|
|
43
|
+
stopOpacity: 1,
|
|
44
|
+
strokeDasharray: 1,
|
|
45
|
+
strokeDashoffset: 1,
|
|
46
|
+
strokeMiterlimit: 1,
|
|
47
|
+
strokeOpacity: 1,
|
|
48
|
+
strokeWidth: 1
|
|
49
|
+
};
|
|
50
|
+
export {
|
|
51
|
+
o as default
|
|
52
|
+
};
|
|
@@ -0,0 +1,572 @@
|
|
|
1
|
+
import { __assign as E, __spreadArray as x } from "../../../../tslib@2.6.2/node_modules/tslib/tslib.es6.js";
|
|
2
|
+
import it from "../../../../@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js";
|
|
3
|
+
import Y, { useDebugValue as Ee, createElement as at, useRef as ct, useContext as ut } from "react";
|
|
4
|
+
import lt from "../../../../@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js";
|
|
5
|
+
import { RULESET as pt } from "../../../../stylis@4.3.2/node_modules/stylis/src/Enum.js";
|
|
6
|
+
import { prefixer as dt, middleware as ht, rulesheet as ft } from "../../../../stylis@4.3.2/node_modules/stylis/src/Middleware.js";
|
|
7
|
+
import { stringify as mt, serialize as yt } from "../../../../stylis@4.3.2/node_modules/stylis/src/Serializer.js";
|
|
8
|
+
import { compile as vt } from "../../../../stylis@4.3.2/node_modules/stylis/src/Parser.js";
|
|
9
|
+
var T = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", ze = "active", $e = "data-styled-version", ne = "6.1.19", ye = `/*!sc*/
|
|
10
|
+
`, ee = typeof window < "u" && typeof document < "u", gt = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), be = /invalid hook call/i, U = /* @__PURE__ */ new Set(), St = function(t, e) {
|
|
11
|
+
if (process.env.NODE_ENV !== "production") {
|
|
12
|
+
var n = e ? ' with the id of "'.concat(e, '"') : "", r = "The component ".concat(t).concat(n, ` has been created dynamically.
|
|
13
|
+
`) + `You may see this warning because you've called styled inside another component.
|
|
14
|
+
To resolve this only create new StyledComponents outside of any render method and function component.
|
|
15
|
+
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
|
|
16
|
+
`, o = console.error;
|
|
17
|
+
try {
|
|
18
|
+
var s = !0;
|
|
19
|
+
console.error = function(i) {
|
|
20
|
+
for (var c = [], a = 1; a < arguments.length; a++) c[a - 1] = arguments[a];
|
|
21
|
+
be.test(i) ? (s = !1, U.delete(r)) : o.apply(void 0, x([i], c, !1));
|
|
22
|
+
}, ct(), s && !U.has(r) && (console.warn(r), U.add(r));
|
|
23
|
+
} catch (i) {
|
|
24
|
+
be.test(i.message) && U.delete(r);
|
|
25
|
+
} finally {
|
|
26
|
+
console.error = o;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}, re = Object.freeze([]), V = Object.freeze({});
|
|
30
|
+
function wt(t, e, n) {
|
|
31
|
+
return n === void 0 && (n = V), t.theme !== n.theme && t.theme || e || n.theme;
|
|
32
|
+
}
|
|
33
|
+
var pe = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Et = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, bt = /(^-|-$)/g;
|
|
34
|
+
function Ne(t) {
|
|
35
|
+
return t.replace(Et, "-").replace(bt, "");
|
|
36
|
+
}
|
|
37
|
+
var Nt = /(a)(d)/gi, K = 52, _e = function(t) {
|
|
38
|
+
return String.fromCharCode(t + (t > 25 ? 39 : 97));
|
|
39
|
+
};
|
|
40
|
+
function de(t) {
|
|
41
|
+
var e, n = "";
|
|
42
|
+
for (e = Math.abs(t); e > K; e = e / K | 0) n = _e(e % K) + n;
|
|
43
|
+
return (_e(e % K) + n).replace(Nt, "$1-$2");
|
|
44
|
+
}
|
|
45
|
+
var ce, Fe = 5381, D = function(t, e) {
|
|
46
|
+
for (var n = e.length; n; ) t = 33 * t ^ e.charCodeAt(--n);
|
|
47
|
+
return t;
|
|
48
|
+
}, Be = function(t) {
|
|
49
|
+
return D(Fe, t);
|
|
50
|
+
};
|
|
51
|
+
function _t(t) {
|
|
52
|
+
return de(Be(t) >>> 0);
|
|
53
|
+
}
|
|
54
|
+
function Me(t) {
|
|
55
|
+
return process.env.NODE_ENV !== "production" && typeof t == "string" && t || t.displayName || t.name || "Component";
|
|
56
|
+
}
|
|
57
|
+
function ue(t) {
|
|
58
|
+
return typeof t == "string" && (process.env.NODE_ENV === "production" || t.charAt(0) === t.charAt(0).toLowerCase());
|
|
59
|
+
}
|
|
60
|
+
var Le = typeof Symbol == "function" && Symbol.for, Ge = Le ? Symbol.for("react.memo") : 60115, Ct = Le ? Symbol.for("react.forward_ref") : 60112, At = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Pt = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Ye = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, It = ((ce = {})[Ct] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, ce[Ge] = Ye, ce);
|
|
61
|
+
function Ce(t) {
|
|
62
|
+
return ("type" in (e = t) && e.type.$$typeof) === Ge ? Ye : "$$typeof" in t ? It[t.$$typeof] : At;
|
|
63
|
+
var e;
|
|
64
|
+
}
|
|
65
|
+
var Dt = Object.defineProperty, Ot = Object.getOwnPropertyNames, Ae = Object.getOwnPropertySymbols, Rt = Object.getOwnPropertyDescriptor, Tt = Object.getPrototypeOf, Pe = Object.prototype;
|
|
66
|
+
function qe(t, e, n) {
|
|
67
|
+
if (typeof e != "string") {
|
|
68
|
+
if (Pe) {
|
|
69
|
+
var r = Tt(e);
|
|
70
|
+
r && r !== Pe && qe(t, r, n);
|
|
71
|
+
}
|
|
72
|
+
var o = Ot(e);
|
|
73
|
+
Ae && (o = o.concat(Ae(e)));
|
|
74
|
+
for (var s = Ce(t), i = Ce(e), c = 0; c < o.length; ++c) {
|
|
75
|
+
var a = o[c];
|
|
76
|
+
if (!(a in Pt || n && n[a] || i && a in i || s && a in s)) {
|
|
77
|
+
var f = Rt(e, a);
|
|
78
|
+
try {
|
|
79
|
+
Dt(t, a, f);
|
|
80
|
+
} catch {
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return t;
|
|
86
|
+
}
|
|
87
|
+
function z(t) {
|
|
88
|
+
return typeof t == "function";
|
|
89
|
+
}
|
|
90
|
+
function ve(t) {
|
|
91
|
+
return typeof t == "object" && "styledComponentId" in t;
|
|
92
|
+
}
|
|
93
|
+
function O(t, e) {
|
|
94
|
+
return t && e ? "".concat(t, " ").concat(e) : t || e || "";
|
|
95
|
+
}
|
|
96
|
+
function Ie(t, e) {
|
|
97
|
+
if (t.length === 0) return "";
|
|
98
|
+
for (var n = t[0], r = 1; r < t.length; r++) n += t[r];
|
|
99
|
+
return n;
|
|
100
|
+
}
|
|
101
|
+
function $(t) {
|
|
102
|
+
return t !== null && typeof t == "object" && t.constructor.name === Object.name && !("props" in t && t.$$typeof);
|
|
103
|
+
}
|
|
104
|
+
function he(t, e, n) {
|
|
105
|
+
if (n === void 0 && (n = !1), !n && !$(t) && !Array.isArray(t)) return e;
|
|
106
|
+
if (Array.isArray(e)) for (var r = 0; r < e.length; r++) t[r] = he(t[r], e[r]);
|
|
107
|
+
else if ($(e)) for (var r in e) t[r] = he(t[r], e[r]);
|
|
108
|
+
return t;
|
|
109
|
+
}
|
|
110
|
+
function ge(t, e) {
|
|
111
|
+
Object.defineProperty(t, "toString", { value: e });
|
|
112
|
+
}
|
|
113
|
+
var kt = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
|
|
114
|
+
|
|
115
|
+
`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
116
|
+
|
|
117
|
+
- Are you trying to reuse it across renders?
|
|
118
|
+
- Are you accidentally calling collectStyles twice?
|
|
119
|
+
|
|
120
|
+
`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
121
|
+
|
|
122
|
+
`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
123
|
+
|
|
124
|
+
- Does this error occur on the client and is your target falsy?
|
|
125
|
+
- Does this error occur on the server and is the sheet falsy?
|
|
126
|
+
|
|
127
|
+
`, 5: `The clone method cannot be used on the client!
|
|
128
|
+
|
|
129
|
+
- Are you running in a client-like environment on the server?
|
|
130
|
+
- Are you trying to run SSR on the client?
|
|
131
|
+
|
|
132
|
+
`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
|
|
133
|
+
|
|
134
|
+
- Are you using a custom target that isn't mounted?
|
|
135
|
+
- Does your document not have a valid head element?
|
|
136
|
+
- Have you accidentally removed a style tag manually?
|
|
137
|
+
|
|
138
|
+
`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
|
|
139
|
+
|
|
140
|
+
`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
141
|
+
|
|
142
|
+
`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
143
|
+
|
|
144
|
+
`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
145
|
+
|
|
146
|
+
`, 14: `ThemeProvider: "theme" prop is required.
|
|
147
|
+
|
|
148
|
+
`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
|
|
149
|
+
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
150
|
+
as for instance in your render method then you may be running into this limitation.
|
|
151
|
+
|
|
152
|
+
`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
|
|
153
|
+
Has styled-components' style tag been unmounted or altered by another script?
|
|
154
|
+
`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
|
|
155
|
+
function jt() {
|
|
156
|
+
for (var t = [], e = 0; e < arguments.length; e++) t[e] = arguments[e];
|
|
157
|
+
for (var n = t[0], r = [], o = 1, s = t.length; o < s; o += 1) r.push(t[o]);
|
|
158
|
+
return r.forEach(function(i) {
|
|
159
|
+
n = n.replace(/%[a-z]/, i);
|
|
160
|
+
}), n;
|
|
161
|
+
}
|
|
162
|
+
function F(t) {
|
|
163
|
+
for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
|
|
164
|
+
return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t, " for more information.").concat(e.length > 0 ? " Args: ".concat(e.join(", ")) : "")) : new Error(jt.apply(void 0, x([kt[t]], e, !1)).trim());
|
|
165
|
+
}
|
|
166
|
+
var xt = (function() {
|
|
167
|
+
function t(e) {
|
|
168
|
+
this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e;
|
|
169
|
+
}
|
|
170
|
+
return t.prototype.indexOfGroup = function(e) {
|
|
171
|
+
for (var n = 0, r = 0; r < e; r++) n += this.groupSizes[r];
|
|
172
|
+
return n;
|
|
173
|
+
}, t.prototype.insertRules = function(e, n) {
|
|
174
|
+
if (e >= this.groupSizes.length) {
|
|
175
|
+
for (var r = this.groupSizes, o = r.length, s = o; e >= s; ) if ((s <<= 1) < 0) throw F(16, "".concat(e));
|
|
176
|
+
this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
|
|
177
|
+
for (var i = o; i < s; i++) this.groupSizes[i] = 0;
|
|
178
|
+
}
|
|
179
|
+
for (var c = this.indexOfGroup(e + 1), a = (i = 0, n.length); i < a; i++) this.tag.insertRule(c, n[i]) && (this.groupSizes[e]++, c++);
|
|
180
|
+
}, t.prototype.clearGroup = function(e) {
|
|
181
|
+
if (e < this.length) {
|
|
182
|
+
var n = this.groupSizes[e], r = this.indexOfGroup(e), o = r + n;
|
|
183
|
+
this.groupSizes[e] = 0;
|
|
184
|
+
for (var s = r; s < o; s++) this.tag.deleteRule(r);
|
|
185
|
+
}
|
|
186
|
+
}, t.prototype.getGroup = function(e) {
|
|
187
|
+
var n = "";
|
|
188
|
+
if (e >= this.length || this.groupSizes[e] === 0) return n;
|
|
189
|
+
for (var r = this.groupSizes[e], o = this.indexOfGroup(e), s = o + r, i = o; i < s; i++) n += "".concat(this.tag.getRule(i)).concat(ye);
|
|
190
|
+
return n;
|
|
191
|
+
}, t;
|
|
192
|
+
})(), Vt = 1 << 30, J = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map(), Q = 1, X = function(t) {
|
|
193
|
+
if (J.has(t)) return J.get(t);
|
|
194
|
+
for (; te.has(Q); ) Q++;
|
|
195
|
+
var e = Q++;
|
|
196
|
+
if (process.env.NODE_ENV !== "production" && ((0 | e) < 0 || e > Vt)) throw F(16, "".concat(e));
|
|
197
|
+
return J.set(t, e), te.set(e, t), e;
|
|
198
|
+
}, zt = function(t, e) {
|
|
199
|
+
Q = e + 1, J.set(t, e), te.set(e, t);
|
|
200
|
+
}, $t = "style[".concat(T, "][").concat($e, '="').concat(ne, '"]'), Ft = new RegExp("^".concat(T, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Bt = function(t, e, n) {
|
|
201
|
+
for (var r, o = n.split(","), s = 0, i = o.length; s < i; s++) (r = o[s]) && t.registerName(e, r);
|
|
202
|
+
}, Mt = function(t, e) {
|
|
203
|
+
for (var n, r = ((n = e.textContent) !== null && n !== void 0 ? n : "").split(ye), o = [], s = 0, i = r.length; s < i; s++) {
|
|
204
|
+
var c = r[s].trim();
|
|
205
|
+
if (c) {
|
|
206
|
+
var a = c.match(Ft);
|
|
207
|
+
if (a) {
|
|
208
|
+
var f = 0 | parseInt(a[1], 10), d = a[2];
|
|
209
|
+
f !== 0 && (zt(d, f), Bt(t, d, a[3]), t.getTag().insertRules(f, o)), o.length = 0;
|
|
210
|
+
} else o.push(c);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}, De = function(t) {
|
|
214
|
+
for (var e = document.querySelectorAll($t), n = 0, r = e.length; n < r; n++) {
|
|
215
|
+
var o = e[n];
|
|
216
|
+
o && o.getAttribute(T) !== ze && (Mt(t, o), o.parentNode && o.parentNode.removeChild(o));
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
function Lt() {
|
|
220
|
+
return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
|
|
221
|
+
}
|
|
222
|
+
var He = function(t) {
|
|
223
|
+
var e = document.head, n = t || e, r = document.createElement("style"), o = (function(c) {
|
|
224
|
+
var a = Array.from(c.querySelectorAll("style[".concat(T, "]")));
|
|
225
|
+
return a[a.length - 1];
|
|
226
|
+
})(n), s = o !== void 0 ? o.nextSibling : null;
|
|
227
|
+
r.setAttribute(T, ze), r.setAttribute($e, ne);
|
|
228
|
+
var i = Lt();
|
|
229
|
+
return i && r.setAttribute("nonce", i), n.insertBefore(r, s), r;
|
|
230
|
+
}, Gt = (function() {
|
|
231
|
+
function t(e) {
|
|
232
|
+
this.element = He(e), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
|
|
233
|
+
if (n.sheet) return n.sheet;
|
|
234
|
+
for (var r = document.styleSheets, o = 0, s = r.length; o < s; o++) {
|
|
235
|
+
var i = r[o];
|
|
236
|
+
if (i.ownerNode === n) return i;
|
|
237
|
+
}
|
|
238
|
+
throw F(17);
|
|
239
|
+
})(this.element), this.length = 0;
|
|
240
|
+
}
|
|
241
|
+
return t.prototype.insertRule = function(e, n) {
|
|
242
|
+
try {
|
|
243
|
+
return this.sheet.insertRule(n, e), this.length++, !0;
|
|
244
|
+
} catch {
|
|
245
|
+
return !1;
|
|
246
|
+
}
|
|
247
|
+
}, t.prototype.deleteRule = function(e) {
|
|
248
|
+
this.sheet.deleteRule(e), this.length--;
|
|
249
|
+
}, t.prototype.getRule = function(e) {
|
|
250
|
+
var n = this.sheet.cssRules[e];
|
|
251
|
+
return n && n.cssText ? n.cssText : "";
|
|
252
|
+
}, t;
|
|
253
|
+
})(), Yt = (function() {
|
|
254
|
+
function t(e) {
|
|
255
|
+
this.element = He(e), this.nodes = this.element.childNodes, this.length = 0;
|
|
256
|
+
}
|
|
257
|
+
return t.prototype.insertRule = function(e, n) {
|
|
258
|
+
if (e <= this.length && e >= 0) {
|
|
259
|
+
var r = document.createTextNode(n);
|
|
260
|
+
return this.element.insertBefore(r, this.nodes[e] || null), this.length++, !0;
|
|
261
|
+
}
|
|
262
|
+
return !1;
|
|
263
|
+
}, t.prototype.deleteRule = function(e) {
|
|
264
|
+
this.element.removeChild(this.nodes[e]), this.length--;
|
|
265
|
+
}, t.prototype.getRule = function(e) {
|
|
266
|
+
return e < this.length ? this.nodes[e].textContent : "";
|
|
267
|
+
}, t;
|
|
268
|
+
})(), qt = (function() {
|
|
269
|
+
function t(e) {
|
|
270
|
+
this.rules = [], this.length = 0;
|
|
271
|
+
}
|
|
272
|
+
return t.prototype.insertRule = function(e, n) {
|
|
273
|
+
return e <= this.length && (this.rules.splice(e, 0, n), this.length++, !0);
|
|
274
|
+
}, t.prototype.deleteRule = function(e) {
|
|
275
|
+
this.rules.splice(e, 1), this.length--;
|
|
276
|
+
}, t.prototype.getRule = function(e) {
|
|
277
|
+
return e < this.length ? this.rules[e] : "";
|
|
278
|
+
}, t;
|
|
279
|
+
})(), Oe = ee, Ht = { isServer: !ee, useCSSOMInjection: !gt }, We = (function() {
|
|
280
|
+
function t(e, n, r) {
|
|
281
|
+
e === void 0 && (e = V), n === void 0 && (n = {});
|
|
282
|
+
var o = this;
|
|
283
|
+
this.options = E(E({}, Ht), e), this.gs = n, this.names = new Map(r), this.server = !!e.isServer, !this.server && ee && Oe && (Oe = !1, De(this)), ge(this, function() {
|
|
284
|
+
return (function(s) {
|
|
285
|
+
for (var i = s.getTag(), c = i.length, a = "", f = function(h) {
|
|
286
|
+
var u = (function(b) {
|
|
287
|
+
return te.get(b);
|
|
288
|
+
})(h);
|
|
289
|
+
if (u === void 0) return "continue";
|
|
290
|
+
var p = s.names.get(u), v = i.getGroup(h);
|
|
291
|
+
if (p === void 0 || !p.size || v.length === 0) return "continue";
|
|
292
|
+
var _ = "".concat(T, ".g").concat(h, '[id="').concat(u, '"]'), P = "";
|
|
293
|
+
p !== void 0 && p.forEach(function(b) {
|
|
294
|
+
b.length > 0 && (P += "".concat(b, ","));
|
|
295
|
+
}), a += "".concat(v).concat(_, '{content:"').concat(P, '"}').concat(ye);
|
|
296
|
+
}, d = 0; d < c; d++) f(d);
|
|
297
|
+
return a;
|
|
298
|
+
})(o);
|
|
299
|
+
});
|
|
300
|
+
}
|
|
301
|
+
return t.registerId = function(e) {
|
|
302
|
+
return X(e);
|
|
303
|
+
}, t.prototype.rehydrate = function() {
|
|
304
|
+
!this.server && ee && De(this);
|
|
305
|
+
}, t.prototype.reconstructWithOptions = function(e, n) {
|
|
306
|
+
return n === void 0 && (n = !0), new t(E(E({}, this.options), e), this.gs, n && this.names || void 0);
|
|
307
|
+
}, t.prototype.allocateGSInstance = function(e) {
|
|
308
|
+
return this.gs[e] = (this.gs[e] || 0) + 1;
|
|
309
|
+
}, t.prototype.getTag = function() {
|
|
310
|
+
return this.tag || (this.tag = (e = (function(n) {
|
|
311
|
+
var r = n.useCSSOMInjection, o = n.target;
|
|
312
|
+
return n.isServer ? new qt(o) : r ? new Gt(o) : new Yt(o);
|
|
313
|
+
})(this.options), new xt(e)));
|
|
314
|
+
var e;
|
|
315
|
+
}, t.prototype.hasNameForId = function(e, n) {
|
|
316
|
+
return this.names.has(e) && this.names.get(e).has(n);
|
|
317
|
+
}, t.prototype.registerName = function(e, n) {
|
|
318
|
+
if (X(e), this.names.has(e)) this.names.get(e).add(n);
|
|
319
|
+
else {
|
|
320
|
+
var r = /* @__PURE__ */ new Set();
|
|
321
|
+
r.add(n), this.names.set(e, r);
|
|
322
|
+
}
|
|
323
|
+
}, t.prototype.insertRules = function(e, n, r) {
|
|
324
|
+
this.registerName(e, n), this.getTag().insertRules(X(e), r);
|
|
325
|
+
}, t.prototype.clearNames = function(e) {
|
|
326
|
+
this.names.has(e) && this.names.get(e).clear();
|
|
327
|
+
}, t.prototype.clearRules = function(e) {
|
|
328
|
+
this.getTag().clearGroup(X(e)), this.clearNames(e);
|
|
329
|
+
}, t.prototype.clearTag = function() {
|
|
330
|
+
this.tag = void 0;
|
|
331
|
+
}, t;
|
|
332
|
+
})(), Wt = /&/g, Ut = /^\s*\/\/.*$/gm;
|
|
333
|
+
function Ue(t, e) {
|
|
334
|
+
return t.map(function(n) {
|
|
335
|
+
return n.type === "rule" && (n.value = "".concat(e, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(e, " ")), n.props = n.props.map(function(r) {
|
|
336
|
+
return "".concat(e, " ").concat(r);
|
|
337
|
+
})), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = Ue(n.children, e)), n;
|
|
338
|
+
});
|
|
339
|
+
}
|
|
340
|
+
function Kt(t) {
|
|
341
|
+
var e, n, r, o = V, s = o.options, i = s === void 0 ? V : s, c = o.plugins, a = c === void 0 ? re : c, f = function(u, p, v) {
|
|
342
|
+
return v.startsWith(n) && v.endsWith(n) && v.replaceAll(n, "").length > 0 ? ".".concat(e) : u;
|
|
343
|
+
}, d = a.slice();
|
|
344
|
+
d.push(function(u) {
|
|
345
|
+
u.type === pt && u.value.includes("&") && (u.props[0] = u.props[0].replace(Wt, n).replace(r, f));
|
|
346
|
+
}), i.prefix && d.push(dt), d.push(mt);
|
|
347
|
+
var h = function(u, p, v, _) {
|
|
348
|
+
p === void 0 && (p = ""), v === void 0 && (v = ""), _ === void 0 && (_ = "&"), e = _, n = p, r = new RegExp("\\".concat(n, "\\b"), "g");
|
|
349
|
+
var P = u.replace(Ut, ""), b = vt(v || p ? "".concat(v, " ").concat(p, " { ").concat(P, " }") : P);
|
|
350
|
+
i.namespace && (b = Ue(b, i.namespace));
|
|
351
|
+
var B = [];
|
|
352
|
+
return yt(b, ht(d.concat(ft(function(m) {
|
|
353
|
+
return B.push(m);
|
|
354
|
+
})))), B;
|
|
355
|
+
};
|
|
356
|
+
return h.hash = a.length ? a.reduce(function(u, p) {
|
|
357
|
+
return p.name || F(15), D(u, p.name);
|
|
358
|
+
}, Fe).toString() : "", h;
|
|
359
|
+
}
|
|
360
|
+
var Xt = new We(), fe = Kt(), Ke = Y.createContext({ shouldForwardProp: void 0, styleSheet: Xt, stylis: fe });
|
|
361
|
+
Ke.Consumer;
|
|
362
|
+
Y.createContext(void 0);
|
|
363
|
+
function Re() {
|
|
364
|
+
return ut(Ke);
|
|
365
|
+
}
|
|
366
|
+
var Te = (function() {
|
|
367
|
+
function t(e, n) {
|
|
368
|
+
var r = this;
|
|
369
|
+
this.inject = function(o, s) {
|
|
370
|
+
s === void 0 && (s = fe);
|
|
371
|
+
var i = r.name + s.hash;
|
|
372
|
+
o.hasNameForId(r.id, i) || o.insertRules(r.id, i, s(r.rules, i, "@keyframes"));
|
|
373
|
+
}, this.name = e, this.id = "sc-keyframes-".concat(e), this.rules = n, ge(this, function() {
|
|
374
|
+
throw F(12, String(r.name));
|
|
375
|
+
});
|
|
376
|
+
}
|
|
377
|
+
return t.prototype.getName = function(e) {
|
|
378
|
+
return e === void 0 && (e = fe), this.name + e.hash;
|
|
379
|
+
}, t;
|
|
380
|
+
})(), Zt = function(t) {
|
|
381
|
+
return t >= "A" && t <= "Z";
|
|
382
|
+
};
|
|
383
|
+
function ke(t) {
|
|
384
|
+
for (var e = "", n = 0; n < t.length; n++) {
|
|
385
|
+
var r = t[n];
|
|
386
|
+
if (n === 1 && r === "-" && t[0] === "-") return t;
|
|
387
|
+
Zt(r) ? e += "-" + r.toLowerCase() : e += r;
|
|
388
|
+
}
|
|
389
|
+
return e.startsWith("ms-") ? "-" + e : e;
|
|
390
|
+
}
|
|
391
|
+
var Xe = function(t) {
|
|
392
|
+
return t == null || t === !1 || t === "";
|
|
393
|
+
}, Ze = function(t) {
|
|
394
|
+
var e, n, r = [];
|
|
395
|
+
for (var o in t) {
|
|
396
|
+
var s = t[o];
|
|
397
|
+
t.hasOwnProperty(o) && !Xe(s) && (Array.isArray(s) && s.isCss || z(s) ? r.push("".concat(ke(o), ":"), s, ";") : $(s) ? r.push.apply(r, x(x(["".concat(o, " {")], Ze(s), !1), ["}"], !1)) : r.push("".concat(ke(o), ": ").concat((e = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || e in lt || e.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
|
|
398
|
+
}
|
|
399
|
+
return r;
|
|
400
|
+
};
|
|
401
|
+
function R(t, e, n, r) {
|
|
402
|
+
if (Xe(t)) return [];
|
|
403
|
+
if (ve(t)) return [".".concat(t.styledComponentId)];
|
|
404
|
+
if (z(t)) {
|
|
405
|
+
if (!z(s = t) || s.prototype && s.prototype.isReactComponent || !e) return [t];
|
|
406
|
+
var o = t(e);
|
|
407
|
+
return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Te || $(o) || o === null || console.error("".concat(Me(t), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), R(o, e, n, r);
|
|
408
|
+
}
|
|
409
|
+
var s;
|
|
410
|
+
return t instanceof Te ? n ? (t.inject(n, r), [t.getName(r)]) : [t] : $(t) ? Ze(t) : Array.isArray(t) ? Array.prototype.concat.apply(re, t.map(function(i) {
|
|
411
|
+
return R(i, e, n, r);
|
|
412
|
+
})) : [t.toString()];
|
|
413
|
+
}
|
|
414
|
+
function Jt(t) {
|
|
415
|
+
for (var e = 0; e < t.length; e += 1) {
|
|
416
|
+
var n = t[e];
|
|
417
|
+
if (z(n) && !ve(n)) return !1;
|
|
418
|
+
}
|
|
419
|
+
return !0;
|
|
420
|
+
}
|
|
421
|
+
var Qt = Be(ne), en = (function() {
|
|
422
|
+
function t(e, n, r) {
|
|
423
|
+
this.rules = e, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Jt(e), this.componentId = n, this.baseHash = D(Qt, n), this.baseStyle = r, We.registerId(n);
|
|
424
|
+
}
|
|
425
|
+
return t.prototype.generateAndInjectStyles = function(e, n, r) {
|
|
426
|
+
var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e, n, r) : "";
|
|
427
|
+
if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = O(o, this.staticRulesId);
|
|
428
|
+
else {
|
|
429
|
+
var s = Ie(R(this.rules, e, n, r)), i = de(D(this.baseHash, s) >>> 0);
|
|
430
|
+
if (!n.hasNameForId(this.componentId, i)) {
|
|
431
|
+
var c = r(s, ".".concat(i), void 0, this.componentId);
|
|
432
|
+
n.insertRules(this.componentId, i, c);
|
|
433
|
+
}
|
|
434
|
+
o = O(o, i), this.staticRulesId = i;
|
|
435
|
+
}
|
|
436
|
+
else {
|
|
437
|
+
for (var a = D(this.baseHash, r.hash), f = "", d = 0; d < this.rules.length; d++) {
|
|
438
|
+
var h = this.rules[d];
|
|
439
|
+
if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (a = D(a, h));
|
|
440
|
+
else if (h) {
|
|
441
|
+
var u = Ie(R(h, e, n, r));
|
|
442
|
+
a = D(a, u + d), f += u;
|
|
443
|
+
}
|
|
444
|
+
}
|
|
445
|
+
if (f) {
|
|
446
|
+
var p = de(a >>> 0);
|
|
447
|
+
n.hasNameForId(this.componentId, p) || n.insertRules(this.componentId, p, r(f, ".".concat(p), void 0, this.componentId)), o = O(o, p);
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
return o;
|
|
451
|
+
}, t;
|
|
452
|
+
})(), Je = Y.createContext(void 0);
|
|
453
|
+
Je.Consumer;
|
|
454
|
+
var le = {}, je = /* @__PURE__ */ new Set();
|
|
455
|
+
function tn(t, e, n) {
|
|
456
|
+
var r = ve(t), o = t, s = !ue(t), i = e.attrs, c = i === void 0 ? re : i, a = e.componentId, f = a === void 0 ? (function(y, g) {
|
|
457
|
+
var l = typeof y != "string" ? "sc" : Ne(y);
|
|
458
|
+
le[l] = (le[l] || 0) + 1;
|
|
459
|
+
var S = "".concat(l, "-").concat(_t(ne + l + le[l]));
|
|
460
|
+
return g ? "".concat(g, "-").concat(S) : S;
|
|
461
|
+
})(e.displayName, e.parentComponentId) : a, d = e.displayName, h = d === void 0 ? (function(y) {
|
|
462
|
+
return ue(y) ? "styled.".concat(y) : "Styled(".concat(Me(y), ")");
|
|
463
|
+
})(t) : d, u = e.displayName && e.componentId ? "".concat(Ne(e.displayName), "-").concat(e.componentId) : e.componentId || f, p = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, v = e.shouldForwardProp;
|
|
464
|
+
if (r && o.shouldForwardProp) {
|
|
465
|
+
var _ = o.shouldForwardProp;
|
|
466
|
+
if (e.shouldForwardProp) {
|
|
467
|
+
var P = e.shouldForwardProp;
|
|
468
|
+
v = function(y, g) {
|
|
469
|
+
return _(y, g) && P(y, g);
|
|
470
|
+
};
|
|
471
|
+
} else v = _;
|
|
472
|
+
}
|
|
473
|
+
var b = new en(n, u, r ? o.componentStyle : void 0);
|
|
474
|
+
function B(y, g) {
|
|
475
|
+
return (function(l, S, C) {
|
|
476
|
+
var k = l.attrs, et = l.componentStyle, tt = l.defaultProps, nt = l.foldedComponentIds, Se = l.styledComponentId, rt = l.target, ot = Y.useContext(Je), st = Re(), oe = l.shouldForwardProp || st.shouldForwardProp;
|
|
477
|
+
process.env.NODE_ENV !== "production" && Ee(Se);
|
|
478
|
+
var we = wt(S, ot, tt) || V, N = (function(q, G, H) {
|
|
479
|
+
for (var j, I = E(E({}, G), { className: void 0, theme: H }), ae = 0; ae < q.length; ae += 1) {
|
|
480
|
+
var W = z(j = q[ae]) ? j(I) : j;
|
|
481
|
+
for (var A in W) I[A] = A === "className" ? O(I[A], W[A]) : A === "style" ? E(E({}, I[A]), W[A]) : W[A];
|
|
482
|
+
}
|
|
483
|
+
return G.className && (I.className = O(I.className, G.className)), I;
|
|
484
|
+
})(k, S, we), M = N.as || rt, L = {};
|
|
485
|
+
for (var w in N) N[w] === void 0 || w[0] === "$" || w === "as" || w === "theme" && N.theme === we || (w === "forwardedAs" ? L.as = N.forwardedAs : oe && !oe(w, M) || (L[w] = N[w], oe || process.env.NODE_ENV !== "development" || it(w) || je.has(w) || !pe.has(M) || (je.add(w), console.warn('styled-components: it looks like an unknown prop "'.concat(w, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
|
|
486
|
+
var se = (function(q, G) {
|
|
487
|
+
var H = Re(), j = q.generateAndInjectStyles(G, H.styleSheet, H.stylis);
|
|
488
|
+
return process.env.NODE_ENV !== "production" && Ee(j), j;
|
|
489
|
+
})(et, N);
|
|
490
|
+
process.env.NODE_ENV !== "production" && l.warnTooManyClasses && l.warnTooManyClasses(se);
|
|
491
|
+
var ie = O(nt, Se);
|
|
492
|
+
return se && (ie += " " + se), N.className && (ie += " " + N.className), L[ue(M) && !pe.has(M) ? "class" : "className"] = ie, C && (L.ref = C), at(M, L);
|
|
493
|
+
})(m, y, g);
|
|
494
|
+
}
|
|
495
|
+
B.displayName = h;
|
|
496
|
+
var m = Y.forwardRef(B);
|
|
497
|
+
return m.attrs = p, m.componentStyle = b, m.displayName = h, m.shouldForwardProp = v, m.foldedComponentIds = r ? O(o.foldedComponentIds, o.styledComponentId) : "", m.styledComponentId = u, m.target = r ? o.target : t, Object.defineProperty(m, "defaultProps", { get: function() {
|
|
498
|
+
return this._foldedDefaultProps;
|
|
499
|
+
}, set: function(y) {
|
|
500
|
+
this._foldedDefaultProps = r ? (function(g) {
|
|
501
|
+
for (var l = [], S = 1; S < arguments.length; S++) l[S - 1] = arguments[S];
|
|
502
|
+
for (var C = 0, k = l; C < k.length; C++) he(g, k[C], !0);
|
|
503
|
+
return g;
|
|
504
|
+
})({}, o.defaultProps, y) : y;
|
|
505
|
+
} }), process.env.NODE_ENV !== "production" && (St(h, u), m.warnTooManyClasses = /* @__PURE__ */ (function(y, g) {
|
|
506
|
+
var l = {}, S = !1;
|
|
507
|
+
return function(C) {
|
|
508
|
+
if (!S && (l[C] = !0, Object.keys(l).length >= 200)) {
|
|
509
|
+
var k = g ? ' with the id of "'.concat(g, '"') : "";
|
|
510
|
+
console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(k, `.
|
|
511
|
+
`) + `Consider using the attrs method, together with a style object for frequently changed styles.
|
|
512
|
+
Example:
|
|
513
|
+
const Component = styled.div.attrs(props => ({
|
|
514
|
+
style: {
|
|
515
|
+
background: props.background,
|
|
516
|
+
},
|
|
517
|
+
}))\`width: 100%;\`
|
|
518
|
+
|
|
519
|
+
<Component />`), S = !0, l = {};
|
|
520
|
+
}
|
|
521
|
+
};
|
|
522
|
+
})(h, u)), ge(m, function() {
|
|
523
|
+
return ".".concat(m.styledComponentId);
|
|
524
|
+
}), s && qe(m, t, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), m;
|
|
525
|
+
}
|
|
526
|
+
function xe(t, e) {
|
|
527
|
+
for (var n = [t[0]], r = 0, o = e.length; r < o; r += 1) n.push(e[r], t[r + 1]);
|
|
528
|
+
return n;
|
|
529
|
+
}
|
|
530
|
+
var Ve = function(t) {
|
|
531
|
+
return Object.assign(t, { isCss: !0 });
|
|
532
|
+
};
|
|
533
|
+
function nn(t) {
|
|
534
|
+
for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
|
|
535
|
+
if (z(t) || $(t)) return Ve(R(xe(re, x([t], e, !0))));
|
|
536
|
+
var r = t;
|
|
537
|
+
return e.length === 0 && r.length === 1 && typeof r[0] == "string" ? R(r) : Ve(R(xe(r, e)));
|
|
538
|
+
}
|
|
539
|
+
function me(t, e, n) {
|
|
540
|
+
if (n === void 0 && (n = V), !e) throw F(1, e);
|
|
541
|
+
var r = function(o) {
|
|
542
|
+
for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
|
|
543
|
+
return t(e, n, nn.apply(void 0, x([o], s, !1)));
|
|
544
|
+
};
|
|
545
|
+
return r.attrs = function(o) {
|
|
546
|
+
return me(t, e, E(E({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
|
|
547
|
+
}, r.withConfig = function(o) {
|
|
548
|
+
return me(t, e, E(E({}, n), o));
|
|
549
|
+
}, r;
|
|
550
|
+
}
|
|
551
|
+
var Qe = function(t) {
|
|
552
|
+
return me(tn, t);
|
|
553
|
+
}, rn = Qe;
|
|
554
|
+
pe.forEach(function(t) {
|
|
555
|
+
rn[t] = Qe(t);
|
|
556
|
+
});
|
|
557
|
+
process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
558
|
+
Perhaps you're looking to import 'styled-components/native'?
|
|
559
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`);
|
|
560
|
+
var Z = "__sc-".concat(T, "__");
|
|
561
|
+
process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Z] || (window[Z] = 0), window[Z] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
562
|
+
|
|
563
|
+
See https://s-c.sh/2BAXzed for more info.`), window[Z] += 1);
|
|
564
|
+
export {
|
|
565
|
+
Ke as StyleSheetContext,
|
|
566
|
+
Je as ThemeContext,
|
|
567
|
+
nn as css,
|
|
568
|
+
rn as default,
|
|
569
|
+
ve as isStyledComponent,
|
|
570
|
+
rn as styled,
|
|
571
|
+
ne as version
|
|
572
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
var r = "-ms-", a = "-moz-", v = "-webkit-", E = "comm", e = "rule", m = "decl", M = "@import", R = "@keyframes", T = "@layer";
|
|
2
|
+
export {
|
|
3
|
+
E as COMMENT,
|
|
4
|
+
m as DECLARATION,
|
|
5
|
+
M as IMPORT,
|
|
6
|
+
R as KEYFRAMES,
|
|
7
|
+
T as LAYER,
|
|
8
|
+
a as MOZ,
|
|
9
|
+
r as MS,
|
|
10
|
+
e as RULESET,
|
|
11
|
+
v as WEBKIT
|
|
12
|
+
};
|