UNPKG

dgz-ui

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

1,306 lines (1,290 loc) 225 kB
import { j as B } from "./jsx-runtime-C5mzlN2N.js"; import * as U from "react"; import q, { useState as or, useEffect as oo, useDebugValue as ar, createElement as Tn, useRef as ao, useContext as lo } from "react"; import { u as qt, S as co } from "./index-l1ZGtt0d.js"; import { c as Ts } from "./index-Dmh__Tgi.js"; import { P as uo, c as Rn } from "./index-D_OzDH1f.js"; import { u as Rs } from "./index-rSIGk0ww.js"; import { u as ys } from "./select-BehdTDP2.js"; import { u as Ss } from "./index-DFLDO_Wj.js"; import { P as at } from "./index-Do92jweN.js"; import { R as fo, s as po, X as mo, q as Eo } from "./index-Br4MVOGV.js"; import { c as Se } from "./utils-D0f6bOsw.js"; import { c as Os } from "./index-DJNxTvwd.js"; import { B as ho } from "./button-CdLiKstp.js"; var Ht = "Checkbox", [go, Nf] = Ts(Ht), [_o, kn] = go(Ht); function Io(e) { const { __scopeCheckbox: t, checked: n, children: r, defaultChecked: s, disabled: o, form: i, name: l, onCheckedChange: a, required: u, value: c = "on", // @ts-expect-error internal_do_not_use_render: d } = e, [p, m] = Rs({ prop: n, defaultProp: s ?? !1, onChange: a, caller: Ht }), [f, E] = U.useState(null), [T, h] = U.useState(null), _ = U.useRef(!1), R = f ? !!i || !!f.closest("form") : ( // We set this to true by default so that events bubble to forms without JS (SSR) !0 ), y = { checked: p, disabled: o, setChecked: m, control: f, setControl: E, name: l, form: i, value: c, hasConsumerStoppedPropagationRef: _, required: u, defaultChecked: Le(s) ? !1 : s, isFormControl: R, bubbleInput: T, setBubbleInput: h }; return /* @__PURE__ */ B.jsx( _o, { scope: t, ...y, children: To(d) ? d(y) : r } ); } var bs = "CheckboxTrigger", Ds = U.forwardRef( ({ __scopeCheckbox: e, onKeyDown: t, onClick: n, ...r }, s) => { const { control: o, value: i, disabled: l, checked: a, required: u, setControl: c, setChecked: d, hasConsumerStoppedPropagationRef: p, isFormControl: m, bubbleInput: f } = kn(bs, e), E = qt(s, c), T = U.useRef(a); return U.useEffect(() => { const h = o == null ? void 0 : o.form; if (h) { const _ = () => d(T.current); return h.addEventListener("reset", _), () => h.removeEventListener("reset", _); } }, [o, d]), /* @__PURE__ */ B.jsx( at.button, { type: "button", role: "checkbox", "aria-checked": Le(a) ? "mixed" : a, "aria-required": u, "data-state": ws(a), "data-disabled": l ? "" : void 0, disabled: l, value: i, ...r, ref: E, onKeyDown: Rn(t, (h) => { h.key === "Enter" && h.preventDefault(); }), onClick: Rn(n, (h) => { d((_) => Le(_) ? !0 : !_), f && m && (p.current = h.isPropagationStopped(), p.current || h.stopPropagation()); }) } ); } ); Ds.displayName = bs; var Vn = U.forwardRef( (e, t) => { const { __scopeCheckbox: n, name: r, checked: s, defaultChecked: o, required: i, disabled: l, value: a, onCheckedChange: u, form: c, ...d } = e; return /* @__PURE__ */ B.jsx( Io, { __scopeCheckbox: n, checked: s, defaultChecked: o, disabled: l, required: i, onCheckedChange: u, name: r, form: c, value: a, internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ B.jsxs(B.Fragment, { children: [ /* @__PURE__ */ B.jsx( Ds, { ...d, ref: t, __scopeCheckbox: n } ), p && /* @__PURE__ */ B.jsx( Cs, { __scopeCheckbox: n } ) ] }) } ); } ); Vn.displayName = Ht; var vs = "CheckboxIndicator", As = U.forwardRef( (e, t) => { const { __scopeCheckbox: n, forceMount: r, ...s } = e, o = kn(vs, n); return /* @__PURE__ */ B.jsx( uo, { present: r || Le(o.checked) || o.checked === !0, children: /* @__PURE__ */ B.jsx( at.span, { "data-state": ws(o.checked), "data-disabled": o.disabled ? "" : void 0, ...s, ref: t, style: { pointerEvents: "none", ...e.style } } ) } ); } ); As.displayName = vs; var Ps = "CheckboxBubbleInput", Cs = U.forwardRef( ({ __scopeCheckbox: e, ...t }, n) => { const { control: r, hasConsumerStoppedPropagationRef: s, checked: o, defaultChecked: i, required: l, disabled: a, name: u, value: c, form: d, bubbleInput: p, setBubbleInput: m } = kn(Ps, e), f = qt(n, m), E = ys(o), T = Ss(r); U.useEffect(() => { const _ = p; if (!_) return; const R = window.HTMLInputElement.prototype, D = Object.getOwnPropertyDescriptor( R, "checked" ).set, b = !s.current; if (E !== o && D) { const A = new Event("click", { bubbles: b }); _.indeterminate = Le(o), D.call(_, Le(o) ? !1 : o), _.dispatchEvent(A); } }, [p, E, o, s]); const h = U.useRef(Le(o) ? !1 : o); return /* @__PURE__ */ B.jsx( at.input, { type: "checkbox", "aria-hidden": !0, defaultChecked: i ?? h.current, required: l, disabled: a, name: u, value: c, form: d, ...t, tabIndex: -1, ref: f, style: { ...t.style, ...T, position: "absolute", pointerEvents: "none", opacity: 0, margin: 0, // We transform because the input is absolutely positioned but we have // rendered it **after** the button. This pulls it back to sit on top // of the button. transform: "translateX(-100%)" } } ); } ); Cs.displayName = Ps; function To(e) { return typeof e == "function"; } function Le(e) { return e === "indeterminate"; } function ws(e) { return Le(e) ? "indeterminate" : e ? "checked" : "unchecked"; } const Ro = U.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ B.jsx( Vn, { ref: n, className: Se( "peer size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary", e ), ...t, children: /* @__PURE__ */ B.jsx( As, { className: Se("flex items-center justify-center text-current size-4"), children: t.checked === "indeterminate" ? /* @__PURE__ */ B.jsx(fo, { className: "size-3.5 text-primary mb-0.5 mr-0.5" }) : /* @__PURE__ */ B.jsx(po, { className: "size-3.5 text-primary mb-0.5 mr-0.5" }) } ) } )); Ro.displayName = Vn.displayName; const Ls = Os( "flex h-10 w-full rounded-lg border border-border-alpha-strong px-3 py-2 dark:bg-transparent file:border-0 placeholder:text-secondary placeholder:text-body-sm-regular focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-bg focus-visible:ring-offset-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", { variants: { variant: { default: "focus-visible:ring-item-primary", failure: "focus-visible:ring-item-destructive bg-item-destructive-focus placeholder:text-item-destructive border-item-destructive text-destructive", success: "focus-visible:ring-success bg-success/20 placeholder:text-success/80 border-success text-success" } }, defaultVariants: { variant: "default" } } ), yo = U.forwardRef( ({ className: e, type: t, variant: n, ...r }, s) => { const [o, i] = or(!1), [l, a] = or(!1); return oo(() => { i(t === "password"); }, [t]), /* @__PURE__ */ B.jsxs("div", { className: "relative", children: [ /* @__PURE__ */ B.jsx( "input", { type: l ? "text" : t, className: Se( Ls({ variant: n }), e, o && "pr-10" ), ref: s, ...r } ), o && /* @__PURE__ */ B.jsx( ho, { type: "button", size: "icon", variant: "tertiary", className: "cursor-pointer absolute top-1 right-1 rounded-md p-2 size-8 !ring-0 !ring-offset-0", onClick: () => { a(!l); }, children: l ? /* @__PURE__ */ B.jsx(mo, {}) : /* @__PURE__ */ B.jsx(Eo, {}) } ) ] }); } ); yo.displayName = "Input"; var fe = function() { return fe = Object.assign || function(t) { for (var n, r = 1, s = arguments.length; r < s; r++) { n = arguments[r]; for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]); } return t; }, fe.apply(this, arguments); }; function et(e, t, n) { if (n || arguments.length === 2) for (var r = 0, s = t.length, o; r < s; r++) (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]); return e.concat(o || Array.prototype.slice.call(t)); } function So(e) { var t = /* @__PURE__ */ Object.create(null); return function(n) { return t[n] === void 0 && (t[n] = e(n)), t[n]; }; } var Oo = /^((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)-.*))$/, bo = /* @__PURE__ */ So( function(e) { return Oo.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91; } /* Z+1 */ ), Y = "-ms-", Et = "-moz-", $ = "-webkit-", Ns = "comm", Yt = "rule", $n = "decl", Do = "@import", Ms = "@keyframes", vo = "@layer", Gs = Math.abs, qn = String.fromCharCode, yn = Object.assign; function Ao(e, t) { return ne(e, 0) ^ 45 ? (((t << 2 ^ ne(e, 0)) << 2 ^ ne(e, 1)) << 2 ^ ne(e, 2)) << 2 ^ ne(e, 3) : 0; } function xs(e) { return e.trim(); } function De(e, t) { return (e = t.exec(e)) ? e[0] : e; } function F(e, t, n) { return e.replace(t, n); } function Pt(e, t, n) { return e.indexOf(t, n); } function ne(e, t) { return e.charCodeAt(t) | 0; } function tt(e, t, n) { return e.slice(t, n); } function Oe(e) { return e.length; } function Fs(e) { return e.length; } function mt(e, t) { return t.push(e), e; } function Po(e, t) { return e.map(t).join(""); } function lr(e, t) { return e.filter(function(n) { return !De(n, t); }); } var zt = 1, nt = 1, Bs = 0, _e = 0, K = 0, lt = ""; function jt(e, t, n, r, s, o, i, l) { return { value: e, root: t, parent: n, type: r, props: s, children: o, line: zt, column: nt, length: i, return: "", siblings: l }; } function we(e, t) { return yn(jt("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t); } function Qe(e) { for (; e.root; ) e = we(e.root, { children: [e] }); mt(e, e.siblings); } function Co() { return K; } function wo() { return K = _e > 0 ? ne(lt, --_e) : 0, nt--, K === 10 && (nt = 1, zt--), K; } function ye() { return K = _e < Bs ? ne(lt, _e++) : 0, nt++, K === 10 && (nt = 1, zt++), K; } function Ue() { return ne(lt, _e); } function Ct() { return _e; } function Wt(e, t) { return tt(lt, e, t); } function Sn(e) { switch (e) { // \0 \t \n \r \s whitespace token case 0: case 9: case 10: case 13: case 32: return 5; // ! + , / > @ ~ isolate token case 33: case 43: case 44: case 47: case 62: case 64: case 126: // ; { } breakpoint token case 59: case 123: case 125: return 4; // : accompanied token case 58: return 3; // " ' ( [ opening delimit token case 34: case 39: case 40: case 91: return 2; // ) ] closing delimit token case 41: case 93: return 1; } return 0; } function Lo(e) { return zt = nt = 1, Bs = Oe(lt = e), _e = 0, []; } function No(e) { return lt = "", e; } function ln(e) { return xs(Wt(_e - 1, On(e === 91 ? e + 2 : e === 40 ? e + 1 : e))); } function Mo(e) { for (; (K = Ue()) && K < 33; ) ye(); return Sn(e) > 2 || Sn(K) > 3 ? "" : " "; } function Go(e, t) { for (; --t && ye() && !(K < 48 || K > 102 || K > 57 && K < 65 || K > 70 && K < 97); ) ; return Wt(e, Ct() + (t < 6 && Ue() == 32 && ye() == 32)); } function On(e) { for (; ye(); ) switch (K) { // ] ) " ' case e: return _e; // " ' case 34: case 39: e !== 34 && e !== 39 && On(K); break; // ( case 40: e === 41 && On(e); break; // \ case 92: ye(); break; } return _e; } function xo(e, t) { for (; ye() && e + K !== 57; ) if (e + K === 84 && Ue() === 47) break; return "/*" + Wt(t, _e - 1) + "*" + qn(e === 47 ? e : ye()); } function Fo(e) { for (; !Sn(Ue()); ) ye(); return Wt(e, _e); } function Bo(e) { return No(wt("", null, null, null, [""], e = Lo(e), 0, [0], e)); } function wt(e, t, n, r, s, o, i, l, a) { for (var u = 0, c = 0, d = i, p = 0, m = 0, f = 0, E = 1, T = 1, h = 1, _ = 0, R = "", y = s, D = o, b = r, A = R; T; ) switch (f = _, _ = ye()) { // ( case 40: if (f != 108 && ne(A, d - 1) == 58) { Pt(A += F(ln(_), "&", "&\f"), "&\f", Gs(u ? l[u - 1] : 0)) != -1 && (h = -1); break; } // " ' [ case 34: case 39: case 91: A += ln(_); break; // \t \n \r \s case 9: case 10: case 13: case 32: A += Mo(f); break; // \ case 92: A += Go(Ct() - 1, 7); continue; // / case 47: switch (Ue()) { case 42: case 47: mt(Uo(xo(ye(), Ct()), t, n, a), a); break; default: A += "/"; } break; // { case 123 * E: l[u++] = Oe(A) * h; // } ; \0 case 125 * E: case 59: case 0: switch (_) { // \0 } case 0: case 125: T = 0; // ; case 59 + c: h == -1 && (A = F(A, /\f/g, "")), m > 0 && Oe(A) - d && mt(m > 32 ? ur(A + ";", r, n, d - 1, a) : ur(F(A, " ", "") + ";", r, n, d - 2, a), a); break; // @ ; case 59: A += ";"; // { rule/at-rule default: if (mt(b = cr(A, t, n, u, c, s, l, R, y = [], D = [], d, o), o), _ === 123) if (c === 0) wt(A, t, b, b, y, o, d, l, D); else switch (p === 99 && ne(A, 3) === 110 ? 100 : p) { // d l m s case 100: case 108: case 109: case 115: wt(e, b, b, r && mt(cr(e, b, b, 0, 0, s, l, R, s, y = [], d, D), D), s, D, d, l, r ? y : D); break; default: wt(A, b, b, b, [""], D, 0, l, D); } } u = c = m = 0, E = h = 1, R = A = "", d = i; break; // : case 58: d = 1 + Oe(A), m = f; default: if (E < 1) { if (_ == 123) --E; else if (_ == 125 && E++ == 0 && wo() == 125) continue; } switch (A += qn(_), _ * E) { // & case 38: h = c > 0 ? 1 : (A += "\f", -1); break; // , case 44: l[u++] = (Oe(A) - 1) * h, h = 1; break; // @ case 64: Ue() === 45 && (A += ln(ye())), p = Ue(), c = d = Oe(R = A += Fo(Ct())), _++; break; // - case 45: f === 45 && Oe(A) == 2 && (E = 0); } } return o; } function cr(e, t, n, r, s, o, i, l, a, u, c, d) { for (var p = s - 1, m = s === 0 ? o : [""], f = Fs(m), E = 0, T = 0, h = 0; E < r; ++E) for (var _ = 0, R = tt(e, p + 1, p = Gs(T = i[E])), y = e; _ < f; ++_) (y = xs(T > 0 ? m[_] + " " + R : F(R, /&\f/g, m[_]))) && (a[h++] = y); return jt(e, t, n, s === 0 ? Yt : l, a, u, c, d); } function Uo(e, t, n, r) { return jt(e, t, n, Ns, qn(Co()), tt(e, 2, -2), 0, r); } function ur(e, t, n, r, s) { return jt(e, t, n, $n, tt(e, 0, r), tt(e, r + 1, -1), r, s); } function Us(e, t, n) { switch (Ao(e, t)) { // color-adjust case 5103: return $ + "print-" + e + e; // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function) case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break case 5572: case 6356: case 5844: case 3191: case 6645: case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite, case 6391: case 5879: case 5623: case 6135: case 4599: case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width) case 4215: case 6389: case 5109: case 5365: case 5621: case 3829: return $ + e + e; // tab-size case 4789: return Et + e + e; // appearance, user-select, transform, hyphens, text-size-adjust case 5349: case 4246: case 4810: case 6968: case 2756: return $ + e + Et + e + Y + e + e; // writing-mode case 5936: switch (ne(e, t + 11)) { // vertical-l(r) case 114: return $ + e + Y + F(e, /[svh]\w+-[tblr]{2}/, "tb") + e; // vertical-r(l) case 108: return $ + e + Y + F(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e; // horizontal(-)tb case 45: return $ + e + Y + F(e, /[svh]\w+-[tblr]{2}/, "lr") + e; } // flex, flex-direction, scroll-snap-type, writing-mode case 6828: case 4268: case 2903: return $ + e + Y + e + e; // order case 6165: return $ + e + Y + "flex-" + e + e; // align-items case 5187: return $ + e + F(e, /(\w+).+(:[^]+)/, $ + "box-$1$2" + Y + "flex-$1$2") + e; // align-self case 5443: return $ + e + Y + "flex-item-" + F(e, /flex-|-self/g, "") + (De(e, /flex-|baseline/) ? "" : Y + "grid-row-" + F(e, /flex-|-self/g, "")) + e; // align-content case 4675: return $ + e + Y + "flex-line-pack" + F(e, /align-content|flex-|-self/g, "") + e; // flex-shrink case 5548: return $ + e + Y + F(e, "shrink", "negative") + e; // flex-basis case 5292: return $ + e + Y + F(e, "basis", "preferred-size") + e; // flex-grow case 6060: return $ + "box-" + F(e, "-grow", "") + $ + e + Y + F(e, "grow", "positive") + e; // transition case 4554: return $ + F(e, /([^-])(transform)/g, "$1" + $ + "$2") + e; // cursor case 6187: return F(F(F(e, /(zoom-|grab)/, $ + "$1"), /(image-set)/, $ + "$1"), e, "") + e; // background, background-image case 5495: case 3959: return F(e, /(image-set\([^]*)/, $ + "$1$`$1"); // justify-content case 4968: return F(F(e, /(.+:)(flex-)?(.*)/, $ + "box-pack:$3" + Y + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + $ + e + e; // justify-self case 4200: if (!De(e, /flex-|baseline/)) return Y + "grid-column-align" + tt(e, t) + e; break; // grid-template-(columns|rows) case 2592: case 3360: return Y + F(e, "template-", "") + e; // grid-(row|column)-start case 4384: case 3616: return n && n.some(function(r, s) { return t = s, De(r.props, /grid-\w+-end/); }) ? ~Pt(e + (n = n[t].value), "span", 0) ? e : Y + F(e, "-start", "") + e + Y + "grid-row-span:" + (~Pt(n, "span", 0) ? De(n, /\d+/) : +De(n, /\d+/) - +De(e, /\d+/)) + ";" : Y + F(e, "-start", "") + e; // grid-(row|column)-end case 4896: case 4128: return n && n.some(function(r) { return De(r.props, /grid-\w+-start/); }) ? e : Y + F(F(e, "-end", "-span"), "span ", "") + e; // (margin|padding)-inline-(start|end) case 4095: case 3583: case 4068: case 2532: return F(e, /(.+)-inline(.+)/, $ + "$1$2") + e; // (min|max)?(width|height|inline-size|block-size) case 8116: case 7059: case 5753: case 5535: case 5445: case 5701: case 4933: case 4677: case 5533: case 5789: case 5021: case 4765: if (Oe(e) - 1 - t > 6) switch (ne(e, t + 1)) { // (m)ax-content, (m)in-content case 109: if (ne(e, t + 4) !== 45) break; // (f)ill-available, (f)it-content case 102: return F(e, /(.+:)(.+)-([^]+)/, "$1" + $ + "$2-$3$1" + Et + (ne(e, t + 3) == 108 ? "$3" : "$2-$3")) + e; // (s)tretch case 115: return ~Pt(e, "stretch", 0) ? Us(F(e, "stretch", "fill-available"), t, n) + e : e; } break; // grid-(column|row) case 5152: case 5920: return F(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, s, o, i, l, a, u) { return Y + s + ":" + o + u + (i ? Y + s + "-span:" + (l ? a : +a - +o) + u : "") + e; }); // position: sticky case 4949: if (ne(e, t + 6) === 121) return F(e, ":", ":" + $) + e; break; // display: (flex|inline-flex|grid|inline-grid) case 6444: switch (ne(e, ne(e, 14) === 45 ? 18 : 11)) { // (inline-)?fle(x) case 120: return F(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + $ + (ne(e, 14) === 45 ? "inline-" : "") + "box$3$1" + $ + "$2$3$1" + Y + "$2box$3") + e; // (inline-)?gri(d) case 100: return F(e, ":", ":" + Y) + e; } break; // scroll-margin, scroll-margin-(top|right|bottom|left) case 5719: case 2647: case 2135: case 3927: case 2391: return F(e, "scroll-", "scroll-snap-") + e; } return e; } function xt(e, t) { for (var n = "", r = 0; r < e.length; r++) n += t(e[r], r, e, t) || ""; return n; } function ko(e, t, n, r) { switch (e.type) { case vo: if (e.children.length) break; case Do: case $n: return e.return = e.return || e.value; case Ns: return ""; case Ms: return e.return = e.value + "{" + xt(e.children, r) + "}"; case Yt: if (!Oe(e.value = e.props.join(","))) return ""; } return Oe(n = xt(e.children, r)) ? e.return = e.value + "{" + n + "}" : ""; } function Vo(e) { var t = Fs(e); return function(n, r, s, o) { for (var i = "", l = 0; l < t; l++) i += e[l](n, r, s, o) || ""; return i; }; } function $o(e) { return function(t) { t.root || (t = t.return) && e(t); }; } function qo(e, t, n, r) { if (e.length > -1 && !e.return) switch (e.type) { case $n: e.return = Us(e.value, e.length, n); return; case Ms: return xt([we(e, { value: F(e.value, "@", "@" + $) })], r); case Yt: if (e.length) return Po(n = e.props, function(s) { switch (De(s, r = /(::plac\w+|:read-\w+)/)) { // :read-(only|write) case ":read-only": case ":read-write": Qe(we(e, { props: [F(s, /:(read-\w+)/, ":" + Et + "$1")] })), Qe(we(e, { props: [s] })), yn(e, { props: lr(n, r) }); break; // :placeholder case "::placeholder": Qe(we(e, { props: [F(s, /:(plac\w+)/, ":" + $ + "input-$1")] })), Qe(we(e, { props: [F(s, /:(plac\w+)/, ":" + Et + "$1")] })), Qe(we(e, { props: [F(s, /:(plac\w+)/, Y + "input-$1")] })), Qe(we(e, { props: [s] })), yn(e, { props: lr(n, r) }); break; } return ""; }); } } var Ho = { animationIterationCount: 1, aspectRatio: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }, Ye = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", ks = "active", Vs = "data-styled-version", Xt = "6.1.18", Hn = `/*!sc*/ `, Ft = typeof window < "u" && typeof document < "u", Yo = !!(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"), dr = /invalid hook call/i, It = /* @__PURE__ */ new Set(), zo = function(e, t) { if (process.env.NODE_ENV !== "production") { var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` has been created dynamically. `) + `You may see this warning because you've called styled inside another component. To resolve this only create new StyledComponents outside of any render method and function component. See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info. `, s = console.error; try { var o = !0; console.error = function(i) { for (var l = [], a = 1; a < arguments.length; a++) l[a - 1] = arguments[a]; dr.test(i) ? (o = !1, It.delete(r)) : s.apply(void 0, et([i], l, !1)); }, ao(), o && !It.has(r) && (console.warn(r), It.add(r)); } catch (i) { dr.test(i.message) && It.delete(r); } finally { console.error = s; } } }, Qt = Object.freeze([]), rt = Object.freeze({}); function jo(e, t, n) { return n === void 0 && (n = rt), e.theme !== n.theme && e.theme || t || n.theme; } var bn = /* @__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"]), Wo = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Xo = /(^-|-$)/g; function fr(e) { return e.replace(Wo, "-").replace(Xo, ""); } var Qo = /(a)(d)/gi, Tt = 52, pr = function(e) { return String.fromCharCode(e + (e > 25 ? 39 : 97)); }; function Dn(e) { var t, n = ""; for (t = Math.abs(e); t > Tt; t = t / Tt | 0) n = pr(t % Tt) + n; return (pr(t % Tt) + n).replace(Qo, "$1-$2"); } var cn, $s = 5381, Me = function(e, t) { for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n); return e; }, qs = function(e) { return Me($s, e); }; function Ko(e) { return Dn(qs(e) >>> 0); } function Hs(e) { return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component"; } function un(e) { return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase()); } var Ys = typeof Symbol == "function" && Symbol.for, zs = Ys ? Symbol.for("react.memo") : 60115, Zo = Ys ? Symbol.for("react.forward_ref") : 60112, Jo = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, ea = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, js = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, ta = ((cn = {})[Zo] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, cn[zs] = js, cn); function mr(e) { return ("type" in (t = e) && t.type.$$typeof) === zs ? js : "$$typeof" in e ? ta[e.$$typeof] : Jo; var t; } var na = Object.defineProperty, ra = Object.getOwnPropertyNames, Er = Object.getOwnPropertySymbols, sa = Object.getOwnPropertyDescriptor, ia = Object.getPrototypeOf, hr = Object.prototype; function Ws(e, t, n) { if (typeof t != "string") { if (hr) { var r = ia(t); r && r !== hr && Ws(e, r, n); } var s = ra(t); Er && (s = s.concat(Er(t))); for (var o = mr(e), i = mr(t), l = 0; l < s.length; ++l) { var a = s[l]; if (!(a in ea || n && n[a] || i && a in i || o && a in o)) { var u = sa(t, a); try { na(e, a, u); } catch { } } } } return e; } function st(e) { return typeof e == "function"; } function Yn(e) { return typeof e == "object" && "styledComponentId" in e; } function Ge(e, t) { return e && t ? "".concat(e, " ").concat(t) : e || t || ""; } function gr(e, t) { if (e.length === 0) return ""; for (var n = e[0], r = 1; r < e.length; r++) n += e[r]; return n; } function it(e) { return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof); } function vn(e, t, n) { if (n === void 0 && (n = !1), !n && !it(e) && !Array.isArray(e)) return t; if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = vn(e[r], t[r]); else if (it(t)) for (var r in t) e[r] = vn(e[r], t[r]); return e; } function zn(e, t) { Object.defineProperty(e, "toString", { value: t }); } var oa = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s. `, 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. - Are you trying to reuse it across renders? - Are you accidentally calling collectStyles twice? `, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser. `, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop! - Does this error occur on the client and is your target falsy? - Does this error occur on the server and is the sheet falsy? `, 5: `The clone method cannot be used on the client! - Are you running in a client-like environment on the server? - Are you trying to run SSR on the client? `, 6: `Trying to insert a new style tag, but the given Node is unmounted! - Are you using a custom target that isn't mounted? - Does your document not have a valid head element? - Have you accidentally removed a style tag manually? `, 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. `, 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 `, 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. `, 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. `, 14: `ThemeProvider: "theme" prop is required. `, 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. You may only create up to 1,073,741,824 components. If you're creating components dynamically, as for instance in your render method then you may be running into this limitation. `, 17: `CSSStyleSheet could not be found on HTMLStyleElement. Has styled-components' style tag been unmounted or altered by another script? `, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {}; function aa() { for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t]; for (var n = e[0], r = [], s = 1, o = e.length; s < o; s += 1) r.push(e[s]); return r.forEach(function(i) { n = n.replace(/%[a-z]/, i); }), n; } function ct(e) { for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n]; 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(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(aa.apply(void 0, et([oa[e]], t, !1)).trim()); } var la = function() { function e(t) { this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t; } return e.prototype.indexOfGroup = function(t) { for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r]; return n; }, e.prototype.insertRules = function(t, n) { if (t >= this.groupSizes.length) { for (var r = this.groupSizes, s = r.length, o = s; t >= o; ) if ((o <<= 1) < 0) throw ct(16, "".concat(t)); this.groupSizes = new Uint32Array(o), this.groupSizes.set(r), this.length = o; for (var i = s; i < o; i++) this.groupSizes[i] = 0; } for (var l = this.indexOfGroup(t + 1), a = (i = 0, n.length); i < a; i++) this.tag.insertRule(l, n[i]) && (this.groupSizes[t]++, l++); }, e.prototype.clearGroup = function(t) { if (t < this.length) { var n = this.groupSizes[t], r = this.indexOfGroup(t), s = r + n; this.groupSizes[t] = 0; for (var o = r; o < s; o++) this.tag.deleteRule(r); } }, e.prototype.getGroup = function(t) { var n = ""; if (t >= this.length || this.groupSizes[t] === 0) return n; for (var r = this.groupSizes[t], s = this.indexOfGroup(t), o = s + r, i = s; i < o; i++) n += "".concat(this.tag.getRule(i)).concat(Hn); return n; }, e; }(), ca = 1 << 30, Lt = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new Map(), Nt = 1, Rt = function(e) { if (Lt.has(e)) return Lt.get(e); for (; Bt.has(Nt); ) Nt++; var t = Nt++; if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > ca)) throw ct(16, "".concat(t)); return Lt.set(e, t), Bt.set(t, e), t; }, ua = function(e, t) { Nt = t + 1, Lt.set(e, t), Bt.set(t, e); }, da = "style[".concat(Ye, "][").concat(Vs, '="').concat(Xt, '"]'), fa = new RegExp("^".concat(Ye, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), pa = function(e, t, n) { for (var r, s = n.split(","), o = 0, i = s.length; o < i; o++) (r = s[o]) && e.registerName(t, r); }, ma = function(e, t) { for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Hn), s = [], o = 0, i = r.length; o < i; o++) { var l = r[o].trim(); if (l) { var a = l.match(fa); if (a) { var u = 0 | parseInt(a[1], 10), c = a[2]; u !== 0 && (ua(c, u), pa(e, c, a[3]), e.getTag().insertRules(u, s)), s.length = 0; } else s.push(l); } } }, _r = function(e) { for (var t = document.querySelectorAll(da), n = 0, r = t.length; n < r; n++) { var s = t[n]; s && s.getAttribute(Ye) !== ks && (ma(e, s), s.parentNode && s.parentNode.removeChild(s)); } }; function Ea() { return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null; } var Xs = function(e) { var t = document.head, n = e || t, r = document.createElement("style"), s = function(l) { var a = Array.from(l.querySelectorAll("style[".concat(Ye, "]"))); return a[a.length - 1]; }(n), o = s !== void 0 ? s.nextSibling : null; r.setAttribute(Ye, ks), r.setAttribute(Vs, Xt); var i = Ea(); return i && r.setAttribute("nonce", i), n.insertBefore(r, o), r; }, ha = function() { function e(t) { this.element = Xs(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) { if (n.sheet) return n.sheet; for (var r = document.styleSheets, s = 0, o = r.length; s < o; s++) { var i = r[s]; if (i.ownerNode === n) return i; } throw ct(17); }(this.element), this.length = 0; } return e.prototype.insertRule = function(t, n) { try { return this.sheet.insertRule(n, t), this.length++, !0; } catch { return !1; } }, e.prototype.deleteRule = function(t) { this.sheet.deleteRule(t), this.length--; }, e.prototype.getRule = function(t) { var n = this.sheet.cssRules[t]; return n && n.cssText ? n.cssText : ""; }, e; }(), ga = function() { function e(t) { this.element = Xs(t), this.nodes = this.element.childNodes, this.length = 0; } return e.prototype.insertRule = function(t, n) { if (t <= this.length && t >= 0) { var r = document.createTextNode(n); return this.element.insertBefore(r, this.nodes[t] || null), this.length++, !0; } return !1; }, e.prototype.deleteRule = function(t) { this.element.removeChild(this.nodes[t]), this.length--; }, e.prototype.getRule = function(t) { return t < this.length ? this.nodes[t].textContent : ""; }, e; }(), _a = function() { function e(t) { this.rules = [], this.length = 0; } return e.prototype.insertRule = function(t, n) { return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0); }, e.prototype.deleteRule = function(t) { this.rules.splice(t, 1), this.length--; }, e.prototype.getRule = function(t) { return t < this.length ? this.rules[t] : ""; }, e; }(), Ir = Ft, Ia = { isServer: !Ft, useCSSOMInjection: !Yo }, Qs = function() { function e(t, n, r) { t === void 0 && (t = rt), n === void 0 && (n = {}); var s = this; this.options = fe(fe({}, Ia), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && Ft && Ir && (Ir = !1, _r(this)), zn(this, function() { return function(o) { for (var i = o.getTag(), l = i.length, a = "", u = function(d) { var p = function(h) { return Bt.get(h); }(d); if (p === void 0) return "continue"; var m = o.names.get(p), f = i.getGroup(d); if (m === void 0 || !m.size || f.length === 0) return "continue"; var E = "".concat(Ye, ".g").concat(d, '[id="').concat(p, '"]'), T = ""; m !== void 0 && m.forEach(function(h) { h.length > 0 && (T += "".concat(h, ",")); }), a += "".concat(f).concat(E, '{content:"').concat(T, '"}').concat(Hn); }, c = 0; c < l; c++) u(c); return a; }(s); }); } return e.registerId = function(t) { return Rt(t); }, e.prototype.rehydrate = function() { !this.server && Ft && _r(this); }, e.prototype.reconstructWithOptions = function(t, n) { return n === void 0 && (n = !0), new e(fe(fe({}, this.options), t), this.gs, n && this.names || void 0); }, e.prototype.allocateGSInstance = function(t) { return this.gs[t] = (this.gs[t] || 0) + 1; }, e.prototype.getTag = function() { return this.tag || (this.tag = (t = function(n) { var r = n.useCSSOMInjection, s = n.target; return n.isServer ? new _a(s) : r ? new ha(s) : new ga(s); }(this.options), new la(t))); var t; }, e.prototype.hasNameForId = function(t, n) { return this.names.has(t) && this.names.get(t).has(n); }, e.prototype.registerName = function(t, n) { if (Rt(t), this.names.has(t)) this.names.get(t).add(n); else { var r = /* @__PURE__ */ new Set(); r.add(n), this.names.set(t, r); } }, e.prototype.insertRules = function(t, n, r) { this.registerName(t, n), this.getTag().insertRules(Rt(t), r); }, e.prototype.clearNames = function(t) { this.names.has(t) && this.names.get(t).clear(); }, e.prototype.clearRules = function(t) { this.getTag().clearGroup(Rt(t)), this.clearNames(t); }, e.prototype.clearTag = function() { this.tag = void 0; }, e; }(), Ta = /&/g, Ra = /^\s*\/\/.*$/gm; function Ks(e, t) { return e.map(function(n) { return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) { return "".concat(t, " ").concat(r); })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = Ks(n.children, t)), n; }); } function ya(e) { var t, n, r, s = rt, o = s.options, i = o === void 0 ? rt : o, l = s.plugins, a = l === void 0 ? Qt : l, u = function(p, m, f) { return f.startsWith(n) && f.endsWith(n) && f.replaceAll(n, "").length > 0 ? ".".concat(t) : p; }, c = a.slice(); c.push(function(p) { p.type === Yt && p.value.includes("&") && (p.props[0] = p.props[0].replace(Ta, n).replace(r, u)); }), i.prefix && c.push(qo), c.push(ko); var d = function(p, m, f, E) { m === void 0 && (m = ""), f === void 0 && (f = ""), E === void 0 && (E = "&"), t = E, n = m, r = new RegExp("\\".concat(n, "\\b"), "g"); var T = p.replace(Ra, ""), h = Bo(f || m ? "".concat(f, " ").concat(m, " { ").concat(T, " }") : T); i.namespace && (h = Ks(h, i.namespace)); var _ = []; return xt(h, Vo(c.concat($o(function(R) { return _.push(R); })))), _; }; return d.hash = a.length ? a.reduce(function(p, m) { return m.name || ct(15), Me(p, m.name); }, $s).toString() : "", d; } var Sa = new Qs(), An = ya(), Zs = q.createContext({ shouldForwardProp: void 0, styleSheet: Sa, stylis: An }); Zs.Consumer; q.createContext(void 0); function Tr() { return lo(Zs); } var Rr = function() { function e(t, n) { var r = this; this.inject = function(s, o) { o === void 0 && (o = An); var i = r.name + o.hash; s.hasNameForId(r.id, i) || s.insertRules(r.id, i, o(r.rules, i, "@keyframes")); }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, zn(this, function() { throw ct(12, String(r.name)); }); } return e.prototype.getName = function(t) { return t === void 0 && (t = An), this.name + t.hash; }, e; }(), Oa = function(e) { return e >= "A" && e <= "Z"; }; function yr(e) { for (var t = "", n = 0; n < e.length; n++) { var r = e[n]; if (n === 1 && r === "-" && e[0] === "-") return e; Oa(r) ? t += "-" + r.toLowerCase() : t += r; } return t.startsWith("ms-") ? "-" + t : t; } var Js = function(e) { return e == null || e === !1 || e === ""; }, ei = function(e) { var t, n, r = []; for (var s in e) { var o = e[s]; e.hasOwnProperty(s) && !Js(o) && (Array.isArray(o) && o.isCss || st(o) ? r.push("".concat(yr(s), ":"), o, ";") : it(o) ? r.push.apply(r, et(et(["".concat(s, " {")], ei(o), !1), ["}"], !1)) : r.push("".concat(yr(s), ": ").concat((t = s, (n = o) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Ho || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";"))); } return r; }; function ke(e, t, n, r) { if (Js(e)) return []; if (Yn(e)) return [".".concat(e.styledComponentId)]; if (st(e)) { if (!st(o = e) || o.prototype && o.prototype.isReactComponent || !t) return [e]; var s = e(t); return process.env.NODE_ENV === "production" || typeof s != "object" || Array.isArray(s) || s instanceof Rr || it(s) || s === null || console.error("".concat(Hs(e), " is not a styled component and cannot be referre